Как сверстать сайт по макету. Пошаговый план
Привет! В этом видео расскажу и покажу пошаговый план верстки сайта - с чего начать, чем продолжить, и как закончить. Приятного просмотра!
Текстовая версия: https://verstaem.online/blog/kak-sverstat-sajt-po-maketu/
Содержание:
00:00 - Интро
00:27 - 1. Осмотр макета
03:48 - 2. Редактор кода
05:04 - 3. Структура проекта
06:12 - 4. Разметка
08:10 - 5. Базовая стилизация
10:09 - 6. Работа с графикой
11:35 - 7. Структурная стилизация
12:25 - 8. Декоративная стилизация (финальная)
12:47 - 9. Адаптивная верстка
13:26 - Проверка сайта по чеклисту
14:46 - Сайт с макетами для практики
16:13 - Аутро
Меня зовут Максим Васянович. Фрилансер уже 7 лет, создал более 100 коммерческих сайтов. Куратор в онлайн-университете Skillbox, автор курса Веб-верстка. Верстальщик в lenta.com
Понравилось? https://clck.ru/Gr9Ec
Поддержать канал: https://boosty.to/maxgraph
Сайт с макетами: https://verstaem.online/
Мой блог: http://blog.maxgraph.ru
ВК Видео: https://vk.com/video/@maxgraph
Мой сайт: http://maxgraph.ru
Канал с полезностями в телеграм: https://t.me/maxgraph
Чат для верстальщиков: https://t.me/maxgraph_chat
#обучение #web_заметки #план_верстки
Видео Как сверстать сайт по макету. Пошаговый план канала MaxGraph - cайты как страсть
Текстовая версия: https://verstaem.online/blog/kak-sverstat-sajt-po-maketu/
Содержание:
00:00 - Интро
00:27 - 1. Осмотр макета
03:48 - 2. Редактор кода
05:04 - 3. Структура проекта
06:12 - 4. Разметка
08:10 - 5. Базовая стилизация
10:09 - 6. Работа с графикой
11:35 - 7. Структурная стилизация
12:25 - 8. Декоративная стилизация (финальная)
12:47 - 9. Адаптивная верстка
13:26 - Проверка сайта по чеклисту
14:46 - Сайт с макетами для практики
16:13 - Аутро
Меня зовут Максим Васянович. Фрилансер уже 7 лет, создал более 100 коммерческих сайтов. Куратор в онлайн-университете Skillbox, автор курса Веб-верстка. Верстальщик в lenta.com
Понравилось? https://clck.ru/Gr9Ec
Поддержать канал: https://boosty.to/maxgraph
Сайт с макетами: https://verstaem.online/
Мой блог: http://blog.maxgraph.ru
ВК Видео: https://vk.com/video/@maxgraph
Мой сайт: http://maxgraph.ru
Канал с полезностями в телеграм: https://t.me/maxgraph
Чат для верстальщиков: https://t.me/maxgraph_chat
#обучение #web_заметки #план_верстки
Видео Как сверстать сайт по макету. Пошаговый план канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Информация о видео
29 мая 2023 г. 11:51:28
00:16:51
Другие видео канала
Селекторы is, whereКому нужна платная фигма, когда есть это? Плагин Inspect StylesРазбор ваших работ по верстке онлайн. Советы по верстке. №34Figma Dev Mode. Новые фишки, мое мнение, и что нам делать дальшеПравильный порядок состояний (focus, hover, active) для элементовРазбор ваших работ по верстке онлайн. Советы по верстке. №33Единицы измерения CSS. Px, em или rem - что использовать?Назначение HTML-тегов в верстке №5. Теги картинок, ссылок, списков и интерактиваМой новый проект для развития навыков верстки - verstaem.onlineНазначение HTML-тегов в верстке №4. Теги формАдаптивная верстка сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Макет RecidivizРазбор ваших работ по верстке онлайн. Советы по верстке. №32Назначение HTML-тегов в верстке №3. Семантические тегиРазбор ваших работ по верстке онлайн. Советы по верстке. №31Разбор тега picture. Для чего нужен, синтаксис, примерыНазначение HTML-тегов в верстке №2. Теги форматированияНазначение HTML-тегов в верстке №1. Базовые тегиПростая адаптивная флекс-сетка с помощью calcРазбор ваших работ по верстке онлайн. Советы по верстке. №30JS-решения №23. Подсветка активного пункта меню при скролле (IntersectionObserver API)