Вы познакомитесь с версткой веб-страниц

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

Просьба при регистрации корректно указывать свои ФИО кириллицей (на русском языке).

Для кого?

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

Вы узнаете:

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

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

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

Спикер:

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

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

Программа

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

1. Что такое веб-разработка:
   • как реализуются сайты;
   • чем отличается frontend от backend;
   • какую роль играет верстка и язык HTML/CSS;
   • из чего еще состоит frontend-язык программирования JavaSctipt.
2. Страница на HTML/CSS:
   • как выглядит HTML-код;
   • шаблон кода на HTML;
   • разница между head и body;
   • как выглядит код на CSS.

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

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

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

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

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

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

11 сентября с 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.