[valeri[µ]]

HTML5, CSS3 и JavaScript. Исчерпывающее руководство (+ Дополнительные материалы)


Год: 2014
Автор: Jennifer Niederst Robbins / Дженнифер Нидерст Роббинс
Жанр: Веб дизайн
Издательство: Эксмо
ISBN: 978-5-699-67603-3
Серия: Мировой компьютерный бестселлер
Язык: Русский
Формат: PDF
Качество: Отсканированные страницы
Количество страниц: 516
Описание: В этой книге вы найдете все, что необходимо знать для создания отличных веб-сайтов. Начав с изучения принципов функционирования Интернета и веб-страниц, к концу книги вы освоите приемы создания сложных сайтов, включая таблицы стилей CSS и графические файлы, и научитесь размещать страницы во Всемирной паутине. Книга включает упражнения, с помощью которых вы освоите разнообразные техники работы с современными веб-стандартами (включая HTML5 и CSS3).

Предисловие ................................................................................................... 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
Производительность сaйта ......................................................................... 59
ЧАСТЬ II РАЗМЕТКА HTML ДЛЯ СТРУКТУРИЗАЦИИ
ГЛАВА 4
СОЗДАНИЕ ПРОСТОЙ СТРАНИЦЫ .......................................................... 65
Веб-страница шаг за шагом......................................................................... 65
Запуск текстового редактора ..................................................................... 67
Шаг 1: Добавление контента....................................................................... 70
Шаг 2: Структурирование документа..........................................................72
Шаг 3: Определение текстовых элементов ........................................... 74
Шаг 4: Добавление изображений............................................................ 79
Шаг 5: Изменение внешнего вида страницы с помощью C S 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
ЗНАКОМСТВО С HTML 5 ............................................................................. 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