Опубликовал Евгений от августа 6, 2012

Как и обещал, представляю Вашему вниманию новый обучающий видеоурок моих друзей и партнеров  Компании Link-Broker, в рамках проекта по SEO-оптимизации «Прозрачное продвижение сайтов». Четыре с половиной минуты Вашего времени, откроют Вам достоинства и недостатки нового веб-языка.

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

С приходом в мир программирования новой версии html многое изменилось. В частности, существенные качественные сдвиги произошли в области работы с фреймами – элементами, позволяющими представлять документ в виде независимых или вложенных окон в разных разделах сайта. Однако эта сфера не единственная из всего того нового, что принёс с собой HTML 5.

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

Отличия HTML 5 от предыдущего поколения

В новом стандарте языка Интернета фреймы в html используются в целом так же, как и в предыдущей версии, за исключением нескольких моментов. По-прежнему актуален тег <iframe>, который позволяет вставить документ в страницу так, чтобы он отражался в отдельном окне с полосой прокрутки, которое носит название scrollbars. Что касается нового, делающего фреймы в html качественно лучшим инструментом программирования, то это, пожалуй, возможность вместо использования элемента src, который отражает URL документа, который будет отражаться во фрейме, указания кода страницы непосредственно в srcdoc, что освобождает от необходимости отдельного её хранения. Разумеется, необходимо, чтобы код был приведён в полное соответствие стандарту HTML. Ко всему прочему,  HTML 5 не предусматривает использование графических атрибутов. Инструкция CSS отныне регламентирует даже отражение полосы прокрутки. В то же время фреймы в html 5 можно редактировать как по высоте, так и по ширине, используя атрибуты height и width соответственно. Параметры фреймов можно указывать и в пикселях, и в процентах.

Пятое поколения веб-языка принесло с собой также много нового, что не относится к фреймам. В частности, изменения произошли в сфере работы с веб-документами. Упрощённая структура и код существенно облегчил задачу программистов, которые теперь могут тратить на создание сайтов и прочих ресурсов сети гораздо меньше времени. Следом за сложной запутанной структурой документов отошли в прошлое и контейнеры div, которые отныне можно заменять целым набором семантических элементов (section, footer, header и прочие). Новая версия языка программирования существенно облегчила жизнь и пользователям, которые привыкли много работать с мультимедийными файлами. Так, с приходом HTML 5 уже не нужно предустанавливать Adobe Flash и прочие другие дополнительные программы для того, чтобы работать с графикой, аудио- или видеоматериалами. Для воспроизведения музыки и видео, размещения фотографий и прочей график, достаточно просто иметь современный браузер, поддерживающий стандарт HTML 5. всё это существенно упростило работу пользователей с файлами мультимедиа.

К числу нововведений можно отнести также изменение порядка ввода данных в веб-документ. Точнее, метаморфозы затронули не саму процедуру, которая осталась прежней, а сферу безопасности. Разработчики HTML 5 позаботились о том, чтобы программисты допускали меньше ошибок, а если такое вдруг произошло, то легко могли исправить любую из них. Для этого пятое поколение языка программирования предусматривает предварительное оповещение об ошибочно введённых данных, что является абсолютной новинкой, поскольку ранее пользователи узнавали об ошибке только после того, как она была допущена, что сильно снижало эффективность их работы и заставляло тратить массу времени на исправление недочётов, допущенных при вводе данных. В то же время можно говорить об определённых недостатках в сфере защиты данных. При использовании пятого стандарта языка Интернета на жёстком диске компьютера пользователя аккумулируется значительный объём данных, которые могут стать жертвой мошенников. Риски похищения личной информации увеличиваются ещё и тем, что такие данные хранятся на винчестере долгое время. Всё это несколько портит общую картину, хоть и не является камнем преткновения.

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

Напомним, что ранее для размещения мультимедийного контента необходимо было предварительно установить Adobe Flash или иную специальную программу, использование которой отныне не обязательно. Однако в сфере мультимедийного и игрового контента не обошлось и без ложки дёгтя. Так, к минусам графики и игр, созданных с помощью HTML 5, можно отнести недостаточно высокую производительность, как хотелось бы от последней версии веб-языка, немногочисленность направлений применения платформ, увеличенный расход ресурсов на создание контента.

Обучаемся HTML 5 в игровом формате

Увидеть HTML 5 в действии неоднократно можно было на стартовой странице Google, которую регулярно оформляют с использованием средств веб-языка пятого поколения. Практическая реализация инструментария HTML 5 поражает широтой своих возможностей относительно дизайна сайтов и иных ресурсов сети. Однако чтобы ловко справляться с обширным инструментарием нового стандарта Интернета, необходимо пройти учебный курс. Для этого совершенно не обязательно записываться на специальные курсы по подготовке программистов – при обладании стартовых знаний можно освоить функционал HTML 5 и дома.

Ощутимую помощь в этом вам предоставят обучающие сервисы, в частности, сайт http://html5game.ru, на котором представлены самые яркие примеры практической реализации возможностей нового языка программирования, а также приведено большое количество учебных материалов, которые позволяют быстро овладеть искусством программирования и дизайна с использованием средств HTML 5. На указанном сайте предложено к ознакомлению большое количество разнообразных игрушек, напоминающих флеш-игры, но на порядок быстрее загружающихся. Они позволяют увидеть на практике работу тех или иных опций с тем, чтобы затем применить их в своей авторской работе. Если игровую часть с использованием средства HTML5 вы уже освоили, полезно научиться рисовать в незамысловатом, но удобном графическом редакторе http://www.picozu.com/editor.

Всех благ Вам и удачи, Евгений Беляков.

Не забывайте добавлять к своим комментариям ссылки на новые статьи Вашего блога.

Подписывайтесь на мою рассылку – Реальные деньги в виртуальном мире.

Вступайте в мои группы на SubScribe.ru:

«Интернет для всех: пенсионеры в глобальной сети – объединяйтесь!» и

«За здоровый Интернет».

Популярность: 10%

На эту тему я писал раньше:

Категории: Технические моменты
Тэги: SEO оптимизация