Об авторе
Предисловие
Введение
Кто должен прочитать эту книгу
О содержании книги
О сайте этой книги
Договоренности
Часть I. Начало пути
Глава 1. Планирование и структурирование контента
Узнай своих клиентов
Типы пользователей: томаты или помидоры
Посетители и клиенты
Виды опыта
Свобода через ограничение аудитории
Сбор данных
Если что-то не так
Правильный сбор данных: я этому уже учился, но не так
Сначала контент - потом дизайн, а не наоборот
Обеспечьте нормальное соединение
Направляй, а не приказывай
Структурирование разметки - наша первая задача
HTML-террористы
Во всем виноваты браузеры?
CSS: Реабилитация террористов
Пример структурирования содержимого
Создайте средства управления
Ревизия содержимого по требованию дизайна
Глава 2. Разработка неизвестного
Цвета безопасной палитры
Использование безопасной цветовой палитры
Использование таблиц для планировки
Варианты планировки Web-страниц
Жесткий дизайн
Гибкий дизайн
Смешанный дизайн
Проблемы точности в Web
Старайтесь использовать проценты
Единицы em как альтернатива
Вертикальные значения, наследование ширины
Практика отличается от теории
"Принцип кнопки"
Зачем использовать "принцип кнопки"
Часть II. Использование CSS
Глава 3. Определение стиля
Знакомство с каскадными стилями
Стилевое описание
Селектор
Применение стиля к Web-странице
Подставляемые стили
Встраиваемые стили
Внешние стили
Импорт внешних стилей
Связывание внешних стилей. Советы разработчику
Используйте внешние таблицы стилей
Использование ссылки на стили
Отбросим Netscape Navigator с тегом @import
Мерцание страниц с тегом @import в Internet Explorer
Средства CSS
Научитесь пользоваться коробочной моделью
Окрасьте свой CSS
Единицы измерений
Class против id
Дескрипторы div и span
Псевдоклассы и псевдоэлементы
Идеальное внедрение каскадных стилей
Иерархия стилей
Наследование
Ссылки, специфичность и вычисления
Глава 4. Планировка страниц
Джеффри Зельдман о Web-стандартах в разработке
Интервью с Джеффри Зельдманом
Заставки
Традиционные заставки: пример из практики
Разбиение на колонки
Разбиение на две колонки
Разбиение на три колонки
Глава 5. Каскадные стили для DHTML
Стивен Чемпион о динамическом HTML
Легкость руки: динамический HTML в действии
Изменение нескольких стилей "на лету"
Управление изображениями при помощи DHTML
Маскирование и визуализация элементов страницы
Изменение размеров полей формы
Сделай что-нибудь иначе
JavaScript: большие возможности, высокая ответственность
Рекомендованное чтение
Часть III. Расширенный CSS
Глава 6. Создание каскадных стилей за пределами экрана
Каскадные стили для вывода на печать
Исправление беспорядка
Планировка сердцевины печатной страницы
Каскадные стили для аудиоисполнения
Свойства акустических каскадных стилей
Возможные стратегии кодирования акустических каскадных стилей
Глава 7. Обработка каскадными стилями изображений в форматах PNG и SVG
Формат PNG
Интервью с Грегом Ролофом
Альфа-прозрачность
Встроенная гамма-коррекция
Плохие известия о формате PNG
SVG
Интервью с Дж. Дэвидом Эйзенбергом
Графика из текста
Применение каскадных стилей к SVG
Средства разработки SVG
Использование SVG
Будущее PNG и SVG
Часть IV. Дизайн с использованием CSS в действии: вскрытие противоречий
Глава 8. Деловые публикации
Новостная страница компании
Маленькие недочеты
Ошибочный код и обходные пути решения
Страница оформления заказа электронного магазина
Горизонтальная навигация средствами CSS
Планировка журнала онлайновых новостей
Глава 9. Независимые публикации
Персональный сайт
Дизайн статей интерактивного журнала
Создание электронного журнала
Навигация по сайту
Название сайта
Фоновый рисунок
Главное изображение
Заголовок
Остальная часть планировки
Глава 10. Нетрадиционные стили
Техногенный стиль с SVG
Классический стиль с авангардистскими изысками
Описание стилей сайта
Отбросьте колебания
Часть V. Приложения
Приложение А. Упражнения по форматированию
Пример 1. Разметка заголовка и абзаца
Пример 2. Как создать горизонтальную линию толщиной в один пиксел
Пример 3. Создание широкой горизонтальной линии
Пример 4. Создание пунктирной линии
Пример 5. Полужирный текст большого размера
Пример 6. Полужирный текст маленького размера
Пример 7. Создание простого центрированного заголовка
Пример 8. Правое выравнивание заголовка
Пример 9. Заголовок в прямоугольнике из тонких линий
Пример 10. Отступ первой строки абзаца
Пример 11. Отступ заголовка и абзаца
Пример 12. Создание втяжки
Пример 13. Создание висячего заголовка
Пример 14. Альтернативное исполнение висячего заголовка
Пример 15. Создание фонового рисунка
Пример 16. Создание цветного фона заголовка
Пример 17. Вставка большого фонового изображения
Пример 18. Горизонтальная линия над заголовком
Пример 19. Горизонтальная линия под заголовком
Пример 20. Нижний отступ заголовка
Пример 21. Горизонтальная линия под заголовком с регулируемым отступом по вертикали
Пример 22. Создание двух линий
Пример 23. Создание большого заголовка и сохранение двух линий
Пример 24. Вставка изображения между линиями
Пример 25. Создание жирной линии под заголовком
Пример 26. Подчеркнутый заголовок с правым выравниванием
Пример 27. Центрирование, обводка и фоновое изображение для заголовка
Пример 28. Создание боковика с подчеркиванием
Пример 29. Боковик с правым выравниванием
Пример 30. Создание боковика с обводкой
Пример 31. Создание боковика с обводкой и правым выравниванием
Пример 32. Добавление фонового изображения к параграфу
Пример 33. Создание вложенного текста
Пример 34. Вставка прямоугольного маркера с левой стороны заголовка
Пример 35. Добавление широкой линии
Пример 36. Добавление угловой линии, изменение межстрочного расстояния и шрифтового семейства
Пример 37. Заголовок в рамке с отступами
Пример 38. Рамка с широкими боковыми границами вокруг заголовка
Пример 39. Широкая линия над заголовком и тонкая под ним
Пример 40. Тонкая горизонталь над заголовком, а пунктирная линия под ним
Пример 41. Увеличение толщины верхней линии
Пример 42. Увеличение толщины нижней линии
Пример 43. Создание длинной горизонтали над заголовком
Пример 44. Создание буквицы
Пример 45. Размещение заголовка над буквицей и полужирное выделение первого слова параграфа
Пример 46. Широкая рамка вокруг заголовка
Пример 47. Вставка изображения в рамку
Пример 48. Размещение заголовка в пределах параграфа
Пример 49. Внедренный заголовок и отступ первой строки абзаца
Пример 50. Внедренный заголовок, выровненный по первой строке параграфа
Приложение B. Справочное руководство по каскадным стилям
Приложение С. Справочник по HTML 4.01
Приложение D. Правила преобразования HTML в XHTML
Правильное DTD и включение в состав документа описания пространства имен
Запрещенные символы встроенных сценариев и каскадных стилей
Корректное вложение дескрипторов
Идентификаторы фрагментов: одинаковые значения параметров name и id
Закрывающие дескрипторы являются обязательными
Нижний регистр символов
Запись автономных дескрипторов
Обрыв строки в значениях атрибутов
Кавычки вокруг значений атрибутов
Атрибуты со значениями
Символ амперсанда
Предметный указатель