Данная книга ориентирована на студентов, изучающих курсы, связанные с Web-дизайном, а также на широкий круг читателей, которые интересуются вопросами публикации данных в Web и хотят научиться профессионально разрабатывать Web-узлы. В книге подробно обсуждаются основные принципы создания Web-узла и весь технологический цикл работы над проектом: от первых встреч с заказчиком до размещения готового узла на Web-сервере и проведения рекламной кампании. Большое внимание уделено организации доступа к Web-узлу различных категорий пользователей и применимости узла. Авторы также знакомят читателя с правилами формирования портфеля работ, необходимого для успешного проведения переговоров с потенциальными заказчиками. Данная книга будет полезна как начинающим разработчикам, так и Web-дизайнерам, имеющим опыт создания Web-узлов.
Содержание
Об авторах
О рецензентах
Посвящения
Благодарности
Предисловие
Введение
Прилагаемый компакт-диск
Требования к аппаратным и программным средствам
Глава 1. Основы создания Web-узлов
Введение Internet
История развития Internet
World Wide Web
Концептуальная модель Web
Характеристики World Wide Web
Организации World Wide Web Internet-соединение
Скорость передачи данных
Провайдер
Доступ по коммутируемой лини
Высокоскоростные Internet-соединения
Протоколы и модели Internet-взаимодействия
Модель клиент/сервер
Протокол
TCP/IP
HTTP
URL
FTP
Telnet
SMTP, РОР3 и IMAP
Броузеры
Эволюция броузеров
Netscape Navigator
Microsoft Internet Explorer
Перспективы развития броузеров
Инфраструктура HTML
Стандарты и соглашения
Отображение исходного кода
Поиск в Internet
Закладки
Поддержка мультимедиа
Службы и приложения Internet
Электронная почта
FTP
Мгновенный обмен сообщениями
Gopher
Группы новостей
WAIS
Дополнительные модули
Adobe Acrobat Reader
Apple QuickTime
RealNetworks RealPlayer
Macromedia Flash Player
SVG
VRML
Копирование и инсталляция дополнительных модулей
Резюме
Проверьте свои знания
Основные термины
Глава 2. Элементы Web-страниц
Введение
Общие сведения об HTML
История развития HTML
Прочие языки разметки
Иерархия и DOM
Структура
Поддержка стилей
Элементы, дескрипторы и атрибуты
Атрибуты
Включение изображений
Атрибуты дескриптора
Гипертекстовые ссылки
Таблицы
Создание списков
Фреймы
Дескрипторы, не рекомендованные к использованию
XHTML
XHTML и HTML
DTD-описания
Преобразование HTML в XHTML
Работа с цветом
Субтрактивная модель
Аддитивная модель
Отображение цвета на экране компьютера
Цветовое пространство
Шестнадцатеричное представление цвета
Web-ориентированная палитра
Форматы изображений
Векторная графика
Растровая графика
Сжатие изображений
Graphic Interchange Format
JPEG
PNG
SVG
TIFF
EPS
BMP
WMF
PICT
PCX
Форматы мультимедиа-данных
Аналоговые и цифровые данные
Цифровая анимация
Shockwave Flash
Digital Video
MOV
QuickTime VR
MPEG
Цифровая запись звука
Потоковые мультимедиа-данные
Типы потоков
Интерактивные элементы
HTML-формы
Элементы формы и атрибуты
Интерфейсные элементы в составе формы
Сценарии на стороне клиента
Сценарии на стороне сервера
Java-аплеты
Java и JavaScript
Резюме
Проверьте свои знания
Основные термины
Глава 3. Инструментальные средства
Введение
Основные подходы к созданию Web-документов
Создание кода вручную
Средства HTML-преобразования
HTML-редакторы
Простые HTML-редакторы
WYSIWYG -редакторы
Adobe Go Live
Microsoft FrontPage
Macromedia Dreamweaver
Прочие WYSIWYG-редакторы
Графические приложения
Приложения для работы с растровой графикой
Adobe Photoshop
Macromedia Fireworks
Corel Photo-Paint
Приложения векторной графики
Adobe Illustrator
Macromedia FreeHand
CorelDRAW
Приложения для создания анимационных последовательностей
Adobe LiveMotion
Macromedia Flash
Приложения для работы с аудио- и видеоданными
Adobe Premiere
Apple Final Cut Pro
Apple QuickTime
RealProducer
Windows Media
Резюме
Проверьте свои знания
Основные термины
Глава 4. Этап, предшествующий разработке
Введение
Получение заказа на выполнение проекта
Работа с заказчиком
Взаимодействие с представителем заказчика
Первая встреча
"Мозговой штурм"
Определение предполагаемой аудитории
Определение масштаба Web-узла
Анализ информации, представленной конкурентами
Бюджет и время выполнения проекта
Составление предложений
Переговоры и подписание договора
Роли участников разработки
Структура рабочей группы
Планирование Web-узла
Сбор данных
Получение данных от заинтересованного лица
Информационная архитектура
Борьба с ошибками, допускаемыми при выборе нформационной архитектуры
Построение блок-схемы
План обновления содержимого узла
Требования к Web-узлу
Составление графика выполнения работ
Управление файлами
Создание резервных копий
Преобразование форматов
Соглашения по именованию файлов
Управление проектом: основные понятия
Инструменты планирования
Этапы выполнения проекта
Резюме
Проверьте свои знания
Основные термины
Глава 5. Размещение данных и оформление Web-страниц
Введение
Web как носитель информации
Web, печатные издания и телевидение
Интерактивные средства
Гипертекст
Удобочитаемость
Актуальность информации и обеспечение доступа к ней
Исходная страница
Привлечение пользователей
Обеспечение повторных обращений к узлу
Принципы Web-дизайна
Элементы дизайна
Удобство восприятия
Согласованность
Единство стиля
Контрасты
Простота
Наличие структуры
Акценты
Особенности Web-дизайна
Несоответствие отображения данных различными броузерами
Несоответствие отображения данных на различных мониторах
Разрешающая способность
Использование цвета в Web
Фоновое изображение и цвет
Использование фреймов
Размещение содержимого
Оформление текста
Ограничения на использование шрифтов
Выбор начертания и размера шрифта
Соглашения об использовании стилей
Выравнивание текста и размещение строк
Размеры файлов и время загрузки документа
Размещение рекламы CSS
Листы стилей
Общие сведения о CSS
Синтаксис CSS
Использование CSS
Свойства CSS для управления фоном
Свойства CSS для отображения текста
Свойства CSS для управления шрифтами
Свойства CSS для управления обрамлением
Свойства CSS для определения границ
Свойства CSS для управления областью заполнения
Свойства CSS для управления списками
Свойства CSS для управления блоками
Свойства CSS, предназначенные для классификации
Свойства CSS для управления позиционированием
Резюме
Проверьте свои знания
Основные термины
Глава 6. Разработка пользовательского интерфейса
Введение
Интерфейс, навигационные элементы и применимость узла
Основы разработки интерфейса
Принципы Web-дизайна
Представление торговой марки
Структура Web-узла
Руководство по стилю
Элементы интерфейса
Разработка цветовой схемы
Использование шрифтов
Метафоры и темы
Навигационная схема
Размещение элементов и повествование
Создание прототипа
Исходная страница
Основные правила разработки интерфейса
Применимость интерфейса
Размеры файлов
Пригодность для быстрого восприятия и просмотра, удобочитаемость
Справочная информация
Способы повышения применимости интерфейса
Основы разработки навигационных элементов
Навигационные средства
Текстовые ссылки
Изображения в роли ссылок, карты и таблицы изображений
Навигация путем поиска
Навигация с помощью фреймов
Прочие типы навигационных элементов
Создание навигационных элементов
Применение средств навигации
Иерархия Web-узла
URL
Восприятие навигационных элементов
Применение гипертекстовых ссылок
Отслеживание пути
Повышение применимости навигационных элементов
Резюме
Проверьте свои знания
Основные термины
Глава 7. Обеспечение доступа и интернационализация
Введение
Обеспечение доступа к информации
Web Accessibility Initiative
Технологии, помогающие воспринимать информацию
Работа пользователей с ухудшенным зрением
Работа пользователей с нарушением слуха
Работа пользователей с нарушением двигательных функций
Работа пользователей с пониженными способностями к восприятию
Работа пользователей с нарушением речи
Средства обеспечения доступа, предусмотренные в HTML 4.01
Выбор элементов Web-страницы с помощью клавиатуры
Меры по обеспечению доступа
Проверка Web-страниц
Дополнительные сведения
Интернационализация
Unicode и атрибут lang
Локализация
Разработка документов с учетом локализации
Использование цветов
Особенности использования технологий
Особенности форматирования
Рекомендации по написанию текста
Выбор форматов данных
Резюме
Проверьте свои знания
Основные термины
Глава 8. Создание информационной среды
Введение
Подготовка текста
"Голос" Web-узла
Правила составления текста
Точность и соответствие основной теме
Своевременное обновление информации
Новизна
Сканирование текста
Оформление материалов
Корректура
Создание изображений
Сканеры
Цифровые камеры
Библиотеки изображений
Генерация и подготовка изображений
Обработка изображений
Ввод изображений
Оптимизация изображений
Редактирование изображений
Изменение размеров изображения
Сохранение изображений
Анимация
Уменьшение времени копирования анимационных данных
Dynamic HTML
Анимационный GIF
SWF-анимация
Цифровые аудио- и видеоданные
Общие сведения о цифровом аудио
Общие сведения о цифровом видео
Резюме
Проверьте свои знания
Основные термины
Глава 9. Интерактивные средства
Введение
Интерактивное взаимодействие
Использование интерактивных средств
Преимущества от использования интерактивного элемента и время, еобходимое для его копирования
Правила использования интерактивных элементов
Интерактивные навигационные средства
Кнопки, изменяющие свой внешний вид
Интерактивные мультимедиа-средства
Интерактивная анимация
Виртуальная реальность
Мультимедиа на базе XML
Интерактивная реклама
Программные интерактивные средства
Интерактивные средства и JavaScript
HTML-формы
Ссылка на почтовый адрес
Реализация интерактивных средств с помощью Java-аплетов
Интерактивные средства на основе базы данных
Базы данных
Персонализация данных на Web-узле
Электронная коммерция
Средства защиты
Интерактивное взаимодействие пользователей
Группы новостей
Обмен сообщениями в реальном времени
Видеоконференции
Другие средства интерактивного взаимодействия пользователей
Сборка Web-узла
Резюме
Проверьте свои знания
Основные термины
Глава 10. Сборка, тестирование и оптимизация Web-узла
Введение
Проверка Web-узла
Проверка согласованности
Ошибки в тексте
Броузеры и платформы
Мониторы и отображение цвета
Мультимедиа и другие типы данных
Интерактивные элементы
HTML-код
Автоматическая проверка кода
Тестирование Web-узла на удаленном сервере
Увеличение скорости загрузки
Объем файлов с изображениями
Форматы графических файлов
Сокращение цветовой палитры
Загрузка постепенно проявляющегося изображения
Кэширование изображений
Сокращение объема HTML-кода
Иллюзия быстрой загрузки
Управление ссылками
Управление ссылками вручную
Программы для управления ссылками
Сопровождение Web-узла
Обновление информации на узле
Датирование информации
Учет изменений при проектировании Web-узла
Соглашение об изменениях
Просмотр содержимого узлов конкурирующих организаций
Обеспечение повторного обращения пользователей
План обновления содержимого узла
Анализ действий пользователей
Поддержка пользователей
Проверка применимости
Число участников тестирования
Выбор участников тестирования
Оборудование, необходимое для тестирования
Тестирование на различных стадиях работы над проектом
Типы тестирования
Некоторые вопросы, задаваемые при тестировании
Как помочь участнику тестирования
Различные уровни тестирования
Использование результатов тестирования
Резюме
Проверьте свои знания
Основные термины
Глава 11. Размещение документов на Web-сервере
Введение
Получение отзывов от заказчика и подписание документов
Получение отзывов от заказчика
Материалы, предоставляемые заказчику
Презентация готового проекта
Подписание документов
Информация о потребителях, защита и правовые вопросы
Политика работы с данными о пользователях
Использование cookie
Защита
Правовые вопросы
Размещение документов на Web-сервере
Провайдеры
Провайдеры приложений и динамическая публикация
Web-серверы
Размещение Web-узла на сервере заказчика
Размещение документов на удаленном Web-сервере
Вопросы регистрации доменных имен
Выбор доменного имени
Регистрация доменного имени
Публикация файлов в Web
Передача файлов средствами FTP
Передача файлов с помощью WYSIWYG-редакторов
Поисковые серверы
Регистрация Web-узла на поисковом сервере
Оценка Web-страниц поисковым сервером
Проверка результатов регистрации на поисковом сервере
Реклама Web-узла
Предполагаемая аудитория
Рекламные плакаты
Группы новостей
Обмен ссылками Web-кольца
Реклама в традиционных источниках информации
Реклама URL
Объединение усилий по организации рекламы
Резюме
Проверьте свои знания
Основные термины
Глава 12. Создание портфеля работ
Введение
Общие сведения о портфеле работ
Форматы портфелей работ
Размещение портфеля работ в Web
Размещение портфеля работ на компакт-диске
Подготовка портфеля работ в виде презентации
Создание бумажной копии портфеля работ
Советы по созданию портфеля работ
Процесс формирования портфеля работ
Компоненты портфеля работ
Сопроводительное письмо
Состав резюме
Образцы выполненных работ
Документы, зависящие от проекта
Список ссылок
Реклама ваших услуг
Собеседование с представителем компании
Резюме
Основные термины
Приложение А. Проверьте свои знания . Ответы
Глава 1
Глава 2
Глава 3
Глава 4
Глава 5
Глава 6
Глава 7
Глава 8
Глава 9
Глава 10
Глава 11
Приложение Б. Справочник по HTML
Общие атрибуты
События
Типы данных
Алфавитный список элементов HTML 4.0
Приложение В. Справочник по XHTML
Дескрипторы XHTML 1.0
Стандартные атрибуты XHTML 1.0
Базовые атрибуты
Атрибуты для поддержки языков
Атрибуты для работы с клавиатурой
Атрибуты для обработки событий
Приложение Г. Справочник по CSS
Селекторы
Псевдоклассы
Правила
Свойства
Работа с текстом
Цвет фона и переднего плана
Шрифты
Управление обрамлением и границами
Визуализация, форматирование и позиционирование
Генерация содержимого и списки
Таблицы
Управление страницами
Управление звуком
Словарь терминов
Предметный указатель