У роботі розглядаються
- Веб-технології
- HTML-документи
- Таблиці в HTML
- HTML-форми
- Структурування даних
- Інтерактивні елементи
Представлення структурованої інформації у WEB-системі. Побудова інтерактивних HTML-документів та форм
Інформація про навчальний заклад
ВУЗ:
Національний університет Львівська політехніка
Інститут:
Інститут комп’ютерних наук та інформаційних технологій
Факультет:
КН
Кафедра:
Кафедра інформаційних систем та мереж
Інформація про роботу
Рік:
2017
Тип роботи:
Лабораторна робота
Предмет:
Веб технології та веб дизайн
Група:
КН-31
Коротко про документ
Про що ця робота
У роботі розглядаються методи представлення структурованої інформації у web-системі. Практично освоєно побудову таблиць та інтерактивних html-форм за допомогою мови html.
Зміст і розділи
- Мета роботи
- Теоретична частина
- Хід роботи
- Результати виконання завдання
- Висновок
Для кого:Студенти технічних спеціальностей вищих навчальних закладів
Викладачі:Не вказано
Ключові поняття
HTMLвеб-систематаблиціформагіпертекстові конструкціїтегстилідокументвеб-дизайн
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет «Львівська політехніка»
Кафедра ІСМ
/
Лабораторна робота №4
з дисципліни “ Веб-технології та веб-дизайн ”
на тему: «Представлення структурованої
інформації у WEB-системі. Побудова
інтерактивних HTML-документів та форм».
Мета роботи: практичне освоєння методів представлення структурованої інформації у Web-системі, побудова інтерактивних HTML-документів та форм. Вивчення основних гіпертекстових конструкцій мови HTML.
Теоретична частина
Одним з найбільш потужних та поширених прийомів в HTML є таблиці. У HTML таблиці використовуються не тільки традиційно, як метод подання даних, але і як засіб форматування Web-сторінок.
Перші версії мови HTML не передбачали спеціальних засобів для відображення таблиць, так як була в основному призначена для написання простого тексту. З розвитком сфер застосування HTML-документів стала актуальною задача представлення даних, для яких типово наявність ряду рядків і стовпців. Створення документів, що містять вирівняні по колонках дані, на перших порах здійснювалося використанням преформатірованого тексту, всередині якого необхідне вирівнювання забезпечувалося введенням потрібної кількості пробілів. Вирівнювання вручну істотно уповільнювало створення документів.
Використання таблиць не обмежується лише даними, що складаються з рядів та колонок. Одним із застосувань є організація розташування різноманітних даних на сторінці, які можуть складатися з простого тексту, зображень, інших таблиць і т.д.
Хід роботи
1. Освоїти основні принципи організації структурованих документів.
2. Ознайомитися з основними засобами організації таблиць на мові HTML та їх синтаксисом.
3. Освоїти основні принципи організації форм HTML та основні синтаксичні конструкції HTML для організації інтерактивних документів.
Результати виконання завдання
/
Рис.1. Приклад таблиці та форми в HTML.
Код html-документу
<!DOCTYPE html>
<html>
<head>
<style>
table {
width:50%;
margin:auto;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 5px;
text-align: left;
}
table#t01 tr:nth-child(even) {
background-color: #eee;
}
table#t01 tr:nth-child(odd) {
background-color:#fff;
}
table#t01 th {
background-color: black;
color: white;
}
form{
width:50%;
margin:auto;}
</style>
</head>
<meta charset="utf-8">
<body>
<br>
<table id="t01">
<tr>
<th colspan=2>Прізвище, Імя</th>
<th>Вік</th>
</tr>
<tr>
<td>Пронь</td>
<td>Назар</td>
<td>21</td>
</tr>
<tr>
<td>Петришак</td>
<td>Тарас</td>
<td>21</td>
</tr>
<tr>
<td>Тищук</td>
<td>Андрій</td>
<td>21</td>
</tr>
</table>
<form>
<p>Форма</p>
Прізвище:<br>
<input type="text" name="firstname">
<br>
Ім'я:<br>
<input type="text" name="lastname">
<br><br>
<input type="radio" name="sex" value="male" checked>Чоловік
<br>
<input type="radio" name="sex" value="female">Жінка
<br>
Вік<br> <input type="text" name="age" >
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Висновок: під час виконання даної лабораторної роботи я практичо освоєїв методи представлення структурованої інформації у Web-системі, побудував таблицю та форму. Вивчив основні гіпертекстові конструкції мови HTML.
Допоможи студентському архіву
Ми допомогли тобі — допоможи наступному студенту
Оголошення від адміністратора
Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!