Как верстать страницу по макету

  • 5394
  • 132
  • 19 мая, 2021
  • смотреть 125 мин
Сергей Фомин Javascript Developer в Hillel IT School, Преподаватель Компьютерной школы Hillel.
  • 00:00 Приветствие. Что было в первой части

  • 02:33 О чём вторая часть

  • 05:55 Обзор макета, который мы будем верстать

  • 09:04 Создание базовой структуры страницы

  • 10:36 Ассеты. Шрифты и картинки для макета

  • 14:35 Создание CSS-файла и подключение к странице

  • 15:40 Первый просмотр страницы в браузере

  • 16:34 Сброс стилей. Reset.css

  • 22:09 Подход к написанию HTML-кода всей страницы

  • 27:41 Вёрстка первого блока на странице

  • 37:42 Как добавить фон к элементу. Как сделать фон в два слоя

  • 44:11 Подключение шрифтов к странице

  • 1:12:05 Как посмотреть страницу на разных размерах экрана

  • 1:13:32 Вёрстка второго блока

  • 1:31:09 Вёрстка третьего блока

  • 1:40:00 Дополнительные классы (модификаторы)

  • 1:46:50 Как выгрузить сайт в интернет

  • 1:54:35 Полный список команд для загрузки сайта на GitHub Pages

  • 1:59:37 Выводы и что делать дальше

Программа:

  • HTML. Рассмотриваем популярные теги и построим страницу с их помощью
  • CSS. Работа с селекторами
  • Верстаем страницу по макету
  • Публикация простой страницы на GitHub Pages

Рекомендуем курс по теме

Первая часть мастер-класса:

Рекомендуем публикацию по теме

Укр Рус