Учебный Курс по html

Содержание

1. Введение 3

2. Понимание html 4

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

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

2.3 Понятие DTD 11

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

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

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

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

2.8 Вывод 19

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

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

3.2 Редактор для CSS 21

3.3 Photoshop 21

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

3.3.2 Слои (Layers) 22

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

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

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

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

3.5.1 Для Firefox (Mozilla) 24

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

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

3.5.1.3 SplitBrowser (https://addons.mozilla.org/firefox/4287/) 25

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

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

3.5.2 Для Internet Explorer 26

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

3.5.2.2 Instant Source 26

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

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

4.2 Правила для HTML 27

4.2.1 Отступы 27

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

4.2.3 Переносы 28

4.2.3.1 Перенос элемента 28

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

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

4.2.5 Цвет 29

4.2.6 Комментарии 29

4.3 Правила для CSS 30

4.4 Основные правила для JavaScript 31

5. Cascading Style Sheet 33

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

5.2 Селекторы 33

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

5.4 Единицы измерения 36

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

5.5.1 Свойства шрифта 37

5.5.2 Свойства эффектов текста 39

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

5.5.4 Свойства переноса 40

5.5.5 Свойства фона 40

5.5.6 Свойства цвета текста 41

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

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

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

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

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

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

5.5.13 Свойства размера 44

5.5.14 Свойства позиции 44

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

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

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

6. Практическая верстка 48

6.1 Основые тэги, используемые при верстке HTML-документов: 48

6.2 Общие правила и рекомендации при написании HTML/XHTML кода 50

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

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

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

6.2.4 Часто используемые элементы и атрибуты 55

6.2.4.1 Таблица: cellpadding, cellspacing, border, width 55

6.2.4.2 Изображение: width, height, alt, border 56

6.2.4.3 Элемент DIV 56

6.2.4.4 Атрибуты class и id 56

6.2.5 Неиспользуемые или редко используемые элементы и атрибуты 57

6.2.5.1 Элемент FONT 57

6.2.5.2 Элемент HR 57

6.2.5.3 Элемент MAP 57

6.2.5.4 Элемент FRAME 58

6.2.5.5 Атрибут NOWRAP 58

6.2.5.6 Атрибут ROWSPAN 58

6.2.5.7 Атрибут STYLE 58

6.2.5.8 Атрибуты HSPACE и VSPACE 58

6.2.6 Отступы 58

6.2.6.1 Правило для   58

6.2.6.2 Использование однопиксельного прозрачного GIFа 59

6.2.6.3 Использование CSS свойств 59

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

6.4 Основные виды layout веб-страниц 61

6.5 Основные элементы страниц: логотип, меню, табы, формы; применение готовых JS решений 70

6.5.1 Логотип 70

6.5.2 Меню 72

6.5.3 Табы 77

6.5.4 Формы 80

6.6 Способы использования PNG, в том числе для отображения теней 84

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

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

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

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

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

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