Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!
Представлення структурованої інформації у WEB-системі. Побудова інтерактивних HTML-документів та форм
Інформація про навчальний заклад
ВУЗ:
Національний університет Львівська політехніка
Інститут:
О
Факультет:
КН
Кафедра:
Не вказано
Інформація про роботу
Рік:
2015
Тип роботи:
Лабораторна робота
Предмет:
Веб технології та веб дизайн
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет «Львівська політехніка»
Кафедра ІСМ
/
Лабораторна робота №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.
08.05.2017 18:05-
Ділись своїми роботами та отримуй миттєві бонуси!
0%
Оголошення від адміністратора