Создание веб-страниц для чайников. Полный справочник

Содержание книги «Создание веб-страниц для чайников. Полный справочник»:

• 19 Об авторах
• 20 Введение
  • 20 О чем эта книга
  • 20 Авторские предположения
  • 21 Соглашения, принятые в этой книге
  • 21 Что не обязательно читать
  • 22 Структура книги
    • 22 Книга I. Интернет и веб-дизайн
    • 22 Книга II. Интерактивные службы
    • 22 Книга III. Microsoft Expression Web
    • 22 Книга IV. Dreamweaver
    • 22 Книга V. Каскадные таблицы стилей
    • 23 Книга VI. HTML/XHTML
    • 23 Книга VII. Графика и мультимедиа
    • 23 Книга VIII. Программирование
    • 23 Книга IX. Flash
  • 23 Пиктограммы, используемые в этой книге
  • 24 С чего начать
  • 24 Ждем ваших отзывов!
• 25 КНИГА I .ИНТЕРНЕТ И ВЕБ-ДИЗАЙН
• 27 Глава 1. Начало работы с веб-сайтом
  • 27 Изучение терминологии и основ
    • 27 Навигация в Интернете
    • 29 Создание и публикация веб-сайта
  • 32 Путешествуй и изучай: что работает и что не работает
• 35 Глава 2. Практика веб-дизайна
  • 35 Три проверенных принципа веб-дизайна
    • 35 Простота: чем проще — тем лучше
    • 38 Не перегружайте страницы информацией и изображениями — используйте пустое пространство
    • 38 Будьте последовательны на всех страницах сайта
  • 39 Правило третей
    • 40 Настройка макета страницы в соответствии с правилом третей
    • 43 Сбалансированное использование правила третей и фона
    • 43 Размещение фонового изображения
    • 45 Настройка графики
  • 45 Как избежать восьми самых распространенных проблем веб-дизайна
    • 46 Чрезмерная насыщенность вредит сайту
    • 46 Не обрушивайте на посетителей сразу всю информацию сайта
    • 46 Излишняя сложность приводит посетителей в замешательство
    • 47 Смешивание и комбинирование нескольких дизайнерских идей никогда не срабатывает
    • 48 Полная симметрия слишком скучна
    • 48 Пренебрежение посетителем не способствует успеху сайта
    • 48 Небрежно обновляемый сайт подобен заплесневелому хлебу
    • 49 Ненадежность заставляет пользователей нервничать
• 51 Глава 3. Структура сайта и система навигации
  • 51 Создание иерархии сайта
  • 53 Перемещение по сайту с помощью навигационного меню
• 55 КНИГА II. ИНТЕРАКТИВНЫЕ СЛУЖБЫ
• 57 Глава 1. Создание собственного пространства на сайте MySpace
  • 57 «Выход в свет» с помощью MySpace
  • 58 Создание профиля MySpace
  • 68 Настройка профиля MySpace
• 71 Глава 2. Создание веб-сайта с помощью службы Сайты Google
  • 72 Как работает конструктор Сайты Google
  • 73 Как подписаться на Сайты Google
  • 73 Создание базового веб-сайта
  • 76 Создание содержимого веб-страницы
    • 77 Добавление текста на веб-страницу
    • 79 Добавление изображения на веб-страницу
    • 80 Создание гиперссылки
    • 82 Добавление на страницу специальных элементов Google, видеоматериалов и гаджетов
    • 85 Возврат к предыдущей сохраненной версии страницы
  • 86 Создание новых страниц сайта
  • 89 Изменение макета и внешнего вида сайта
    • 90 Настройка макета сайта
    • 93 Настройка внешнего вида сайта
    • 94 Изменение макета и общих параметров страницы
    • 96 Форматирование текста на веб-странице
  • 97 Управление сайтом и его страницами
    • 97 Настройка панели навигации
    • 99 Просмотр карты сайта
    • 99 Перемещение страницы
    • 99 Удаление страницы
    • 100 Печать страницы
    • 100 Изменение общих параметров сайта
  • 102 Управление доступом к сайту
• 105 Глава 3. Создание собственного блога
  • 105 Что такое блог
  • 106 Создание блога с помощью службы Blogger
  • 115 Управление сообщениями блога
  • 117 Настройка внешнего вида блога
    • 117 Изменение шаблона блога
    • 118 Изменение элементов страницы
    • 120 Настройка шрифтов и цвета
  • 121 Создание сообщений вне службы Blogger
    • 121 Отправка сообщений в блог с помощью электронной почты
    • 123 Отправка сообщения для блога c сайта Flickr
  • 125 Работа с комментариями
• 129 КНИГА III. MICROSOFT EXPRESSION WEB
• 131 Глава 1. Знакомство с Microsoft Expression Web
  • 131 Рабочее пространство Expression Web
  • 131 Окно редактирования
  • 132 Строка быстрого выбора дескриптора
  • 136 Работа с панелями задач
  • 137 Просмотр составляющих элементов веб-сайта
  • 138 Настройка рабочего пространства
    • 138 Настройка панелей задач
    • 139 Настройка редактора страниц
• 141 Глава 2. Создание сайта с помощью Expression Web
  • 141 Создание нового сайта
  • 143 Работа с домашней страницей
  • 144 Просмотр страницы в браузере
  • 146 Публикация сайта
  • 148 Импортирование сайта в Expression Web
• 151 Глава 3. Работа с текстом, графикой и ссылками
  • 151 Добавление текста на веб-страницы и его редактирование
    • 151 Добавление текста
    • 152 Форматирование текста
  • 156 Работа с изображениями
    • 156 Добавление изображения на страницу
    • 158 Изменение изображения
  • 161 Работа с гиперссылками
    • 161 Создание гиперссылки
    • 162 Удаление гиперссылки
    • 162 Создание карты изображения и активных участков
• 165 Глава 4. Макетирование страниц с помощью Expression Web
  • 165 Работа с элементами div
    • 165 Добавление элемента div
    • 166 Изменение размеров и позиционирование элемента div
    • 168 Форматирование элемента div
  • 170 Работа с макетными таблицами
    • 171 Вставка макетной таблицы
    • 172 Редактирование макета ячейки
• 173 Глава 5. Форматирование с помощью динамических веб-шаблонов
  • 173 Динамические веб-шаблоны
  • 174 Создание динамического веб-шаблона
  • 176 Использование динамического веб-шаблона для создания новой страницы
  • 177 Внесение изменений в динамический веб-шаблон
  • 178 Присоединение и отсоединение динамических веб-шаблонов
• 181 КНИГА IV. DREAMWEAVER
• 183 Глава 1. Знакомство с программой Dreamweaver
  • 183 Рабочее пространство Dreamweaver
  • 185 Окно документа
  • 188 Работа с панелями инструментов
    • 188 Панель инструментов Insert
    • 189 Панели инструментов окна документа
  • 191 Инспектор свойств
  • 191 Работа с панелями
  • 194 Настройка рабочего пространства
    • 194 Отображение и сокрытие панелей
    • 195 Открепление и закрепление группы панелей
    • 195 Извлечение панели из группы
    • 195 Сохранение макета рабочего пространства
• 197 Глава 2. Создание первого сайта в Dreamweaver
  • 197 Создание сайта
  • 201 Создание нового документа
  • 202 Добавление содержимого на страницу
  • 203 Сохранение страницы
  • 203 Предварительный просмотр страницы в браузере
  • 204 Публикация веб-страницы
• 205 Глава 3. Форматирование и базовые приемы макетирования
  • 205 Работа с текстом
    • 205 Вставка текста
    • 206 Изменение форматирования текста
  • 209 Работа с изображениями
    • 209 Вставка изображений
    • 211 Изменение свойств изображения
  • 214 Добавление гиперссылок
    • 214 Создание и удаление гиперссылки
    • 215 Указание целевого окна
    • 215 Использование именованных анкеров
    • 216 Создание карты изображения и активных зон
  • 217 Работа с таблицами
  • 219 Разделяй и властвуй: использование элементов div
    • 219 Добавление элемента div
    • 219 Добавление абсолютно позиционированного элемента div
• 221 Глава 4. Улучшенные элементы страницы: элементы управления Flash и Spry-виджеты
  • 221 Работа с Flash-содержимым
    • 221 Вставка Flash-содержимого
    • 222 Добавление Flash-кнопок
    • 224 Добавление Flash-текста
  • 226 Работа со Spry-виджетами
    • 228 Добавление виджета Spry Menu Bar
    • 230 Добавление виджета Spry Tabbed Panels
    • 232 Добавление виджета Spry Collapsible Panel
• 237 Глава 5. Использование форм
  • 237 Добавление формы
  • 239 Параметры доступности для элементов формы
  • 241 Добавление элементов формы
    • 241 Элементы для сбора текстовой информации
    • 243 Создание раскрывающегося списка
    • 244 Добавление флажка
    • 244 Добавление группы переключателей
    • 245 Работа с кнопками
  • 246 Создание меню перехода
• 249 Глава 6. CSS
  • 249 Управление стилями с помощью панели CSS Styles
    • 249 Работа со стилями выделенного элемента
    • 251 Работа со всеми стилями
  • 252 Создание нового правила CSS
  • 254 Редактирование свойств и правил стиля
  • 254 Создание внешней таблицы стилей в Dreamweaver
  • 255 Применение и отмена стилей
  • 256 Присоединение внешней таблицы стилей
  • 257 Использование образцов стилей
• 259 Глава 7. Использование шаблонов
  • 259 Шаблоны Dreamweaver
  • 260 Создание шаблона
    • 260 Создание шаблона «с нуля»
    • 263 Создание шаблона из существующей страницы
  • 263 Использование шаблона для создания новой страницы
  • 264 Волновой эффект: внесение изменений в шаблон
  • 265 Присоединение и отсоединение шаблона
• 267 Глава 8. Управление веб-сайтом
  • 267 Создание и конфигурирование сайта
  • 270 Редактирование параметров сайта
  • 271 Работа с панелью Files
    • 271 Управление локальными файлами
    • 272 Управление удаленными файлами
    • 272 Настройка вида панели Files
  • 273 Работа с панелью Assets
  • 274 Управление локальными и удаленными файлами
    • 274 Передача файлов
    • 275 Автоматическая выгрузка файлов на сервер
  • 276 Просмотр карты сайта
    • 276 Отображение вертикальной карты сайта
    • 276 Отображение горизонтальной карты сайта
    • 277 Работа с картой сайта
    • 278 Настройка карты сайта
  • 279 Управление ссылками
• 281 КНИГА V. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ
• 283 Глава 1. Создание веб-страниц с использованием CSS
  • 283 Зачем использовать CSS?
  • 284 Введение в CSS
    • 284 Создавайте правила — не нарушайте их
    • 285 Используйте нижний регистр символов
  • 286 Применение стилей CSS к веб-странице
    • 286 Использование внедренных стилей
    • 287 Использование внешней таблицы стилей
    • 287 Использование локальных стилей
  • 288 Наследование свойств
  • 289 Каскады стилей
• 291 Глава 2. Работа с селекторами
  • 291 Селекторы типа: выбор элемента по его типу
  • 292 Селекторы класса: выбор элемента по классу
    • 293 Комбинирование селекторов типа и класса
    • 293 Комбинирование классов
  • 293 Селекторы идентификатора: выбор элемента по его идентификатору
  • 294 Универсальные селекторы: выбор всех элементов
  • 294 Множественные селекторы: выбор нескольких элементов
  • 295 Нисходящие селекторы, селекторы дочерних и смежных родственных элементов: выбор элемента на основе иерархии
    • 295 Нисходящие селекторы
    • 295 Селекторы дочерних элементов
    • 296 Селекторы смежных родственных элементов
  • 296 Селектор атрибута: выбор элемента по его атрибуту
  • 297 Псевдоклассы и псевдоэлементы
• 299 Глава 3. Форматирование текста
  • 299 Как назначить гарнитуру шрифта
  • 301 Установка размера шрифта
  • 303 Добавление стиля
    • 303 Добавление курсивного начертания с помощью свойства font-style
    • 304 Добавление полужирного начертания текста с помощью свойства font-weight
    • 304 Подчеркивание и декорирование текста с помощью свойства text-decoration
    • 305 Изменение регистра букв с помощью свойств text-transform и font-variant
    • 305 Установка параметров интервалов для текста
    • 305 Применение свойства font-stretch к тексту
  • 306 Все включено: как задать сразу все стили шрифта с помощью свойства font
  • 307 Установка цвета текста
  • 307 Форматирование свойств абзаца
    • 307 Выравнивание текста
    • 308 Отступ текста
    • 308 Настройка высоты строки
• 309 Глава 4. Форматирование свойств контейнера
  • 309 Блочные и строковые элементы
  • 310 Изучение «контейнерных» свойств, определяющих обрамление элемента
  • 311 Определение просветов для элементов
  • 311 Границы
    • 311 Свойство border-style
    • 313 Свойство border-width
    • 313 Свойство border-color
    • 313 Сэкономьте время благодаря свойству border
    • 314 Смешанные границы
  • 316 Больше пространства: добавление полей вокруг элемента
    • 316 Обнуление заданных по умолчанию установок для полей и пустых интервалов
    • 316 Автоматическое задание полей с помощью ключевого слова auto
  • 317 Добавление фона
  • 318 Управление указателем мыши
• 319 Глава 5. Позиционирование с помощью CSS
  • 319 Центрирование элементов на странице
  • 320 Использование плавающих элементов
  • 323 Применение свойства clear
  • 324 Создание макета с использованием свойств float и clear
  • 327 Выравнивание текста по вертикали
• 329 КНИГА VI. HTML/XHTML
• 331 Глава 1. Изучение HTML- и XHTML-документов
  • 331 За кулисами: что такое HTML
    • 332 Открывающие и закрывающие дескрипторы
    • 332 Регистр не имеет значения — отчасти
    • 333 Атрибуты
    • 333 Пробелы игнорируются
  • 334 XHTML: экстремальная реконструкция HTML
  • 335 Обзор структуры документа для страницы
    • 336 Элемент DOCTYPE
    • 338 Элемент html
    • 338 Элемент head
    • 338 Элемент title
    • 338 Элемент meta
    • 340 Элемент body
• 341 Глава 2. Работа с текстом и ссылками
  • 341 Придание документу структуры
    • 341 Создание абзаца
    • 342 Добавление разрыва строки
    • 342 Создание заголовков
    • 343 Добавление горизонтальной линии
    • 344 Группирование текста внутри строки
  • 344 Выделение текста полужирным и курсивным начертанием
    • 344 Полужирный текст
    • 345 Курсивный текст
  • 345 Указание гарнитуры, размера и цвета шрифта
    • 345 Как задать гарнитуру шрифта
    • 346 Как задать размер текста
    • 349 Зададим цвет текста
  • 349 Создание ссылок
    • 349 Что такое URL-адрес
    • 350 Различия между абсолютными и относительными URL-адресами
    • 351 Добавление ссылки
    • 352 Ссылка на определенное место в пределах страницы
    • 352 Ссылка на адрес электронной почты
    • 353 Ссылка на изображение, PDF-документ или другой файл
    • 353 Как открыть ссылку в новом окне браузера
• 355 Глава 3. Представление информации с помощью списков и таблиц
  • 355 Создание маркированного списка
    • 355 Создание обычного неупорядоченного списка
    • 356 Использование альтернативных маркеров
    • 356 Использование графических изображений для маркеров
  • 358 Создание нумерованного списка
  • 359 Работа с вложенными списками
  • 359 Работа с таблицами
    • 361 Добавление границы к таблице
    • 362 Установка размеров таблицы
    • 364 Установка размера столбцов таблицы
    • 365 Установка пустых интервалов в таблице
• 367 Глава 4. Добавление изображений
  • 367 Добавление изображения
  • 368 Позиционирование изображения на странице
  • 370 Добавление пустого интервала вокруг изображения
  • 372 Установка размеров изображения
  • 372 Создание ссылок на основе изображений
• 375 Глава 5. Разделение страниц с помощью элементов div
  • 375 Знакомство с элементом div
  • 378 Позиционирование элемента div на странице и установка его размеров
    • 378 Плавающий элемент div с правой или левой стороны страницы
    • 381 Центрирование элемента div на странице
    • 382 Абсолютное позиционирование элемента div
  • 382 Форматирование элемента div
    • 383 Добавление границы
    • 383 Добавление фона
    • 384 Создание прокручиваемых элементов div
  • 386 Создание простого двухколоночного макета страницы
• 391 Глава 6. Создание форм
  • 391 Как работают формы
  • 392 Создание формы
  • 393 Добавление элементов управления в форму
    • 393 Использование кнопок в форме
    • 394 Работа с надписями в форме
    • 395 Добавление текстового поля
    • 396 Добавление флажка
    • 397 Добавление группы переключателей
    • 397 Добавление многострочного текстового поля
    • 398 Добавление раскрывающегося списка или списка, допускающего выбор нескольких пунктов
    • 399 Добавление скрытого поля
• 401 КНИГА VII. ГРАФИКА И МУЛЬТИМЕДИА
• 403 Глава 1. Веб-графика
  • 403 Этот растеризованный мир: изучение двух типов графики
  • 404 Главное — качество: поиск хорошей графики
  • 405 Какую графику не следует использовать
  • 406 Выбор графического редактора
  • 407 Следуем современным дизайнерским тенденциям
    • 407 Творческое кадрирование
    • 407 Избегайте симметрии
    • 407 Помните о правиле третей
• 411 Глава 2. Оптимизация графики
  • 411 Какой тип графического файла следует использовать
    • 411 JPEG: многоцелевой формат
    • 413 GIF: формат для растеризованного текста и простой графики с прозрачностью
    • 413 PNG: все еще новичок
  • 414 Ускорение загрузки веб-графики
    • 415 Уменьшение размера файла
    • 415 Кадрирование и сжатие линейных размеров изображения
    • 418 Имитация ускоренной загрузки изображения
    • 418 Гарантия точности размеров изображения
• 419 Глава 3. Активные зоны и карты изображений
  • 419 Графические ссылки
  • 419 Активные зоны и карты изображений
  • 421 Создание карты изображения с помощью Expression Web
• 425 Глава 4. Ролловеры
  • 425 Создание ролловеров с помощью CSS
  • 430 Создание ролловера с помощью Expression Web
• 435 КНИГА VIII. ПРОГРАММИРОВАНИЕ
• 437 Глава 1. Как работать со сценариями
  • 437 Обзор языка сценариев JavaScript
  • 438 Элемент script
    • 438 Автоматическое выполнение кода JavaScript при загрузке
    • 438 Выполнение сценария JavaScript по требованию
  • 439 Выполнение кода JavaScript с помощью обработчика событий
  • 440 Внедрение готовых сценариев на веб-страницы
• 441 Глава 2. Программирование на JavaScript
  • 441 Все об объектах
  • 442 Синтаксис JavaScript
    • 443 Регистр символов весьма важен
    • 443 Символ точки с запятой отмечает конец инструкции
    • 443 Синтаксис, использующий запись через точку
    • 443 Фигурные скобки используются для выделения блоков текста
    • 444 Индексация в наборах и массивах начинается с нуля
    • 444 Пустые интервалы не имеют значения
    • 444 Полезные комментарии поощряются
    • 444 Допускается использование разных видов кавычек
    • 444 Венгерское соглашение об именовании
    • 445 Избегайте использования зарезервированных слов
    • 445 Различные типы данных
  • 447 Работа с переменными
    • 447 Объявление переменной и присвоение ей значения
    • 448 Доступ к переменным
    • 448 Область видимости и время жизни переменной
    • 450 Работа с константами
  • 450 Основные условные выражения
    • 450 Инструкция if
    • 451 Инструкция if...else
    • 451 Инструкция switch
    • 452 Цикл for
    • 453 Цикл while
  • 454 Работа с функциями
  • 455 Знакомство с операторами JavaScript
• 457 Глава 3. Объектная модель документа
  • 457 Что такое DOM
  • 458 Доступ к объектам DOM
    • 458 Использование точечной нотации
    • 459 Использование квадратных скобок
    • 459 Использование массивов DOM
    • 459 Доступ к элементу по значению его атрибута id
    • 460 Доступ к элементу по имени его дескриптора
  • 460 Доступ к свойствам и их изменение
  • 461 Вызов методов объекта
  • 461 Добавление и удаление узлов из DOM
    • 461 Добавление новых узлов
    • 462 Удаление объектов DOM
  • 462 Изучение объектной модели документа
    • 463 Элементы HTML
    • 466 Объект document
    • 467 Объект window
    • 469 Объект form
    • 469 Объект table
  • 470 Инспектирование объектной модели документа
• 473 Глава 4. Добавление обработчиков событий на веб-страницу
  • 473 Как определить обработчик событий
    • 473 Связывание из HTML-элемента
    • 474 Подключение обработчика событий в коде
  • 475 Знакомство с событиями
• 477 Глава 5. Полезные советы по созданию сценариев
  • 477 Хранение сценариев во внешних файлах
  • 478 Создание нового окна браузера
  • 479 Присоединение сценария к ссылке
  • 479 Изменение веб-страницы «на лету»
  • 481 Проверка форм
  • 487 Удар по спамерам: зашифруйте ссылки на свой электронный адрес
  • 489 Проверяйте возможности, а не тип браузера
• 491 КНИГА IX. FLASH
• 493 Глава 1. Знакомство с Adobe Flash
  • 493 Временное измерение — основа Flash
  • 494 Рабочее пространство Flash
  • 494 Инструменты рисования
  • 497 Инспектор свойств
  • 497 Изучение панелей Flash
    • 497 Панели компонентов и медиаэлементов
    • 499 Дизайнерские панели
    • 499 Панели программирования
  • 500 Настройка рабочего пространства
    • 500 Как отображать и скрывать панели
    • 500 Добавление панели в группу панелей (или удаление панели из нее)
    • 501 Закрепление и открепление группы панелей
    • 501 Сохранение макета рабочего пространства
• 503 Глава 2. Использование рабочего поля и слоев
  • 503 Изучение рабочего поля
  • 503 Знакомство с временной шкалой и слоями
    • 504 Создание слоя
    • 506 Работа со слоями
    • 507 Использование направляющих слоев
  • 507 Добавление элементов фильма на рабочее поле
    • 507 Добавление линий, фигур и текста с помощью инструментов панели Tools
    • 507 Вставка внешних растровых изображений и медиафайлов
    • 508 Добавление компонентов пользовательского интерфейса и компонентов для работы с видео
    • 508 Добавление символов
  • 509 Работа с элементами фильма
• 511 Глава 3. Работа с символами
  • 511 Что такое символы и экземпляры
  • 512 Создание символа
    • 512 Создание символа из существующего элемента
    • 514 Создание символов «с нуля»
  • 516 Работа с символами в библиотеке
  • 517 Работа с общей библиотекой кнопок
• 521 Глава 4. Создание фильмов
  • 521 Создание анимации
    • 522 Покадровая анимация
    • 524 Анимация, создаваемая методом автоматического заполнения кадров
  • 529 Интерактивные Flash-фильмы
    • 529 Применение аудиофайлов в фильме
    • 529 Импорт аудиофайла
    • 530 Добавление звука в фильм
    • 531 Добавление звукового эффекта к кнопке
• 533 Глава 5. Публикация фильмов
  • 533 Оптимизируйте свои фильмы
    • 533 Советы по оптимизации
    • 534 Оценка эффективности загрузки
  • 536 Публикация фильма для размещения в Интернете
• 541 Предметный указатель