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

В этом уроке мы выполним комплекс работ по подготовке проекта к стилизации.

Для начаал мы разберёмся как файлы стилей подключаются на нашу html-страничку. Далее мы попробуем подключить в наш проект шрифты. Как оказалось, все шрифты — это файлы, как и всё остальное содержимое страниц 🙂

А еще мы научимся конвертировать изображение в favicon, что бы наша страничка смотрелась красивей в браузере и консоль не ругалась на отсутствие фавиконки.

Шрифты бывают бесплатными и платными. Попробуем их подключить с  сайта Google Fonts, а потом применим альтернативный и более надёжный способ — локальное подключение шрифтов.

После завершения подключения стилевых файлов мы немного поработаем над кросбраузерностью — что это и как мы будем над ней работать — смотрите в видео. В кратце — мы подключим файл normalize.css, который поможет нам привести все расхождения базовых стилей в разных браузерах к единому стандарту.

В завершении урока мы добавим несколько глобальных стилей для самых больших тегов: html, body и main. Ну и несколько стилей для картинок в тегах img.

Чуть не забыл про теги ссылок и кнопок — их мы тоже добавим, что бы эти элементы наследовали стили шрифта от родителя. так нам не придётся по сто раз писать одни и те же правила в css.

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

Полезные ссылки

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

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

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

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

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