- 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
Рекомендуем курс по теме
Первая часть мастер-класса:
