Данная книга ориентирована на студентов, изучающих курсы, связанные с 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 Селекторы Псевдоклассы Правила Свойства Работа с текстом Цвет фона и переднего плана Шрифты Управление обрамлением и границами Визуализация, форматирование и позиционирование Генерация содержимого и списки Таблицы Управление страницами Управление звуком
Книга представляет собой руководство по созданию веб-приложений на языке Ruby. Изучение построено на практических примерах, листинги которых есть почти на каждой странице. Даны основы Ruby, рассмотрены условные операторы, строки и регулярные выражения, операторы, функции, массивы, хэши, работа с файлами, классы. Описаны обработка XML, рефлексия, метапрограммирование, обработка исключений, инструментарий разработчика Tk и другие средства, включая RubyGems, RDoc и Embedded Ruby.
В этой книжке знаменитый Стив Круг, автор мирового бестселлера "Не заставляйте меня думать" (Don't Make Me Think: A Common Sense Approach to Web Usability), излагает принципы собственного способа по улучшению юзабилити интернет-веб ресурсов. В присущей ему ироничной манере автор описывает процесс тестирования и обнаружения проблем с юзабилити, и их эффективного ликвидации.
