Создание сайта, веб-приложения или html книги с помощью HTML5.

Практически каждый человек, работающий в сети интернет, имеет хотя бы поверхностное представление о том, что такое HTML5. При этом мало кто знает, насколько широки его возможности, на самом деле HTML5 это не просто очередная версия популярного web-языка, а настоящая новая эра в вебразработках.

Создание сайта, веб-приложения или html книги с помощью HTML5.

Смотрите полный видеокурс на iTunes

Его широчайшие возможности позволяют создавать сайты, веб-приложения, html книги и работать с программными интерфейсами. Созданные с помощью HTML5 html книги, заметно отличаются высоким качеством от своих предшественников.

Где применить HTML5…

Структурные возможности HTML5 позволяют достигнуть большеё простоты структуры веб-документа и чистоты кода. Усовершенствованные семантические элементы header, nav, section, article, aside, и footer могут быть использованы вместо контейнеров div, которые в данное время применяются в HTML4.0.

Мультимедийные возможности HTML5

Позволяют полностью отказаться от использования Adobe Flash и других программ. Теперь воспроизведение музыки и видеофайлов возможно в самом браузере. Также намного удобнее размещение фотографий, не требующее дополнительных программ.

Ввод данных в HTML намного проще за счёт контроля над ошибками в реальном времени. Теперь не бывает проблем с неправильными данными, как это бывало во время использования HTML4, когда правильность введения данных контролировалась после отправки документа, а сообщение и них пользователь получал гораздо позже.

Внешний вид. Революционное обновление от HTML5 – текс и изображение стали одним целым, это полностью изменило возможности отображения текстов и изображений на страницах интернет-сайтов. Теперь и страницы сайтов, и html книги могут быть похожи на красочные страницы дорогих журналов.

Графика и анимация. В HTML5 присутствует новая функция Canvas, позволяющая создавать и размещать анимацию, графику и небольшие игры высокого качества прямо на веб-сайтах. Это кардинально отличается от HTML4, где для достижения таких же результатов требовалось использование дополнительных программ, таких например как Adobe Flash. Canvas даёт возможность создавать пользовательские интерфейсы и игры абсолютно нового высокого уровня.

И даже в такой, весьма благоприятной, ситуации существует несколько «НО»:
- уязвимость HTML5 в области защиты данных. Огромное количество данных, которые хранятся на жестком диске пользователя, создают значительную уязвимость. Этот факт позволяет совершать сбор информации о пользователе, незаметно для него самого.
- мультимедиа и игры. Последнее время участились жалобы пользователей на низкую производительность созданного с помощью HTML5 контента. Кроме того платформы достаточно ограничены в применении, а затраты ресурсов и времени значительно увеличены.
- браузеры. Ещё недавно возникали проблемы с поддержкой HTML5 браузерами. Сейчас эта проблема устранена, все браузеры, даже известный своей консервативностью IE, прекрасно воспринимают новый язык. Дальше всех на пути внедрения новой технологии прошёл Google, а его новую версию браузера Chrom был добавлен модуль Canvas 2D. В своей работе он использует наиболее выдающуюся особенность HTML5, это тег Canvas, который позволяет полностью отказаться от флеш-технологий в интернете. Одним из самых ярких доказательств высоких достижений HTML5 является активное использование его такими гигантами интернета как Google, YouTube и т. д.

Спецификации HTML5.

Начался нелегкий путь стандартизации проекта HTML5 в 2007-м году, и не закончился ещё до сегодняшнего дня. По расписанию W3C, планировалось, что HTML5 получит от W3C статус рекомендованного до конца 2010 года, но для этого проекту было необходимо получение одобрения Last Call и Candidate Recommendation. Поддержу от Last Call HTML5 удалось получить в октябре 2009-го года. С Candidate Recommendation ситуация намного сложнее, но по версии редактора спецификации Яна Хиксона, одобрение обязательно будет получено в 2012 году или немного позже.

Примеры реализации.

Для того чтобы сполна оценить примеры реализации возможностей HTML5, советую сделать захват экрана, а текст читать на фоне.

Корпорация Google является одним из сторонников HTML5 и много сделала для его внедрения во всех сферах работы сети интернет. Много она делает и для его популяризации. Например, стартовая страница Google часто используется для рекламы. Чтобы посмотреть на один из самых ярких примеров использования стартовой страницы Google для популяризации HTML5 достаточно перейти по ссылке http://www.google.com.hk/intl/zh-CN/landing/shuixia/. Массу удовольствия можно получить, если пощёлкать мышкой чуть ниже уровня воды. Во всех остальных отношениях это самая обычная стартовая страница Google, выполняющая все свои обычные функции. А в день рождения Станислава Лема стартовая страничка Google являла собой весьма интересную аркадную игрушку по мотивам Кибериады.

Проще всего учиться чему-то новому в процессе игры. Обязательно стоит посетить интереснейший сайт http://html5game.ru/. Сразу же привлекает внимание шапка сайта. Если навести на неё курсор, она сначала разлетается на отдельные шарики, а позже собирается обратно.

Игрушки, которые можно посмотреть на сайте, постоянно обновляются и представляют собой популярные флеш-игры, при этом они заметно быстрее грузятся. Несомненно, самый лучший способ изучить новый язык, это написать на нём игрушку.

Советую также посетить ещё один занятный сайт – http://www.picozu.com/editor, достаточно интересный графический редактор. Возможности его превышают стандартный Paint совершенно незначительно, но впечатляет то, что теперь можно рисовать, используя средства HTML5.

Увиденное наводит на определенные мысли.

Первое впечатление, что смой используемой функцией в HTML5 стал тег canvas, ведь именно благодаря ему создаётся такая прекрасная графика.
Время на загрузку таких сайтов значительно меньше, чем для флеша, но всё же необходимо.
Нужна достаточно большая мощность компьютера.
Пока применение HTML5 находится в экспериментальной стадии.
Незаметными остались незрелищные вещи, например влияние новых тегов для оптимизации сайта на его продвижение.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru