Слайд 1 Слайд 2 Слайд 3 Слайд 4 Слайд 5 Слайд 6 Слайд 7 Слайд 8 Слайд 9 Слайд 10 Слайд 11 Слайд 12 Слайд 13 Слайд 14 Слайд 15 Слайд 16 Слайд 17 Слайд 18 Слайд 19 Слайд 20 Слайд 21 Слайд 22 Слайд 23 Слайд 24 Слайд 25 Слайд 26 Слайд 27 Слайд 28 Слайд 29 Слайд 30 Слайд 31 Слайд 32 Слайд 33 Слайд 34 Слайд 35 Слайд 36 Слайд 37 Слайд 38 Слайд 39 Слайд 40 Слайд 41 Слайд 42 Слайд 43 Слайд 44 Слайд 45 Слайд 46 Слайд 47 Слайд 48 Слайд 49 Слайд 50 Слайд 51 Слайд 52 Слайд 53 Слайд 54 Слайд 55 Слайд 56 Слайд 57 Слайд 58 Слайд 59 Слайд 60 Слайд 61 Слайд 62 Слайд 63 Слайд 64
2: Списки и таблицы: Структурирование информации на WEB-странице при помощи списков. Типы списков Таблица и ее элементы Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами Использование таблиц. Макетирование web-страницы с помощью таблиц Использование вложенных таблиц Приемы использования таблиц на web-странице
3: Маркированный список (unordered list)
4: Тип маркеров
5: Нумерованный список (ordered list)
6: Типы нумерации
8: (Не) Простая таблица
9: Атрибуты элемента TABLE
10: Атрибуты элемента TR
11: Атрибуты элемента TD (TH)
12: Объединение ячеек
13: Создаем заголовок таблицы
14: Схема отступов и объединения ячеек
15: Лабораторная работа Использование colspan и rowspan
16: Таблицы, вложенные друг в друга
17: Группируем таблицу по блокам (HTML 4. 0)
18: Группируем таблицу по колонкам
19: Группируем таблицу по колонкам
20: Домашняя работа Объединение ячеек и вложенные таблицы
21: Форма
22: Атрибуты элемента FORM
23: Элементы формы
24: Элементы формы
25: Элементы формы
26: Элементы формы
27: Элементы формы
28: Атрибут type
29: Атрибут type html 5
30: Атрибут type html 5 поддержка
31: Лабораторная работа
32: Методы определения
33: Встроенная информация о стиле (inline)
34: Информация о стиле в заголовке: элемент STYLE - Метод вложения (embeding)
35: Метод связывания (linking) - Внешние таблицы стилей
36: Каскадирование
37: Каскадирование
38: Единицы измерения размеров
39: Цвет
40: Селекторы типа элемента и класса
41: Другие селекторы
42: И еще о селекторах
43: Группировка селекторов
44: Псевдоклассы и псевдоэлементы
45: Оформление текстовых элементов
46: Оформление текстовых элементов
47: Оформление текстовых элементов
48: Оформление списков
49: Отступы и рамки
50: Отступы снаружи
51: Отступы изнутри
52: Рамки
53: Визуальные свойства
54: Параметры блока
55: Параметры слоя
56: Свойства курсора cursor: auto crosshair default pointer move text wait e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize url("изображение")
57: Импорт CSS (IE) В глобальную таблицу стилей: import url("/style/header. css"); H1 font-size: 120; В таблицу связанных стилей: import "/style/print. css" print; import "/style/palm. css" handheld; H1 font-size: 120;
58: Типы носителей Все запросы начинаются с правила media, после чего следует условие, в котором используются типы носителей, логические операторы и медиа-функции
59: Media screen and print в коде Пример. Стиль для всех цветных устройств media all and (color) . . . Стиль для всех устройств кроме смартфонов media all and (not handheld) . . . media not all and (color) . . . Стиль для новых браузеров media only all and (not handheld) . . . Стиль для устройств с альбомной ориентацией или минимальной шириной 480 пикселов. media all and (orientation: landscape), all and (min-width: 480px) . . .
60: Media screen and print в коде media screen BODY color: navy H1 border: 2px dashed maroon; color: sienna; padding: 7px media print BODY, H1 color: black
61: Media screen and print в браузере
62: Медиа-функции
63: Практика: как выровнять колонку по центру?
64: Практика: верстаем стилями