Верстка сайта с нуля для начинающих с подробными объяснениями используя HTML и CSS. Верстка сайта это процесс создания сайта из макета, который нарисовал дизайнер. Практика это самый важный элемент изучения верстки сайтов. Смотрите, делайте и получайте результат!

// Ссылки =================

HTML и CSS для начинающих: brainscloud.ru/landing/html-css

Материалы урока: files.brainscloud.ru/file/activebox-urok-1
Brackets: brackets.io/
Урок по Brackets: www.youtube.com/watch?v=SFNfwR7C5r4

Главы видео:

00:00 — 01:30 — Введение
01:30 — Начинаем работу
14:20 — Верстка шапки сайта
30:38 — Верстка блока intro

// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разрабокте — HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.

// Соц. сети =================

Мой ВК — vk.com/odimaz
Группа BC — vk.com/brainscloud
Мой Instagram: www.instagram.com/dmitryvalak/

Хочешь освоить основы HTML/CSS за один вечер, сверстав при этом свой первый сайт? Приходи на мастер-класс! Идеальный досуг для тех, кто хочет научиться верстать с нуля…

Другие мастер-классы по теме:

Верстка из Figma: практика и отличия от Photoshop: www.youtube.com/watch?v=kBdVwNmmaR8

[HOT] Wordpress: «натягиваем» верстку на движок: www.youtube.com/watch?v=LGA0Rjprqnc

#сайтзачас: быстрый старт в веб-дизайне: www.youtube.com/watch?v=ssuvFPz7-8M

— Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

Урок по основам верстки html и css для веб-дизайнеров и начинающих верстальщиков. Верстаем настоящий лендинг с нуля. СКАЧАТЬ МАКЕТ И ФАЙЛЫ ВЕРСТКИ: wayup.in/lm/load/lm84

Другие мастер-классы по теме:

Верстка из Figma: практика и отличия от Photoshop: www.youtube.com/watch?v=kBdVwNmmaR8

Верстаем Адаптивно Нестандартный Макет Из PSD: wayup.in/library/workshop/adaptive-custom-layout

#сайтзачас: быстрый старт в веб-дизайне: www.youtube.com/watch?v=ssuvFPz7-8M

— Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

В этом видео мы верстаем одно страничный сайт по макету PSD с нуля и до его завершения. Это видео содержит в себе все уроки из курса Верстка из PSD. И для того чтобы вам было удобно его смотреть я сделал для вас интерактивное содержание.

Видео курс по HTML CSS для начинающих: youtu.be/MsDIIZbmsdU

Благодарность автору ( ₽ )
1. Сбербанк VISA: 4274 3200 3233 1582
2. Yandex: 410011260821995 — yasobe.ru/na/itdoctor
3. Станьте спонсором канала: www.youtube.com/channel/UC2Ev-rDSHBov0ZMChesLfrg/join

✅ Я, Исмаил Усеинов
ВК — vk.com/morphop
Группа ВК — vk.com/itdoctorstudio
Instagram — instagram.com/ismail_asanovich/
GitHub — github.com/morphIsmail
Twitter — twitter.com/ITDoctor_morph

00:00:50 Подготовка к верстке: youtu.be/pJFBGk1uQgU
00:16:20 Верстка меню: youtu.be/WgUBZaJPT5s
00:36:05 Шапка и О нас: youtu.be/PGQ20dpOFPI
01:01:50 Наши услуги: youtu.be/IjmWuJN7OHs
01:24:27 Портфолио на jQuery часть 1: youtu.be/d1zd15eMU-U
01:47:26 Портфолио на jQuery часть 2: youtu.be/ytidhTOeO_Y
01:57:19 Тарифные планы: youtu.be/2khHKa8ETSQ
02:15:32 Наша команад (Slick Slider): youtu.be/AJ11lOvytH4
02:39:57 Блог: youtu.be/_hfYufBu764
02:55:17 Форма и футер: youtu.be/HO28NiOc2m8
03:12:13 Адаптив под Планшет: youtu.be/1i07sWa-Ga4
03:42:34 Адаптив под Смартфоны: youtu.be/WBTWHrJ9MwE

Файлы на Google Диске: drive.google.com/file/d/1K7frlp9T83SF61GqccBD1mxO-KmvD_Me/view?usp=sharing
Файлы на Yandex Диске: yadi.sk/d/CtRanCZ06pEQBw
Репозиторий на GitHub: github.com/morphIsmail/bemWithBootsrap

Плейлист: www.youtube.com/playlist?list=PLuY6eeDuleIMbdiCzaZuPjxXE24eAG5qo

Как сделать сайт на html и css адаптивным? Быстрый видео-урок по адаптивной верстке и отзывчивому созданию сайтов для начинающих и интересующихся. Создать с нуля адаптивный Landing Page под моим присмотром: www.youtube.com/watch?v=xlwPU0BRQKQ

В видео я описал принцип создания адаптивных сайтов, которого придерживаются все современные фреймворки, типа Bootstrap.

Приятного просмотра!

Давайте проведем день вместе в Таиланде? Я веб-дизайнер и фрилансер с 8-летним опытом, уже около 2 лет живу в путешествии благодаря возможности работать откуда угодно. Вы увидите мой распорядок дня на острове Самуи, мое рабочее место на вилле, тренажерный зал, продуктовый магазин и фуд корты, путешествие к мумифицированному монаху/водопадам и многое другое!

Смотреть все выпуски:
1) www.youtube.com/watch?v=UN5c9xlNAuU
2) www.youtube.com/watch?v=CUi_qUoeHRs
3) www.youtube.com/watch?v=CNnXLt1WftE
4) www.youtube.com/watch?v=ucM1xzkOosc
5) (текущий) www.youtube.com/watch?v=UZJvbrf5oeg

Получайте ежедневно полезные советы, мастер-классы, вебинары, реалити-шоу о фрилансе (веб-дизайне, верстке) на канале сообщества свободных фрилансеров WAYUP!

Быстрый старт карьеры веб-дизайнера-фрилансера с моей личной поддержкой, ДЗ и консультациями: wayup.in/library/course6?source=yt_video_UZJvbrf5oeg

Связаться со мной:
reg@wayup.in
vk.com/andrewgavrilov_me
facebook.com/andrewgavrilovme
instagram.com/andrew.gavrilov