HTML, XHTML и CSS для чайников

Эд Титтел, Джефф Ноубл

Вам не нужно быть экспертом в области программирования, чтобы создавать современные веб-страницы. Даже имея минимальный опыт, можно вооружиться правильными инструментами, изучить правильные методики — и вскоре на вашем сайте уже не будет отбоя от посетителей! В этой книге вы найдете не только описание методов дизайна и элементов, применяемых для создания веб-страниц, но и все, что требуется для создания собственных веб-сайтов.

Освойте язык разметки. Изучите синтаксис языков разметки HTML, XHTML и CSS, методы создания и просмотра веб-страниц и принципы планирования веб-сайтов.

Воспользуйтесь готовыми «строительными блоками». Научитесь работать с текстами и списками, создавать и настраивать ссылки, добавлять изображения на веб-страницы.

Применяйте корректное форматирование. Используйте каскадные таблицы стилей (CSS) для точной настройки форматирования и создавайте креативные эффекты с помощью различных цветов и шрифтов.

Добавьте «динамику» с помощью JavaScript. Интегрируйте сценарии и добавляйте динамическое содержимое с помощью (X)HTML, CSS и JavaScript, а также ознакомьтесь с популярными системами управления содержимым.

Будьте мобильными. Разрабатывайте сайты, предназначенные для просмотра на экранах мобильных устройств, с помощью HTML и CSS.

Распрощайтесь с прошлым и откройте дверь будущему. Изучите, какие элементы являются не рекомендуемыми, и ознакомьтесь с новинками HTML5 и CSS3.

Основные темы книги:

планирование, создание, тестирование и публикация веб-страниц;
форматирование веб-страниц с помощью (X)HTML;
советы по планированию надежных веб-сайтов;
методы добавления интерактивных свойств с помощью JavaScript;
способы внедрения содержимого из твиттера, Flickr, YouTube и Google Maps;
советы по улучшению характеристик веб-сайтов;
методики создания сайтов, предназначенных для просмотра с помощью смартфонов, планшетных компьютеров, iPad и других мобильных устройств;
советы по поиску и устранению ошибок на веб-сайтах.

Эд Титтел работает в компьютерной индустрии уже почти 30 лет. Автор более 140 книг. Джефф Ноубл занимается разработкой пользовательского интерфейса в компании CA Technologies. Специализируется на всех аспектах, связанных с веб-дизайном и веб-программированием.

Издательство: Диалектика, 2011 г.

ISBN 978-5-8459-1752-2, 978-0-470-91659-9

Количество страниц: 400.

Содержание книги «HTML, XHTML и CSS для чайников»:

15 Об авторах
16 Предисловие
17 Введение
- 17 Об этой книге
- 18 Как использовать эту книгу
- 18 Три основных предположения
- 19 Структура книги
  - 19 Часть I. Знакомство в (X)HTML и CSS
  - 19 Часть II. Форматирование веб-страниц с помощью (X)HTML
  - 20 Часть III. Точное управление веб-страницами и стилями
  - 20 Часть IV. Сценарии в (X)HTML
  - 20 Часть V. Будущее (X)HTML
  - 21 Часть VI. Великолепные десятки
- 21 Пиктограммы, используемые в книге
- 22 Ждем ваших отзывов!
23 Часть I. Знакомство с (X)HTML и CSS
25 Глава I. Необходимый минимум информации
- 25 Веб-страницы в своей естественной среде
  - 26 Гипертекст
  - 29 Браузеры
  - 30 Веб-серверы
- 30 Адрес URL
- 32 Компоненты (X)HTML
  - 32 HTML и XHTML: в чем разница
  - 33 Синтаксис и правила
  - 33 Теги
  - 35 Атрибуты
  - 36 Сущности
- 38 Разделы: из чего же сделаны эти страницы?
  - 40 Структура HTML-кода
  - 41 Изображения в документах HTML
  - 41 Ссылки и средства навигации
- 42 Листинг 1.1. Познакомьтесь с автором книги
45 Глава 2. Создание и просмотр
- 45 Перед тем как начать
- 46 Создание веб-страницы с нуля
  - 47 Первый этап: планирование простого дизайна
  - 48 Второй этап: написание кода HTML
  - 50 Третий лап: сохранение страницы
  - 52 Четвертый лай: просмотр страницы
- 53 Редактирование существующих веб-страниц
- 55 Публикация веб-страницы в Интернете
57 Глава 3. Правильное планирование – залог хорошей производительности
- 58 Планирование веб-сайта
  - 59 Значение дизайна
  - 60 Карта сайта
  - 62 Создание полноценной системы навигации
  - 66 Планирование внешних ссылок
- 68 Публикация сайта в Интернете
  - 69 Поддержка собственного веб-сайта
  - 70 Использование услуг провайдера
  - 70 Получение собственного доменного имени
  - 71 Перемещение файлов на веб-сервер
75 Часть II. Форматирование веб-странице помощью (X)HTML
75 Глава 4. Создание структуры документа (Х)HTML
- 77 Структура документа
- 78 Маркировка документа (X)HTML
  - 78 Создание объявления типа документа HTML
  - 78 Создание объявления типа документа XHTML
  - 79 Тег <html>
  - 79 Создание пространства имен XHTML
- 79 Создание заголовка документа
  - 80 Присвоение заголовка странице
  - 81 Определение метаданных
  - 83 Автоматическая переадресация на другую страницу
- 85 Создание тела документа (X)HTML
87 Глава 5. Текст и списки
- 87 Форматирование текста
  - 88 Абзацы
  - 89 Подзаголовки
- 91 Управление текстовыми блоками
  - 92 Блоки цитат
  - 92 Предварительное форматирование текста
  - 94 Горизонтальная черта
- 97 Структурирование информации
  - 97 Нумерованные списки
  - 100 Маркированные списки
  - 101 Списки определений
  - 104 Вложенные списки
107 Глава 6. Ссылки на внешние ресурсы
- 107 Простые ссылки
  - 109 Типы ссылок
  - 111 Распространенные ошибки
- 113 Настройка ссылок
  - 113 Открытие страницы в новом окне
  - 115 Создание ссылки на фрагменты веб-страниц
  - 115 Ссылки на прочие ресурсы
121 Глава 7. Изображения
- 121 Роль изображений на веб-страницах
- 121 Создание изображений, подходящих для размещения в Интернете
- 124 Добавление изображения на веб-страницу
  - 124 Местонахождение изображения
  - 124 Тег <img />
  - 125 Добавление альтернативного текста
  - 128 Определение размеров изображения
  - 131 Рамки и выравнивание изображения
- 131 Связывание изображений со ссылками
  - 131 Привязка изображения к ссылке
  - 132 Создание карт ссылок
137 Глава 8. Не рекомендуемая разметка (X)HTML
- 138 А теперь предоставим слово консорциуму W3C
- 139 Теги, не рекомендуемые к применению
- 139 Атрибуты, не рекомендуемые к применению
- 143 Что делать с не рекомендуемой разметкой
145 Часть III. Точное управление веб-страницами и стилями
147 Глава 9. Основы CSS
- 148 Достоинства таблиц стилей
  - 149 Какие действия позволяют выполнять таблицы стилей CSS
  - 150 Возможности таблиц стилей CSS
  - 151 Единицы измерения, используемые в свойствах
- 152 Структура и синтаксис CSS
  - 154 Селекторы и объявления
  - 155 Классы стилей
  - 157 Идентификаторы стилей
  - 158 Наследование стилей
- 160 Использование разных типов таблиц стилей
  - 160 Внутренние таблицы стилей
  - 161 Внешние таблицы стилей
- 162 Понятие каскадности
165 Глава 10. Использование каскадных таблиц стилей
- 165 Управление компоновкой и позиционированием
  - 167 Визуальная компоновка
  - 169 Позиционирование
- 171 Шрифты
  - 171 Текст в теле документа
  - 172 Заголовки
  - 173 Гиперссылки
- 175 Перемещение таблиц стилей во внешний файл
- 176 Мультимедийные элементы
  - 177 Визуальные стили для мультимедийных элементов
  - 180 Стили печати для мультимедийных элементов
183 Глава 11. Работа со шрифтами и цветами
- 183 Значения цветов
  - 183 Названия цветов
  - 184 Номера цветов
- 186 Определения цветов
  - 186 Текст
  - 186 Ссылки
  - 188 Фон
- 189 Шрифты
  - 189 Семейство шрифтов
  - 190 Размеры
- 194 Позиционирование блоков текста
  - 194 Выравнивание
  - 194 Отступы
- 196 Декорирование текста
  - 196 Насыщенность
  - 196 Курсив
  - 198 Преобразование регистра символов
  - 198 Свойство декорирования текста
- 200 Универсальное свойство font
201 Глава 12. Первая двадцатка свойств CSS
- 201 Свойства фона
  - 202 Свойство background-color
  - 202 Свойство background-image
- 203 Свойства границы и контура
  - 204 Свойство border
- 205 Размеры
  - 206 Свойства height и width
- 206 Шрифты и свойства шрифтов
  - 207 Свойство font-family
  - 208 Свойство font-weight
  - 208 Свойство font-size
- 209 Интервальные свойства: поля и отступы
  - 210 Свойство margin
  - 210 Свойство padding
- 210 Свойства позиционирования
  - 211 Свойство float
  - 212 Свойство z-index
  - 213 Свойство clear
  - 213 Свойство cursor
- 213 Текстовые свойства
  - 215 Свойство color
  - 215 Свойство line-height
- 215 Псевдоклассы
  - 216 Псевдоклассы :hover, :link и :visited
- 217 Перечень CSS-ресурсов
  - 217 Сайт W3Schools.com
  - 217 Инструмент Firebug
  - 217 Таблица стилей восстановления от Эрика Мейера
  - 218 Ресурс Spoon Browser Sandbox
  - 218 Служба W3C CSS Validation Service
  - 218 Руководство веб-дизайнера
  - 218 Подключаемый модуль YSlow
219 Часть IV. Сценарии в (X)HTML
221 Глава 13. Использование сценариев для создания веб-страниц
- 221 Что можно слезать с помощью JavaScript на веб-странице
- 223 Динамическая организация содержимого
- 226 Управление окном браузера
- 227 Запрос данных у пользователя и проверка ввода
- 229 Это еще не все!
231 Глава 14. Работа с фирмами
- 231 Зачем нужны формы
  - 232 Поиск
  - 234 Сбор данных
- 234 Создание форм
  - 235 Структура
  - 237 Теш ввода данных
  - 237 Поля ввода
  - 252 Проверка формы
- 253 Обработка данных
  - 253 Обработки форм, находящихся на веб-страницах
  - 255 Отправка данных по электронной почте
- 255 Разработка дружественных форм
- 257 Дополнительные атрибуты
- 259 Конструкторы форм
- 260 Технология CAPTCHA
263 Глава 15. Использование готового содержимого
- 264 Основы внедрения содержимого
  - 264 Использование Твиттера
  - 267 Работа с Flickr
  - 268 Создание карты
  - 270 Другие разновидности внедряемого содержимого
- 270 Мэшап: комбинирование нескольких видов содержимого
  - 271 Создание мэшапа Yelp/Google Maps
  - 274 Создание мэшапа Twitter/Google Maps
277 Глава 16. Клиентские сценарии
- 277 Наложение текста и изображений
  - 278 Наложение текста с помощью CSS
  - 281 Наложение изображений с помощью CSS
  - 284 Создание пользовательских кнопок-ролловеров с помощью CSS
- 285 Работа с файлами «cookie»
- 288 Создание лайтбоксов с помощью jQuery п Fancy Box
293 Глава 17. Системы управления содержимым
- 293 Создание веб-сайтов с помощью HTML и CMS
- 294 Популярные системы управления содержимым
  - 294 WordPress
  - 295 Drupal
  - 295 Joomla!
- 296 Настройка таблиц стилей CSS с помощью CMS
  - 296 Изменение тем с помощью CSS в Word Press
  - 298 Изменение тем с помощью CSS в Drupal
  - 300 Изменение тем с помощью CSS в Joomla
- 301 Различные версии одного и того же сайта
303 Часть V. Будущее (X)HTML
305 Глава 18. Веб-дизайн для мобильных устройств
- 305 Различные категории мобильных устройств
- 307 Оптимизация дизайна мобильных веб-сайтов
  - 308 Проектирование веб-сайтов, которые будут просматриваться на маленьких экранах
  - 309 Оптимизация с учетом низкой пропускной способности
  - 309 Навигация в мобильных устройствах
  - 311 Проектирование веб-сайтов, предназначенных для невнимательных серферов
  - 311 Просмотр веб-сайтов с помощью различных мобильных устройств
- 312 Лучшие методики разработки мобильных веб-сайтов
  - 312 Дайте название мобильному веб-сайту
  - 312 Создайте виртуальную демо-версию либо портфолио
  - 312 Укажите контактную информацию
  - 313 Не вынуждайте пользователей вводить много данных
- 313 Системы проектирования мобильных веб-сайтов
  - 313 Sencha Touch
  - 314 jQTouch
- 316 Дополнительные ресурсы
317 Глава 19. HTML5
- 318 Основы HTML5
  - 319 HTML5 и Flash
- 320 Упрошенный и усовершенствованный стандарт разметки гипертекста HTML5
  - 320 Упрошенное объявление doctype
  - 321 Упрошение символьной кодировки
- 322 Новые и усовершенствованные теги и атрибуты в HTML5
  - 322 Новые теги в HTML5
  - 324 Новые атрибуты в HTML5
  - 328 Не рекомендуемые к применению теги, исключенные из HTML5
  - 329 Атрибуты, исключенные из HTML5
- 330 Новые типы вводимых данных в HTML5
- 332 Программные веб-интерфейсы в HTML5
- 333 Ограничения на доступ и применение HTML5
- 335 Дополнительные ресурсы, посвященные HTML5
- 335 Испытайте HTML5
339 Глава 20. CSS3
- 399 О стандарте CSS3
- 344 Важнейшие сведения о CSS3
  - 344 Шрифты
  - 345 Границы
  - 348 Фон
  - 348 Тени
- 351 Переходы и анимация в CSS3
  - 351 Переходы
  - 353 Анимация
- 354 Преобразование содержимого
- 355 Ограничения CSS3
- 355 Дополнительные ресурсы по CSS3
357 Часть VI. Великолепные десятки
359 Глава 21. Что можно и чего нельзя сделать в HTML
- 359 Никогда не теряйте нить содержимого
- 360 Структурируйте документы и сайты
- 360 Получите большее из меньшего
- 361 Создавайте привлекательные страницы
- 361 Отслеживайте теги
- 363 Избегайте зависимости от браузеров
- 364 Не усложняйте навигацию по Интернету
- 364 Подумайте об эволюции, но не революции
- 365 Не ограничивайтесь двухмерной структурой текста
- 366 Преодолейте инерцию
367 Глава 22. Десять способов устранения ошибок
- 367 Создайте список и дважды проверьте его
- 368 Контролируете правописание
- 369 Проверяйте наличие устаревших ссылок
- 370 Продление жизни старых адресов URL
- 370 Сделайте содержимое «зеркалом» текущих событий
- 370 Правильно организуйте процесс тестирования
- 371 Составьте обходной лист
- 372 Используйте для тестирования лучшие инструменты
- 372 Создайте график проверки сайта
- 373 Поощряйте отзывы
- 373 Отдавайте – и вернется сторицей
375 Глава 23. Десять эффективных инструментов HTML
- 375 Редакторы WYSIWYG
  - 376 Dreamweaver
  - 376 Альтернативные программы
- 377 Вспомогательные НТМL-редакторы
  - 377 Aplana Studio
  - 378 Альтернативные программы
- 379 Недорогие графические редакторы
- 380 Профессиональные графические редакторы
  - 380 Adobe Photoshop
  - 381 Adobe Fireworks
- 381 Программа проверки ссылок W3C Link Checker
- 382 Другие программы проверки ссылок
- 382 Программы проверки HTML-кода
- 383 Клиенты FTP
- 384 Другие полезные веб-инструменты
387 Приложение. Десять лучших интернет-ресурсов
- 387 Десять лучших сайтов, посвященных HTML
- 389 Спецификации HTML. XHTML и CSS
- 390 Определения типов документа HTML и XHTML
- 391 Кодировки символов
393 Предметный указатель