HTML и CSS. Путь к совершенству

Содержание книги «HTML и CSS. Путь к совершенству»:

• 15 Предисловие
  • 15 Для кого и о чем эта книга?
    • 15 Что значит «самое интересное»?
    • 16 Что нужно знать для чтения этой книги
    • 16 Идеальный читатель
    • 17 Книга может показаться скучной (либо слишком сложной)
  • 18 Цели этой книги
    • 19 Чего нет в этой книге
    • 20 Веб-стандарты
    • 21 Photoshop
    • 21 Чем интересен сопутствующий сайт
    • 22 Условные обозначения
    • 24 «Почувствуй силу, Люк!»
    • 24 Примеры кода
    • 25 Слова благодарности
• 27 Глава 1. Сущность гипертекста
  • 27 Интернет без ссылок
  • 28 URL
  • 29 Управление ссылками
  • 29 Усовершенствование взаимодействия с пользователем с помощью ссылок
  • 30 Проблемы применения гипертекста
• 32 Глава 2. Работа с разметкой HTML
  • 32 Синтаксис HTML
    • 33 Теги, элементы и атрибуты
    • 35 Структура страницы
  • 35 Режимы отображения, версии HTML и объявление типа документа (DTD)
    • 36 HTML или XHTML?
    • 36 Strict, Transitional или Frameset?
    • 37 Два типа блочных моделей
    • 38 Выбор правильного типа документа
  • 38 Универсальные атрибуты
    • 38 Создание стилевых крючков с помощью class and id
    • 39 Описание контента с помощью title и lang
    • 41 Атрибут contenteditable в HTML5
  • 42 Разделение контента, структуры, презентации и интерфейса
    • 42 Создание абсолютно безопасного сайта
    • 42 Разделение на практике
    • 43 Работа с деревом документа
  • 45 Браузеры, парсинг и отображение
    • 46 Динамический HTML, Ajax и отображение
• 47 Глава 3. Обзор CSS
  • 47 Связь таблиц стилей с HTML-документом
    • 47 Связь с помощью тега link
    • 48 Определение версии Internet Explorer с помощью условных комментариев
    • 49 Замена тега link тегом style
    • 49 Применение @import
    • 50 Будьте осторожны с атрибутами style!
    • 50 Определение правил для специфических сред
  • 51 Применение селекторов стилей
    • 52 Родительские, дочерние и братские элементы: отношения узлов элементов
    • 53 Простые селекторы
    • 53 Комбинации селекторов
    • 54 Селектор дочерних элементов
  • 55 Конфликты правил, приоритеты и очередность
    • 55 Приоритет селекторов
  • 56 Конфликты правил
    • 56 Наследование значений
  • 57 Параметры CSS и обзор единиц измерения
  • 57 Единицы измерения CSS
    • 58 Единицы измерения в переменных средах
    • 58 Зерно и размер пиксела
    • 59 Единицы измерения для печатных форм
    • 60 Размер шрифта. Ключевые слова
    • 60 Цвет. Единицы измерения
    • 61 Основные свойства визуализации в CSS
• 64 Глава 4. Разработка в соответствии со стандартами
  • 64 Обзор стандартов Всемирной паутины
  • 65 Для чего нужны стандарты?
    • 66 Интероперабельность
    • 66 Рыночные силы
    • 66 Совместимость снизу вверх
    • 67 Доступность
    • 67 Приоритеты поставщиков
    • 67 Косность стандартов
    • 68 Факторы успеха (и их отсутствие)
    • 68 Жесткий конструктивизм
  • 68 Третий путь - дружественность к стандартам
    • 69 Преимущества дружественной к стандартам разработки
    • 69 Правила дружественной к стандартам разработки
• 71 Глава 5. Создание эффективных стилей и структуры
  • 71 Четыре правила для эффективного создания стиля
    • 72 Правило № 1. Будь проще
    • 75 Правило № 2. Будь гибким
    • 78 Правило № 3. Будь последовательным
    • 80 Правило № 4. Придерживайся своего курса
  • 82 CSS-дзен
  • 84 Информационная архитектура и удобство использования Интернета
    • 85 Мультиразмерность
    • 86 Навигация: ориентация и указатели
    • 88 Стратегия посещения сайтов
    • 89 Рекомендации по созданию удобных интерфейсов
    • 91 Предсказание поведения пользователей с помощью сценариев и тестов
    • 92 Таксономия и номенклатура
    • 93 Применение таксономии к таблицам стилей страницы
    • 95 Новые структурные элементы (HTML5)
• 97 Глава 6. Создание макета в CSS
  • 97 Блочная модель CSS и контроль размера элементов
  • 97 Режим совместимости и строгий режим
  • 98 Значение auto
    • 99 Свойство overflow
    • 101 Ограниченные, но не фиксированные размеры элементов
    • 102 Управление непредсказуемым
  • 103 Отступы, поля и рамки
    • 103 Отрицательные поля
    • 104 Схлопывание полей
    • 105 Рамки
    • 106 Отступы
    • 106 Блочное поведение корневых элементов документа
    • 107 Параметры блоков и процентное значение
  • 107 Поток элементов
    • 108 Элементы inline
    • 108 Элементы block
    • 109 Элементы inline-block
  • 109 Использование display для изменения потока элементов
    • 110 Свойство display
  • 110 Свойства float и clear
    • 111 Правила свойства float
    • 112 Отмена значений float с помощью clear
    • 112 Контекст float
  • 113 Создание макета с несколькими колонками
    • 114 Конвертация двухколоночных макетов из разметки в CSS
    • 115 Как работают двухколоночные стили
    • 117 Преимущества использования CSS для создания макетов
    • 118 Переход с двух колонок на три
    • 120 Если колонок больше трех
    • 120 Семантически пустые контейнеры для многоколоночных макетов
    • 121 Дополнительные функции в CSS3
  • 121 Свойства позиционирования в CSS
    • 121 Как работает позиционирование
    • 122 Связанные элементы позиционирования
  • 124 Видимость и свойство z-index
    • 124 Изменение видимости, не затрагивающее поток документов
    • 125 Стек
  • 126 Создание точного кода и макета для навигации
    • 127 Ориентирование списка
    • 129 Размещение навигационного списка в заданной области
  • 131 Типы верстки и сетка
    • 131 Фиксированные, пропорциональные и «резиновые» макеты
    • 133 Создание сетки
    • 135 Правило третей, золотое сечение и ряд Фибоначчи
    • 136 Внедрение гибкой сетки
• 139 Глава 7. Работа со списками
  • 139 Упорядоченные и неупорядоченные списки
    • 139 Стили по умолчанию для упорядоченных и неупорядоченных списков в разных браузерах
    • 140 Создание эффективных упорядоченных и неупорядоченных списков
    • 140 Свойство list-style-type и атрибут type
    • 141 Nav-элемент (HTML5)
    • 143 Изменение области упорядоченного списка
  • 144 Другие функции списков
    • 144 Контурные списки
    • 145 Внутристрочные серийные списки
    • 145 Изменение внешнего вида ссылок в футере
    • 145 Фоновые буллиты?
  • 146 Оформление навигации
    • 146 Размещение навигации в коде документа
    • 147 Способ расположения основной навигации
    • 148 Размещение навигации в футере
    • 149 Списки определений
    • 150 Создание стилей для списков определений
    • 150 Пример разметки текста словаря
    • 153 Пример разметки диалога
• 155 Глава 8. Заголовки, гиперссылки, строковые элементы и цитаты
  • 155 Заголовки и их правильное использование
    • 155 Заголовки в печати
    • 157 Оптимальное размещение заголовка
  • 158 Оформление элементов заголовка
    • 158 Размеры и шрифты заголовков
    • 158 Нормализация размеров заголовка
    • 159 Выделение заголовков
  • 159 Разметка ссылки
    • 160 Атрибуты ссылок
    • 160 Эффективное применение атрибута href
    • 161 Создание ссылок на специальные области документа
    • 162 Эффективные названия ссылок и значения заголовка
  • 163 Оформление ссылок
    • 164 Псевдоклассы ссылок
    • 165 Применение display: block для улучшения внешнего вида ссылки
    • 166 Свойство text-decoration
    • 166 Свойство cursor
  • 167 Добавление семантических значений строковыми элементами
  • 168 Цитаты
• 170 Глава 9. Цвета и фоны
  • 170 Теория цвета и практика применения веб-цветов
    • 170 Удобство, доступность и цвет
    • 171 Аддитивная цветовая модель
    • 172 Цветовая модель HSB
    • 172 Субтрактивная цветовая модель
    • 173 Дизайн, контраст и дополняющие цвета
    • 174 Идентификация цветов, вкратце
    • 176 Графические приложения и палитра, безопасная для Сети
    • 176 Разработка собственной палитры
  • 178 Фоны CSS
    • 178 Свойство background-position
    • 179 Свойство CSS background: краткая запись
  • 180 Составление фоновых изображений
    • 181 «Ложные колонки»
    • 183 Текстуры и образцы черепичного фона
    • 183 Огромные фоновые текстуры и специальные вставки
    • 184 Падающие тени, глянцевые эффекты и закругленные углы
  • 185 Растровая копия и замена изображений по методу Фарнера
    • 187 Правила таблицы стилей FIR
    • 187 Минусы FIR
  • 188 Оптимизация работы сервера с помощью спрайтов
• 191 Глава 10. Таблицы данных
  • 191 Недостатки макетных таблиц
    • 191 Исходный порядок: квадратный стержень, круглая дыра
    • 192 CSS-дзен становится легендой
    • 192 Неизбежное рабство перед шаблонами
    • 193 Позиционирование оказывается бесполезным
  • 193 Части таблицы данных
    • 195 Пример разметки таблицы: все вперемешку
  • 197 Создание ячеек
    • 199 Построение таблицы и размещение данных
  • 201 Верхние/нижние шапки и заголовочные ячейки таблицы
    • 202 Селекторы атрибутов и дочерние селекторы
    • 202 Уменьшение контраста верхней и нижней шапки
    • 204 Добавление эффектов наведения
• 205 Глава 11. Изображения и мультимедиа
  • 205 Замещенные элементы
  • 207 Подготовка изображения к обработке
    • 207 Что такое атрибут alt
    • 207 Размеры и границы изображения
  • 209 Обработка изображений
    • 209 Обрезка
    • 210 Матирование: создание воображаемой «рамки»
    • 211 Ресемплинг: изменение абсолютного размера изображения
    • 212 Изменения уровня: оптимизация контраста фотографий
    • 214 Применение нескольких настроек
  • 214 Работа с цветовыми профилями
  • 216 Оптимизация изображений
    • 216 Выбор правильного формата изображения
    • 216 Как найти золотую середину между размером и качеством
  • 217 Публикация изображений
    • 218 Сохранение изображений в порядке
    • 218 Публикация изображений и управление сайтом с помощью CMS
    • 220 Правила публикации изображений
  • 220 Оформление изображений и встраиваемого контента
    • 221 Расположение изображения в колонке
    • 221 Создание заголовков для изображений
  • 222 Работа с эскизами в режиме галереи и показа слайдов
    • 224 Lightbox: эскизы, галереи и показ слайдов
    • 224 SlideShowPro
  • 225 Движение и звук: добавление Flash-видео и Flash-презентаций с помощью SWFObject
  • 226 Добавление мультимедиа без контейнера
    • 228 Рассказ о трех компаниях
    • 228 Использование Flash
    • 229 Использование простой разметки для публикации мультимедийного контента
    • 229 Стили для встраиваемого контента
    • 230 Как решить проблемы встраиваемого контента с помощью поля заголовка HTTP Content-Disposition
    • 230 Важно сохранять объективность
    • 230 Элементы video и audio (HTML5)
    • 232 Элемент canvas (HTML5)
• 234 Глава 12. Веб-типографика
  • 234 Краткая история буквенных форм
    • 235 Происхождение современных западных буквенных форм
    • 235 Пресс Гутенберга и искусство типографики
    • 236 Появление цифрового типографского набора
    • 237 Ограничений много, но ожидания не меняются
  • 237 Типографский глоссарий на практике
  • 240 Алиасинг и сглаживание
  • 243 Стили шрифтов, читаемость и разборчивость
    • 243 Обеспечение читаемости
    • 244 Обеспечение разборчивости
    • 245 Шапка и мелкий шрифт
  • 246 Размер шрифта
    • 247 Выбор правильных единиц размера шрифта
    • 248 Пересчет размеров для em и процентов
    • 248 Ключевые слова для размеров шрифтов
  • 249 Работа со шрифтами
    • 249 Проблема небольшого выбора
    • 252 Использование шрифтов: свойство font-family
    • 254 Поиск канонических названий гарнитур
    • 255 Доступ к шрифту системы по умолчанию при помощи свойства font
  • 255 Кратко о кодировке
    • 256 Что такое кодировка?
    • 256 ASCII, ISO 8859-1, Unicode и UTF-8
    • 257 Выбор кодировки
    • 258 Представления символов, не принадлежащих ASCII, в виде сущностей
  • 261 Руководство по использованию шрифтов
    • 261 Предсказуемость, предпочтение, паника
    • 261 Оценка масштабов содержимого
    • 263 Как разнообразить шрифт: гарнитура, размер, вес, стиль, цвет
    • 264 Настройка шрифтов вокруг разрывов
    • 265 Оформление отрывков одинакового приоритета
    • 266 Работа со шрифтами
  • 267 Разное о типографике в CSS
    • 267 Свойство line-height
    • 268 Свойства font-variant и text-transform
    • 268 Свойства letter-spacing и word-spacing
    • 269 Свойство white-space
  • 269 Веб-типографика на практике
• 270 Глава 13. Понятные и доступные формы
  • 270 Разработка эффективных форм
    • 270 Сетевые приложения, пользовательская перспектива и выбор дизайна
    • 272 Организация пользовательского интерфейса при помощи функций
    • 273 Десять правил разработки эффективных веб-форм и приложений
  • 274 Оценка и структура
    • 275 Определение требований
  • 277 Разметка и структура
  • 280 Структура, отображение и поведение простой формы
    • 281 Созданные формой запросы get
    • 282 Кодирование символов в URL: сущности ASCII
    • 283 Метод post и загрузки файлов
    • 283 Изменение размера и внешнего вида отдельных элементов управления
  • 285 Создание прототипа и макета
    • 285 Основы прототипирования
    • 286 Дизайнерские шаблоны, исходные стили и макеты форм
    • 288 Группировка элементов управления по внешнему виду
  • 290 Обязательные для заполнения поля и другие ограничения при подтверждении
    • 290 Определение обязательных для заполнения полей
    • 291 Поиск и распознавание пользовательских ошибок ввода
    • 292 Атрибуты disabled и readonly
  • 293 Создание форм, доступных для всех
    • 294 Реализация форм с учетом доступности
    • 296 Поддержка перемещения по форме при помощи клавиатуры
  • 297 Свойства форм в HTML5
    • 297 Новые типы вводимых данных
    • 298 Атрибут required
• 300 Глава 14. Отрицательные стороны
  • 300 Поразительные свойства Internet Explorer (особенно IE 6)
    • 301 Войны браузеров: версия 2.0
    • 302 Слабая поддержка селекторов (или ее отсутствие)
    • 303 Свойство hasLayout
    • 304 Удвоение отступа
    • 304 Значения expression()
    • 305 Фильтры и переходы ActiveX
    • 306 Поддержка PNG (или ее отсутствие)
    • 306 Слабая поддержка свойств
    • 307 Проблемы с XHTML и XML
  • 307 Системное безобразие
    • 307 Слабость шаблонов и сторонний контент
    • 308 Валидация разметки как предпосылка к правильной реализации стилей
    • 308 Рекомендуется просматривать в
    • 309 Ступенчатая поддержка
    • 311 embed и object
    • 311 Управление формами, встраиваемые модули и наложение элементов
    • 312 Глупые причины неправильной разметки
  • 313 Плохие соседи HTML и «тупиковые» элементы
    • 313 Фреймы
    • 315 Элемент strike
    • 316 Атрибут name
    • 317 Элементы noscript и noframes
    • 317 Семантические искажения и ограниченный словарный запас HTML
    • 318 Строковые элементы
    • 318 Управление вертикальным пространством: hr и br
    • 319 Элемент pre и свойство white-space
  • 319 Пародии на CSS
    • 319 Директивы
    • 320 Вычисленные значения и их округление
    • 321 Префиксы свойств -moz и -webkit, специфичные для производителей
    • 321 Значение inherit
    • 322 Как прятать вещи: z-index и clip
    • 322 Счетчики
    • 323 Модели визуального представления элементов
    • 324 Значения кодовых позиций Unicode и свойство content
  • 324 Ужасные стороны
    • 325 Элементы marquee и blink
    • 325 Свойства пользовательского интерфейса MSIE
    • 325 Атрибут align
    • 326 Атрибут style
    • 326 div-itis
    • 327 Атрибуты обработчика событий
    • 327 Беспричинное подчеркивание
    • 328 Атрибут http-equiv
  • 328 Подводя итог
• 329 Приложение. URI, архитектура клиент-сервер и HTTP
  • 329 Базовая архитектура клиент-сервер
  • 330 Что каждый веб-разработчик должен знать о HTTP
  • 332 Коротко о MIME-типах
  • 332 Управление объемом запроса