© 2005-2007 W3 Ukraine

Учебный Курс по html Содержание

Введение 4

Понимание HTML 5

Предназначение и цели современного HTML 5

Древообразная структура HTML 6

Понятие DTD 11

Объектная модель документа 12

Содержание и отображение 14

Пример современного HTML 18

Пример HTML старого типа 19

Вывод 19

Используемые средства и программы 20

Редактор для HTML – текстовый редактор 20

Редактор для CSS 20

Photoshop 20

Настройка рабочего места в Photoshop 20

Слои (Layers) 21

Принятие решения: текст – картинка 21

Формат изображений (GIF, JPEG, PNG) 22

Вспомогательные средства. 22

Полезные plug-in’ы. 23

Для Firefox (Mozilla) 23

Web Developer Toolbar (https://addons.mozilla.org/firefox/60/) 23

Firebug (https://addons.mozilla.org/firefox/1843/) 23

IE View (https://addons.mozilla.org/ru/firefox/addon/1429) и Opera View (https://addons.mozilla.org/ru/firefox/addon/1190). 23

Chickenfoot (http://groups.csail.mit.edu/uid/chickenfoot/) 24

Для Internet Explorer 24

Internet Explorer Developer Toolbar (http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en#Overview) 24

Instant Source 25

Оформление документов – корпоративный стиль 26

Правила именования папок и файлов 26

Правила для HTML-кода 26

Отступы 26

Элементы и атрибуты 27

Переносы 27

Перенос элемента 27

Перенос внутри элемента 28

Вставка специальных символов 28

Цвет 28

Комментарии 28

Правила для CSS-кода 29

Основные правила для кода JavaScript 30

Основные элементы HTML 31

Cascading Style Sheet 35

Немного о стандартах 35

Селекторы 35

Псевдоклассы и псевдоэлементы 37

Единицы измерения 38

Основные CSS-свойства 39

Свойства шрифта 39

Свойства эффектов текста 41

Свойства выравнивания 41

Свойства переноса 41

Свойства фона 41

Свойства цвета текста 43

Свойства границ элемента 43

Свойства обтекания 43

Свойства внешнего отступа 44

Свойства внутреннего отступа 44

Свойства таблицы 44

Свойства отображения 45

Свойства размера 45

Свойства позиции 46

Свойства переполнения 46

Порядок применения стилей и приоритеты 46

Основные способы персонализации стилей для браузеров 48

Практическая верстка 49

С чего начинается документ 49

Модели отображения блочных элементов 49

Заголовок документа 51

Проверка документов на соответствие спецификациям 53

Тело документа 54

Основные виды веб-страниц 55

Страница с фиксированной шириной 55

Страница с плавающей шириной 57

Основные элементы страницы 62

Логотип 62

Меню 63

Табы 66

Формы 68

Способы использования PNG 72

Способы и особенности создания страниц с изменяемым размером шрифта 74

Создание страниц с использованием em для указания размеров элементов страницы 75

Особенности табличной верстки 75

Создание email-шаблонов 75

Особенности создания принт-версии страницы 75

Особенности создания страниц с использованием правостороннего ввода текста (арабский, иврит и т.п.) 77

Оптимизация кода для поисковых систем и стандарты доступности 79

Заключение 83

Приложение 84

Таблица поддержки email-клиентами свойств CSS. 84