Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Рейтинг:

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

Страница автора - Денис Булыга - Webformyself Автор курса: Денис Булыга

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

Автор(ы): Денис Булыга - 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. Полная стилизация блока иконок

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


Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Практика верстки сайта-лендинга с нуля до результата". (Денис Булыга - Webformyself)


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

Видеокурс
Видео урок


Видеокурс "Верстка-Мастер. От теории до верстки популярных шаблонов". (Денис Булыга - Webformyself)


Курс включает в себя 52 урока общей продолжительностью 12 часов 12 минут без учета бонусов, в которых содержится все необходимая и исчерпывающая теоретическая база для старта в обучении по материалам курса! Что же вы получите, приобретая данный курс?.....

Видеокурс
Видео урок


Видеокурс "Технология CSS Grid. Руководство по адаптивной верстке". (Денис Булыга - Webformyself)


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

Видеокурс
Курс


Видеокурс "Веб-дизайн+Верстка". (Даниила Волосатова и Дениса Булыга - Webformyself)


Авторский видео курс Даниила Волосатова и Дениса Булыга «Веб-дизайн+Верстка». Уникальность курса состоит в том, что Вы увидите создание дизайн-макета в Figma для современного, функционального лендинга: отдельно для десктопа и отдельно для мобильных.....

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Верстка сайта на Grid. Быстрый старт ". (Денис Булыга - Webformyself)


В этом цикле уроков будет показана верстка PSD-макета при помощи современных Web-технологий на чистом HTML и CSS без использования препроцессоров, автоматизации и других дополнительных возможностей. В целом макет является довольно простым, но на его .....
КОЛЛЕКЦИЯ БЕСПЛАТНОГО ВИДЕО

Если Вы не нашли видео на сайте то воспользуйтесь наши каналом с большим количеством разнообразных видео курсов на различные темы

Смотреть видео Смотреть видео

ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

Видеокурс Видео урок
Видеокурс Бесплатный видео урок
Видеокурс Видео урок
Видеокурс Видео урок
Видеокурс Бесплатный видео урок
Видеокурс Видеокурс

БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

Промо ролики видеокурса Full-Stack практика. Создание JavaScript блога. (Владилен Минин - Webformyself)
Промо ролики видеокурса React JS. Основы. (Владилен Минин - Webformyself)
Промо ролики видеокурса PSD to HTML5 и CSS3. Верстка макета с нуля. (Денис Булыга - Webformyself)
Промо ролики видеокурса Создание Telegram бота. (Владилен Минин - Webformyself)
Промо ролики видеокурса Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
Промо ролики видеокурса JavaScript. Быстрый старт. (Владилен Минин - Webformyself)