Введение 7
Глава 1. Структура 17
Примеры структуризации страниц
Структурирование документов в Microsoft Word
Использование языка HTML для описания структуры веб-страниц
Элементы body, head и title
Создание веб-страницы в операционной системе Windows
Создание веб-страницы в операционной системе OS X
Код в системе управления контентом
Как создаются другие сайты
Структура
Глава 2. Текст 43
Заголовки
Абзацы
Полужирное и курсивное начертание
Подстрочные и надстрочные знаки
Пробелы
Перевод строк и горизонтальные линии
Визуальные редакторы и режим просмотра кода
Семантическая разметка
Важная информация и логическое ударение
Цитаты
Аббревиатуры и акронимы
Источники и определения
Информация о веб-дизайнере
Исправления контента
ПРИМЕР. Текст
Глава 3. Списки 63
Списки
Упорядоченные списки
Неупорядоченные списки
Списки определений
Вложенные списки
ПРИМЕР. Списки
Глава 4. Ссылки 73
Ссылки на другие сайты
Ссылки на другие страницы вашего сайта
Структура директорий Относительные URL-адреса
Ссылки на электронную почту
Открытие ссылок в новом окне
Ссылки на определенную часть страницы
Ссылка на определенную часть другой страницы
ПРИМЕР. Ссылки
Глава 5. Изображения 91
Выбор изображений для сайта
Размещение изображений на сайте
Добавление изображений
Высота и ширина изображений
Размещение изображений в коде
Устаревший прием: выравнивание изображений по горизонтали
Устаревший прием: выравнивание изображений по вертикали
Три правила создания изображений
Инструменты для редактирования и сохранения изображений
Формат изображений: JPEG
Формат изображений: GIF
Размеры изображений
Кадрирование изображений
Разрешение изображения
Векторная графика
Анимированный GIF Прозрачность
Использование изображений во всемирной паутине
HTML 5 : Иллюстрации и подписи
ПРИМЕР. Изображения
Глава 6. Таблицы 121
Что такое таблица?
Базовая структура таблицы
Заголовки таблицы
Объединение столбцов
Объединение строк
Длинные таблицы
Старый код: Ширина и Промежуток
Старый код: Границы и Заливка
ПРИМЕР. Таблицы
ОБЗОР: Таблицы
Глава 7. Формы 137
Почему формы?
Элементы формы
Структура формы
Ввод текста
Ввод пароля
Текстовая область
Переключатели
Флажки
Раскрывающийся список
Список множественного выбора
Загрузка файлов на сервер
Кнопка подтверждения
Графическая кнопка
Кнопки и скрытые элементы формы
Метки элементов формы
Группировка элементов формы
HTML5
ПРИМЕР. Формы
Глава 8. Дополнительная разметка 167
Эволюция языка HTML
Типы документов
Комментарии в HTML
Атрибут ID
Атрибут CLASS
Блочные элементы
Встроенные элементы
Группировка текста и элементов в блок
Группировка текста и элементов в строку
Плавающие фреймы
Сведения о странице
Специальные символы
ПРИМЕР. Дополнительная разметка
Глава 9. Flash, видео- и аудиоконтент 189
Как работает технология Flash Использование технологии Flash
Экскурс в историю: Flash, видео- и аудиоконтент
Добавление Flash-контента на веб-страницу
Обзор видео форматов и проигрывателей
Сайты видеохостинга
Подготовка Flash-контента для размещения на сайте
Добавление Flash-контента на страницу HTML5
Добавление аудиоконтента на страницу
Добавление Flash-аудиопроигрывателя
HTML5 : ПРИМЕР. Flash, видео- и аудиоконтент
Глава 10. Введение в CSS 213
Понимание CSS: изнутри блока
Таблицы CSS связывают правила стилей с HTML-элементами
Свойства CSS определяют внешний вид элементов
ПРИМЕР. Введение в CSS
Внешние каскадные таблицы стилей
Внутренние каскадные таблицы стилей
Селекторы CSS
Принцип каскадирования правил CSS
Наследование
Когда следует использовать внешние таблицы стилей
Проблема совместимости правил CSS с браузерами
ОБЗОР. Введение в CSS
Глава 11. Цвет 231
Основной цвет
Цвет фона
Понимание цвета
Контраст
CSS3 Непрозрачность. Цветовая модель HSL. HSL и HSLA.
ПРИМЕР. Цвет
Глава 12. Текст 247
Терминология типографики
Выбор гарнитуры шрифта для сайта
Способы использования дополнительных гарнитур шрифтов
Указание гарнитуры шрифта
Размер шрифта
Типогрфская шкала
Единицы измерения размера шрифта
Дополнительные шрифты
Форматы шрифтов
Полужирное начертание
Курсив
Прописные и строчные символы
Подчеркивание, перечеркивание и другое форматирование
Межстрочный интервал
Межбуквенный интервал и интервал между словами
Выравнивание
Вертикальное выравнивание
Текст с отступом
CSS3: Текст с тенью
Первая буква или строка
Применение стилей к ссылкам
Реагирование на действия пользователя
Селекторы атрибутов
ПРИМЕР. Текст
Глава 13. Блоки 281
Размеры блока
Ограничения ширины
Ограничение высоты
Перетекание контента
Границы, поля и отступы
Воздух и вертикальные поля
Толщина границ
Стиль границ
Цвет границы
Стенографические свойства
Отступы и поля
Центрирование контента
Блочная модель Іпієіїіеі Ехріогег 6
Превращение встроенных элементов в блочные и наоборот
Сокрытие блоков
CSS3: Декоративные границы. Тени блоков. Закругленные углы. Элиптические формы
ПРИМЕР. Блоки
Глава 14. Списки, таблицы и формы 309
Маркеры
Маркеры-изображения
Позиционирование маркера
Списки. Стенографическое свойство
Свойства таблицы
Границы пустых ячеек
Интервалы между ячейками
Стилизация форм
Стилизация полей ввода
Стилизация кнопок подтверждения
Стилизация элементов Fieldset и Legend
Выравнивание элементов формы:Проблема
Выравнивание элементов формы: Решение
Стили указателей мыши
Панель инструментов веб-разработчика
ПРИМЕР. Списки, таблицы и формы
Глава 15. Макет 335
Позиционирование элементов. Ключевые концепции
Управление позиционированием элементов
Нормальный поток
Относительное позиционирование
Абсолютное позиционирование
Фиксирование позиционирование
Перекрывающие элементы
Плавающие элементы
Использование свойства float для размещения элементов друг рядом с другом
Очистка плавающих элементов
Родительские элементы плавающих блоков: Проблема
Родительские элементы плавающих блоков: Решение
Создание многоколоночных макетов с помощью плавающих элементов
Размеры экранов устройств
Разрешение экрана
Размер страницы
Фиксированные макеты
"Жидкие" макеты
Создание фиксированного макета
Создание "жидкого" макета
Макетные сетки
Пример сетки
Возможные макеты: Сетка шириной 960 пикселов, состоящая из 12 колонок
CSS - фреймворки
Использование сетки 960. GS
Макет на основе сетки 960.GS
Несколько таблиц стилей
ПРИМЕР, макет
Глава 16. Изображения 381
Управление размером изображения с помощью CSS
Выравнивание изображений с помощью CSS
Центрирование изображений с помощью CSS
Фоновые изображения Повторяющиеся изображения
Положение фонового изображения
Стенографическое свойство
Изображения-ролловеры и спрайты
CSS3 : Градиенты
Контрастность фоновых изображений
ПРИМЕР. Изображения
Глава 17. Макет в HTML5 401
Традиционные НТМLмакеты
Новые элементы макета в НТМL 5
Заголовки и нижние колонтитулы
Меню навигации 5) Статьи
Сторонний контент
Разделы
Группы заголовков
Рисунки
Элементы деления
Связывание блочных элементов
Обеспечение поодержки НТМL 5 в старых версиях браузеров
ПРИМЕР. Макет в НТМL 5
Глава 18. Процесс разработки 423
Для кого предназначен сайт
Почему люди посещают ваш сайт
Чего хотят добиться ваши посетители
Какая информация требуется вашим посетителям
Как часто люди будут посещать ваш сайт
Карта сайта
Пример карты сайта
Структурные схемы
Пример структурной схемы сайта
Передача сообщения посредством дизайна
Визуальная иерархия
Группировка и подобие
Разработка навигации
Глава 19. Практическая и информация 445
Поисковая оптимизация (SEO)
Поисковая оптимизация ON-PAGE
Как выбрать ключевые слова и фразы
Аналитика: Изучение аудитории сайта
Сколько людей посещает ваш сайт?
Что именно просматривают посетители вашего сайта?
Откуда приходят ваши посетители
Доменное имя и хостинг
FTP и инструменты сторонних разработчиков
ОБЗОР. Практическая информация
Предметный указатель 461
Решение часто возникающих проблем
Элементы HTML
Атрибуты HTML
Свойства CSS
Псевдокпассы, Элементы и Правила
Добавить комментарий