HTML5 і CSS3

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

Основы HTML и структура документа

На первом занятии слушатели начнут с фундаментальных вещей. Они узнают о DOCTYPE, стандарте Unicode и кодировании. Будет рассмотрена структура HTML-документа и основные элементы разметки. Курс охватывает концепцию семантической верстки, использование комментариев, атрибутов и специальных символов. Также студенты научатся создавать HTML страницы и получат основы SEO оптимизации через работу с meta-тегами.

Введение в CSS и работа с текстом

Второе занятие посвящено основам CSS. Здесь рассматриваются основные CSS свойства, селекторы и единицы измерения. Слушатели научатся работать со свойствами текста, цвета и шрифтами. Важной частью является освоение инструментов разработчика Chrome Developer Tools для отладки кода.

Работа с элементами и создание макета

Третий модуль охватывает работу с таблицами, списками, ссылками и изображениями. Студенты научатся работать с фоном, создавать макеты страниц. Особое внимание уделяется работе с margin и padding - ключевым свойствам для позиционирования элементов.

Современная HTML разметка

На четвертом занятии изучаются новые теги HTML5. Это включает работу с секциями, статьями, навигационными элементами, "шапкой" и "подвалом" сайта. Также рассматривается использование Modernizr для определения поддержки технологий браузером.

Позиционирование и многостолбчатая верстка

Пятый модуль посвящен сложным аспектам верстки. Здесь рассматривается многостолбчатая верстка, CSS box модель и позиционирование элементов. Особое внимание уделяется свойству float и ее практическому применению.

Продвинутая работа с CSS

Шестое занятие углубляет знания CSS через изучение псевдоклассов и псевдоэлементов. Слушатели освоят контекстные селекторы, принципы каскадирования и наследования стилей. Это позволяет создавать более гибкие и эффективные таблицы стилей.

Формы и мультимедийный контент

Седьмой модуль охватывает работу с формами, их элементами и атрибутами. Также рассматривается использование внешних объектов и встраивание аудио- и видео-файлов с помощью современных HTML5 элементов.

Стили для разных устройств и веб-шрифты

На восьмом занятии студенты научатся создавать стили для разных типов носителей, включая печать страниц. Рассматривается импорт CSS и определение технологий, поддерживаемых браузером. Важной частью является работа с веб-шрифтами через свойство @font-face.

Адаптивная верстка и Flexbox

Девятый модуль посвящен современным подходам к верстке. Здесь изучается адаптивная верстка и модель Flex-блоков, позволяющая создавать гибкие макеты, которые корректно отображаются на разных устройствах.

Работа с Bootstrap

Завершающее занятие знакомит с Bootstrap - популярным фреймворком для быстрой разработки. Студенты научатся использовать этот инструмент для создания современных и адаптивных веб-интерфейсов.

Особенности обучения

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