Як верстати сторінку за макетом

  • 5394
  • 132
  • 19 травня, 2021
  • дивитись 125 хв
Сергій Фомін Javascript Developer у Hillel IT School, Викладач Комп'ютерної школи Hillel.
Відео Front-end HTML CSS

  • 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

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

Перша частина майстер-класу:

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

Схожі матеріали

Публікації Заходи3
Школа Курси Контакти 0800 20 8020
Особистий кабінет