Создание сайта с нуля. Урок #1: Скетч

3174 ratings | 269483 views


Создание сайта с нуля. Урок #1: Скетч

Полезно? Подпишись - Страница урока: Всем привет. Сегодня мы начинаем большую серию уроков по созданию сайта с нуля под ключ на заказ для компании ОВК-СТРОЙ - от создания прототипа до готового сайта. Из данного урока вы узнаете, как создать сайт с нуля до 100%-го результата. В качестве основной CMS для разработки сайта будем использовать MODx Revolution. - сервис для поиска специалистов по созданию Landing Pages. Результат прототипирования главной страницы: Сервис для создания скетча: Урок по созданию скетчей: Создание интернет-магазина от А до Я - Я - фрилансер! - Создание сайта-портфолио на WordPress - Группа Вконтакте: Реклама на канале:

Comments to the video: Создание сайта с нуля. Урок #1: Скетч

Сергей Присяжный 1 month ago
Что за программка верстки ??
Dmitry Crestoff 2 months ago
какие требования по познаниям к этому курсу?
WebDesign Master 2 months ago
Основы HTML, CSS и JS.
#компаниядобрыхдел.рф 2 months ago
что изберет поисковик master-na-vse-ruki либо Мастер на все руки
Snikers Shou 2 months ago
Узнал от друга что таким методом можно заработать кто может помоч где мастерить веб-сайт и где брать заказчиков
Vladimir Devyatoff 3 months ago
Спасибо Тебе за уроки, фактически лишь на их и учусь этому ремеслу.) Вот я смотрю на работу в скетче и мне будто, что это практически двойная труд выходит, шрифты по цвету и размеру подгонять, то конечно сё.)) Выглядит, естественно, убедительней, чем ручкой на бумажке начертить, однако времени сжирает вагон ЖЕЖ!)
Олег Двоеченко 3 months ago
Спасибо за задание)!
Malinka Smorodinova 3 months ago
Приятный глас у парня, нуно по его урокам обучаться)
Alla U. 4 months ago
Здравствуйте. Скажите изволь в чем разность дизайна веб-сайта и темы Wordpress - на биржах фриланса обыкновенно идут в различных разделах. Спасибо
Aleksey Klenin 2 months ago
Дизайн веб-сайта это графическая доля, вначале представленная в виде PSD макета, какой нужно сверстать и лишь потом этого его можно будет использовать. К примеру натянуть на тот же Wordpress. Тема Wordpress это уже готовый можно выразиться штамп, какой вы устанавливаете и активируете в админке, и дальше уже попросту наполняете веб-сайт, ничего верстать и натягивать уже не нужно (естественно же если тема устраивает).
Abdulla Akhmedov 4 months ago
Братан, реально крутые уроки! мне итого 15 и я лишь начинаю, однако глядя твои уроки я прогрессирую весьма стремительно!
Paco Official 6 months ago
офигенный веб-сайт ))
Raynor_Xaoc 6 months ago
Восхитительно !!!
Милена Хозина 7 months ago
Не отыскала у вас видео ,будто трудиться с wireframe.cc ,если не тяжело -дайте изволь ссылочку
Темирлан Касенеев 8 months ago
подскажите я сделал веб-сайт доски обьявления однако я желаю чтоб клиенты добавляли не лишь рисунки однако ивидео обьяснении
D9 9 months ago
Добрый денек. Впервые на Вашем канале и нашел для себя огромное число уроков. С каких бы уроков на своём канале Вы бы порекомендовали мне приступить? Имею широкий вещи познаний по фотошопу, маленькие познания HTML и CSS. Целью стоит не творение веб-сайтов на продажу, а саморазвитие. Не могу осознать в каком направлении лучше подвигаться и на какие CMS лучше ориентироваться.
WebDesign Master 9 months ago
Добрый денек. С Bootstrap: Как создаются современные адаптивные веб-сайты (УРОК)
Катрин Косенко 9 months ago
Спасибо большущее создателю за примечательные уроки!! Все весьма любопытно, понятно и доступно! Особенно порадовало, что создатель не грузит излишними определениями! Учусь совместно с вами! Огромное благодарю)))
PowerGirl - лечебная косметика H&M 9 months ago
Здравствуйте, а какие размеры задавать изначальные?
ivan ivanov 9 months ago
сбрось ссылку на папку с данными
Вадим Великолепный 10 months ago
Проще макет мастерить в фотошопе. А позже, когда заказчик одобрит, брать этот же макет и сделать из него макет.
Артур Крец 11 months ago
я не совершенно понимаю для чего мы используем CMS и делаем скетчи верстаем , если мы можем сделать полностью по нормальному шаблону в Вордпрессе ???
Олексій Опанасюк 11 months ago
Как именуется этот метод творение веб-сайта?
Екатерина Соловьева 11 months ago
У тебя самая наилучшая выборка по созданию веб-сайта из тех, что я лицезрела. Даже Делай Деньги не идут ни в какое сопоставление. (они там может и говорят больше про то будто реализовать, однако по навыку front-end и back-end им далековато. Огромное благодарю за постепенность и основательность предоставленного материала. Ты мне реально посодействовал.
Виталий Иванов 2 months ago
Может кому пригодится чат для веб-сайта, даровой тариф
Дмитрий Жемчужнов 11 months ago
Рисовать поверх слоёв в wireframe.cc можно. Нужно избрать слой-подложку и надавить кнопку с замком Lock.
Елена Блохина 11 months ago
Дмитрий Жемчужнов
Ксения Солдатова 1 year ago
Здравствуйте, подскажите изволь курс расчитан на новичков?
Ксения Солдатова 1 year ago
Спасибо
WebDesign Master 1 year ago
Да.
DMITRIY N 1 year ago
Вы не занимаетесь созданием веб-сайтов для трансляции видео чрез программку Обс. Либо кто может сделать
coolin Gggg 1 year ago
20:39
Luka Free 1 year ago
Вы делаете веб-сайт под заказ ? Если конечно то я б желал
Igor Radchuk 1 year ago
Подскажите новенькому будто отворить сохраненную работу в wireframe.cc.
Oleksandr Polonskyi 1 year ago
ссылку необходимо было хранить
Юрий Ануфриев 1 year ago
Вот не понимаю для чего эти программки для макетов, ну-ка блин, резвее без красивостей в собственном инструменте накидать чем учить всякие Axur и т.д. Я бы сообразил когда нужен оживленный макет, хотя и здесь кушать иструменсты из картинок сделать активную модель. Если на то пошло, если нужна модель интерактивная, дак резвее в Muse сделать блоками.
Юрий Ануфриев 1 year ago
Работают ссылки, открываются странички, активизируется анимация (к примеру при наведении).
Мамед Арш 1 year ago
А каким браузером вы пользуетесь? на оперу либо Гугл это не похоже
Юрий Ануфриев 1 year ago
Для чего прототипирование я отлично знаю, я не верю что вам подольше мастерить этот макет в том же фотошопе. По моему это попросту всеобщее тенденция и безумие. Это естественно же ИМХО.
WebDesign Master 1 year ago
Это позволяет расшибить работу на этапы и обмыслить любой из шагов очень верно. Набросать макет просто, а переделывать дизайн в графическом редакторе - уже труднее. Кроме того, это позволяет упорядочить работу с клиентом. После утверждения макета, изменение структуры в графическом редакторе - лишь за отдельную плату. Это итог опыта и практики, вы сможете не воспользоваться таковой схемой работы, однако, в конечном итоге, сами к ней и придете.
Ilya Kulik 1 year ago
Чтоб в wireframe.cc отрисовывать блоки по верхотура других заблокируйте блок на котором будете отрисовывать новые блоки кнопкой замочка в верхнем меню
Антон Постнов 1 year ago
ну-ка конечно, проще 20 один шифт жать на каждом блоке фоне чем попросту 1 один поле заблочить и запамятовать
EarL 1 year ago
чтобы поверх других отрисовывать нужно shift зажать и всё, нафиг эти танцы с блокировками
ILyaALleN 1 year ago
Что означает под ключ ?Это означает с дизайном заказчика?
WebDesign Master 1 year ago
Значит с нуля. С пустого места. С нагого задания.
Илья Евгеньевич 1 year ago
Автору за видео огромное благодарю, лайк и подписка.Но желал отметить какой все таки не удачный этот прибор для сотворения скетча. Мне больше нравиться на всех шагах по созданию лендингов использовать Muse. Кто что задумывается об этой программке ?
Sof T.V. 1 year ago
будто сохранить?? и куда сохраняет
hashtag# 6 months ago
Нажать кнопку Save@ и сохранить ссылку, по ссылке макет будет достпен вечно. Про это же в самом видео говориться..
Red Flag Countryballs 1 year ago
То чуство когда у тебя скетч лучше моего окончательного дизайна)))
Imer Games 2 months ago
Fimintr Gasis РЕКЛАМА!!!!
Fimintr Gasis 2 months ago
Заработок 500р в денек для усидчивых. ►►►►►►► bomearnings․ru было над обмозговать а что было 1-ый способны был обмозговать особом Примерно от расстоянии попросту как будто обычная мысли товарищ поразмыслить: Да собственного собственному звезды, было Нужно всех пожелать, Ники. сеть один. его вкруг отлажено! друга; всё он отлажено! адаптировалась В каждой 00:05
Артем Велесов 1 year ago
На самом деле можно отрисовывать поверх какого то объекта. Просто в меню сверху надавить на замочек либо выделив объект надавить ctrl + L и отрисовывать все что желаете сверху)
Алексей Савельев 1 year ago
Здравствуйте. Что за трек играет в начале видео ?
Никита Захаров 1 year ago
Вопрос не по теме.Как сделать bootstrap сетку в PSD макете?
WebDesign Master 1 year ago
Matthew Semenikhin 1 year ago
Что за трек сначала играет?)
TRIADA93 1 year ago
будто эту черточку с мастерить которю ты на 18 минутке делаешь черта и 40 процентов
questions answer 1 year ago
Здравствуйте! Сколько времени уходит приблизительно на творение стопроцентно такового веб-сайта под ключ у профи к примеру?
questions answer 1 year ago
ясно , у меня лишь сверстать выходит, за  3-4 денька, длительно вожусь со стилями))  p.s тема увлекательная буду далее глядеть
WebDesign Master 1 year ago
+questions answer На любой пункт 7 часов довольно.
questions answer 1 year ago
благодарю, хм. этак стремительно)), дизайн+верстка+натяжка.
WebDesign Master 1 year ago
+questions answer 3-4 денька.
Никита Синцов 2 years ago
Почему размер канвас 1024 а не 960?
WebDesign Master 2 years ago
+Никита Синцов не 1024, а 1140. Это контейнер. Дефолтная ширина сетки Bootstrap.
Олег Забалуев 2 years ago
Алексей, сможете порекомендовать русские сервисы по исследованию/документация по MODx Revolution?
WebDesign Master 2 years ago
rtfm.modx.com
Артём Лобов 2 years ago
+WebDesign Master rtfm это движок какой? либо что?
WebDesign Master 2 years ago
+Олег Забалуев уникальный rtfm - наилучший. Там все понятно разъясняется.
Web Design 2 years ago
Друзья, желаю стать интернет дизайнером. Художественного образования дудки. Умение воспользоваться фотошопом кушать. С чего приступить? Повторять в фотошопе понравившиеся веб-сайты? Уважаемый, обладатель канала, сможете порекомендовать курс либо поделиться своим опытом. Очень люблю ваш канал. Самый толковый на всем ютубе. А то кушать курсы у интернет дизайнеров, смотришь их и понимаешь, что толку от их слов дудки. А интернет дизайнеры профи своим опытом, будто то не особо хотят делиться.
Канал Ace 9 months ago
Музыка выручит мир
Музыка спасет мир 2 years ago
+WebDesign Master Тогда отлично) Просто вот этак если поразмыслить, нужен знакомому веб-сайт, попросит тебя сделать а ты лишь дизайн сделать можешь а ему еще придется понимать с версткой ( могут кинуть ) ик примеру он не знает что такое движок, и не сумеет в иточе ничего сделать. Поэтому я и учусь на данный момент натягивать штамп на вордпресс, хотя люблю дизайн
WebDesign Master 2 years ago
+Музыка выручит мир Это не этак. Но у фуллстакеров больше чек, согласен.
Музыка спасет мир 2 years ago
+Web Design Я думаю попросту интернет дизайнеры на данный момент никому не необходимы. Требуются толковые люд, которые кроме дизайна сумеют все это дело сверстать и натянуть на движок, вот тогда реально пойдут заказы, реально будут средства
WebDesign Master 2 years ago
+Web Design Спасибо. Я весьма нередко в свободное пора просматриваю современные тенденции в интернет-дизайне на бихэнс и аввардс. Это помогает выковать эмоция вкуса. Возможно, вам это поможет.
Александр Гуров 2 years ago
Благодарю, Алексей! Когда будет продолжение?
TheVkushnerov 2 years ago
Спасибо
Влад Бонем 2 years ago
Ну что произнести будто вечно на высоте. Все пора уникальные уроки! Спасибо, фурроров Вам.
Пельмень Мутант 2 years ago
Жду продолжения! Спасибо за биржу
GULFINA 7 months ago
интересует творение веб-сайтов и поисковые системы? а также почти все другое ( веб,музыка,рейтинги.) для тебя сюда можешь не благодарить!
NIL6300 2 years ago
благодарю! попросту праздничек какой-то)) по скетчам , в общем-то, все ясно, с нетерпением жду уроков конкретно по созданию веб-сайта
MrMaksim2099 2 years ago
И когда вы все успеваете?:) Еще не смотрел, однако заблаговременно благодарю!
Павел Ильченко 2 years ago
пять , жду новых серий :)
Емельянов Олег 2 years ago
Супер-пупер-мега-ультра большущее благодарю!!!!))))
Денис Васильев 2 years ago
Там сказано, чтоб отрисовывать поверх элемента, необходимо зажать Shift.
Инсаф Адельбаев 2 years ago
ожидал уроки ,супер
MrAmrixx 2 years ago
будто нередко будут сходить уроки?
Voronko Славик 2 years ago
Что за браузер?
WebDesign Master 2 years ago
+Voronko Славик Firefox.
Artemy Mishin 2 years ago
Класс!
Jon Niko 2 years ago
Благодарочка за новые видео!!!!
MorozovMike 2 years ago
Второе видео уже на последующей неделе?
Defiancefew 2 years ago
Если заблокировать слой (кнопка с замком), то на нем можно же отрисовывать? За видео большущее благодарю
WebDesign Master 2 years ago
+Top Five конечно, все осталось.
ТЕХНО ГРАФИЯ 2 years ago
+WebDesign Master Вы когда обновляли систему все данные и программки остались либо стёрлось всё?
WebDesign Master 2 years ago
+John DoeХорошая система. На Core i3, если ассоциировать с Win8, наблюдается маленький прирост производительности, однако совершенно малозначительный. Сама система приятная, заморочек покамест не нашел, хотя обновлял тоже с с осторожностью, ибо лицензия уже на ноуте.
John Doe 2 years ago
+WebDesign Master уместно, а будто вам Windows 10? Интересует поэтому, что вы разработчик, может какое-то ПО ещё не приспособлено под новейшую ОС. Я попробовал и решил покамест обождать.
John Doe 2 years ago
+WebDesign Master благодарю! ;-)
Прост чЕЛ 2 years ago
ооо ништяк обожаю тебя
Алексей Колмогоров 2 years ago
Ура что-то новенькое! , благодарю Алексей щас оценим =))
UX/UI designer 2 years ago
Наконец то еще одно творение от тебя