Верстка сайта с нуля - футер

451 ratings | 12933 views


Верстка сайта с нуля - футер

Мы продолжаем уроки верстки сайта с нуля. В этом видео мы сверстаем простой футер для всех страниц нашего проекта. Верстка сайта с нуля на самом деле не так сложно как кажется, просто сначала повторяйте по шагам за мной, затем пробуйте доделывать какие то блоки на сайте самостоятельно, а затем и вовсе делайте сайты без помощи. С помощью верстки вы можете без труда сделать сайт с нуля и доделать до полноценного к примеру интернет магазина. Обязательно пишите в комментарии как вам уроки и что бы вы хотели видеть в видео еще. Промокод на 3 месяца бесплатного хостинга по тарифу Мак-10 - WebDeveloper (вводить при регистрации на сайте ). Для активации бесплатного периода необходимо пополнить баланс на 100 руб. Активационный платеж не расходуется, оставаясь на балансе и является всего лишь барьером против злоупотреблений со стороны спамеров, мошенников и т.п. Группа вк: Пост с логотипом в группе:

Comments to the video: Верстка сайта с нуля - футер

Виктория Никитина 5 months ago
Нет слов, на сколько Ваши уроки полезны и главное просто доступны для осознания! Сделаны попросту от души! Благодарю Вас за труды!
Gusein VN 5 months ago
Не могу задать лого на полный экран- изображение держится в правом нижнем углу зажатым. Что мастерить?
Techno-Purple Dawn 5 months ago
в уроке блоки див малость не ровненькие по отношению товарищ к другу(в очи не кидается, однако если определять линейкой, то это видать сходу). будто это поправить?
Drew Naumenko 6 months ago
Я не до конца понимаю когда и будто центровать блоки, тоесть хедер и контент мы центровали flex-oм , а footer margin : 0 auto; можно ли было центрануть display:flex justify-content:center?
AKUSHCH 7 months ago
А где вы берете иконки?
DarkMan 8 months ago
От всей души ,СПАСИБО, за весьма достойные внимания уроки !!! Буду рад новым урокам !!!
Staber Soft 8 months ago
Я уважаю тебя братан! Реально уважаю!
Web Developer Blog 8 months ago
Класс!
Наташа Громова 8 months ago
задолбали со своими препроцессорами я работаю с нод++ и я новенький. труднее уроки раздельно.а для новичков проще и тщательно
Web Developer Blog 8 months ago
перебегайте на саблайм быстрее
Кирилл_Vukivur 9 months ago
Уважаемый, большущее для тебя Спасибо! Один из наилучших уроков по верстке веб-сайта. Я научился. Обучение работает. Подача материала красивая.
ЛёняЛёха 9 months ago
смотрю твои видосы на скорости 0.5, издавна этак пора приятно не проводил
Анжела Макеенко 9 months ago
Слишком большенный разрыв меж контентом и футером. Подскажите, изволь, будто поправить.
Haze 10 months ago
Всё шло пять до момента с введением стилей для футера. Черный краска не вводится css: footer width: 100%; height: auto; background: ff0000; html: <footer> <nav> <a href= index.html >HOME</a> <a href= news.html >NEWS</a> <a href= blog.html >BLOG</a> <a href= contacts.html >CONTACTS</a> <a href= about.html >ABOUT US</a> </nav> </footer>
Anna Nystrom Russia 8 months ago
ctrl+f5 в браузере
Vlad Prodan 10 months ago
Начните использовать БЭМ, приучивайте к отличному тону сходу
Дмитрий Владимиров 10 months ago
Все отлично понятно, нужно практиковаться, продолжай в том же духе!
Andrew Seam 10 months ago
Пожалуйста кто нибудь , киньте ссылку на скачку иконок с другого источника , попросту я в Украине живу и не могу скачать иконки. Я находил такие в инэте однако не наше. Если кто может то сбросьте плз на мою почту i.not.andrew.i.petya@gmail.com. Я не могу без иконок(
Andrew Seam 10 months ago
у меня трудности с впн(
Web Developer Blog 10 months ago
Vpn для слабеньких?
rvolik 11 months ago
Благодарю!
bunga 11 months ago
когда последующее видео по этому проекту?
Баяман Акылбеков 11 months ago
Жду последующий задание.😊
Mr_ Ernar 11 months ago
а продолжения будет?
Apple iPad 11 months ago
Уроки было для меня попросту огнь 🔥 весьма понятый! Спасибо желаю фортуны!
FireBird 1 year ago
В отпечаток один макет посложнее, хотелось бы этак же на flexbox! Но чтоб структура веб-сайта была малость другая, к примеру шапка, далее основная доля в которой контент, слева навигация, справа боковая колонка, и футер снизу соответственно
FireBird 1 year ago
В отпечаток один макет посложнее, хотелось бы этак же на flexbox! Но чтоб структура веб-сайта была малость другая, к примеру шапка, далее основная доля в которой контент, слева навигация, справа боковая колонка, и футер снизу соответственно
fnatic1590 1 year ago
Отличные уроки,по быстрей новоиспеченный выпуск
Dima Martynov 1 year ago
Ребята помогите, не могу отыскать нормальную форму оборотной связи, попросту у меня кушать кнопка Написать извещение и мне необходимо что на неё нажали и позже заполняли окно которое вылазит поверх веб-сайта, где можно отыскать?
Александр Бэтман 1 year ago
вот это полезные видео, а не та херня которую ты снимаешь!
Andrei Ribac 1 year ago
Спасибо огромное за уроки! Хотелось бы еще созидать больше уроков по верстке веб-сайтов их PSD при помощи Bootstrap 4.
Ярослав Крючка 1 year ago
Отличные видео. Подписался и жду обновлений.
Dennis Skidanov 1 year ago
Ээммм.проигнорил одинешенек мой комментарий 🤔
Aba Temp 1 year ago
Отличные уроки, хотелось бы узреть верстку посложнее, к примеру с применением SASS и преобразованием его в css с помощью Gulp, gulp watch тоже хорошая функция, постояно ей пользуюсь. Вообщем благодарю создателю, этак содержать))
Сергей Торов 1 year ago
на данный момент ищу работу, работодатели уже третье тестовое задание присылают с главным требованием адаптивной вёрстки по PixelPerfect. Вот это жесть)
Александра Долженко 1 year ago
Так весело, во пора рекламы Макхоста в левом верхнем углу веб-сайта было написано 0+ клиентов уже избрали Макхост
nEpEu wot 1 year ago
внимательная
Самое Лучшее 1 year ago
Продолжай в том же духе, не кидай нас)
Web Developer Blog 1 year ago
+Nuke Nuke непременно
Vlad Zubkovskiy 1 year ago
все весьма круто,будто вечно) было бы бомбезно scss в связке с bem ну-ка и собиратель,будто вариант gulp а концом все это дело на wp натянуть)
Web Developer Blog 1 year ago
+Vlad Zubkovskiy благодарю! Про вп это раздельно будет
Алексей 1 year ago
Пили еще. И про препроцессоры и про шаблонизаторы. Только с объяснениями.
Web Developer Blog 1 year ago
+Алексей отлично
Yevgeniy Babanin 1 year ago
Спасибо за очередной хороший задание! Поддержу прошлые представления - труд с PSD принципиальна, с препроцессорами, собирателями и шаблонизаторами тоже была бы весьма полезной и увлекательной.
Web Developer Blog 1 year ago
+Yevgeniy Babanin благодарю, будем мастерить
GaMa IT 1 year ago
в последующий один вазми верстку более сложного макета
Web Developer Blog 1 year ago
+GaMa IT а все до сумеют сделать?
Vitalii Taranik 1 year ago
Привет,нормуль уроки.Иконки давай подключим чрез awesome мне будто такие иконки уже в img не верстают.Ну и может уже что то по труднее с препроцессором scss,а этак красавец)))
Web Developer Blog 1 year ago
+Vitalii Taranik можно и этак
Пропеллер от танка Гусеница от самолета 1 year ago
Вполне хорошо, однако кушать пару замечаний: Верстать с PSD макета. Так будто я сам начинающий, верстка становится понятнее, когда кушать дизайн макета откуда берутся размеры и анализируется поведение блоков с содержимым, преугадывается изменение. Так же труд с фотошопом - это очень ценная информациия для новенького.
Alex Lisouski 7 months ago
труд с фотошопом для работы с макетом avocode выше крыши, а не фотошоп
Web Developer Blog 1 year ago
+Пропеллер от танка Гусеница от самолета отлично, будем мастерить с psd
Orbita_Studios 1 year ago
Привет!! Можешь отозваться на проблема. Стоит ли хватать макбук 1440*900 нормально для интернет дизайнера и верстальщика либо лучше брать ноутбук 1920*1080
Web Developer Blog 1 year ago
+Orbita_Studios бери естественно 1920*1080
иван орлов 1 year ago
Согласен с прошлыми комментами, стоит добавить препроцессоры, на мой взор их внедрение не этак трудно, + какой или собиратель Gulp либо Webpack использовать, чтобы на реальном проекте осознать для чего все это необходимо и в какой момент их использовать.
иван орлов 1 year ago
Для новичков, конечно, для осознания будто один, не считая того этот задание мне показался разобран более детально. За что большой для тебя +, т.к. потом его просмотра было ублажение от просмотренного. Скажем этак, любые разъяснения собственных действий помогают лучше освоить материал урока, а не попросту пишем это, пишем то. Видимо я уже вырос из новенького и требования мои больше)), с ними я уже сам разберусь, однако буду и далее смотреть за уроками, будто говорится Повторение, мама учения!!
Web Developer Blog 1 year ago
+иван орлов новеньким не особо необходимо их использовать. Это может отпугнуть, открываешь видео, а там всякие вебпаки, галпы, джейды, емметы, и тому схожее. Мне будто начинать необходимо с малого.
Dimaster 1 year ago
мелкота естественно, однако не ощущаю соц. иконок вконтакте. Все пять, продолжай в том же духе.
Web Developer Blog 1 year ago
+Dimaster благодарю
Vadim M 1 year ago
совершенно точно нужно с препроцесорами сходу обучать ну-ка нафиг этот цсс))Для меня scss №1!
Web Developer Blog 1 year ago
+Vadim M для основы будто один таки необходимо css выучить и далее препроцессоры
Sapir Sooms 1 year ago
Спасибо за уроки. Дальше лучше труднее мастерить, вообщем отлично бы сделать отдельный формат для более продвинутых, где можно было бы хватать какие-нибудь сложные фишки из фаворитных веб-сайтов либо попросту из головы и строчить с нуля. Ну либо же попросту более сложные макеты, где было бы побольше JS и с внедрением ООП.
Apple iPad 11 months ago
rimo rur +
rimo rur 1 year ago
2-мя руками за ! и нашей благодарности не будет предела!
Vlad Zubkovskiy 1 year ago
плюсую)
Dennis Skidanov 1 year ago
Хочу произнести для тебя Спасибо! У тебя весьма крутой и информативный канал. Смотрю сам и советую его знакомым! Сделай изволь серию видео с более сложной вёрсткой ,с припроцессорами т.к. лёгких уже довольно немало! Мне бы весьма любопытно было поглядеть вёрстку на css grid.
Young Developer 1 year ago
все круто лучше делай более крутые веб-сайты с анимацией и переходом на новые странички. и не нужно препроцессоры мне будто новеньким лудще строчить все широко. И изволь обьясни для чего мастерить блок в блоке если можно написать попросту одинешенек блок и в него добовлять елементы
The GangstaRR Cool 1 year ago
вот здесь плюсую, думаю мне покамест рановато галп и препроцессоры, без наворотов еще не дошло до автоматизма, хоть не совершенно уже и новенький. различные более нередко применяемые плюшки css, пользующиеся популярностью плагины - это в самый один. если шаблоны будут по типу бизнес-веб-сайтов,либо магазинов, и что еще популярно на практике - тоже будет весьма отлично
Young Developer 1 year ago
лучше обьяснить и покажи с одним блоком и с 2-мя чтобы многие сообразили разницу. а этак канал супер респект для тебя братуха
Web Developer Blog 1 year ago
+Young Developer благодарю! Ну глядя в каком случае. Иногда попросту структурируем, время от времени по верстке нужны
Дмитрий Щ 1 year ago
Продолжайте. Всё нормально. Усложнять покамест не нужно.
Web Developer Blog 1 year ago
+Дмитрий Щ отлично
Aram Minimum 1 year ago
Лично я желал бы в последующий один узреть верстку более сложного макета с применением(объясняющим) препроцессора SASS(желаю учить, однако не могу отважиться и мастерить ударение обучения на SASS, будет здорово заодно и его узнавать).
Apple iPad 11 months ago
Web Developer Blog конечно снимайте, изволь, более сложные макеты! Желаю фортуны продолжайте в том духе!
Apple iPad 11 months ago
Aram Minimum +
Web Developer Blog 1 year ago
+Aram Minimum ну-ка поглядим
Aram Minimum 1 year ago
Хехе, будто запостил, сходу извещение принял :D Ненавижу, когда пишут 1-ый/2-ой и т.д., однако здесь чет пошло не этак:D Сижу в разделе основная(ютуб) и думаю что поглядеть. Как вечно впору:D Первым посмотрю крышка серии верстки. Продолжай в том же духе, всё понравилось!)
Web Developer Blog 1 year ago
+Aram Minimum благодарю огромное!