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 Что дальше?
  • 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 Что дальше?
  • 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 Что дальше?
  • 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 Что дальше?
  • 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 Что дальше?
  • 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 совершенно бесплатно.
HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов
Рейтинг книги:
0 голосов
834

Поиск книг:




При поиске учитываются только слова, длина которых больше 3-х символов.

Статистика: