Технологии верстки веб-интерфейсов: Программа обучения

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

Занятие 1. Обзор современных технологий и подходов в разработке веб-интерфейсов.

• Общие требования к веб-интерфейсам.
• Современные тенденции формирования интерфейса ресурсов (в том числе предназначенных для просмотра на различных устройствах).
• Стандарты разработки.
• Программные средства и сервисы, используемые в процессе верстки.

Занятие 2. Семантическая разметка средствами HTML5.

• Основная структура документа HTML5.
• Новые семантические структурные элементы.
• Микроданные.

Занятие 3. Новые средства оформления элементов графического интерфейса, предоставляемые CSS3.

• Поддержка CSS3 в старых браузерах.
• Основные блоки свойств CSS3.
• Вспомогательные сервисы в работе с CSS3-свойствами.

Занятие 4. СSS-позиционирование.

• Средства позиционирования CSS2.
• Модульная сетка. Основные схемы верстки.
• Новые средства позиционирования элементов графического интерфейса, предоставляемые CSS3.
• Средства позиционирования CSS2.

Занятие 5. Обзор возможностей HTML5 для интерактивных элементов.

• Web-формы в HTML5.
• Внедрение медиаконтента.

Занятие 6. Подходы в веб-разработке для браузеров, поддерживающих разные возможности.

• Распознавание возможностей браузеров.
• Прогрессивное улучшение (progressive enhancement).
• Корректное сокращение функциональности (graceful degradation).

Занятие 7. Верстка веб-интерфейса «отзывчивого» дизайна.

• Применение Media Queries.Адаптивный или «отзывчивый» веб-дизайн и Internet Explorer.

Занятие 8. CSS фреймворки для адаптивных веб-сайтов.

• Обзор CSS фреймворков для верстки адаптивных веб-сайтов.
• Использование Boilerplate для верстки адаптивных веб-сайтов.
• Основные возможности Twitter Bootstrap.

Занятие 9. Дополнительные полезные сведения по верстке.

• Средства просмотра и тестирования.
• Верстка с учетом SEO.
• Использование шаблонов.

Занятие 10. Экзамен