chmutov2005@gmail.com Skype: alexfin1 Мой статус

Вы, конечно, знаете, что HTML – язык гипер разметки веб-страниц, на котором написаны подавляющее большинство сайтов. Однако чем отличается его новая, пятая версия, от предыдущих? Давайте посмотрим, почему HTML называют революционным языком, который ознаменовал собой новую эпоху в веб-разработке, и почему необходимо знать этот язык.

Уроки html 5 для чайников

Для начала уточним, кому требуются уроки html 5. Всем админам и дизайнерам, кто начинает заниматься созданием современных интерактивных сайтов и веб-приложений. Уроки html 5 позволят по-новому работать с программными интерфейсами, легко структурировать документы, подключать напрямую мультимедиа и многое другое. Теперь подробней.

Достоинства HTML 5

Обратите внимание на несомненные достоинства новой версии языка HTML 5, благодаря которым он получает все более широкое распространение.

1) Вводить данные в пятой версии стало легче, при этом повысилась безопасность. Правильно ли вводятся данные, автоматически проверяется. При наличии ошибок – в режиме реального времени выдаются сообщения об этом. (А не после отправки данных, как было в HTML 4.)

2) Созданные в HTML 5 страницы имеют более четкую структуру, что видно по коду, который выглядит стройнее. Упрощение структуры достигается, в частности, путем использования новых разнообразных семантических элементов, заменивших контейнеры div. Чаще всего применяются article, header, section, aside, footer и nav.

3) Размещать текст и изображение с возможностями HTML 5 стало захватывающим действом, сродни искусству художника. Текст с изображением при желании сливаются в единое красочное целое в стиле «глянцевого журнала». Конечно, чтобы этому научиться, нужны практические уроки html 5. Самая популярная функция HTML 5 – как раз создание эффектной графики с помощью инструмента canvas.

4) Все мультимедиа – аудио- и видеофайлы, фотографии, графика и анимация, игры – с HTML 5 можно размещать прямо на странице, без вызова дополнительных программ, что облегчает страницу и более удобно пользователям. Для этого предусмотрен новый инструмент Canvas. Таким образом создаются пользовательские интерфейсы более интересные и впечатляющие – и сделать это легче, чем в HTML 4.

Недостатки HTML 5

Все бы хорошо, но есть и некоторые нюансы, учитывать которые помогут вам уроки html 5.

1) Небезопасность передачи большого пакета данных. Чем больше объем передаваемой информации, тем выше вероятность, что хранимая на жестком диске информация будет украдена или использована для слежения за пользователем.

2) Нагруженные мультмедиа-контентом страницы требуют больше ресурсов компьютера и довольно длительно загружаются, особенно при невысокой скорости подключения к интернету. Сам контент имеет невысокую производительность по сравнению с созданным специальными инструментами.

Но модернизация языка HTML 5 и «шлифовка» его возможностей продолжаются, так что будем говорить о недоработках на данный момент. Недаром же передовые корпорации в сфере IT и веб-разработок – среди них Google и YouTube – признали HTML 5 и многое делают для его популяризации.

Примеры использования

Вы наверняка обращали внимание на необычные стартовые страницы Google, которые делаются к различным знаменательным датам? Кроме привлекательности для пользователей, эти страницы интересны тем, что пишутся они в стандарте HTML 5. Это своеобразный способ рекламы потенциала нового языка, и очень действенный.

Вот несколько примеров стартовых страниц Google, которые кочуют в сети как образцы для подражания веб-мастерам, хотя давно уже убраны самой корпорацией, заменены новыми.

www.google.com.hk/intl/zh-CN/landing/shuixia – удовольствие не только для сингапурцев, но и для почитателей фишек Google.

Многие запомнили и прокомментировали в своих блогах страницу поисковика, созданную в честь дня рождения известного певца Фредди Меркьюри. Здесь можно было покликать по логотипу и сложить слова песни. А в день рождения Леса Пола на Google можно было поиграть на виртуальной гитаре. Если поискать в сети, найдется много примеров – получите огромное удовольствие. Если добавить нечто подобное на свой сайт – посетители просто какое-то время будут сидеть и кликать, и, конечно, запомнят впечатление.

Тем, кто как раз берет уроки html 5 – рекомендую зайти на сайт http://html5game.ru/, поиграть – и попробовать свои силы, написав игрушку. Игры здесь все время обновляются, можно найти для себя интересное, то, что можно применить при создании своего сайта. Например, собрать рассыпающиеся буквы логотипа – это и игра, и привлечение внимания.

Кстати, разработчики Google показали, как можно соединить лого и игру, в честь юбилея знаменитой Pac-Man. В нее и сейчас еще можно поиграть, зайдя по адресу google.com/pacman.

На HTML 5 создают и графические редакторы. Например, www.picozu.com/editor не слишком навороченный, но простой и удобный для новичков.

Стандартизация HTML 5

HTML 5 сегодня поддерживают все браузеры. В Google Chrom даже специально включен модуль Canvas 2D.

Унификация HTML 5 началась в 2007 году, но еще не завершена. Одобрение международных экспертных организаций он получил в 2009 г., но статуса «рекомендовано» и массового распространения все еще ждет.

Поделитесь с друзьями в соц. сетях!

Опубликовать в Одноклассники
Опубликовать в Мой Мир
Опубликовать в LiveJournal
Опубликовать в Google Plus

5 комментариев: Уроки html 5 для чайников

  • liana говорит:

    простите, не смогла промолчать. резануло глаз: HTML – вовсе не язык программирования. это язык гипертекстовой разметки.

    • Станислав говорит:

      Ну вообще то html 5 как раз таки программирование уже

    • Благодарю за ваш комментарий, Лиана.
      Данная статья была отредактирована, если есть еще какие-то замечания, оставляйте ваши комментарии!
      Успехов!

  • Мария говорит:

    И что же именно вы на нем программируете?
    HTML (HyperText Markup Language) — это язык разметки веб-страниц.
    К сожалению в интернете полно малограмотных людей. Пожалуйста, тщательно проверяйте ту информацию, которую перепечатываете, во избежание дальнейшего распространения ереси.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по интернету
ПОЛУЧАЙТЕ ОБНОВЛЕНИЯ БЛОГА

Введите Ваш E-mail@

Подпишитесь на YouTube-канал!
Создай ИМ всего за 15 секунд!
Создать интернет магазин на платформе InSales
Бесплатный хостинг на месяц!
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP