Довідкові матеріали до лабораторної роботи. Приклад прологу XHTML-документа:
До пункту 1.
Приклад прологу XHTML-документа:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN "http://www.w3.org/TR/xhtml1-transitional.dtd">
Приклад корінного елементу XHTML-документа:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
…
</html>
До пункту 2.
Приклад файлу DTD з розширенням визначень:
<!ELEMENT underl_redt (#PCDATA)>
<!ATTLIST underl_red text_attrib CDATA #IMPLIED >
<!ENTITY % XHTMLTransDTD PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.v3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
%XHTMLTransDTD;
До пункту 3.
Варіанти прологу для XHTML-документів:
1. XHTML 1.0 Transitional doctype сумісно з XML-оголошенням
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. XHTML 1.0 Transitional doctype без XML-оголошення
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
5. HTML 4.0 Transitional doctype з URL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
6. HTML 4.01 Transitional doctype з URL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
7. HTML 4.01 Transitional doctype з URL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
8. HTML 4.01 Transitional doctype без URL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Рекомендована література
Основна література
1. Молчанов В. П. Технології WEB-дизайну : конспект лекцій / В. П. Молчанов. – Харків : Вид. ХНЕУ, 2011. – 212 с.
Додаткова література
2. Дронов В. Javascript в WEB-дизайне, /В. Д. Дронов. – СПб. : БХВ-Петербург, 2001. – 880 с.
3. Томсон Л. Разработка Web-приложений на PHP и MySQL / Л. Томсон, Л. Веллингтон ; пер. с англ. – 2-е изд., испр. – СПб. : ООО "ДиаСофтЮП", 2003. – 672 с.
4. Холзнер С. XML. Энциклопедия / С. Холзнер. – 2-е изд. – СПб. : Питер, 2004. – 1101 с.
5. Молчанов В. П. Основи проектування WEB-видань : конспект лекцій / В. П. Молчанов. – Харків : Вид. ХНЕУ, 2008. – 168 с.
6. Методичні рекомендації по виконанню лабораторних робіт з навчальної дисципліни «Основи проектування WEB-видань» для студентів спеціалізації "Комп'ютеризовані технології та системи видавничо-поліграфічних виробництв" усіх форм навчання / Укл. В.П. Молчанов, Т.Ю. Андрющенко. – Харків. Вид. ХНЕУ, 2009.-84 с.
ЗМІСТ
ВСТУП....................................................................................................... 3
Змістовній модуль 1. Створення статичних Web-сторінок............. 4
ТЕМА 1. Проектування Web-сайту.................................................. 4
Лабораторна робота 1. Проектування Web-сайту............... 4
ТЕМА 2. Розмітка тексту з використанням HTML......................... 6
Лабораторна робота 2. Розміщення текстової інформації на Web-сторінках................................................................................................... 6
Таблиця 4.................................................................................. 10
Теги логічного форматування............................................... 10
Таблиця 5.................................................................................. 10
Теги фізичного форматування............................................. 10
Лабораторна робота 3. Створення зв'язаних Web-сторінок 11
Лабораторна робота 4. Дослідження сторінок складної структури.................................................................................................................... 15
ТЕМА 3. Використання стильових специфікацій........................ 19
Лабораторна робота 5. Форматування сторінок з використанням таблиць стилів ...................................................................................... 19
Лабораторна робота 6. Дослідження елементів дизайну, створених на основі таблиць стилів .................................................................. 25
Змістовній модуль 2. Клієнтські технології створення динамічних Web-сторінок............................................................................................................ 28
ТЕМА 4. Сценарії, що виконуються на клієнтській стороні....... 28
Лабораторна робота 7. Розробка сценаріїв для Web-сторінок 28
Лабораторна робота 8. Виконання сценаріїв, вбудованих в Web-сторінки................................................................................................... 33
Момент виникнення................................................................ 35
ТЕМА 5. Створення динамічних сторінок..................................... 36
Лабораторна робота 9. Використання об'єктів DOM в скриптах 36
Лабораторна робота 10. Створення динамічних сторінок 39
Змістовній модуль 3. Серверні технології створення динамічних Web-сторінок............................................................................................................ 41
Тема 6. Характеристика серверних технологій.......................... 41
Лабораторна робота 11. Дослідження взаємодії браузера з сервером на основі CGI...................................................................... 41
Тема 7. Технології активних сторінок............................................ 44
Лабораторна робота 12. Дослідження взаємодії браузера з сервером при генерації динамічних сторінок ASP.................... 44
Лабораторна робота 13. Дослідження взаємодії браузера з сервером при відображенні динамічних сторінок, створених з використання ASP.NET....................................................................... 47
Лабораторна робота 14. Дослідження взаємодії браузера з сервером при відображенні динамічних сторінок, створених з використання мови PHP..................................................................... 51
Змістовній модуль 4. XML і його використання .............................. 55
ТЕМА 8. Мова розмітки XML........................................................... 55
Лабораторна робота 15. Створення та відображення XML-документів ............................................................................................. 55
ТЕМА 9. Використання XHTML...................................................... 59
Лабораторна робота 16. Дослідження особливостей XHTML-документів ............................................................................................. 59
НАВЧАЛЬНЕ ВИДАННЯ
Методичні рекомендації