Мини - Курс "Практика верстки сайта-лендинга с нуля до результата"

Описание
Программа курса
Видео
События

Тематика
Веб – дизайн | Продающие страницы, Landing Page | Создание сайтов и блогов

Издательство

WebForMySelf

Автор

Денис Булыга

БЕСПЛАТНО

ПРОЙТИ ОБУЧЕНИЕ

ПОДРОБНОЕ ОПИСАНИЕ

Автор(ы): Денис Булыга - Webformyself

В данном видеокурсе мы c нуля сверстаем PSD-макет, используя технологии HTML5 и CSS3, научимся вырезать изображения из макета. При верстке будет соблюдена структура проекта, используя для каждого блока отдельный файл со стилями. По результатам данного мини курса вы научитесь разделять проект на логические блоки, соблюдать его структуру, а также верстать несложные элементы используя HTML5, CSS3 и модуль Flexbox

PSD to HTML5 и CSS3. Верстка макета с нуля. Урок 1. Создание проекта и нарезка PSD-макета в Photoshop. (Денис Булыга - Webformyself)
- Урок 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. Полная стилизация блока иконок
Данный урок является заключительным. В нем мы полностью стилизуем и адаптируем блок с иконками, а также подведем итоги.
PSD to HTML5 и CSS3. Верстка макета с нуля. Урок 1. Создание проекта и нарезка PSD-макета в Photoshop. (Денис Булыга - Webformyself)
06 августа 2019
Летняя распродажа 2019 года от команды WebForMySelf