HTML5 за 10 минут

Содержание книги «HTML5 за 10 минут»:

• 14 Введение
  • 14 Об этой книге
  • 16 Необходимые средства для изучения HTML5
  • 18 От издательства
• 19 Урок 1. Основы HTML5
  • 19 Версия HTML5
  • 20 Рисование с помощью элемента управления Canvas
  • 21 Перетаскивание
  • 22 Получение данных с помощью новых элементов управления веб-формами
  • 22 Оперативная правка веб-страниц
  • 22 Запоминание предыстории браузера
  • 23 Обмен сообщениями между документами
  • 23 Поддержка аудиовизуальной информации
  • 24 Использование возможности сохранять содержимое веб-страниц
  • 24 Применение новых элементов
• 27 Урок 2. Рисование с помощью элемента управления Canvas
  • 27 Общее представление об элементе управления Canvas
  • 29 Представление о прикладном программном интерфейсе элемента управления Canvas
    • 30 Стилевое оформление
    • 30 Установка стилей рисования линий
    • 30 Отбрасывание теней
    • 31 Рисование прямоугольников
    • 31 Рисование сложных форм
    • 32 Рисование текста
    • 32 Рисование изображений
    • 33 Выполнение преобразований
  • 33 Пример применения элемента управления Canvas
  • 35 Рисование прямоугольников
  • 37 Рисование штриховых рисунков
  • 39 Заполнение штриховых рисунков
  • 41 Рисование кривых Безье
  • 42 Рисование кривых второго порядка
  • 43 Рисование дуг
  • 45 Рисование текста
  • 46 Полный исходный код примера HTML-документа canvas.html
• 51 Урок 3. Перетаскивание средствами HTML5
  • 51 Общее представление о перетаскивании
  • 54 Представление о прикладном программном интерфейсе перетаскивания
    • 54 Атрибут draggable
    • 55 Атрибут ondragenter
    • 55 Атрибут ondragover
    • 56 Атрибут ondrop
    • 56 Атрибут ondragstart
    • 56 Атрибут ondragend
    • 57 Объект dataTransfer
  • 57 Пример реализации перетаскивания
  • 60 Стилевое оформление перетаскиваемых и целевых элементов
  • 62 Реализация начала операции перетаскивания
  • 64 Разрешение перетаскиваемым элементам входить в целевые элементы
  • 65 Разрешение опускать перетаскиваемые элементы на определенные целевые элементы
  • 67 Обработка событий опускания одних элементов на другие
  • 68 Завершение операций опускания
  • 69 Полный исходный код примера HTML-документа draganddrop.html
• 73 Урок 4. Элементы управления веб-формами
  • 74 Общее представление об элементах управления веб-формами
  • 77 Представление о прикладном программном интерфейсе элементов управления веб-формами
  • 83 Пример создания веб-форм
  • 84 Создание элемента управления, предоставляемого по умолчанию
  • 85 Создание элемента управления вводом веб-адреса
  • 86 Создание элемента управления вводом адреса электронной почты
  • 88 Создание элементов управления вводом пределов и числовых значений
  • 90 Создание элементов управления вводом даты и времени
  • 91 Создание элемента управления выбором цвета
  • 93 Создание элемента управления запросом на поиск
  • 94 Полный исходный код примера HTML-документа webforms.html
  • 96 Исходный код программы PHP, выполняемой на стороне сервера
• 97 Урок 5. Внутристрочное редактирование
  • 97 Общее представление о внутристрочном редактировании
    • 98 Атрибут contenteditable, делающий редактируемыми отдельные элементы
    • 98 Атрибут designmode, делающий редактируемыми документы
    • 99 Атрибут spellcheck, активизирующий проверку орфографии
  • 99 Пример внутристрочного редактирования в элементе <div>
  • 101 Ввод кнопки выделения текста полужирным
  • 104 Ввод кнопки выделения текста курсивом
  • 105 Ввод кнопки выделения текста подчеркиванием
  • 107 Ввод кнопки добавления ссылки
  • 109 Ввод кнопки для показа исходного текста
  • 112 Проверка орфографии
  • 114 Полный исходный код примера HTML-документа editdiv.html
  • 115 Пример внутристрочного редактирования в элементе <iframe>
  • 117 Ввод кнопок в HTML-документ editiframe.html
  • 119 Полный исходный код примера HTML-документа editiframe.html
• 121 Урок 6. Обращение к предыстории браузера
  • 121 Общее представление о предыстории браузера
  • 123 Представление о прикладном программном интерфейсе предыстории браузера
    • 123 Атрибут window.history.length
    • 123 Функция window.history.back()
    • 124 Функция window.history.forward()
    • 124 Функция window.history.go([delta])
    • 124 Функция window.history.pushState(data, title [, url ])
    • 125 Функция window.history.replaceState(data, title [, url ])
    • 125 Атрибут window.onpopstate
  • 125 Пример обращения к предыстории браузера
  • 126 Ввод кнопки Назад
  • 129 Ввод кнопки Вперед
  • 131 Ввод кнопки Перейти
  • 134 Получение протяженности предыстории браузера
  • 135 Размещение данных в предыстории
  • 138 Извлечение данных из предыстории
  • 140 Полный исходный код примера HTML-документа pophistory.html
• 143 Урок 7. Обмен сообщениями между документами
  • 143 Общее представление об обмене сообщениями
  • 146 Представление о прикладном программном интерфейсе обмена сообщениями
    • 146 Функция postMessage()
    • 147 Событие onMessage
    • 147 Атрибут event.data
    • 147 Атрибут event.origin
    • 147 Атрибут event.source
  • 148 Создание страницы parent.html для примера межоконного обмена сообщениями
  • 149 Отправка сообщений в режиме межоконного обмена
  • 151 Создание страницы child.html для примера межоконного обмена сообщениями
  • 152 Прием сообщений в режиме межоконного обмена
  • 154 Полный исходный код HTML-страницы parent.html
  • 155 Полный исходный код HTML-страницы child.html
  • 156 Создание страницы domainparent.html для примера междоменного обмена сообщениями
  • 157 Отправка сообщений в режиме междоменного обмена
  • 159 Создание страницы domainchild.html для примера междоменного обмена сообщениями
  • 161 Прием сообщений в режиме междоменного обмена
  • 162 Полный исходный код HTML-страницы domainparent.html
  • 163 Полный исходный код HTML-страницы domainchild.html
• 165 Урок 8. Применение аудиовизуальной информации
  • 166 Общее представление об управлении воспроизведением видеозаписей на веб-страницах
  • 167 Представление о прикладном программном интерфейсе воспроизведения видеозаписей
    • 167 Атрибут autoplay
    • 167 Атрибут controls
    • 168 Атрибут height
    • 168 Атрибут loop
    • 168 Атрибут poster
    • 168 Атрибут preload
    • 168 Атрибут src
    • 168 Атрибут width
    • 168 Атрибут onerror
  • 169 Преобразование видеоо и аудиозаписей в формат OGG
  • 171 Пример воспроизведения видеозаписи на веб-странице
  • 174 Ввод элементов управления в пример HTML-документа video.htm
  • 174 Циклическое воспроизведение видеозаписи
  • 175 Автоматическое воспроизведение видеозаписи
  • 176 Выявление и обработка ошибок воспроизведения видеозаписи
  • 178 Общее представление об элементе управления воспроизведением аудиозаписей
  • 179 Представление о прикладном программном интерфейсе воспроизведения аудиозаписей
    • 180 Атрибут autoplay
    • 180 Атрибут controls
    • 180 Атрибут loop
    • 180 Атрибут preload
    • 181 Атрибут src
    • 181 Атрибут onerror
  • 181 Пример воспроизведения аудиозаписи на веб-странице
  • 184 Выявление и обработка ошибок воспроизведения аудиозаписи
• 187 Урок 9. Сохранение содержимого веб-страниц
  • 188 Общее представление о сохранении данных в текущем веб-сеансе
  • 190 Представление о прикладном программном интерфейсе сохранения данных в текущем веб-сеансе
    • 190 Атрибут length
    • 191 Функция key()
    • 191 Функция getItem()
    • 191 Функция setItem()
    • 191 Функция removeItem()
    • 191 Функция clear()
  • 192 Пример сохранения и восстановления данных в текущем веб-сеансе
  • 193 Сохранение данных в текущем веб-сеансе
  • 194 Восстановление данных из текущего веб-сеанса
  • 196 Очистка данных в текущем веб-сеансе
  • 198 Полный исходный код HTML-документа sessionstorage.html
  • 199 Общее представление о локальном сохранении данных
  • 201 Представление о прикладном программном интерфейсе локального сохранения данных
  • 202 Пример локального сохранения и восстановления данных
  • 203 Сохранение данных в браузере
  • 205 Восстановление данных, сохраненных непосредственно в браузере
  • 207 Очистка локально сохраняемых данных
  • 209 Полный исходный код HTML-документа localstorage.html
• 211 Урок 10. Новые элементы HTML5
  • 211 Дополнительные языковые средства SVG и MathML
  • 211 Общее представление о новых элементах HTML5
  • 214 Элемент <article>
  • 215 Элемент <aside>
  • 216 Элемент <audio>
  • 216 Элемент <canvas>
  • 216 Элемент <command>
  • 217 Элемент <datalist>
  • 218 Элемент <details>
  • 219 Элемент <embed>
  • 220 Элемент <figcaption>
  • 220 Элемент <figure>
  • 221 Элемент <footer>
  • 222 Элемент <header>
  • 222 Элемент <hgroup>
  • 223 Элемент <keygen>
  • 224 Элемент <mark>
  • 225 Элемент <meter>
  • 226 Элемент <nav>
  • 227 Элемент <output>
  • 228 Элемент <progress>
  • 229 Элемент <rp>
  • 230 Элемент <rt>
  • 230 Элемент <ruby>
  • 231 Элемент <section>
  • 231 Элемент <source>
  • 232 Элемент <summary>
  • 233 Элемент <time>
  • 234 Элемент <video>
• 235 Предметный указатель