How to Create a Responsive Website from Scratch - HTML / CSS / VS Code / PSD

How to Create a Responsive Website from Scratch - HTML / CSS / VS Code / PSD

Анна Блок

4 года назад

126,005 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

JALOLADDIN Adambaev
JALOLADDIN Adambaev - 28.08.2023 15:20

Здравствуйте я вчера оплачивал разовая донат за макет pizza но до сих пор не получил?

Ответить
Дмитрo Valeriyovich
Дмитрo Valeriyovich - 25.02.2023 12:30

Качай исходник и повторяй. Исходника нету. Зато донат тоесть пакупай макеты))))))

Ответить
Doctor Pharaon
Doctor Pharaon - 08.01.2023 00:41

Есть вещи о которых не говорят...

Ответить
Галя и Маря
Галя и Маря - 04.01.2023 17:33

Зачем красный фон делать картинкой если можно просто задать красный бэкграунд?

Ответить
Tvorobushek
Tvorobushek - 09.12.2022 00:24

спасибо)

Ответить
DEW1ND
DEW1ND - 25.08.2022 12:42

Почему то когда вставляю index. html в браузер ничего не происходит. Может кто-то сказать почему?

Ответить
Фёдор Крутованов
Фёдор Крутованов - 24.07.2022 19:46

Ключевое слово -- "браузер"!!!

Ответить
Даниил Медников
Даниил Медников - 24.05.2022 13:13

Привет,а вы не занимаетесь написаем сайта на заказ?

Ответить
elena work art
elena work art - 04.05.2022 01:15

Спасибо

Ответить
Tornado
Tornado - 24.04.2022 14:54

Спасибо за урок,очень помогло)

Ответить
El Iabloneva
El Iabloneva - 17.04.2022 01:29

я это осилила, спасибо огромное!

Ответить
Aff1X
Aff1X - 24.03.2022 20:27

а что делать если команда ! не работает?

Ответить
Запущено
Запущено - 22.02.2022 15:51

оч круто! если актуально, подскажи, какую литературу почитать?

Ответить
Сергей Коротков
Сергей Коротков - 17.02.2022 16:45

Добрый день. Такой вопрос: зачем задаете класс .active ссылке и после этого обращаетесь в стилях к нему как .menu > li > a.active? Ведь можно же сразу в стилях обратиться .menu > li > a или если класс задан, то сразу к этому классу .active { }

Ответить
Tony Chg
Tony Chg - 17.01.2022 21:55

Здравствуйте! Подскажите пожалуйста, макет открывается исключительно через фотошоп? Адобе пишет, что не возможно открыть файл.

Ответить
Арахнид Европейский
Арахнид Европейский - 16.01.2022 16:01

Мне кажется, что я это уже писал: грамотная деваха

Ответить
Андрей Фарапонов
Андрей Фарапонов - 11.01.2022 10:01

Грамотная деваха, помогла

Ответить
Valery Naumova
Valery Naumova - 08.01.2022 05:22

У меня что-то не то с гугл шрифтами(( В браузере жирный шрифт отображается неправильно, он недостаточно жирный, причем я проверяла в разных браузерах. И ваш сайт когда открываю в браузере, то же самое. Шрифт на компьютер установила, в фотошопе все нормально с ним.

Ответить
orbi0n
orbi0n - 24.12.2021 13:24

Самое интересное что у проги фотошоп системные требования заоблачные. Какой аналог есть? У меня нет 8гб оперативы.

Ответить
Александр Х
Александр Х - 20.12.2021 13:56

Ребята, прежде чем тут писать коммент, надо головой думать), кто вам сказал что если семантически напишешь и сайт в рейтинге займет выше место чем те сайты которые без сенматических тегов?)), где такой анализатор сайтов?), не пишите херню!, если код валиден, ему насрать на эти теги, семантика это рекомендация и только, без нее, любая верстка правильная,нет никаких ошибок. И если верстальщику так виднее как он обозвал блок или секцию, это его видение, засуньте свои советы куда по удобнее и по глубже.

Ответить
Сергей Блохин
Сергей Блохин - 23.11.2021 22:40

Достойный материал!

Ответить
Айбек Сарыгулов
Айбек Сарыгулов - 17.11.2021 09:47

Спасибо тебе за такую видео🍎

Ответить
Cain Lasgalen
Cain Lasgalen - 06.11.2021 09:47

шпаргалка не работает(

Ответить
Abylbek Amirbek
Abylbek Amirbek - 14.10.2021 05:24

класс

Ответить
Comedy Show
Comedy Show - 21.09.2021 12:17

Но я понимаю, всё хорошо объясняется, но этот макет не для новичков. Очень продвинутый.

Ответить
Лёва Реутов
Лёва Реутов - 16.09.2021 17:50

На этом можно заработать деньги

Ответить
Азиз Файзимуратов
Азиз Файзимуратов - 10.09.2021 22:00

Реально огромное спасибо, прошу вас продолжайте свое дело. Правда у меня один вопрос, я излазил весь интернет надеюсь может вы мне поможете с этим. Я все же решил делать фотографии в формате SVG. и какой был у меня шок когда картинка не отобразилась. причем на FF показывает, а в GH не показывает. В чем проблема так и не понял.

Ответить
Сергей Покусай
Сергей Покусай - 10.09.2021 13:51

Спасибо за отличное видео

Ответить
Dmitry Nov
Dmitry Nov - 27.08.2021 15:42

Спасибо за урок!

Ответить
Рашид Донской
Рашид Донской - 03.08.2021 00:24

Приятно Удивлен!!! Получается, достучаться даже до новичков! спасибо, за грамотное объяснение!

Ответить
спящийпотанцевал
спящийпотанцевал - 31.07.2021 23:14

Доброго времени суток. Посмотрел, все сделал - получилось! Огромное спасибо за урок. Остался вопрос - в макете красное подчеркивание текста-ссылки в нижнем меню явно задумано для отображения красной линии на всех кнопках меню при наведении на них курсора. Не совсем понятно, как добавить этот элемент в css, подскажите плз, кто знает.

Ответить
Виктор
Виктор - 28.07.2021 16:07

Жесть. Рекламный ролик на 33 минуты с чуваком на фоне вертолёта. Даже по ТВ реклама не такая долгая.
Всем два раза ку. Можно ли создать сайт в среде Microsoft visual studio: HTML + CSS и скрипты на C++? Я сделал страничку на HTML в этом редакторе, открыл в браузере, всё ровно. Как теперь в страничку прикрутить скрипт на С++? Я понимаю что это делается на PHP, JavaScript и т.д., но мне приспичило С++. Помогите мне пожалуйста с моей хотелкой.

Ответить
Контент Пошел
Контент Пошел - 18.07.2021 17:02

Боже, вы лучший преподаватель. Все по полочкам

Ответить
KSR-Mebel
KSR-Mebel - 18.07.2021 15:14

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

Ответить
Artem White
Artem White - 17.07.2021 19:11

Непонимаю, почему Вы сначала отмеряете padding 15px по вспомогательным линиям, а потом задаёте как max-width ширину между внутренних вспомогательных линий.
Тогда за счет этого padding область с контентом на готовой странице будет уже, чем в макете?

Ответить
Gunel Eyubova
Gunel Eyubova - 30.06.2021 16:44

Помогите! Раньше я когда я копировала ФОНТ то сразу шрифт менялся, а теперь не меняется...

Ответить
Жанбатыр Молдабек
Жанбатыр Молдабек - 18.06.2021 19:14

я уже с раектом работаю)

Ответить
артем ремонт
артем ремонт - 12.06.2021 18:46

Я тоже подписался и поставил лайк, для начинающих верстальщиков супер. Мне понравилось что без воды показан весь процесс. Класс, так держать!!!

Ответить
Дима
Дима - 07.06.2021 13:50

Ребята если у вас версия фотошопа как у меня cs6 то создаете смарт обьект обьекта который вы хотите и нажимаете на папочку возле слоя и потом сохраняете в веб

Ответить
Mr Farruh
Mr Farruh - 22.05.2021 12:19

Спасибо Анна 👍

Ответить
Егор Скиба
Егор Скиба - 18.05.2021 19:44

Спасибо за видео!

Ответить
Ахмед Яндиев
Ахмед Яндиев - 16.05.2021 09:21

а вы красивая

Ответить
Сергей Аксёнов
Сергей Аксёнов - 19.04.2021 21:40

Вы серьёзно думаете, что многие пользуются откусанным яблоком?

Ответить
Skywatcher
Skywatcher - 17.04.2021 20:26

Коль это вёрстка с нуля для начинающих, потрудитесь пояснять механику процесса. Многое остаётся без пояснений, PerfectPixel и адаптивность вообще не понятно что зачем и почему . Либо это для более продвинутого юзера.

Ответить
Volodymyr Dubinkin
Volodymyr Dubinkin - 08.04.2021 19:50

Мне как начинающему, хоть тут профики и написали кучу замечаний, но банально многие процессы и прямую физику процесса разъяснила! От меня жирный лайк и спасибо!

Ответить