Интернет-портал MegaWEB содержит много ресурсов для веб-мастеров, интернет-разработчиков, веб-дизайнеров и seo-оптимизаторов. Это видеоуроки, книги и справочники в формате ebook: PDF-CHM-DJVU, а также программы и утилиты для того, чтобы сделать сайт или раскрутить сайт в сети Интернет.
Книга «HTML5 за 10 минут»
Версия для печати и PDA
Книга «HTML5 за 10 минут» служит кратким и удобным справочным руководством по новым, уже доступным языковым средствам HTML5 и предлагаем вам ознакомиться с новой версией языка семейства SGML – HTML5. Своими возможностями и масштабами применения HTML5 выходит далеко за рамки всех предыдущих версий языка HTML. На самом деле это едва ли не самое крупное дополнение во всей области создания сценариев, а не только в сфере применения элементов HTML. В новой версии HTML5 было сделано немало для обширного применения на практике языковых средств JavaScript. В этой книге делается краткий экскурс в новые языковые средства HTML версии 5. Автор этого, уже 5-го издания, – Стивен Хольцнер, специализируется на тематике, связанной с Интернетом, включая социальные сети типа Facebook, оформление рекламных заголовков на веб-страницах, поисковые механизмы Google и Yahoo, рекламные кампании в сети MSN, скрытый маркетинг, маркетинг в сети Usenet, механизмы оплаты за каждый щелчок на рекламном объявлении, размещаемом на веб-странице. Предполагается, что читатель хорошо знаком с предыдущей версией HTML, чтобы быть готовым к овладению только новыми языковыми средствами, появившимся в версии HTML5.
Структура книги «HTML5 за 10 минут»
Основы HTML5, дает краткий обзор версии HTML5 и правил создания документов в формате HTML5.
Версия HTML5
Рисование с помощью элемента управления Canvas
Перетаскивание
Получение данных с помощью новых элементов управления веб-формами
Оперативная правка веб-страниц
Запоминание предыстории браузера
Обмен сообщениями между документами
Поддержка аудиовизуальной информации
Использование возможности сохранять содержимое веб-страниц
Применение новых элементов
Рисование с помощью элемента управления Canvas, позволит вам узнать, как пользоваться языковыми средствами JavaScript для рисования на виртуальном полотне, организуемом с помощью нового для HTML5 элемента управления <canvas>.
Общее представление об элементе управления Canvas
Представление о прикладном программном интерфейсе элемента управления Canvas
Пример применения элемента управления Canvas
Рисование прямоугольников
Рисование штриховых рисунков
Заполнение штриховых рисунков
Рисование кривых Безье
Рисование кривых второго порядка
Рисование дуг
Рисование текста
Перетаскивание средствами HTML5, показывает, как сделать элементы веб-страниц перетаскиваемыми мышью.
Общее представление о перетаскивании
Представление о прикладном программном интерфейсе перетаскивания
Пример реализации перетаскивания
Стилевое оформление перетаскиваемых и целевых элементов
Реализация начала операции перетаскивания
Разрешение перетаскиваемым элементам входить в целевые элементы
Разрешение опускать перетаскиваемые элементы на определенные целевые элементы
Обработка событий опускания одних элементов на другие
Завершение операций опускания
Элементы управления веб-формами, рассказывает о новых элементах управления, включенных в версию HTML5, в том числе и тех, что позволяют получать о пользователя номер телефона, время и дату, а также о том, как применять их на практике.
Общее представление об элементах управления веб-формами
Представление о прикладном программном интерфейсе элементов управления веб-формами
Пример создания веб-форм
Создание элемента управления, предоставляемого по умолчанию
Создание элемента управления вводом веб-адреса
Создание элемента управления вводом адреса электронной почты
Создание элементов управления вводом пределов и числовых значений
Создание элементов управления вводом даты и времени
Создание элемента управления выбором цвета
Создание элемента управления запросом на поиск
Внутристрочное редактирование, рассказывает о том, как с помощью новых возможностей HTML5 сделать простые элементы <div> или <span> подобными полям ввода <input> и дать возможность пользователю изменять их текстовое содержимое.
Общее представление о внутристрочном редактировании
Пример внутристрочного редактирования в элементе <div>
Ввод кнопки выделения текста полужирным
Ввод кнопки выделения текста курсивом
Ввод кнопки выделения текста подчеркиванием
Ввод кнопки добавления ссылки
Ввод кнопки для показа исходного текста
Проверка орфографии
Пример внутристрочного редактирования в элементе <iframe>
Обращение к предыстории браузера, посвящен рассмотрению встроенной в HTML поддержки функций, позволяющим перемещаться по предыстории браузера для повторного обращения к помещавшимся ранее страницам.
Общее представление о предыстории браузера
Представление о прикладном программном интерфейсе предыстории браузера
Пример обращения к предыстории браузера
Ввод кнопки Назад
Ввод кнопки Вперед
Ввод кнопки Перейти
Получение протяженности предыстории браузера
Размещение данных в предыстории
Извлечение данных из предыстории
Обмен сообщениями между документами, описывает новую возможность HTML5, которая позволяет организовать обмен сообщениями между документами, и как это делается на практике. Приводятся примеры реализации передачи сообщений между двумя документами, связанными через элемент <iframe>.
Общее представление об обмене сообщениями
Представление о прикладном программном интерфейсе обмена сообщениями
Создание страницы для примера межоконного обмена сообщениями
Отправка сообщений в режиме межоконного обмена
Создание страницы для примера межоконного обмена сообщениями
Прием сообщений в режиме межоконного обмена
Создание страницы для примера междоменного обмена сообщениями
Отправка сообщений в режиме междоменного обмена
Создание страницы для примера междоменного обмена сообщениями
Прием сообщений в режиме междоменного обмена
Применение аудиовизуальной информации, расскажет вам о том, как с помощью новых элементов HTML5 <video> и <audio> воспроизводятся видео и аудио записи, размещаемые на веб-странице.
Общее представление об управлении воспроизведением видеозаписей на веб-страницах
Представление о прикладном программном интерфейсе воспроизведения видеозаписей
Преобразование видео и аудиозаписей в формат OGG
Пример воспроизведения видеозаписи на веб-странице
Циклическое воспроизведение видеозаписи
Автоматическое воспроизведение видеозаписи
Выявление и обработка ошибок воспроизведения видеозаписи
Общее представление об элементе управления воспроизведением аудиозаписей
Представление о прикладном программном интерфейсе воспроизведения аудиозаписей
Пример воспроизведения аудиозаписи на веб-странице
Выявление и обработка ошибок воспроизведения аудиозаписи
Сохранение содержимого веб-страниц, показывает, как HTML5 позволяет сохранять данные веб-страниц на стороне клиента в промежутках между последовательными доступами к ним пользователей.
Общее представление о сохранении данных в текущем веб-сеансе
Представление о прикладном программном интерфейсе сохранения данных в текущем веб-сеансе
Пример сохранения и восстановления данных в текущем веб-сеансе
Сохранение данных в текущем веб-сеансе
Восстановление данных из текущего веб-сеанса
Очистка данных в текущем веб-сеансе
Общее представление о локальном сохранении данных
Представление о прикладном программном интерфейсе локального сохранения данных
Пример локального сохранения и восстановления данных
Сохранение данных в браузере
Восстановление данных, сохраненных непосредственно в браузере
Очистка локально сохраняемых данных
Новые элементы HTML5, содержит краткий экскурс по всем новым элементам разметки, которые появились в HTML5. Некоторые из них были рассмотрены в предыдущих уроках, а о некоторых вам придется почитать спецификацию стандарта HTML5 или какой-либо справочник.
Дополнительные языковые средства SVG и MathML
Общее представление о новых элементах HTML5
Элемент <article>
Элемент <aside>
Элемент <audio>
Элемент <canvas>
Элемент <command>
Элемент <datalist>
Элемент <details>
Элемент <embed>
Элемент <figcaption>
Элемент <figure>
Элемент <footer>
Элемент <header>
Элемент <hgroup>
Элемент <keygen>
Элемент <mark>
Элемент <meter>
Элемент <nav>
Элемент <output>
Элемент <progress>
Элемент <rp>
Элемент <rt>
Элемент <ruby>
Элемент <section>
Элемент <source>
Элемент <summary>
Элемент <time>
Элемент <video>
В книге «HTML5 за 10 минут» практически все примеры документов HTML5 будут нормально отображаться в пяти наиболее распространенных браузерах: Firefox, Chrome, Safari, Opera и Internet Explorer. Но это не означает, что все языковые средства HTML5 поддерживаются во всех без исключения браузерах, поскольку версия HTML5 по-прежнему находится на стадии своего первоначального развития. Поэтому, перед тем, как применять какие-то элементы HTML5 на практике, необходимо обязательно убедиться в том, что они поддерживаются в браузерах, которые были упомянуты выше.
Формат: PDF + Примеры HTML5 Качество: eBook Страниц: 240