004 Ф39 Фельке-Моррис, Терри. Большая книга веб-дизайна [Текст] / Т. Фольке-Моррис ; пер. с англ. Н. А. Райтмана. - М. : Эксмо, 2012. - 604, [1] с. + 1 эл. опт. диск. - (Мировой компьютерный бестселлер). - ISBN 978-5-699-55404-1 : 973.13 р. Содержание: Введение . - С .18 Организация текста . - С .19 Краткий обзор каждой главы . - С .19 Особенности книги . - С .22 Благодарности . - С .22 Об авторе . - С .23 Глава 1. Интернет и Всемирная паутина . - С .25 1.1. Интернет и Всемирная паутина . - С .25 Интернет . - С .26 Развитие Интернета . - С .26 Зарождение Всемирной паутины . - С .27 Первый графический браузер . - С .27 Слияние технологий . - С .28 Кто управляет Интернетом? . - С .28 Интранети Экстранет . - С .29 1.2. Стандарты Всемирной паутины . - С .30 Рекомендации Кгнсорциума W3C . - С .30 Веб-стандарты и доступность . - С .31 Требования по доступности веб-сайтов в Российской Федерации . - С .31 1.3 Информация во Всемирной паутине . - С .32 Достоверность источников информации во Всемирной паутине . - С .32 Этичное использование информации во Всемирной паутине . - С .33 1.4. Краткий обзор сети . - С .34 1.5. Модель клиент-сервер . - С .36 1.6. Интернет-протоколы . - С .38 Протокол передачи файлов (FTP) . - С .38 Протоколы электронной почты . - С .38 Протокол передачи гипертекста (HTTP) . - С .39 Протокол управления передачей/межсетевой протокол (TCP/IP) . - С .39 1.7. Унифицированные идентификаторы ресурса и доменные имена . - С .41 URI и URL . - С .41 Доменные имена . - С .42 1.8. Языки разметки . - С .45 Стандартный обобщенный язык разметки (SGML) . - С .45 Язык разметки гипертекста (HTML) . - С .45 Расширяемый язык разметки (XML) . - С .45 Расширяемый язык разметки гипертекста (XHTML) . - С .46 HTML5 - Следующая версия (X)HTML . - С .46 1.9. Популярные решения во Всемирной паутине . - С .46 Электронная коммерция . - С .46 Доступ с мобильных устройств . - С .47 Блоги . - С .47 Вики . - С .48 Социальные сети . - С .48 RSS-каналы . - С .49 Подкасты . - С .50 Веб 2.0 . - С .50 Глава 2. Основы разметки веб-страниц . - С .51 2.1. Обзор HTML . - С .52 HTML . - С .52 XHTML . - С .53 HTML5 . - С .54 2.2. Определение типа документа . - С .55 2.3. Пример веб-страницы XHTML . - С .56 2.4. Пример веб-страницы HTML5 . - С .57 2.5. Элементы head, title, meta и body . - С .58 Раздел заголовка страницы . - С .58 Раздел тела страницы . - С .59 2.6. Ваша первая веб-страница . - С .60 Сохранение файла . - С .61 Тестирование страницы . - С .62 2.7. Элемент заголовка . - С .63 Дополнительные параметры заголовков в синтаксисе HTML5 . - С .65 2.8. Элемент абзаца . - С .65 Выравнивание текста . - С .66 2.9. Элемент разрыва строки . - С .67 2.10. Элемент цитирования . - С .69 2.11. Элементы логического стиля . - С .70 2.12. Неупорядоченные списки . - С .73 Атрибут type . - С .74 HTML5 и неупорядоченные списки . - С .74 2.13. Упорядоченные списки . - С .75 Атрибут type . - С .76 HTML5 и упорядоченные списки . - С .76 2.14. Списки определений . - С .78 2.15. Специальные символы . - С .80 2.16. Элемент div . - С .83 2.17. Элемент привязки . - С .85 Абсолютные ссылки . - С .87 Относительные ссылки . - С .87 Ссылки на адрес электронной почты . - С .91 Привязка блока . - С .93 2.18. Проверка HTML-кода . - С .93 Глава 3. Изменение цвета и текста с помощью CSS . - С .97 3.1. Краткий обзор каскадных таблиц стилей . - С .98 Преимущества каскадных таблиц стилей . - С .99 Типы каскадных таблиц стилей . - С .100 Селекторы и определения CSS . - С .101 Свойство background-color . - С .101 Свойство color . - С .101 Конфигурирование цвета фона и текста . - С .102 3.2. Использование цвета на веб-страницах . - С .103 Шестнадцатеричные значения цветов . - С .104 Веб-палитра «безопасных» цветов . - С .104 Синтаксис CSS при определении цвета . - С .105 3.3. Разметка внутренних стилей CSS . - С .105 Атрибут style . - С .105 3.4. Разметка глобальных стилей CSS . - С .108 Элемент style . - С .108 3.5. Изменение текста с помощью таблиц стилей . - С .112 Свойство font-family . - С .113 Дополнительные правила CSS для форматирования шрифтов . - С .114 3.6. Селекторы класса, идентификатора и потомка . - С .120 Селекторы класса . - С .120 Селекторы идентификатора . - С .121 Селекторы потомка . - С .124 3.7. Элемент span . - С .124 3.8. Использование внешних таблиц стилей . - С .126 Элемент link . - С .126 3.9. Центрирование HTML-элементов с помощью CSS . - С .132 3.10. Каскадность стилей CSS . - С .134 3.11. Валидация CSS . - С .138 Глава 4. Графические элементы и рисунки . - С .141 4.1. Конфигурирование линий и границ . - С .142 Горизонтальные линии . - С .142 Свойства border, border-style и padding . - С .143 4.2. Типы графических изображений . - С .150 Изображения в формате GIF . - С .151 Изображения в формате JPEG . - С .152 Изображения в формате PNG . - С .155 Новый формат WebP . - С .155 4.3. Элемент изображения . - С .155 Изображения-ссылки . - С .157 Оптимизация изображений для Всемирной паутины . - С .160 4.4. Визуальные элементы HTML5 . - С .163 Элемент figure . - С .163 Элемент figcaption . - С .163 Элемент meter . - С .165 Элемент progress . - С .166 4.5. Фоновые изображения . - С .167 Свойство background-image . - С .167 Отображение фонового изображения браузером . - С .167 Свойство background-repeat . - С .169 Свойство background-position . - С .170 Свойство background-attachment . - С .172 4.6. Дополнительные возможности при работе с изображениями . - С .173 Карты изображений . - С .173 Значки веб-сайтов . - С .176 Разрезание изображения . - С .178 CSS-спрайты . - С .179 4.7. Источники графических файлов и советы по работе с графикой . - С .179 Источники графических файлов . - С .179 Советы по использованию графических файлов . - С .181 4.8. Визуальные эффекты CSS3 . - С .183 Свойство background-clip . - С .183 Свойство background-origin . - С .184185 Свойство background-size . - С .186 Множественные фоновые изображения . - С .189 Скругление углов . - С .193 Свойство box-shadow . - С .194 Свойство text-shadow . - С .196 Свойство opacity . - С .199 Цветовая модель RGBA . - С .201 Градиенты . - С .205 Глава 5. Веб-дизайн . - С .205 5.1. Создание дизайна для целевой аудитории . - С .207 5.2. Структура веб-сайта Иерархическая структура . - С .207 Линейная структура . - С .209 Хаотичная структура . - С .209 5.3. Принципы визуального дизайна . - С .210 Повторяемость: повторение элементов дизайна на всем сайте . - С .211 Контраст: добавление эмоциональности и привлечение внимания . - С .211 Приближенность: группирование . - С .211 Выравнивание: выравнивание элементов для создания единства стиля . - С .211 5.4. Методы обеспечения доступности . - С .212 Кто выигрывает от повышения доступности? . - С .212 Доступный дизайн может помочь при индексации сайта поисковыми системами . - С .213 Доступность - это правильно . - С .213 5.5. Написание текстов для Всемирной паутины . - С .215 Структурируйте контент на странице . - С .215 Текст в гиперссылках . - С .216 Навыки чтения . - С .216 Используйте общепринятые шрифты . - С .216 Размер и толщина шрифтов . - С .216 Контрастные цвета шрифтов . - С .217 Орфография и грамматика . - С .217 5.6. Использование цвета . - С .217 Подбор цветов . - С .217 Цвет и доступность . - С .218 Цвета и целевая аудитория . - С .218 5.7. Размещение графических и мультимедийных элементов . - С .219 Размер файла и изображения имеют значение . - С .219 Сглаживание изображений текста . - С .220 Используйте мультимедийные файлы только при необходимости . - С .220 Предоставьте замещающий текст . - С .221 5.8. Дизайн навигационных элементов . - С .222 Навигационные панели . - С .222 Навигация из «хлебных крошек» . - С .222 Использование графики для навигации . - С .222 Пропуск повторяющейся навигации . - С .223 Динамическая навигация . - С .223 Карта сайта . - С .223 Система поиска по сайту . - С .224 5.9. Дизайн макетов веб-страниц . - С .224 Блок-схемы и макеты веб-страниц . - С .224 Техники дизайна макетов веб-страниц . - С .225 Дизайн для мобильного Интернета . - С .228 5.10. Другие приемы дизайна веб-страниц . - С .230 Время загрузки . - С .230 Размещение на верхней половине полосы . - С .231 Воздух . - С .232 Не используйте горизонтальную прокрутку . - С .232 Наиболее значимые области веб-страницы . - С .232 Поддержка браузерами . - С .233 Разрешение экрана . - С .234 5.11. Таблица проверки аспектов веб-дизайна . - С .234 Глава 6. Разработка макета страницы . - С .237 6.1. Блочная модель . - С .237 Контент . - С .238 Отступ . - С .238 Граница . - С .238 Поле . - С .238 Блочная модель в действии . - С .239 6.2. Нормальный поток . - С .240 Свойства CSS-макета . - С .243 6.3. Позиционирование с помощью CSS . - С .243 Относительное позиционирование . - С .243 Абсолютное позиционирование . - С .245 6.4. Свойство float . - С .248 6.5. CSS: Отмена свойства float . - С .252 Свойство clear . - С .252 Удаление обтекаемого элемента с помощью разрыва строки . - С .252 Другой способ удалить обтекаемый элемент . - С .253 Свойство overflow . - С .254 Удаление обтекаемого элемента . - С .254 Конфигурирование полосы прокрутки . - С .255 6.6. CSS: Макеты страниц в две колонки . - С .256 Две колонки с навигацией слева . - С .257 Две колонки с заголовком вверху и навигацией слева . - С .259 6.7. Гиперссылки в виде неупорядоченного списка . - С .261 Конфигурирование маркеров списка с помощью CSS . - С .261 Вертикальная панель навигации с неупорядоченным списком . - С .263 Горизонтальная панель навигации с неупорядоченным списком . - С .265 6.8. Интерактивность CSS с помощью псевдоклассов . - С .266 6.9. Практическое задание с макетом CSS в две колонки . - С .269 6.10. Советы по отладке CSS . - С .273 Проверьте синтаксические ошибки в HTML-коде . - С .274 Проверьте синтаксические ошибки в CSS . - С .274 Создайте временные цвета фона . - С .274 Создайте временные рамки . - С .274 Используйте комментарии для поиска незапланированных связей . - С .275 6.11. Веб-ресурсы, посвященные CSS . - С .275 6.12. Структурные элементы HTML5 . - С .276 Элемент header . - С .277 Элемент hgroup . - С .277 Элемент nav . - С .277 Элемент footer . - С .277 HTML5 и современные браузеры . - С .284 Глава 7. Дополнительные сведения о ссылках, макетах и мобильных устройствах . - С .286 7.1. Другой подход к гиперссылкам . - С .286 Дополнительная информация об относительных ссылках . - С .287 Идентификаторы фрагментов . - С .288 Атрибут target . - С .292 Блочная привязка . - С .293 Гиперссылки голосовых вызовов и текстовых сообщений . - С .293 7.2. CSS-спрайты . - С .294 7.3. Создание макетов веб-страниц с тремя колонками с помощью CSS . - С .297 7.4. Подготовка страницы к печати с помощью CSS . - С .306 7.5. Стили CSS для отображения веб-сайтов на мобильных устройствах . - С .313 Рекомендации по дизайну веб-страниц для мобильных устройств . - С .313 Метатег viewport . - С .317 Медиазапросы CSS . - С .320 Глава 8. Таблицы . - С .330 8.1. Краткий обзор HTML-таблиц . - С .330 Элемент таблицы . - С .331 Элемент описания таблицы . - С .332 8.2. Строки, ячейки и заголовки таблицы . - С .333 Элемент строки таблицы . - С .333 Элемент данных таблицы . - С .334 Элемент заголовка таблицы . - С .334 8.3. Объединение строк и столбцов . - С .336 8.4. Конфигурирование доступной таблицы . - С .339 8.5. Использование CSS для оформления таблиц . - С .342 8.6. Структурные псевдоклассы в CSS3 . - С .345 8.7. Конфигурирование разделов таблицы . - С .347 Глава 9. Формы . - С .351 9.1. Краткий обзор форм . - С .352 Элемент form . - С .354 Элементы управления формы . - С .355 9.2. Элемент ввода данных . - С .355 Текстовое поле . - С .355 Кнопка отправки данных . - С .358 Кнопка сброса . - С .358 Флажок . - С .361 Переключатель . - С .362 Скрытый элемент формы . - С .364 Поле ввода пароля . - С .365 9.3. Текстовая область с прокруткой . - С .365 Элемент textarea . - С .365 9.4. Раскрывающийся список . - С .369 Элемент select . - С .370 Элемент option . - С .370 9.5. Кнопки-изображения и элемент button . - С .372 Кнопка-изображение . - С .372 Элемент button . - С .373 9.6. Доступность и формы . - С .374 Элемент label . - С .374 Элементы fieldset и legend . - С .376 Атрибут tabindex . - С .379 Атрибут accesskey . - С .379 9.7. Стилизация форм . - С .380 9.8. Обработка на стороне сервера . - С .386 Конфиденциальность и формы . - С .390 Ресурсы, посвященные обработке на стороне сервера . - С .391 Изучение технологий обработки на стороне сервера . - С .391 9.9. Элементы управления формы в HTML5 . - С .392 Поле ввода адреса электронной почты . - С .392 Пеле ввода URL-адреса . - С .393 Поле ввода номера телефона . - С .394 Поле поиска . - С .395 Список данных . - С .395 Ползунок . - С .398 Счетчик . - С .400 Календари . - С .401 Палитра . - С .402 HTML5 и прогрессивное улучшение . - С .406 Глава 10. Разработка веб-сайта . - С .407 10.1. Успешная разработка широкомасштабного проекта . - С .408 Роли участников проекта . - С .408 Критерии отбора персонала . - С .410 10.2. Процесс разработки . - С .411 Концептуализация . - С .413 Анализ . - С .414 Проектирование . - С .416 Реализация . - С .417 Тестирование . - С .418 Запуск . - С .424 Сопровождение . - С .424 Оценка . - С .424 10.3. Доменное имя . - С .425 Выбор доменного имени . - С .425 Регистрация доменного имени . - С .427 10.4. Веб-хостинг . - С .427 Хостинг-провайдеры . - С .427 Типы веб-хостинга . - С .428 10.5. Выбор виртуального хостинга . - С .430 Глава 11. Мультимедийные и интерактивные элементы на веб-страницах . - С .432 11.1. Плагины, контейнеры и кодеки . - С .433 11.2. Начало работы с аудио- и видеофайлами . - С .436 Предоставление гиперссылки . - С .436 Элемент object . - С .437 Элемент param . - С .438 Добавление аудиофайлов на веб-страницу . - С .439 Добавление видеофайлов на веб-страницу . - С .444 Мультимедийные файлы во Всемирной паутине . - С .446 Проблемы совместимости браузеров . - С .449 11.4. Технология Adobe Flash . - С .449 Добавление Flash-анимации на веб-страницу . - С .451 Элемент embed . - С .454 Ресурсы с материалами по технологии Flash . - С .456 11.5. Элементы HTML5 для добавления аудио- и видеофайлов . - С .458 Элемент audio . - С .458 Элемент source . - С .459 Элемент audio на веб-странице . - С .459 Элемент video . - С .462 Элемент source . - С .463 Элемент video на веб-странице . - С .463 11.6. Вопросы авторского права и мультимедийные файлы . - С .466 11.7. CSS3 и интерактивность . - С .467 Создание галереи изображений с помощью CSS . - С .467 Свойство transform . - С .470 Свойство transition . - С .473 11.8. Технология Java . - С .476 Ресурсы Java-апплетов . - С .482 11.9. Технология JavaScript . - С .483 Бесплатные ресурсы по технологии JavaScript . - С .485 11.10. Технология Ajax . - С .485 Ресурсы по технологии Ajax . - С .487 11.11. Элемент canvas . - С .488 11.12. Доступность и мультимедиа/интерактивность . - С .491 Глава 12. Электронная коммерция . - С .493 12.1. Что такое электронная коммерция? . - С .493 Преимущества электронной коммерции . - С .493 Риски электронной коммерции . - С .495 12.2. Бизнес-модели электронной коммерции . - С .496 12.3. Электронный обмен данными . - С .497 12.4. Статистика электронной коммерции . - С .498 12.5. Проблемы, касающиеся электронной коммерции . - С .499 12.6. Безопасность в электронной коммерции . - С .500 Шифрование . - С .500 Целостность . - С .502 Протокол безопасных соединений SSL . - С .502 Цифровой сертификат . - С .504 Протокол SSL и цифровые сертификаты . - С .505 12.7. Процессы обработки заказа и его оплаты . - С .506 Модель оплаты наличными . - С .507 Модель оплаты чеком . - С .507 Модель оплаты банковской картой . - С .507 Модель оплаты смарт-картой . - С .508 Модель оплаты с помощью мобильного телефона . - С .508 12.8. Варианты решений интернет-магазинов . - С .509 Мгновенный онлайн-каталог . - С .509 Готовое программное обеспечение системы электронной коммерции . - С .510 Магазин «под заказ» . - С .510 Бюджетный магазин «частично под заказ» . - С .510 Глава 13. Продвижение сайта . - С .512 13.1. Обзор поисковых систем . - С .512 13.2. Популярные поисковые системы . - С .513 13.3. Устройство поисковых систем . - С .514 Робот . - С .514 База данных . - С .514 Поисковые формы . - С .515 13.4. Создание веб-страниц для продвижения . - С .516 Ключевые слова . - С .516 Названия страниц . - С .516 Теги заголовков . - С .516 Описания . - С .517 Метатег description . - С .517 Ссылки . - С .518 Изображения и мультимедийные файлы . - С .518 Валидный код . - С .519 Значимый контент . - С .519 13.5. Регистрация сайта в поисковых машинах и каталогах . - С .519 Карта сайта . - С .521 Альянсы . - С .522 13.6. Мониторинг сайта в каталогах . - С .522 13.7. Популярность ссылок . - С .525 13.8. Продвижение сайта в социальных сетях . - С .526 Блоги и RSS-ленты . - С .526 Социальные сети . - С .527 13.9. Другие способы продвижения сайта . - С .528 QR-коды . - С .528 Партнерские программы . - С .528 Баннерная реклама . - С .529 Обмен баннерами . - С .530 Обмен ссылками . - С .530 Новостные рассылки . - С .531 Элементы сайта, удерживающие посетителей . - С .532 Персональные рекомендации . - С .532 Группы новостей и серверы подписки . - С .533 Традиционная мультимедийная реклама и существующие маркетинговые материалы . - С .533 13.10. Сопровождение динамичного контента с помощью внутренних фреймов . - С .533 Элемент iframe . - С .534 Размещение видео с сайта YouTube во встроенном фрейме . - С .536 Глава 14. Краткий обзор JavaScript . - С .538 14.1. Обзор языка программирования JavaScript . - С .538 14.2. Развитие языка программирования JavaScript . - С .540 14.3. Популярные приемы использования JavaScript . - С .540 Сообщение с предупреждением . - С .541 Всплывающие окна . - С .541 Jump-меню . - С .542 Техники перемещения мыши . - С .543 14.4. Добавление в веб-страницу кода JavaScript . - С .544 Элемент script . - С .545 Шаблон блока операторов JavaScript . - С .545 Окно с сообщением . - С .545 Практикум отладки . - С .547 14.5. Краткий обзор объектной модели документа . - С .548 14.6. События и обработчики событий . - С .552 14.7. Переменные . - С .556 Создание переменной для веб-страницы . - С .557 Сбор значений переменной с помощью метода promptQ . - С .559 14.8. Введение в концепции программирования . - С .561 Арифметические операции . - С .532 Принятие решений . - С .563 Функции . - С .566 14.9. Обработка форм . - С .570 14.10. Доступность и JavaScript . - С .578 14.11. Ресурсы по JavaScript . - С .579 Справочник веб-разработчика . - С .580 Приложение А. Справочник HTML5 . - С .581 Приложение Б. Специальные символы . - С .587 Приложение В. Справочник свойств CSS . - С .589 Приложение Г. Использование протокола FTP для публикации сайтов . - С .595 Приложения FTP . - С .595 Соединение с FTP . - С .596 Обзор приложения FileZilla . - С .596 Запуск и авторизация . - С .596 Загрузка файлов . - С .597 Скачивание файлов . - С .597 Удаление файлов . - С .598 Предметный указатель . - С .599
Рубрики: Информационные технологии Аннотация: За HTML5 и CSS3 будущее Всемирной паутины, и «Большая книга веб-дизайна» расскажет вам обо всем, что необходимо знать для овладения этими инновационными стандартами. Читая книгу, вы изучите современный мир Всемирной паутины, рассмотрите приемы подготовки успешных и доступных веб-сайтов, научитесь верстке на языке HTML5 с использованием всех новых элементов стандарта. Вы также освоите каскадные таблицы стилей (CSS), с помощью которых сможете создать самые невероятные веб-сайты. Познакомившись с языком JavaScript, вы научитесь создавать простые сценарии, превращающие ваши страницы в интерактивные многофункциональные ресурсы. А изучив главы, посвященные электронной коммерции и поисковой оптимизации, научитесь зарабатывать на своем сайте деньги. Держатели документа: НБ СГЮА Доп.точки доступа: Райтман, Н. А. \пер.\ Экземпляры всего: 3 ч/з1 (1), ч/з6 (1), н/а (1) Свободны: ч/з1 (1), ч/з6 (1), н/а (1) |