Основы Web-дизайна. Самоучитель

Description

Рассмотрены основные сведения по разработке Web-приложений, необходимые начинающему Web-разработчику. Приведены общие понятия, а также вопросы, связанные с разработкой, публикацией и дальнейшим сопровождением сайта в целом. Подробно рассмотрены разметка гипертекстовых документов (XHTML, HTML 4 и HTML 5) и применение каскадных таблиц стилей (CSS 2/3). Описаны основные средства разметки страниц сайта и форматирования текстов. Показано, как помещать в HTML-документ содержимое из внешних источников (графические изображения, Flash-ролики, звук, видео и т. п.), а также как создавать специальные визуальные эффекты. Уделено большое внимание элементам пользовательского интерфейса, с помощью которых обеспечивается интерактивность Web-страниц. Рассказано о решении различных задач с помощью сценариев, написанных на языке JavaScript. Второе издание переработано и дополнено с учетом современных Web-технологий. Оглавление Предисловие ко второму изданию Введение глава 1 Что такое Web-дизайн 1.1. С чего начать? 1.2. Графический дизайн 1.3. Шаблоны страниц 1.4. Реализация проекта 1.5. Наполнение информационным содержимым 1.6. Тестирование и опытная эксплуатация 1.7. Публикация и оптимизация сайта для поисковых систем 1.7.1. Доменное имя сайта 1.7.2. Регистрация и индексирование в поисковых системах глава 2 Как устроен HTML-документ 2.1. Что такое HTML 2.2. Определение типа документа 2.3. Структура (X)HTML-кода 2.3.1. Раздел заголовка документа Тег Группа HTTP-EQUIV (HTTP-эквиваленты) Группа NAME (имя) Тег Другие теги внутри 2.3.2. Раздел тела документа 2.4. Основные атрибуты тегов глава 3 Основы каскадных таблиц стилей 3.1. Что такое CSS 3.2. Присоединение таблиц стилей к (X)HTML-документу 3.3. Правила форматирования 3.3.1. Селекторы 3.3.2. Контекстные селекторы 3.3.3. Псевдоселекторы и псевдоэлементы 3.4. Приоритеты определений параметров стилей 3.5. Размерность 3.6. Цвет 3.7. Поля, отступы, границы и размеры 3.8. Наследование параметров глава 4 Позиционирование элементов 4.1. Расположение элементов в нормальном потоке 4.2. Позиционирование с помощью CSS 4.2.1. position:static 4.2.2. position:relative 4.2.3. position:absolute 4.2.4. position:fixed 4.3. Отсчет координат 4.4. Слои, или третья пространственная координата 4.5. Обтекание (float) 4.6. Видимость 4.6.1. overflow 4.6.2. clip 4.6.3. visibility 4.6.4. display 4.7. Размеры элементов 4.8. Практические примеры 4.8.1. Центрирование элемента 4.8.2. Управление положением элемента с помощью мыши 4.8.3. Раскрывающаяся панель глава 5 Фон элементов и границ 5.1. background 5.2. Прозрачность 5.3. Тень глава 6 Компоновка страницы 6.1. Базовые схемы компоновки страницы 6.2. Жесткая схема 6.3. Резиновая схема 6.4. Центрирование страницы 6.5. Декорация схемы 6.6. Вставка плавающего фрейма () глава 7 Ссылки 7.1. Текстовые ссылки 7.1.1. Простое меню ссылок 7.1.2. Двухуровневое меню ссылок 7.2. Графические и комбинированные ссылки 7.3. Графические карты ссылок 7.4. Внутренние ссылки 7.5. URL-адреса 7.5.1. Структура URL 7.5.2. Абсолютные и относительные пути 7.5.3. Псевдо-URL JavaScript глава 8 Форматирование текстов 8.1. Шрифты 8.2. Основные теги разметки текстов 8.3. Специальные символы 8.4. Работа с текстом 8.4.1. Красная строка 8.4.2. Выравнивание 8.4.3. Межстрочное расстояние 8.4.4. Межсловное расстояние 8.4.5. Межбуквенное расстояние 8.4.6. Декорация 8.4.7. Индексы 8.4.8. Выделение первой буквы строки и первой строки в блоке текста 8.4.9. Текст с тенью 8.4.10. Преобразование регистра 8.4.11. Мультиколоночная верстка 8.5. Предварительно отформатированный текст 8.6. Генерируемое содержимое глава 9 Списки 9.1. Маркированный список 9.2. Нумерованный список 9.3. Автоматическая нумерация элементов списка 9.4. Иерархический раскрывающийся список 9.5. Меню на основе списка 9.6. Выравнивание элементов списка 9.7. Список определений глава 10 Таблицы 10.1. Табличные теги 10.2. Рамки таблицы 10.3. Размеры таблицы 10.4. Выравнивание содержимого ячеек таблицы 10.5. Задание параметров столбцов 10.6. Сложные таблицы 10.6.1. Расширение ячеек 10.6.2. Прокручиваемая таблица 10.7. Декорирование таблицы глава 11 Формы и элементы пользовательского интерфейса 11.1. Поля ввода, кнопки и переключатели: тег 11.2. Кнопка: тег 11.3. Комбинированный раскрывающийся список: тег 11.4. Текстовая область: тег 11.5. Декорации элементов интерфейса 11.6. Форма: тег глава 12 Вставка внешнего содержимого 12.1. Графические изображения 12.1.1. Растровая графика Пикселы Цветовые модели Цветовая глубина 12.1.2. Основные форматы растровой графики 12.1.3. Векторная графика 12.1.4. Вставка графики в (X)HTML-документ Применение тега Применение тегов и для вставки изображений Пример простой фотогалереи Вставка SVG 12.2. Звук и видео 12.2.1. Основные форматы звуковых и видеофайлов 12.2.2. Вставка звука и видео в (X)HTML-документ Теги и Теги и 12.2.3. Вставка FLV-видео 12.2.4. Вставка Flash-фильмов 12.3. Вставка (X)HTML-документов 12.4. Вставка элементов управления ActiveX 12.4.1. Что такое ActiveX 12.4.2. Примеры элементов ActiveX Flash-проигрыватель Adobe SVGViewer Календарь Обслуживание табличных данных в текстовых файлах 12.5. Вставка апплетов Java 12.5.1. Что такое апплет 12.5.2. Вставка апплета посредством тега 12.5.3. Вставка апплета посредством тега глава 13 Что такое JavaScript 13.1. Из истории 13.2. Общая характеристика языка 13.3. Вставка сценариев в (X)HTML-документ 13.4. Специальные термины и понятия глава 14 Объектная модель браузера и документа 14.1. Общие сведения 14.2. Доступ к объектам 14.3. Доступ к свойствам элементов документа 14.3.1. Доступ к атрибутам 14.3.2. Доступ к свойствам CSS Параметры CSS, определенные в атрибуте style Параметры CSS, определенные в теге или во внешнем файле 14.3.3. Доступ к содержимому элемента 14.4. Обработка событий 14.4.1. Привязка обработчиков событий Атрибуты-события Регистрация обработчика события Средства DOM 14.4.2. Область видимости обработчиков событий 14.4.3. Изменение поведения элементов по умолчанию 14.4.4. Программный вызов обработчика события 14.4.5. Прохождение событий 14.4.6. Информация о событии: объект Event Доступ к Event Кто является целевым объектом? Какое событие произошло? Основные свойства объекта Event 14.4.7. Основные события 14.5. Основные объекты браузера и документа 14.5.1. Объект window Свойства объекта window Методы объекта window 14.5.2. Объект screen 14.5.3. Объект location Свойства объекта location Методы объекта location 14.5.4. Объект history Свойства объекта history Методы объекта history 14.5.5. Объект navigator Свойства объекта navigator Коллекции объекта navigator Методы объекта navigator 14.5.6. Объект document Свойства объекта document Коллекции объекта document Методы объекта document глава 15 Работа с основными объектами посредством JavaScript 15.1. Управление окнами и фреймами 15.1.1. Создание окон 15.1.2. Взаимодействие окон 15.1.3. Работа с фреймами Взаимодействие фреймов Предотвращение загрузки в чужой фрейм Проверка загрузки всех фреймов 15.1.4. Окно PopUp в Internet Explorer 15.2. Работа с таблицами 15.3. Работа с табличными данными в текстовых файлах 15.3.1. Применение ActiveX Tabular Data Control Перемещение по строкам таблицы Сортировка данных таблицы Фильтрация данных таблицы 15.3.2. Применение объекта XMLHttpRequest 15.4. Работа с формами 15.4.1. Проверка данных перед отправкой 15.4.2. Баннер как форма 15.4.3. Переходы между полями по клавише 15.5. Работа с локальным хранилищем данных 15.5.1. Cookie 15.5.2. Объект localStorage 15.6. Работа с графическими изображениями 15.6.1. Объект элемента 15.6.2. Объект Image 15.6.3. Управление свойствами изображения 15.6.4. Предварительная загрузка изображений 15.6.5. Нетипичные применения объекта Image Передача данных на сервер Парольная защита страницы на стороне клиента 15.7. Взаимодействие с сервером: объект XMLHttpRequest и AJAX 15.7.1. Объект XMLHttpRequest Свойства объекта XMLHttpRequest Передача данных 15.7.2. AJAX 15.8. Управление во времени глава 16 Примеры сценариев на JavaScript 16.1. Подсветка кнопки 16.2. Меню 16.2.1. Моментально раскрывающееся вертикальное меню 16.2.2. Плавно раскрывающееся меню 16.3. Раскрывающийся комбинированный список 16.4. Иерархический раскрывающийся список 16.5. Эффект пишущей машинки 16.6. Отображение кода на странице 16.7. Перемещение элементов мышью 16.8. Движение по траектории 16.8.1. Движение по произвольной кривой 16.8.2. Движение по эллипсу 16.9. Рисование линий посредством 16.9.1. Прямая линия 16.9.2. Произвольная линия 16.9.3. Графики зависимостей 16.9.4. Перерисовка линий 16.10. Рисование посредством 16.10.1. Как вставить в (X)HTML-документ 16.10.2. Фигуры и линии Прямоугольник Путь Линии Панель с закругленными углами 16.10.3. Градиенты 16.10.4. Трансформации 16.10.5. Импорт растровых графических изображений 16.10.6. Анимация 16.10.7. Композиция графики 16.10.8. Текст 16.11. Дата и время 16.11.1. Отображение даты и времени в виде текста 16.11.2. Часы 16.11.3. Вечный календарь 16.12. Виджет приложение 1. Перечень тегов HTML 5 приложение 2. Перечень параметров CSS Позиционирование Размеры Цвет и фон Текст Шрифты Блоки (поля, отступы и границы) Таблицы Печать Интерфейс Звук Прочее Предметный указатель