Как верстать страницу по макету
- 5394
- 132
- 19 мая, 2021
- смотреть 125 мин
-
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
Рекомендуем курс по теме
Первая часть мастер-класса:
Рекомендуем публикацию по теме
Похожие материалы
- Как создавать более мощные веб-приложения на WebAssembly
- 264
- 35
Как создавать более мощные веб-приложения на WebAssembly
читать 10 мин-
Владимир Шайтан Lead Front-end Developer в One Source
- TypeScript в топе языков программирования: Почему он в лидерах?
- 98
- 1
TypeScript в топе языков программирования: Почему он в лидерах?
смотреть 90 мин-
Максим Ким Software Engineer в Wiz-team
- Создай чат для сайта за 15 минут: No code
- 54
- 2
Создай чат для сайта за 15 минут: No code
смотреть 90 мин-
Владислав Дегтярев Senior Bubble.io Developer в Natively