Предисловие 11
Структура книги 12
Благодарности 13
Об авторе 14
Использование примеров кода 14
ЧАСТЬ I Начало работы
Глава 1
Самое начало 17
С чего начать 18
Задачи веб-дизайнера 18
Требуемые знания 26
Необходимое обеспечение 29
Резюме 36
Глава 2
Как работает всемирная паутина 37
Интернет против Всемирной паутины 37
Обслуживание вашей информации 38
Несколько слов о браузерах 39
Адреса веб-страниц (URL 40
Анатомия веб-страницы 43
Резюме 47
Глава 3
Важные концепции для веб-дизайнера 49
Множество устройств 50
Соблюдение стандартов 52
Прогрессивное улучшение 53
Адаптивный веб-дизайн 54
Обеспечение доступности 57
Производительность сайта 59
ЧАСТЬ II Разметка HTML для структуризации
Глава 4
Создание простой страницы 65
Веб-страница шаг за шагом 65
Запуск текстового редактора 67
Шаг 1: Добавление контента 70
Шаг 2: Структурирование документа 72
Шаг 3: Определение текстовых элементов 74
Шаг 4: Добавление изображений 79
Шаг 5: Изменение внешнего вида страницы с помощью CSS 82
Когда хорошие страницы становятся плохими 84
Валидация кода 86
Резюме 87
Глава 5
Разметка текста 89
Абзацы 90
Заголовки 90
Списки 94
Другие элементы контента 98
Организация контента страницы 101
Встроенные элементы 108
Общие элементы (div и span) 120
Некоторые специальные символы 125
Резюме 127
Глава 6
Добавление ссылок 131
Атрибут href 132
Ссылки на веб-страницы других сайтов 133
Ссылки на страницы собственного сайта 134
Открытие ссылки в новой вкладке или окне браузера 146
Ссылки на адрес электронной почты 148
Ссылки на номер телефона 148
Резюме 149
Глава 7
Добавление изображений 151
Форматы изображений 151
Элемент img 152
Фреймы 160
Резюме 161
Глава 8
Разметка таблиц 163
Использование таблиц 163
Минимальная структура таблицы 165
Заголовки таблицы 169
Объединение ячеек 170
Обеспечение доступности таблиц 173
Соединение ячеек и заголовков 174
Резюме 175
Глава 9
Формы 179
Принцип работы формы 179
Элемент form 180
Переменные и их содержимое 184
Обзор элементов формы 185
Обеспечение доступности форм 206
Макет и дизайн формы 209
Резюме 212
Глава 10
Знакомство с HTML5 219
Краткая история HTML 220
Особенности разметки 223
API-интерфейсы в спецификации HTML5 228
Видео- и аудиоконтент 231
Рисование средствами HTML5 239
Резюме 244
ЧАСТЬ III Правила css для представления
Глава 11
Каскадные таблицы стилей 247
Преимущества CSS 247
Возможности CSS 248
Как работают таблицы стилей 249
Важные концепции 256
Дальнейшее изучение CSS 264
Глава 12
Форматирование текста (включая селекторы) 267
Свойства шрифта 267
Изменение цвета текста 287
Еще несколько типов селекторов 288
Выравнивание строк текста 294
Подчеркивания и другие декоративные эффекты 297
Изменение регистра 298
Кернинг и интервал между словами 299
Тень текста 300
Изменение маркеров и нумерации списков 305
Резюме 308
Глава 13
Цвета и фон (включая селекторы и внешние таблицы стилей) 309
Определение значений цвета 309
Основной цвет 317
Фоновый цвет 318
Непрозрачность 320
Селекторы псевдокласса 321
Селекторы псевдоэлементов 325
Селекторы атрибутов 327
Фоновые изображения 330
Сокращенное свойство фона 340
Градиенты 344
Внешние таблицы стилей 350
Резюме 353
Глава 14
Блочная модель CSS (отступы, границы и поля) 355
Блок элемента 355
Задавание размеров блока 356
Отступы 362
Границы 366
Поля 378
Присвоение типов отображения 386
Добавление теней к блокам 387
Резюме 388
Глава 15
Обтекание и позиционирование 391
Нормальный поток 391
Обтекание 392
Основы позиционирования 409
Относительное позиционирование 411
Абсолютное позиционирование 412
Фиксированное позиционирование 423
Резюме 425
Глава 16
Макеты страниц средствами CSS 427
Стратегии верстки страниц 427
Шаблоны макетов страниц 435
Многоколоночные макеты при помощи плавающих элементов 436
Позиционированные макеты 448
Фоновый цвет колонок сверху донизу 452
Глава 17
Переходы, преобразования и анимация 457
CSS-переходы 457
CSS-преобразования 470
Анимация по ключевым кадрам 482
Резюме 487
Глава 18
Технические приемы CSS 489
Сброс стилей CSS 489
Технические приемы замены текста изображением 491
CSS-спрайты 493
Стилизация веб-форм 497
Стилизация таблиц 507
Основы адаптивного веб-дизайна 511
Заключение 523
Резюме 523
Предметный указатель 524
Следующие главы и приложения находятся на диске, прилагаемом к книге
ЧАСТЬ IV Создание графических изображений для всемирной паутины
Глава 19
Основы создания графических изображений 3
Источники изображений 3
Знакомство с форматами 8
Размер и разрешение изображения 23
Работа с прозрачностью 28
Знакомство с форматом SVG 36
Резюме 43
Глава 20
Простые и эффективные веб-изображения 45
Общие стратегии оптимизации 46
Оптимизация файлов формата GIF 48
Оптимизация файлов формата JPEG 53
Оптимизация файлов формата PNG 58
Оптимизация по размеру файла 60
Резюме 61
ЧАСТЬ V javascript для поведения
Глава 21
Введение В javascript 65
Что та кое javascript? 65
Добавление сценариев JavaScript на страницу 69
Анатомия сценария 70
Объект браузера 86
События 87
Резюме 89
Ответы к упражнениям 92
Глава 22
Применение javascript 93
Объектная модель документа 93
Полизаполнения 102
Библиотеки JavaScript 107
Резюме 112
Приложение А
Ответы к упражнениям 113
Приложение Б
Селекторы CSS3 141
Приложение В
Создание анимированных gif-файлов 145
Как это работает 145
Инструменты для создания GIF-анимации 146
Создание анимированных GIF-файлов шаг за шагом 148
Автоматическая генерация промежуточных кадров 156
Что необходимо помнить об анимированных GIF-файлах 160
Добавить комментарий