Как сверстать сайт с нуля. Часть 1

2475 ratings | 243985 views


Как сверстать сайт с нуля. Часть 1

В 2018 году курс является устаревшим, поэтому советую пройти обновленную версию, которую вы можете получить на странице

Comments to the video: Как сверстать сайт с нуля. Часть 1

Олег Б 3 months ago
конечно?то кушать
Alexey Kolotilov 3 months ago
Лучше использовать php storm для этого
Ирина Номоконова 6 months ago
благодарю вы мне посодействовали
Сергей Алексеев 10 months ago
Откуда скачать штамп веб-сайта?
Svietlana 11 months ago
Александр!!! пять излагаете. вот сходу все доступно и понятно)
PARAMOUNT 3000 1 year ago
не понятно где хватать эти все исходники?
Олег Майстренко 1 year ago
ребята кто даст подсказку отчего ссылка на доп материалы не показана,на Паукова я подписался
Serjeo Fagundas 1 year ago
Хочешь резвее строчить веб-сайты?
Бектур Өмүров 1 year ago
Здравствуйте Александр! Можно получить макет веб-сайта формате.psd?
H1kmaT AminoV 1 year ago
Я с 2017 задание класс
Дмитрий Егоров 1 year ago
у меня 32 минутке не выходит вообщем я уже всё перепробовал смысл wrapper на писал и то что с низу 2 команды тоже не хера я уже не знаю что мастерить.
Serge Ukolov 1 year ago
Да, то кушать :)
Dmitry Klimovich 1 year ago
где брать доп материалы?
R Shibaev 1 year ago
Здравствуйте! Всё здорово изложено! Вы молодчина! Спасибо Вам за полезную и увлекательную информацию!
All by a FEW 1 year ago
90% датоесть комментариев датоесть состоят датоесть из датоесть датоесть
All by a FEW 1 year ago
90% комментариев состоят из датоесть
вячеслав слава 1 year ago
заткни ебало и слушаи когда для тебя обьесняют люд
Gersan Vasilkovski 1 year ago
Если у кого то не высвечиваются ссылки на менюшках то нужно впрыскивать поначалу тег <a> а позже <li></li></a>
Purple Crystal 1 year ago
Пришла сюда потом того будто поглядела учим html за одинешенек час (и такое же видео про css), ну-ка и попробовала свою свою страницу сделать. Вы истина молодцы, такому новенькому будто я НАСТОЛЬКО отворить очи и ещё этак чтоб было понятно, благодарю вас, и пускай фортуна вечно будет с вами!
Kenny Mc Mcguigan 1 year ago
Много воды
Rodrigo Oterro 1 year ago
у меня не изминяеться размещение логотипа!Помогите что мастерить?
Анастасия Шарненкова 1 year ago
Спасибо Вам большущее!!!
Аман Жусупов 1 year ago
а где макет чувак?
Кирилл Баянов 1 year ago
больше предпочитаю строчить в subline text с плагином emmet
kinomano.com 1 year ago
молодца.отличные уроки
Лев Волков 1 year ago
5ый один делаю будто вы гласите а выходит, что картина на шапке теряется. Бред какой то. Проверял этак же будто и на видео. а если поменять ксс на ваш из архива все на пункт становится. 2части смотрю и мучаюсь. Как быть???
Ra miz 1 year ago
а если alt зажать и колёсиком подвигать, то легче размер поменять
Ld H 1 year ago
Спасибо огромное! Супер уроки! Очень понятно. Столько перерыл, однако исследование тяжко шло, сейчас яснее стало благодаря вам!
ЧердакOFF 111 1 year ago
что нужно чтоб запустить веб-сайт с нуля в работу? на веб-сайте будет инфа о продавце и его продукции.
nd | DOTA2 GUIDES 1 year ago
конечно
Ежевичное Варенье 1 year ago
у интернет-разработчика отключён показ расширений файлов? удивительно
Ежевичное Варенье 1 year ago
а неужели Copy merged не для этого существует, чтоб вырезать всё с тенями?
Елена Голец 1 year ago
Здравствуйте, Александр! Спасибо за задание, весьма отлично все растолковали. Вот лишь не смогла разделить пласты, в контекстном меню эта строка или совершенно не возникает, или не активная. может кушать какая другая функция?
Mrx 1 year ago
На фрилансе сколько стоит таковой заказ кто не будь может произнести ??
Семен Рыбцов 1 year ago
А где можно скачать папки и файлы из видео?? Ссылка под видео не раскрывается:(
Шкварочка 1 year ago
Не ну-ка абсурд какйо то, у мен нечего что я напишу в стайле не рабоатает на html.
Kirill Dudnikov 2 years ago
А существует ли программка для кроссбраузерного теста? Чтобы не закачивать любой и ручками не тестить? БЫло бы комфортно))) Я б написал, однако покамест даже с JS и JQ не начал понимать)
Roman Orlov 2 years ago
невозможно ссылкой на главную указывать index.html , необходимо указывать символ /
mister Anderson 2 years ago
Спасибо. У вас наилучшие уроки ! Самые понятные для самых самых чайников. В других уроках немало чего не разъясняют.
Владимирович Dvv 2 years ago
Все люд обожают обучать , однако не все могут это мастерить. Вам же это весьма отлично удается. Браво и благодарю (ес-сно лайк и подписка ). Хорошо , что начали с макета веб-сайта - то чего мы желаем достигнуть. Теперь мольба - обучите показывать наши желания в макетах , Вы ведь , очевидно , не копируете их у других ! С ув.
VLADgoalie20 2 years ago
отчего не используешь subline text заместо notepad++ ???
Владислав Мосин 2 years ago
Такая нудятина.
Nicolay 2 years ago
Спасибо Вам, Александр! Отличный задание - все верно и потрясающе представлено!
Тамара Жарова 2 years ago
Александр, огромное благодарю за работу! Всё понятно.
GdeMKomG 2 years ago
Яндекс можно и не устанавливать. Ибо Яндекс изготовлен на базе Хрома.
Марк Кораблин 2 years ago
Совету побывать html academy там исследование html css+практика
Егор Чербаев 2 years ago
Почему в google отоброжаетсья код странички?
Грамматический 2 years ago
отобрАжаеТСЯ
Богдан Власов 2 years ago
у меня на канале видео все что связано с компьютерными науками
Kris Tina 2 years ago
Спасибо за задание!
Николай video-LIVE. 2 years ago
при попытке подписаться на веб-сайте вылезло извещение : Обратите внимание! В этот момент авторский акк, на email-рассылку которого вы желаете подписаться, заблокирован. Скорее итого, создатель рассылки запамятовал оплатить услуги нашего сервиса. Как получить доступ к дополнительной инфы?
Борис Канарский 2 years ago
Отличный задание!!! Подскажите плиз! Создаю маркерованый перечень, однако он у меня с отметками, а на видео их дудки! Почему этак???
Орех Maestro 2 years ago
Возможно ты не подключил reset.css. Если что, он в доп. материалах, ну-ка либо же list-style: none;
Дима Новгородов 2 years ago
list-style: none;
Игорь Старовойт 2 years ago
Чувак, ты нереально крут, большой респект для тебя за твой труд и самое главное - за весьма доходчивое разъяснение! Без преувеличений готов заявить, что отыскать подобные толковые уроки в вебе оооооооооочень тяжело! Если бы ты еще вёрстку демонстрировал конкретно под HTML5 и CSS3 - цены бы для тебя не было, однако всё равно - весьма здорово!
Богдан Матвіїв 2 years ago
дякую за чудовий задание
Andrey Shum 2 years ago
Благодарю за видео,все доступно растолковал
Viktor Galinger 2 years ago
Почему бы попросту-напросто конвертировать в смарт-объект и в предстоящем сохранить в подходящем формате?
Vitali Mikhaliuk 2 years ago
Ахах, Александр, Вы меня изумили. Я много уроков лицезрел, многие из их прошел и окончил, почерпнув много познаний, однако такового уровня подачу вижу в первый раз. Впрочем, дудки, схожий степень у Полиглот - британский за 16 уроков , вроде этак именуется. Короче - респект и уважуха за Научение (а то учат кому не ленность, а вот обучить.); мой дитя может сверстать обычный веб-сайт лишь посмотрев Ваши уроки). Всего Вам самого неплохого, фурроров и благоденствия! И, естественно, побольше подобного видео! Может, по фреймворку Yii сделали бы, если работаете в нем, а то ни 1-го понятного учебного материала нету (лично сам разбирался с английским туториалом, однако новенькие нехорошо знают британский, тем более - технический. Еще один благодарю, с почтением Виталий. P.S. Все понятно даже если до этого не знать html и CSS ).
Типичный Украинец 2 years ago
Создаю веб-сайты. Детали в скайпе: moi_povelytel
Andrei Karpenkin 2 years ago
Можно ссылку на PSD? и полный контент?
Олег Майстренко 1 year ago
подписался,а ссылки нету
Лили Ли 2 years ago
Надо на видеокурс подписаться (ссылка под видео), там будут все доп.материалы.
Анастасия Яценко 2 years ago
Прекрасный видео задание!
LunchMBW 2 years ago
Суперский задание. Все понятно будто вовек. Ну естественно базисные познания СSS и HTML необходимы.
unbelievable_world (Full hd) 2 years ago
напишите изволь какой версией фотошопа вы пользуетесь, благодарю за уроки)))
Мила Золотарёва 2 years ago
Хочу сформулировать Вам признательность за такие подробные уроки)
Александр Гамаюнов 2 years ago
молодчина! Понятно объясняешь=)
Soso Janiashvili 2 years ago
Супер задание! Спасибо за задание.
Tanker SHOW 2 years ago
для тебя лайк вышло спс
Nikolay Vedernikov 2 years ago
Здравствуйте, а если положим я желаю добавить другие странички и категории то это будто делается?
itechnocrat 2 years ago
Снова виндузятники. подпишусь, посмотрю на досуге. Автор, демонстрируй что хочешь, однако смотри, только скукотищи на меня не наведи! )
Игорь Старовойт 2 years ago
+Иван Прокофьев вы любопытно излагаете, однако снова-таки - никакой конкретики, одни обобщения, не закреплённые ни единым фактом) Вы гласите про какие-то трудности с web-dev инструментами для винды, однако какие могут быть с ними трудности??? Я никак не могу поймать этот момент) Никогда с схожим не сталкивался и вовек схожих комментов не читал, а если и читал, то в итоге решение крылось в кривых руках юзеров, однако никак не в ОС. Может, я не там читаю?))) Вы спрашиваете, для чего верстальщику фотошоп. а PSD макеты он в чем будет обнаруживать? в Гимпе? Так до этого, чем псдшник в гимпе отворить, необходимо хорошо пошаманить и не факт, что гимп правильно импортирует все пласты и эффекты из псд-макета. Ставить виртуалку с виндой и фотошопом на ней? А для чего такие извращения?) Хотя это излишний один является подтверждением тому факту, что даже самые матёрые Ъ-линуксоиды в той либо другой мере не в состоянии стать без видны, что будто бы намекает и фотошоп не целый тому образец) Далее вы гласите про консоль. Напомню, что мы живём в 21 столетии, на дворе 2016 год и использовать консоль - тупо, в особенности рядовому юзеру. Консоль полезна только администраторам и в какой-то степени программерам и не более того) Вы гласите, что линукс типо проще винды. однако лично я( и не лишь я) с этим в корне не соглашусь, этак будто это глупейшее заявление касательно линукса, которое я когда-или мог прочесть/услышать) Мне трудно представить, что может быть проще винды) а линукс просит не не достаточно времени, чтоб его освоить. А если учитывать, что немало того, что в винде можно сделать при помощи мышки, в линухе необходимо мастерить руками в консоли кучей команд и правкой конфигурационных файлов, что иногда может повергнуть к краху системы. З.Ы. я сам в своё пора воспользовался линуксом, в некой степени это даже было красноглазим, я вступил в эту забвенную секту линуксоидов и свято веровал, что виндоус маст дай , а линукс - святейшество на равне с Иисусом Христом. Но в итоге возвратился на винду и не жалею, ибо компьютер с виндой на борту позволяет мне решать мои задчи и трудности, компьютер с линуксом принуждает решать трудности линукса. вот и всё)
itechnocrat 2 years ago
Игорь Старовойт, очевидно, я не ждал к.л. согласия, это нормально. ))) Хорошо, не будем дизайнера усаживать за Mac OS, довольно того, что за win уже заплатили. Но все таки, для чего верстальщику, этак либо по другому, фотошоп? Так - могу осознать, а по другому - дудки. ))) Так - это если не сладил с Linux, а по другому - если сообразил сколько в win кривоты и сладил с Linux, то ради фотошопа можно запустить виртуальную машину с win и подсмотреть в psd-макет. Но psd открывает и GIMP. Я, очевидно, по для себя сужу, в один прекрасный момент пересел на Ubuntu и покамест не вижу форс-мажора для возврата на win. Я немало читаю различных комментов и немало вижу несчастья у win-юзеров в связи с установкой разных инструментов для web-dev. В большинстве случаев все из-за того, что win-юзер будто огня опасается консоли, не осознает многих базисных вещей в работе ОС и т.д., говоря грубо - он оторван от жизни. ))) Очень нередко и практически вечно в Linux все делается проще, очевиднее поэтому будто все более нативно чем для win. Но, кто, что избрал, с тем ему и существовать. Хорошо, если утверждение исходит из того, что попробовал перебежать на Linux, т.е. попробовал, а если дудки - то утверждение голословное. Прости за немало букв. )))
Игорь Старовойт 2 years ago
конечно, фотошоп - значимый фактор) дизайнера можно высадить за Mac OS, уместно, тоже *nix система - для чего его усаживать за макось, когда это отлично можно мастерить в виндоус и не переплачивать огромные средства за надкушенное яблоко? К тому же, верстальщику этак либо по другому фотошоп нужен и линукс здесь выпадает совершенно точно)
itechnocrat 2 years ago
Игорь Старовойт, с какого хобота? ))) Давай лишь без упоминания фотошопа, дизайнера можно высадить за Mac OS, уместно, тоже *nix система, однако в которую вложили средства. Верстка в GNU/LInux никаких препятствий не встречает.
Игорь Старовойт 2 years ago
Если фронт-энд разработчик употребляет GNU/LInux, то ему можно лишь пособолезновать.
deus 2 years ago
Не совершенно сообразил, для чего создатель качает костыли для FF? В то пора, когда все прогрессивное общество разработчиков употребляет средства Chrome безо всяких костылей.
itechnocrat 2 years ago
+deus, гламурные эльфы употребляют Хром, грозные мастера употребляют Firefox Developer Edition () и расширения для него, а не костыли. Больше должна поражать винда.
Дмитрий Сахарук 2 years ago
де макет?
Вадим Белоусов 2 years ago
супер, лишь не понятно отчего не на всю страничку веб-сайт
Палка с Гвоздями 2 years ago
весьма отлично, благодарю большущее !!!
Dlinnov 2 years ago
Подписался на веб-сайт, что бы выучить азы, и здесь на для тебя, это же видео выдало. И что мастерить?
Denis Shyshkin 2 years ago
Спасибо огромное за курс. Подписываюсь на Вас!
Криствин 2 years ago
А где скачать дополнительные файлы?
Сергей Трущенков 2 years ago
Автор, подсчитай сколько один за 40 минут ты произнес конечно и будто бы и постарайся осознать будто ты нескончаемо заебал.
HiStO rIaN 1 year ago
Виталий Перепелкин Долбаебы вылезли. Если мы не платим за эти видео, это не предлог их мастерить херовыми. шут ты глупый
Виталий Перепелкин 2 years ago
+Сергей Трущенков сколько ты за это обучение заплатил, такое и качество
fantomasdnb 2 years ago
конечно тоесть
Владимир Жарков 2 years ago
Отличный задание! Спасибо!
Alexandr Beloborodov 2 years ago
Отличное разъяснение , БОЛЬШОЕ СПАСИБО создателю!!!!
Виталий Рарог 2 years ago
Добрый денек! Подскажите пробую мастерить в sublime. Не отодвигается мой лого от левого края. Подскажите.
Ron Untergendler 2 years ago
Задал проблема Александру про враппер что не отодвигается лого, получил практически сходу таковой ответ.Знак собаки и директива import должны писаться совместно, без пробела @import url(reset.css); скопировал воткнул одномоментно передвинулся! А я просидел часа 4-5 блин..! Как не поблагодарить?
Thomas Chatwin 2 years ago
+Виталий Рарог та же неувязка
MICROMAN 2 years ago
отчего у него сходу перечень немаркированный вышел ?
Andrew Montana 2 years ago
Отличный задание, всё верно и хорошо пояснено, будто и сам код. Благодарю!
TlaIastreb 2 years ago
гениально
Voltage 2 years ago
Используйте лучше не notepad++, А SublimeText3 и плагин Emmet там намного резвее верстать чем полный код строчить и копировать
Алексей Говорухин 2 years ago
1) Подложку горизонтального меню логичнее сделать не одним кусочком, а куском с Repeat-x. 2) Там же добавить margin-left 4px; Тогда не придется задавать негативный отступ для большенный эмблемы, чтоб скрыть выступающий из под неё кусочек меню. Тем более, что при отрицательном отступе съедается доля изображения эмблемы (тень). Это видать, если задать не -4px (будто в верстке), а -50px - эмблему порежет по живому. 3) Зачем необходимо было использовать h1 и h2. Логичней было сделать классы для каждого поля, а краска выплеснуть в отдельный класс. 4) Отчеркивание нарезано с огромным верхним отступом. А резон? Проще этот отступ отрегулировать в CSS.
Red.Cat. Fish. 3 years ago
Помогите изволь! У меня не выходит показать margin и width в хеде и в css файле ( линк нормально прописаный), однако за то если вчеркивать margin и width в аттрибут style то всё работает. Что мастерить, помогите плиз??
Katya Stratulat 3 years ago
Почему не юзаете на HTML5 и отчего используете id они должны ведь быть уникальнымы и еще употребляются если необходимо при написанни javascript?
Sherlock :D 3 years ago
Подписался, не приходит послание, что мастерить?
itechnocrat 2 years ago
Лезть в опции Ютуб.
Орест Боровець 3 years ago
КРУТЯК , видос на 100 , создатель БЛАГОДАРОЧКА)))
NOMED GAMES 3 years ago
ia zaregalsia, a email ne prishol!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Эйно Харанен 3 years ago
Самый наилучший видео-задание ! Все доходчиво и без излишних слов Спасибо для тебя за это видео !
Joisan X 3 years ago
Аутентификация на базе сертификата закончилась со сбоем
Marat 3 years ago
Большое благодарю за уроки
Eugene Deyneka 3 years ago
+Александр Пауков , хорошего времени суток! Начал учить верстку, просмотрел данное видео и появился проблема.Использовать идентификаторы заместо классов для div'ов неужели не нехорошая практика? И огромное благодарю за уроки!
VIKTORY 13 3 years ago
не стоитдля стилей использовать id. Для этого предназначен class
АРХИПЕЛАГ ИСТОРИЙ АЛЕКСАНДРА СМОЛИНА 3 years ago
Спасибо создателю все весьма понятно и доступно
Can VeeD 3 years ago
Хех. Я прочёл будто - 'Александр Пуканов' xD
furrrevayoung 3 years ago
Автор. вы бы упомянули на какой версии ХТМЛ вы обучаете, и я бы добавил в описании. что она немного устарела уже.
Николай Чаусов 3 years ago
Где отыскать приложения  ?
Александр Мельницкий 3 years ago
супер, благодарю
Rustam 3 years ago
Хорошие уроки у тебя Саша! Но отчего ты используешь id заместо классов?! У их очень высочайший ценность.
Темирлан Нурмухаммедов 3 years ago
О у вас здесь куче обучении, извиняюсь. ) Тут практически то что мне нужен. Желаю успехи Александр!