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

451 ratings | 12933 views


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

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

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

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