Представлення структурованої інформації у WEB-системі. Побудова інтерактивних HTML-документів та форм. Лабораторна робота з Веб технології та веб дизайн. Робота № 529439

Адміністрація вирішила продати даний сайт. За детальною інформацією звертайтесь за адресою: rozrahu@gmail.com

Представлення структурованої інформації у 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.

Лабораторна робота Веб технології та веб дизайн

Maverrik

08.05.2017 18:05

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, або зареєструйтесь.

Завантаження файлу

Якщо Ви маєте на своєму комп'ютері файли, пов'язані з навчанням( розрахункові, лабораторні, практичні, контрольні роботи та інше...), і Вам не шкода ними поділитись - то скористайтесь формою для завантаження файлу, попередньо заархівувавши все в архів .rar або .zip розміром до 100мб, і до нього невдовзі отримають доступ студенти всієї України! Ви отримаєте грошову винагороду в кінці місяця, якщо станете одним з трьох переможців!

поділитись

Стань активним учасником руху antibotan!
Поділись актуальною інформацією,
і отримай привілеї у користуванні архівом! Детальніше

Які роботи дозволено додавати до архіву?

Новини

Кілька варіантів заощадити на навчанні в Польщі

26.02.2019 12:38

Будь-який абітурієнт може поставити перед собою мету вчитися в Польщі. Для тих, кого зупиняє фінансове питання, важливо знати, що існує кілька варіантів навчання в Польщі для українців безкоштовно.