'

Глава 1. Устройство сайта

Интернет: что внутри?

Протоколы

Эталонная модель взаимодействия открытых систем ISO OSI

Стек протоколов TCP/IP

Адресация на сетевом уровне

Система и служба доменных имен

Публикация сайта

Идентификация ресурсов

Всемирная паутина как прикладная служба Интернета

Сервис, затмивший все

Описание сущности сайтов

Коммерческие и некоммерческие сайты

Информационные и презентационные сайты

Сайт в действии

Устройство веб-страницы: взгляд внутрь

Исследование исходного кода страниц

Статика и динамика

Стадии разработки сайта

Начало — половина дела

Рождение и жизнь проекта

Глава 2. Создание простейших страниц с помощью языка разметки HTML

Экскурс в историю Всемирной паутины

SGML и основы теории разметки

HTML на грани кризиса

Настоящее и будущее веб-технологий

Построение HTML-документа

Минимальный HTML-документ

Время «X»: создание простейшего документа при помощи XHTML

С прицелом на будущее

Структурирование данных

Заголовки

Абзацы

Принудительный разрыв строки

Списки

Логическое выделение

Гипертекстовые ссылки

Абсолютные ссылки

Относительные ссылки

Ссылки на разделы одного документа

Открытие ссылок в новом окне

Вставка изображений и других объектов в веб-страницу

Анатомия веб-графики

Использование тега <object>

Практические примеры — простейшие веб-страницы

Глава 3. Оформление веб-страниц с использованием каскадных листов стилей

Назначение и возможности CSS

Синтаксис конструкций CSS и связь листа стилей с веб-страницей

Селекторы, свойства и значения

Внешние и внутренние листы стилей

Внутри или снаружи — «против» и «за»

Индивидуальные правила представления контента для различных сред и устройств вывода

Цвет текста и фона

Фоновое изображение

Линейные единицы измерения в CSS

Подготовка фоновых изображений

Форматирование текстовых блоков

Свойства шрифта

Свойства текстового набора

Свойства списков

Практические примеры — веб-страницы, оформленные при помощи CSS

Глава 4. Использование блочной модели CSS2 для верстки сложных веб-страниц

Организация пространства страницы информационного сайта

И снова о минимализме

Оформление прямоугольных блоков средствами CSS

Свойства рамок

Поля и отступы

Взаимное размещение нескольких блоков

Селекторы классов и уникальных элементов

Линейные размеры элементов

Виды позиционирования

Обтекаемые элементы

Практический пример — веб-страница с горизонтально ориентированным блоком навигации

Практический пример — веб-страница с вертикально ориентированным блоком навигации

Системы навигации сайтов

Внутренняя навигация

Внешняя навигация

Интерактивное меню навигации средствами CSS

Практический пример — завершенный сайт

Лист стилей готового сайта

Типы страниц

Примеры к этой главе, размещенные на компакт-диске

Глава 5. Таблицы в HTML

Для чего нужны таблицы и почему об этом нужно говорить особо?

Создание простой «правильной» таблицы

Оформление таблиц

Сложные таблицы с объединением ячеек

Заголовки таблиц, заголовочные ячейки, группировка столбцов и строк

Вложенные таблицы

Табличная верстка макета сайта: «за» и «против»

Практические примеры таблиц

Глава 6. Формы в HTML

Веб-формы как средство обратной связи с пользователем

Наши методы

Основные элементы форм

Текстовые поля ввода

Богатство выбора

«Радиокнопки» и флажки

Списки единственного и множественного выбора

Кнопки

Специальные возможности веб-форм

Использование тега <label>

Иерархические списки

Поля ввода пароля

Скрытые поля

Поля для выбора файла

Группировка элементов форм

Оформление HTML-форм

Практические примеры форм

Глава 7. Создание интерактивных сайтов при помощи языка сценариев JavaScript и динамического HTML

Сценарии на стороне клиента — ключ к интерактивности

Назначение и ключевые особенности JavaScript

Понятие объектной модели документа и динамического HTML

Почему JavaScript?

Обработчики событий

Связь скриптов с веб-страницей

JavaScript как язык программирования

Основы синтаксиса, переменные и базовые типы данных

Введение в объектно-ориентированное программирование

Инструменты первой необходимости

Отладка сценариев

Практический пример — интерактивный тест на знание HTML

Вместо заключения

Приложения