Веб-дизайн для начинающих. HTML, CSS, JavaScript и веб-графика

НАПУТСТВИЕ от Джен Симмонс
ПРЕДИСЛОВИЕ
Структура книги
Типографские соглашения
Благодарности
Об авторе
Как с нами связаться?
ЧАСТЬ I. НАЧАЛО РАБОТЫ
Глава 1. Знакомство с веб-дизайном
С чего начать?
Распределение ролей при разработке сайтов
Подготовка к веб-разработке
Подведем итоги
Контрольные вопросы
Глава 2. Как все это работает?
Связь между Интернетом и Всемирной паутиной
Порядок обработки информации
Пара слов о браузерах
Адреса веб-страниц: URL
Анатомия веб-страницы
Собираем все вместе
Контрольные вопросы
Глава 3. Важные концепции
Множественность устройств
Соблюдение интернет-стандартов
Постепенное улучшение
Адаптивный веб-дизайн
Один Интернет для всех (доступность сайтов)
Потребность в скорости (быстродействие сайта)
Контрольные вопросы
ЧАСТЬ II. РАЗМЕТКА HTML, ПРИМЕНЯЕМАЯ ДЛЯ
СТРУКТУРИРОВАНИЯ ВЕБ-СТРАНИЦ
Глава 4. Создание простой веб-страницы
Пошаговое создание веб-страницы
Запуск текстового редактора
Шаг 1. Начнем с ввода контента
Шаг 2. Добавление структуры в HTML-документ
Шаг 3. Добавление тегов в HTML-документ
Шаг 4. Добавление изображений
Шаг 5. Изменение внешнего вида текста с помощью
таблицы стилей
Устранение проблем при разработке веб-страниц
Валидация документов
Контрольные вопросы
Глава 5. Разметка текста
Абзацы
Заголовки
Тематические разрывы (горизонтальные линейки)
Списки
Дополнительные элементы разметки контента
Организация контента на странице
Обзор строчных элементов
Обобщающие элементы (div и span)
Улучшение доступности документа с помощью
ARIA
Экранирование символов
Объединяем все вместе
Контрольные вопросы
Обзор элементов: текстовые элементы
Глава 6. Добавление ссылок
Атрибут href
Ссылки на веб-страницы в Интернете
Ссылки в пределах сайта
Ссылка на фрагмент другого документа
Открытие новых целевых окон браузера
Почтовые ссылки
Телефонные ссылки
Контрольные вопросы
Обзор элементов: ссылки
Глава 7. Добавление изображений
Раздел первый: добавление изображений с
помощью элемента 1тд
Раздел второй: добавление SVG-изображений
Раздел третий: разметка адаптивных изображений
Конец - делу венец
Контрольные вопросы
Обзор элементов: изображения
Глава 8. Таблицы
Использование таблиц
Минимальная структура таблицы
Заголовки таблиц
Растяжение ячеек
Доступность таблиц
Группировка строк и столбцов
Собираем все воедино
Контрольные вопросы
Обзор элементов: таблицы
Глава 9. Формы
Как работают формы?
Элемент form
Переменные и контент
Элементы управления формой
Функции доступности формы
Макет и дизайн формы
Контрольные вопросы
Обзор элементов: формы
Глава 10. Встроенные мультимедийные объекты
Окно в окне: элемент I frame
Многоцелевое средство для встраивания: object
Видео и аудио
Холст
Контрольные вопросы
Обзор элементов: встроенные мультимедийные
объекты
ЧАСТЬ III. ПРАВИЛА CSS ДЛЯ ПРЕДСТАВЛЕНИЯ
HTML-ДОКУМЕНТОВ
Глава 11. Введение в каскадные таблицы стилей
Преимущества CSS
Мощь CSS
Как работают таблицы стилей?
Важные понятия
Единицы измерения CSS
Инструменты вашего браузера для веб-дизайна
Вперед - вместе с CSS
Контрольные вопросы
Глава 12. Форматирование текста
Основные свойства шрифтов
Расширенная СББЗ-типографика
Свойство color (изменение цвета текста)
Еще о типах селекторов
Настройки текстовых строк
Изменение маркированного и нумерованного
списков
Контрольные вопросы
Обзор CSS: свойства font и text
Глава 13. Цвета и фоны, а также еще о селекторах
и внешних таблицах стилей
Указание цветовых значений
Свойство color (цвет переднего плана)
Свойство background-color (цвет фона)
Свойство background-clip (обрезка фона)
Свойство opacity (управление непрозрачностью)
Селекторы псевдокласса
Селекторы псевдоэлементов
Селекторы атрибутов
Фоновые изображения
Все цвета радуги (градиенты)
И, в завершение, внешние таблицы стилей
Подводим итоги
Контрольные вопросы
Обзор CSS: свойства цвета и фона
Глава 14. Блочная модель
Блок элемента
Свойства width, height и box-sizing (указание
размеров блока)
Отступы
Стили границ
Поля
Присваивание типов отображения
Тени для блока
Контрольные вопросы
Обзор CSS: свойства блока
Глава 15. Плавающие элементы и
позиционирование
Нормальный поток
Плавающие элементы
Свободное обтекание текстом CSS-форм
Основы позиционирования
Относительное позиционирование
Абсолютное позиционирование
Фиксированное позиционирование
Контрольные вопросы
Обзор CSS: свойства плавающих элементов и
позиционирования
Глава 16. CSS-макетирование с помощью Flexbox и
Grid
CSS Flexbox: создание гибких контейнеров
Модуль CSS Grid Layout
Контрольные вопросы
Обзор CSS: свойства макета
Глава 17. Адаптивный веб-дизайн
Зачем нужен АВД?
Рецепт адаптивности
Настройка области просмотра
Гибкие сетки (текучие макеты)
Выбор точек прерывания
Стратегии адаптивной разработки
Несколько слов о тестировании
Дополнительные справочные ресурсы по
адаптивному веб-дизайну
Контрольные вопросы
Глава 18. Переходы, трансформации и анимация
CSS Transitions
Модуль CSS Transforms
Анимация по ключевым кадрам
Несколько завершающих слов
Контрольные вопросы
Обзор CSS: переходы, трансформации и анимация
Глава 19. Дополнительные сведения о CSS-
методиках
Стайлинг форм
Специальные свойства для форматирования таблиц
Очистка стилей: сброс CSS и таблица стилей
Normalize.css
Методика подмены текста изображением
CSS-спрайты
Проверка поддержки свойств CSS
Таблицы стилей: послесловие
Контрольные вопросы
Обзор CSS: свойства таблиц
Глава 20. Современные инструменты для веб-
дизайна
Знакомство с командной строкой
Универсальные CSS-инструменты (процессоры)
Grunt и Gulp: инструменты для сборки кода
Контроль версий с помощью Git и GitHub
Заключение
Контрольные вопросы
ЧАСТЬ IV. ПРИМЕНЕНИЕ JAVASCRIPT
ДЛЯ УПРАВЛЕНИЯ ПОВЕДЕНИЕМ ВЕБ-СТРАНИЦ
Глава 21. Введение в JavaScript
Что есть JavaScript?
Добавление кода JavaScript на веб-страницу
Анатомия сценария
Объект браузера
События
Объединяя все вместе
Дополнительные сведения о JavaScript
Контрольные вопросы
Глава 22. Использование JavaScript и DOM
Встречайте DOM
Полифилы
Библиотеки JavaScript
Промежуточный финиш
Контрольные вопросы
ЧАСТЬ V. ИЗОБРАЖЕНИЯ ДЛЯ ВСЕМИРНОЙ ПАУТИНЫ
Глава 23. Веб-графика: основные понятия
Источники изображений
Знакомство с форматами изображений
Размер и разрешение изображения
Стратегия работы с изображениями
Фавиконы
Подведем итоги
Контрольные вопросы
Глава 24. Создание веб-изображений
Сохранение изображений в веб-форматах
Работа с прозрачностью
Советы по созданию адаптивных изображений
Оптимизация изображения
Контрольные вопросы
Глава 25. SVG-изображения
Рисование с помощью XML
Возможности SVG, связанные с XML
Инструменты SVG
Советы по созданию SVG
Адаптивные изображения в формате SVG
Дальнейшее изучение SVG
Контрольные вопросы
И ... мы это сделали!
ЧАСТЬ VI. ПРИЛОЖЕНИЯ
Приложение 1
Приложение 2
Приложение 3
Приложение 4
ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ