Каталог курсов

Курсы Microsoft

.NET

MS50564 Introduction to HTML5


Продолжительность: 16 ч    

Описание курса

Язык HTML5 — ответ веб-разработчиков на давно назревшие требования обычных пользователей в международной паутине. Революционным отличием HTML5 от предыдущих технологий является интеграция в HTML5 не только HTML4, но и XHTML1, а также DOM2HTML (особенно JavaScript). HTML5 идеально приспособлен для работы с новейшими мультимедийными веб-приложениями. С использованием HTML5 Ваши сайты и приложения станут более интерактивными и захватывающими. Вам больше не нужно использовать Adobe Flash и Microsoft Silverlight — их возможности интегрированы непосредственно в HTML5.

По окончании курса Вы будете уметь:
• Создавать страницы на HTML5
• Понимать основные преимущества HTML5
• Понимать основные отличия HTML5 от HTML4
• Работать с новыми элементами HTML5
• Работать с аудио и видео элементами
• Работать с элементом Canvas (поверхность рисования)
• Использовать локальное хранилище для офлайн приложений
• Использовать новые элементы формы HTML5
• Иметь представление о текущей поддержке элементов HTML5 в браузерах.

Программа курса

Модуль 1. Верстка страницы в HTML5
• Структура страницы
• Новые структурные тэги HTML5
• Упрощение страницы
Лабораторная работа: Конвертирование страницы HTML4 в страницу HTML5

Модуль 2. Отличия HTML5
• Проблемы в HTML4
• Проблемы XHTML
• Новый подход в HTML5
• Новые возможности HTML5
• Спецификации HTML5
• Поддержка HTML5 в браузерах

Модуль 3. Секции и статьи
• Тэг section
• Тэг article
Лабораторная работа: Использование тэгов section и article вместо div

Модуль 4. HTML5 аудио и видео
• Поддержка различных типов медиа
• Элемент audio
• Элемент video
• Управление медиа элементами через JavaScript
• Работа в неподдерживаемых браузерах
Лабораторная работа: Использование Media API

Модуль 5. Формы HTML5
• Библиотека Modernizr (JavaScript)
• Новые элементы формы
• Встроенная валидация
Лабораторная работа: Проверка данных формы, страница викторины.

Модуль 6. Веб-хранилище в HTML5
• Возможности локального хранилища в HTML5
• Другие методы сохранения информации
Лабораторная работа: Сохранение данных, введенных пользователем

Модуль 7. Область рисования (Canvas) в HTML5
• Введение в Canvas
• Рисование графических примитивов
• Вывод изображения
• Вывод текста
Лабораторная работа: Отрисовка различных графических элементов

Модуль 8. Встроенные API
• API для оффлайн приложений
• API для Drag-and-Drop