Лекция 1. Введение
в современный Web-дизайн. Структура HTML-документа
Что требуется от современного Web-сайта?
1.Строго соблюдать все интернет-стандарты.
2.Тщательно продумать наполнение Web-страниц.
3.Позаботиться о доступности Web-страниц.
World Wide Web Consortium (Консорциум Всемирной паутины) http://www.w3.org
Концепция Web 2.0
Принцип первый: разделение содержимого, представления и поведения Web-страницы
Принцип второй: подгружаемое содержимое
Принцип третий: генерируемое содержимое
Принцип четвертый: семантическая разметка данных
Теги. Атрибуты тегов
Теги бывают двух типов - одиночные и парные (контейнеры)
Атрибуты можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения тега
Парные теги
Рис. 1.1. Вложение тегов, а - правильное, б - неверное
Структура HTML-документа
1)строка объявления типа документа;
2)декларативный заголовок;
3)тело документа.
Объявление типа документа
Допустимые DTD
Допустимые DTD
Правила XHTML
1)Все теги и их атрибуты должны быть набраны в нижнем регистре (строчными символами).
2)Значения любых атрибутов необходимо заключать в кавычки.
3)Требуется закрывать все теги, даже такие, которым не сопоставлен закрывающий тег.
4)Должна соблюдаться правильная вложенность тегов.
5)Нельзя использовать сокращенные атрибуты тегов.
6)Вместо атрибута name следует указывать id.
7)Следует определять DTD (document type definition, описание типа документа) с помощью элемента <!DOCTYPE>.