Онлайн-курс «Верстка веб-сайтов на HTML. Базовый уровень»

Все участники, активно посещающие занятия курса, получают сертификат. Чтобы мы правильно заполнили в нем ваши данные, просим вас указывать свои корректные ФИО кириллицей при регистрации.

Для кого?

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

Вы узнаете:

• Как работает веб-сайт и из чего состоит.
• С помощью каких инструментов создаются веб-страницы.
• Основы HTML/CSS — единственного языка верстки веб-страниц.

Вы научитесь:

Создавать элементы веб-страниц с помощью базовых тегов на языке HTML, применять дизайн-свойства на языке CSS.

Спикеры

Александр Мулянов

Преподаватель информационных технологий и компьютерной грамотности, призер конкурса «Траектории будущего», IT-амбассадор колледжа ITHub по направлению «Программирование».

Программа

7 января с 15:00 до 18:00. Первый день обучения

1. Что такое веб-разработка:

• как реализуются сайты;
• чем отличается frontend от backend;
• какую роль играет верстка и язык HTML/CSS;
• из чего еще состоит frontend-язык программирования JavaSctipt.

2. Страница на HTML/CSS:

• как выглядит HTML-код;
• шаблон кода на HTML;
• разница между head и body;
• как выглядит код на CSS.

8 января  с 15:00 до 18:00. Второй день обучения

Язык HTML — основы и работа с текстом:

• структура страницы: nav, aside, section, article;
• роль семантики в HTML;
• тег заголовка h1–h6;
• тег абзаца p;
• теги цитаты q и blockquote;
• тег pre;
• теги списка ul, ol и li.

14 января с 15:00 до 18:00. Третий день обучения

Язык HTML — работа с изображениями:

• тег img;
• свойства тегов;
• свойства src, alt, width, height;
• ссылки: абсолютные и относительные;
• тег ссылки.

15 января с 15:00 до 18:00. Четвертый день обучения

1. Язык HTML — видео и аудио:

• тег video;
• поддержка разных форматов;
• source и controls;
• атрибуты тега video: muted, autoplay, width, height, poster.

2. Язык HTML — формы:

• принцип работы форм в HTML: связь backend и frontend;
• теги form, input, label, button, textarea;
• атрибут type.