[2021] Верстка сайта с нуля для начинающих | HTML, CSS

↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓

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

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 05 Августа 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 12 Августа 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

МАТЕРИАЛЫ К УРОКУ:

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

📌 Основы HTML для начинающих:

📌 Бесплатный курс по верстке:

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, jQuery, PHP, MySQL, React, Gulp.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[joonlorka]

Спасибо огромное за урок. Все получилось. Спасибо за детальные разъяснения это очень помогает все понять и запомнить.

[nbodjdk]

Я уже смотрю на 1:29:58 спасибо за ролик, я многому научился благодаря вам

[Moonlit_Melody]

Спасибо за урок! Было интересно и познавательно! Делал вместе с Вами - получилось отлично :)

[spacekraken]

прошло 2 дня и я до сих пор верстаю 😧 а видео не знает когда заканчивать, я на 1:17:58 на данный момент, а главное не сдаваться и наконец получить эту радость после завершении проекта!

[fpqkghl]

Дружище, твои уроки всегда бомба) Молодцы. И звук огонь

[qcwkldd]

Благодарю за очень классную, продуманную практику! Если можно, добавьте в процесс рассказа разъяснения, почему именно так, а не по другому (напр. почему мы используем link, а не style? p.s. Извините, если прослушал=) )

[olzhasdossaibek]

1. Background image smoothly fades into a background color
2. SVG as file, not as link in HTML
3. Animation on hover is done with cubic-bezier (faster neater)

[georgeazimov]

для чего stylesheets.css в папке с наборами шрифтов и как они подключились я так и не понял.. Не улавливаю связи. Зачем автор переименовал css файл в папке со шрифтами в all?

[ankub]

Может кто подскажет, почему то не подставляются иконки аккаунта и стрелок.. только если в штмл отдельно пишу img и ссылаюсь ..а вот через css неудается😢

[darksgamechannel]

не понимаю почему вёрстка едет, вроде всё как на видосе и перепроверил, не понятно

[thetip]

Именно с этого урока. У меня на ноуте расширение 1366 768 хотя на макете 1780px может помочь в этом случае адаптив.

[avocodeuser]

Спасибо Вам огромное за ролик, у меня есть вопросик, не могу ответ найти и авторы подобного контента сами не знают ответа на него. Так вот я работаю с PUG и я ищу плагин для vs code, который был бы аналогом eCSStructor для копирования классов. Да я могу перейти в скомпилированный html файл и оттуда их копировать, но проблема в том, что и так окон открыто много когда пишешь проект и я хочу немножечко облегчить процесс чтоли. Если вы сталкивались с такой проблемой или кто-то, напишите пж в какую сторону копать и тыкните мне пальцем) Спасибо заранее!!!

[meirambekzhussipov]

можете дать исходники у нас не получаетсЯ?

[shortstime]

объясните пожалуйста
вы на 49 минуте прибавили падинги по 15 слева и справа
а затем сложили увеличили контейнер
не понимаю для чего это делается

[sjehcbm]

здравствуйте. подскажите, пожалуйста, почему у меня в header логотип ниже по линии, чем остальные элементы в шапке. навигация и аккаунт выше. все сделала также

[gjwdqmh]

Не могу понять почему у меня не открывается картинка, выдаёт ошибку 404. Хотя, я всё делал, как говорил автор?

[postvirus]

почему не прекрепил файл с img там уже нету раздела BG

[vladimirsem]

Скажите, плиз, а почему в относительных путях к файлам всегда указываете в начале "./"?

[mr_tekila]

Подскажите пожалуйста.
При подключении CSS для чего писали ./css/main.css , если можно написать просто css/main.css

[phrqzrl]

Макет скачивается, но в Фигма не открывается