Довідкові матеріали до лабораторної роботи. Приклад прологу 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

НАВЧАЛЬНЕ ВИДАННЯ

Методичні рекомендації

Наши рекомендации