HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов
Владимир Дронов
Практическое руководство по созданию современных Web-сайтов, соответствующих концепции Web 2.0. Описаны языки HTML 5 и CSS 3, применяемые, соответственно, для создания содержимого и представления Web-страниц. Даны принципы Web-программирования на языке JavaScript с использованием библиотеки Ext Core. Рассказано о создании интерактивных Web-страниц, приведены примеры интерактивных элементов, позволяющие сделать Web-страницы удобнее для посетителя. Раскрыты вопросы реализации подгружаемого и генерируемого содержимого, семантической разметки, применения баз данных для формирования Web-страниц. Показаны способы расширения функциональности Web-сайтов с использованием Web-форм, элементов управления, свободно позиционируемых элементов и программного рисования средствами HTML 5.
Для Web-дизайнеров
БХВ-Петербург, 2011 г.
ISBN 978-5-9775-0596-3
Количество страниц: 416.
Содержание книги «HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов»:
- 11 Введение
- 11 Что грядет нового в Web-дизайне
- 12 О чем эта книга
- 13 Какие программы используются в этой книге
- 13 Типографские соглашения
- 14 Благодарности
- 15 ЧАСТЬ I. СОДЕРЖИМОЕ WEB-СТРАНИЦ. ЯЗЫК HTML 5
- 17 Глава 1. Введение в современный Web-дизайн. Web 2.0. Создание Web-страниц
- 17 Современный Web-дизайн. Концепция Web 2.0
- 17 Что требуется от современного Web-сайта
- 19 Концепция Web 2.0
- 22 Интернет: как все это работает
- 22 Клиенты и серверы Интернета. Интернет-адреса
- 24 Web-сайты и Web-серверы
- 25 Основные принципы создания Web-страниц. Язык HTML 5
- 26 Язык HTML и его теги
- 29 Вложенность тегов
- 30 Секции Web-страницы
- 31 Метаданные и тип Web-страницы
- 32 Атрибуты HTML-тегов
- 33 Программы, которыми мы будем пользоваться
- 33 Web-обозреватель
- 34 Web-сервер
- 35 Что дальше?
- 17 Современный Web-дизайн. Концепция Web 2.0
- 36 Глава 2. Структурирование текста
- 36 Абзацы
- 38 Заголовки
- 39 Списки
- 42 Цитаты
- 42 Текст фиксированного формата
- 45 Горизонтальные линии
- 46 Адреса
- 47 Комментарии
- 47 Что дальше?
- 48 Глава 3. Оформление текста
- 48 Выделение фрагментов текста
- 50 Разрыв строк
- 51 Вставка недопустимых символов. Литералы
- 54 Что дальше?
- 55 Глава 4. Графика и мультимедиа
- 55 Внедренные элементы Web-страниц
- 56 Графика
- 56 Форматы интернет-графики
- 57 Вставка графических изображений
- 60 Мультимедиа
- 60 Форматы файлов и форматы кодирования
- 62 Типы MIME
- 63 Вставка аудиоролика
- 65 Вставка видеоролика
- 68 Дополнительные возможности тегов <AUDIO> и <VIDEO>
- 69 Что дальше?
- 70 Глава 5. Таблицы
- 70 Создание таблиц
- 75 Заголовок и секции таблицы
- 78 Объединение ячеек таблиц
- 80 Что дальше?
- 81 Глава 6. Средства навигации
- 81 Текстовые гиперссылки
- 81 Создание гиперссылок
- 83 Интернет-адреса в WWW
- 85 Почтовые гиперссылки
- 86 Дополнительные возможности гиперссылок
- 87 Графические гиперссылки
- 87 Изображения-гиперссылки
- 88 Изображения-карты
- 90 Полоса навигации
- 91 Якоря
- 92 Что дальше?
- 81 Текстовые гиперссылки
- 93 ЧАСТЬ II. ПРЕДСТАВЛЕНИЕ WEB-СТРАНИЦ. КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ CSS 3
- 95 Глава 7. Введение в стили CSS
- 95 Понятие о стилях CSS
- 96 Создание стилей CSS
- 101 Таблицы стилей
- 103 Правила каскадности и приоритет стилей
- 105 Важные атрибуты стилей
- 106 Какие стили в каких случаях применять
- 107 Комментарии CSS
- 108 Что дальше?
- 109 Глава 8. Параметры шрифта и фона. Контейнеры
- 109 Параметры шрифта
- 114 Параметры, управляющие разрывом строк
- 116 Параметры вертикального выравнивания
- 117 Параметры тени у текста
- 118 Параметры фона
- 120 Контейнеры. Встроенные контейнеры
- 122 Представление для нашего Web-сайта, часть 1
- 125 Что дальше?
- 126 Глава 9. Параметры абзацев, списков и отображения
- 126 Параметры вывода текста
- 127 Параметры списков
- 129 Параметры отображения
- 131 Представление для нашего Web-сайта, часть 2
- 132 Создание полосы навигации
- 133 Параметры курсора
- 134 Что дальше?
- 135 Глава 10. Контейнерный Web-дизайн
- 135 Блочные контейнеры
- 136 Основы контейнерного Web-дизайна
- 137 Старые разновидности Web-дизайна и их критика
- 139 Сущность контейнерного Web-дизайна
- 140 Представление для нашего Web-сайта, часть 3
- 142 Стили, задающие параметры контейнеров
- 142 Параметры размеров
- 143 Параметры размещения. Плавающие контейнеры
- 145 Представление для нашего Web-сайта, часть 4
- 146 Параметры переполнения. Контейнеры с прокруткой
- 148 Представление для нашего Web-сайта, часть 5
- 150 Что дальше?
- 151 Глава 11. Отступы, рамки и выделение
- 151 Параметры отступов
- 154 Параметры рамки
- 156 Представление для нашего Web-сайта, часть 6
- 160 Полная полоса навигации
- 163 Параметры выделения
- 165 Что дальше?
- 166 Глава 12. Параметры таблиц
- 166 Параметры выравнивания
- 167 Параметры отступов и рамок
- 168 Параметры размеров
- 169 Прочие параметры
- 170 Представление для нашего Web-сайта, часть 7
- 171 Что дальше?
- 172 Глава 13. Специальные селекторы
- 172 Комбинаторы
- 174 Селекторы по атрибутам тега
- 176 Псевдоэлементы
- 177 Псевдоклассы
- 177 Псевдоклассы гиперссылок
- 178 Структурные псевдоклассы
- 182 Псевдоклассы :not и *
- 182 Представление для нашего Web-сайта, часть 8
- 184 Что дальше?
- 187 ЧАСТЬ III. ПОВЕДЕНИЕ WEB-СТРАНИЦ. WEB-СЦЕНАРИИ
- 189 Глава 14. Введение в Web-программирование. Язык JavaScript
- 189 Примеры Web-сценариев
- 189 Простейший Web-сценарий
- 190 Более сложный Web-сценарий
- 192 Как Web-сценарии помещаются в Web-страницу
- 193 Язык программирования JavaScript
- 194 Основные понятия JavaScript
- 195 Типы данных JavaScript
- 197 Переменные
- 197 Именование переменных
- 197 Объявление переменных
- 198 Операторы
- 198 Арифметические операторы
- 199 Оператор объединения строк
- 199 Операторы присваивания
- 200 Операторы сравнения
- 201 Логические операторы
- 202 Оператор получения типа typeof
- 203 Совместимость и преобразование типов данных
- 204 Приоритет операторов
- 206 Сложные выражения JavaScript
- 206 Блоки
- 206 Условные выражения
- 207 Условный оператор ?
- 208 Выражения выбора
- 209 Циклы
- 209 Цикл со счетчиком
- 210 Цикл с постусловием
- 211 Цикл с предусловием
- 211 Прерывание и перезапуск цикла
- 212 Функции
- 212 Объявление функций
- 213 Функции и переменные. Локальные переменные
- 213 Вызов функций
- 215 Присваивание функций. Функциональный тип данных
- 215 Массивы
- 217 Ссылки
- 218 Объекты
- 218 Понятия объекта и экземпляра объекта
- 219 Получение экземпляра объекта
- 222 Работа с экземпляром объекта
- 223 Встроенные объекты языка JavaScript
- 225 Объект Object и использование его экземпляров
- 226 Объекты Web-обозревателя. Объектная модель документа DOM
- 227 Свойства и методы экземпляра объекта
- 228 Правила написания выражений
- 229 Комментарии JavaScript
- 229 Что дальше?
- 189 Примеры Web-сценариев
- 230 Глава 15. Библиотека Ext Core и объекты Web-обозревателя
- 230 Библиотека Ext Core
- 230 Зачем нужна библиотека Ext Core
- 232 Использование библиотеки Ext Core
- 233 Ключевые объекты библиотеки Ext Core
- 234 Доступ к нужному элементу Web-страницы
- 236 Доступ сразу к нескольким элементам Web-страницы
- 239 Доступ к родительскому, дочерним и соседним элементам Web-страницы
- 241 Получение и задание размеров и местоположения элемента Web-страницы
- 243 Получение размеров Web-страницы и клиентской области окна Web-обозревателя
- 243 Получение и задание значений атрибутов тега
- 244 Управление привязкой стилевых классов
- 246 Получение и задание значений атрибутов стиля
- 248 Управление видимостью элементов Web-страницы
- 249 Добавление и удаление элементов Web-страницы
- 254 Обработка событий
- 254 Понятие события и его обработки
- 255 События объекта Element
- 256 Привязка и удаление обработчиков событий
- 258 Всплытие и действие по умолчанию
- 260 Получение сведений о событии. Объект EventObject
- 261 Объект CompositeElementLite
- 263 Объекты Web-обозревателя
- 265 Что дальше?
- 230 Библиотека Ext Core
- 266 Глава 16. Создание интерактивных Web-страниц
- 266 Управление размерами блочных контейнеров
- 269 Выделение пункта полосы навигации при наведении на него курсора мыши
- 270 Переход на целевую Web-страницу при щелчке на пункте полосы навигации
- 273 Скрытие и открытие вложенных списков
- 275 Выделение пункта полосы навигации, соответствующего открытой в данный момент Web-странице
- 279 Скрытие и открытие текста примеров
- 282 Что дальше?
- 283 ЧАСТЬ IV. ПОДГРУЖАЕМОЕ И ГЕНЕРИРУЕМОЕ СОДЕРЖИМОЕ. СЕМАНТИЧЕСКАЯ РАЗМЕТКА
- 285 Глава 17. Подгружаемое содержимое
- 285 Монолитные и блочные Web-страницы
- 287 Подгрузка содержимого Web-страниц
- 288 Реализация подгрузки содержимого
- 296 Что дальше?
- 297 Глава 18. Генерируемое содержимое
- 297 Введение в генерируемое содержимое. Базы данных
- 299 Реализация генерируемого содержимого
- 300 Создание базы данных
- 301 Генерирование полосы навигации
- 303 Сортировка базы данных
- 304 Что дальше?
- 305 Глава 19. Семантическая разметка данных
- 305 Введение в семантическую разметку данных
- 306 Реализация семантической разметки средствами JavaScript
- 308 Создание раздела «См. также»
- 314 Что дальше?
- 315 ЧАСТЬ V. ПОСЛЕДНИЕ ШТРИХИ
- 317 Глава 20. Web-формы и элементы управления
- 317 Web-формы и элементы управления HTML
- 318 Назначение Web-форм и элементов управления. Серверные приложения
- 320 Создание Web-форм и элементов управления
- 320 Создание Web-форм
- 320 Создание элементов управления
- 321 Поле ввода
- 322 Поле ввода пароля
- 323 Поле ввода значения для поиска
- 323 Область редактирования
- 324 Кнопка
- 325 Флажок
- 325 Переключатель
- 326 Список, обычный или раскрывающийся
- 328 Надпись
- 329 Группа
- 330 Прочие элементы управления
- 330 Специальные селекторы CSS, предназначенные для работы с элементами управления
- 331 Работа с элементами управления
- 331 Свойства и методы объекта HTMLElement, применяемые для работы с элементами управления
- 336 Свойства и методы объекта Element, применяемые для работы с элементами управления
- 336 События элементов управления
- 337 Реализация поиска на Web-сайте
- 338 Подготовка базы данных
- 338 Создание Web-формы
- 339 Написание Web-сценария, выполняющего поиск
- 345 Что дальше?
- 346 Глава 21. Свободно позиционируемые элементы Web-страницы
- 347 Свободно позиционируемые контейнеры
- 347 Понятие свободно позиционируемого элемента Web-страницы
- 348 Создание свободно позиционируемых элементов
- 351 Средства библиотеки Ext Core для управления свободно позиционируемыми элементами
- 351 Реализация усовершенствованного поиска
- 352 Создание контейнера с Web-формой поиска
- 354 Написание Web-сценария, выполняющего поиск
- 358 Что дальше?
- 347 Свободно позиционируемые контейнеры
- 359 Глава 22. Программируемая графика
- 359 Канва
- 360 Контекст рисования
- 361 Рисование простейших фигур
- 362 Задание цвета, уровня прозрачности и толщины линий
- 363 Рисование сложных фигур
- 363 Как рисуются сложные контуры
- 364 Перо. Перемещение пера
- 364 Прямые линии
- 365 Дуги
- 366 Кривые Безье
- 368 Прямоугольники
- 369 Задание стиля линий
- 370 Вывод текста
- 372 Использование сложных цветов
- 372 Линейный градиентный цвет
- 375 Радиальный градиентный цвет
- 376 Графический цвет
- 378 Вывод внешних изображений
- 380 Создание тени у рисуемой графики
- 380 Преобразования системы координат
- 381 Сохранение и загрузка состояния
- 381 Перемещение начала координат канвы
- 382 Поворот системы координат
- 383 Изменение масштаба системы координат
- 384 Управление наложением графики
- 386 Создание маски
- 386 Создание графического логотипа Web-сайта
- 391 Заключение
- 393 Приложение. Расширения CSS
- 394 Многоцветные рамки
- 394 Рамки со скругленными углами
- 396 Выделение со скругленными углами
- 397 Многоколоночная верстка
- 401 Преобразования CSS
- 405 Предметный указатель
Инструкция как скачать книгу Владимир Дронов: HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов в форматах DjVu, PDF, DOC или fb2 совершенно бесплатно.