- 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.
Сергій Фомін, Javascript Developer нашої Школи, розповідає про HTML і теги, CSS і селектори, а також вчить верстати веб-сторінку за макетом.
Програма:
- HTML. Розглядаємо популярні теги і будуємо сторінку з їх допомогою
- CSS. Робота з селекторами
- Верстаємо сторінку по макету
- Публікація простої сторінки на GitHub Pages
Рекомендуємо курс по темі
Перша частина майстер-класу:
