Верстка сайта-лендинга

Урок 1. Создание проекта и нарезка PSD-макета в Photoshop

В этом видеоуроке мы с чистого листа создадим структуру проекта, а также научимся вырезать изображения из PSD-макета в Photoshop.

скачать исходники

Урок 2. Подготовка к верстке и создание HTML-структуры шапки сайта

В данном уроке мы поговорим о том, каким образом будет устроен проект, какие файлы стилей понадобятся, а также создадим HTML-структуру для шапки сайта.

Урок 3. Написание CSS-стилей для шапки сайта

В этом видео мы напишем необходимые CSS-стили для шапки сайта.

Урок 4. Написание медиазапросов для шапки сайта

В текущем уроке мы завершим верстку шапки сайта, адаптировав ее под различные разрешения при помощи медиазапросов.

Урок 5. Написание HTML-структуры для блока «About us»

В этом видеоуроке будет создана HTML-структура для блока «About us».

Урок 6. Полная стилизация блока «About us»

В данном уроке будет полностью сверстан, а также адаптирован под различные разрешения блок «About us».

Урок 7. Создание HTML-структуры для блока с иконками

В этом уроке мы реализуем HTML-структуру для блока с иконками.

Урок 8. Полная стилизация блока иконок

Данный урок является заключительным. В нем мы полностью стилизуем и адаптируем блок с иконками, а также подведем итоги.

Видео презентация курса «Верстка-Мастер. От теории до верстки популярных шаблонов»

 

Отказ от ответственности | Политика конфиденциальности | Согласие с рассылкой

Материалы сайта (статьи, уроки, видео уроки, курсы и прочее) предназначены исключительно для самостоятельного изучения

Copyright, 2019 ИП Рог Виктор Михайлович, команда WebForMySelf.com Все права защищены.