Простым и понятным языком написано, как спланировать и создать Web-сайт, разместить его в Интернете. Рассмотрены основы работы с редакторами Web-страниц (Expression Web, Dreamweaver), дан обзор бесплатных редакторов. Подробно разобраны тонкости создания таблиц стилей, добавления графики, связывания страниц, разработки макета страницы. Также рассмотрены страницы с многократно используемыми элементами. В книге уделено пристальное внимание проблеме продвижения сайта: регистрация в поисковиках, каталогах, работа с Google Analytics, сервисом Google Places, Google AdWords, ведение сопровождающего блога в Facebook, Twitter, Google Groups. Описано создание собственного блога на платформе Blogger. Показано, как зарабатывать деньги на своем сайте (Google AdSense, Amazon Associates, PayPal). Описаны элементы украшения Web-сайта (добавка интерактивности с помощью JavaScript, привлекательные кнопки и меню, вставка аудио и видео). В книге имеется краткий справочник по основным HTML-элементам. 3-е издание.

Об авторе
Благодарности
Введение
Что потребуется для того, чтобы начать
Об этой книге
Macintosh и Windows
Несколько слов о структуре книги
Об | этих | разделителях
О сетевых ресурсах
Отсутствующий CD
Обратная связь
Список ошибок и опечаток
Информационная рассылка
Safari® Books Online
Глава 1. Подготовка к вступлению в Web
Введение в World Wide Web
Web-браузеры
Web-серверы
Планирование Web-сайта
Виды сайтов
Время жизни вашего сайта
Приемы хорошего дизайна
Компоненты Web-сайта
Глава 2. Создание вашей первой Web-страницы
Введение в HTML: язык Всемирной паутины
Как устроен HTML-файл
Просмотр HTML-кода реальной Web-страницы
Создание HTML-файла
HTML, XHTML и HTML5
HTML-теги
Что такое тег?
Представление об элементах
Вложенные элементы
HTML-документ
Определение типа документа
Базовая структура
Вставка контента
Структурирование текста
А где же все картинки?
10 самых важных элементов (и несколько
дополнительных)
Поиск ошибок на ваших страницах
Глава 3. Размещение вашей страницы в Web
Как работает Web-хостинг
Из чего состоит URL
Как браузеры анализируют URL
Имена доменов
Выбор удачного имени домена
Поиск имени
Регистрация вашего имени
Бесплатные имена доменов
Получение места в Web
Определение ваших потребностей
Выбор вашего хоста
Бесплатные Web-хосты
Перенос файлов
FTP
Выгрузка файлов с помощью браузера
Глава 4. Специализированные средства
Выбор программного средства
Разновидности редакторов Web-страниц
Поиск бесплатного редактора Web-страниц
Профессиональные HTML-редакторы
Работа в HTML-редакторе
Запуск
Множественные режимы отображения
Создание Web-страницы в режиме отображения
исходного кода
Создание Web-страницы в режиме WYSIWYG
Управление Web-сайтом
Задание сайта в Expression Web
Выгрузка сайта в Expression Web
Задание сайта в Dreamweaver
Обновление сайта в Dreamweaver
Глава 5. Текстовые элементы
Представление о тексте и Web-пространстве
Логическая структура вместо физического
форматирования
CSS (каскадные таблицы стилей)
HTML-элементы для основного текста
Абзацы
Переносы строк
Заголовки
Горизонтальные линии
Текст в заданном формате
Цитаты
Разделы и оболочки
HTML-элементы для создания списков
Нумерованные списки
Маркированные списки
Списки определений
Вложенные списки
HTML-элементы для таблиц
Простая таблица
Охват ячеек
Внутристрочное форматирование
Форматирование текста: курсив и жирное
начертание
Несколько дополнительных элементов
форматирования
Специальные символы
Иностранные языки
Глава 6. Таблицы стилей
Основы таблиц стилей
Три вида стилей
Анатомия правила
Присоединение таблицы стилей к странице
Применение внутренней таблицы стилей
Применение встроенных стилей
Каскад
Наследование
Более мощные селекторы
Селекторы классов
Селекторы идентификаторов
Цвета
Задание цвета
Поиск нужного цвета
Выравнивание и разгонка текста
Выравнивание
Разгонка
Пробелы
Основные шрифты
Задание шрифта
Поиск подходящего шрифта
Размеры шрифтов
Встроенные шрифты
Web-форматы для шрифтов
Применение комплектов шрифтов
Применение ваших собственных шрифтов
Границы
Основные границы
Создание улучшенных границ
Применение границ в таблицах
Руководство по созданию таблицы стилей
Создание хорошо структурированной таблицы
стилей
Сокращение работы с помощью элемента <div>
Сокращение работы с помощью контекстного
селектора
Глава 7. Добавление графики
Основные сведения об изображениях
Элемент <img>
Альтернативный текст
Размер изображения
Форматы графических файлов
Размещение картинок на цветном фоне
Изображения и стили
Встраивание изображений в текст
Границы
Обтекание текста вокруг изображения
Вставка подписей к изображениям
Фоновые изображения
Приемы работы с графикой
Графический текст
Фон для других элементов
Графические маркеры в списке
Поиск бесплатной графики
Глава 8. Связывание страниц
Представление о якоре или точке привязки
Внутренние и внешние ссылки
Относительные ссылки и папки
Изменения цвета ссылок и подчеркивания
Почтовые ссылки
Изображения-ссылки и карты изображений
Вставка закладок
Когда хорошие ссылки портятся
Управление Web-сайтом
Средства проверки ссылок
Использование перенаправлений
Глава 9. Макет страницы
Проблемы экранного пространства
Макет на основе стилей
Структурирование страниц с помощью элемента
<div>
Плавающие блоки
Фиксированные блоки
Создание макета с несколькими колонками
Построение макета с фиксированной шириной
Создание макета с изменяемым размером
Максимальная ширина: подстраховка
Увеличение высоты колонки
Сверхгибкие сайты: дзэн Web-дизайна
Несколько дополнительных приемов верстки
Применение слоев
Комбинирование абсолютного и относительного
позиционирования
Задание размеров таблиц
Глава 10. Страницы с многократно используемыми
элементами
Представление о страницах с многократно
используемыми элементами
Серверные включения
Шаблоны страниц
Общее представление о шаблонах страниц
Создание нового шаблона страницы
Анатомия шаблона страницы
Применение шаблона страницы
Глава 11. Обнародование вашего сайта
План продвижения вашего Web-сайта
Сделайте ваш сайт удобным для поисковых машин
Выбирайте информативные названия страниц
Вставляйте описание страницы
Предоставляйте замещающий текст ко всем своим
изображениям
Применяйте информативный текст для ссылок
Не пытайтесь жульничать
Регистрация в каталогах
Каталог Open Directory Project
Каталог Yahoo
Регистрация с помощью поисковых машин
Повышение ранга в результатах поиска
Как спрятаться от поисковых машин
Google Webmaster Tools
Отслеживание посетителей
Описание Google Analytics
Регистрация в Google Analytics
Просмотр вашего Web-трафика
Глава 12. Продвижение Web-сайта
Рассказать всем
Беззастенчивая самореклама
Google Places
Google AdWords
Вернувшиеся посетители
Превращение сайта в сообщество
Взращивание Web-сообщества
Инструменты Web-сообществ
Электронные информационные рассылки
Twitter
Группы
Facebook
Глава 13. Блоги
Общее представление о блогах
Популярные блоги
Агрегирование
Хостинг блога и программное обеспечение
Начало работы с Blogger
Создание блога
Создание форматированных сообщений
Управление блогом
Настройка общих параметров
Настройка вашего профиля в Blogger
Присвоение вашему блогу имени
пользовательского домена
Настройка вашего шаблона
Управление комментариями
Глава 14. Как зарабатывать деньги на своем
сайте
Зарабатывание денег в Интернете
Google AdSense
Регистрация в AdSense
Интерфейс AdSense
Создание рекламного объявления
Размещение рекламных объявлений на ваших
Web-страницах
Улучшенный поиск Google
Amazon Associates
Регистрация в качестве партнера
Генерация партнерских ссылок
Услуги для торговцев системы PayPal
Регистрация в PayPal
Прием платежей
Создание корзины для покупок
Вывод ваших денег
Глава 15. JavaScript: добавка интерактивности
Основные сведения о JavaScript
Серверное и клиентское программирование
Языки сценариев
JavaScript 101
Переменные
Функции
Внешние файлы сценариев
Dynamic HTML
HTML-объекты
События
Графические ролловеры
Сворачивающийся текст
Интерактивные формы
Сценарии в Web-пространстве
Поиск простого сценария
Библиотеки на JavaScript
Web-виджеты
Глава 16. Привлекательные кнопки и меню
Причудливые кнопки
Создание изображений ваших кнопок
Создание эффекта ролловера с помощью CSS
Кнопки с изображением и текстом
Кнопки без изображений
Привлекательные меню
Сворачивающиеся меню, сделанные
самостоятельно
Чужие меню
Глава 17. Аудио и видео
Представление о мультимедиа
Связывание, встраивание и хостинг
Типы файлов мультимедиа
Стандартная фоновая музыка
Элемент <embed>
Параметры встроенного звука
Flash-плейеры MP3
Плейер Premiumbeat: воспроизведение списка
мелодий
Плейер Yahoo: воспроизведение всех ваших
ссылок
Лупы формата Flashtrak
Видеоклипы
Подготовка видеофайлов
Связанное и встроенное видео
Flash-видео
Видео в HTML5
Выгрузка вашего видео на YouTube
Регистрация на YouTube
Подготовительный этап
Выгрузка видео
Просмотр видео
Приложение 1. Краткий справочник по HTML
HTML-элементы
<a> (элемент-якорь)
<address>
<area> (карта изображения)
<b> (жирный шрифт)
<base> (базовый URL)
<blockquote> (блочная цитата)
<body> (тело документа)
<br> (перенос строки)
<button> (кнопка)
<caption> (заголовок таблицы)
<cite> (опубликованный источник)
<code>
<dd> (словарное определение)
<del> (удаленный текст)
<dfn> (определяемый термин)
<div> (типовой блочный контейнер)
<dl> (словарный список)
<dt> (словарный термин)
<em> (акцент)
<embed> (встроенный объект)
<form> (интерактивная форма)
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
(заголовки)
<head> (шапка документа)
<hr> (горизонтальная линия)
<html> (документ)
<i> (наклонный шрифт)
<iframe> (внутристрочный фрейм)
<img> (изображение)
<input> (элемент ввода)
<ins> (вставленный текст)
<li> (пункт списка)
<link> (взаимосвязи документа)
<map> (карта изображения)
<meta> (метаданные)
<noscript> (замещающий контент сценария)
<object> (встроенный объект)
<ol> (нумерованный список)
<option> (пункт меню)
<p> (абзац)
<param> (параметр объекта)
<pre> (предварительно отформатированный
текст)
<q> (короткая цитата)
<samp> (стандартный вывод)
<script> (клиентский сценарий)
<select> (список выбора)
<small> (мелким шрифтом)
<span> (типовой строчный контейнер)
<strong> (особая важность)
<style> (внутренняя таблица стилей)
<sub> (нижний индекс)
<sup> (верхний индекс)
<table> (таблица)
<td> (ячейка данных в таблице)
<textarea> (многострочное текстовое поле ввода)
<th> (ячейка шапки таблицы)
<title> (название документа)
<tr> (строка таблицы)
<ul> (маркированный список)
Семантические элементы HTML5
<article> (статья)
<aside> (боковая панель)
<figcaption> (подрисуночная надпись)
<figure> (рисунок)
<footer> (нижний колонтитул или подвал)
<header> (верхний колонтитул)
<hgroup> (группа верхнего колонтитула)
<mark> (выделенный текст)
<nav> (навигационные ссылки)
<section> (секция)
<time> (дата или время)
Символьные HTML-последовательности
Названия цветов в HTML
Приложение 2. Полезные Web-сайты
Ссылки по главам
Предметный указатель