Course Content
Введение в HTML
Цель уроков из этого раздела подготовить вас к началу работы над проектом.
0/5
Введение в CSS
В этом разделе курса ты познакомишься с каскадными таблицами стилей.
Создание сайта: базовый курс 2022
Конспект урока

Мы закончили html-разметку и в этом уроке начнём подготовку нашей страницы к стилизации. Длдя начала мы добавим атрибуты class для всех наших тегов, которые будут стилизоваться. Затем немного поговорим про методологию BEM и правила именования.

В дополнительных файлах к этому уроку вы найдёте исходники проекта, который я разрабатывал в видео. По нему вы сможете сравнить свою разметку с моей.

Но прошу вас не копировать код. Проделайте всё то же самое самостоятельно. Сначала шаг за шагом по моему видео, а затем возьмите любой сайт в интернете (одну страничку) и ориентируясь на внешний вид постарайтесь разметить при помощи HTML.
Если всё получится, можеет попробовать дать тегам имена (добавить CSS-классы для тегов).

Так вы закрепите знания на практике.

Добавляем новые плагины в наш редактор кода

Немного поработаем с плагинами для Visual Studio Code. Установим новый плагин eCSStractor, который поможет нам быстрей экспортировать прописанные в html имена классов в наш стилевой файл style.css

Еще один плагин, который нужно установить в редактор кода — Code Spell Checker. Этот плагин подчёркивает ошибки и опечатки в словах. Есть русский и английский словари.

Кстати! В видео у меня не подсвечивались опечатки в английских словах, потому что я не добавил плагин в доверенные. Это делается очень просто. см скрин ниже.

Ссылки на ресурсы урока

Если есть вопросы и по каким-то причинам не хотите писать комментарии под видео — канал в Telegram

Ссылка на макет из видео: https://www.figma.com/file/WkMRSkDQRSKb26kGqYQ1aM/Pegas2022%231?node-id=0%3A1

Если видео на YouTube не доступно — смотрите плейлисты на альтернативных видеохостингах:

Дополнительные материалы
Pegas#5.zip
Size: 1,91 МБ
0% Complete