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

6189 ratings | 462051 views


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

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

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

Илья Корюков 1 month ago
благодарю лайк подписка
NorMik :3 2 months ago
150 лет удачной работы😂😂😂🤣
Marcus Marcus 3 months ago
Уважаемый ТС, на заказ веб-сайты делаете? Как можно с вами снестись?
Aruzhan rich 4 months ago
будто именуется трек в самом начале?
Greg Plit 4 months ago
Скрипты для Вашего веб-сайта, ( личные кабинеты, конструкторы веб-сайтов, онлайн обменники , промо системы, скрипт службы поддержки и почти все другое ). shopit.pro
Шестое Чувство 4 months ago
Блин я столько смотрел всяких конструкторов лишь пора терял вот здесь делает человек вещи
Артём Панов 4 months ago
Смотрю в 2к18 до сих пор животрепещуще, благодарю
We Anonymous 8 months ago
Работать без предоплаты категорично невозможно
Aspen McLaren 9 months ago
ok
Анна Мороз 9 months ago
Добрый денек подскажите изволь не могу поменять краска шрифта. Как это сделать. у меня выскакивает совершенно другая табличка на данный момент.
Ярослав Кутуров 10 months ago
Мне весьма понравелось
Иван Осадченко 10 months ago
дизайнерские флешки)
Александр Сологуб 10 months ago
Спасибо))) Идем далее!
Dzen 2016 10 months ago
где скачать
Сергей Присяжный 11 months ago
Что за программка верстки ??
Dmitry Crestoff 1 year ago
какие требования по познаниям к этому курсу?
WebDesign Master 1 year ago
Основы HTML, CSS и JS.
#компаниядобрыхдел.рф 1 year ago
что изберет поисковик master-na-vse-ruki либо Мастер на все руки
Snikers Shou 1 year ago
Узнал от друга что таким методом можно заработать кто может помоч где мастерить веб-сайт и где брать заказчиков
AndrewDet 7 months ago
Snikers Shou ебанулся что ли?) изучай html, css, js, php. Тренируйся в верстке и пробуй пробиваться на фриланс. Ишь чо- мильены он здесь сходу возжелал.
Vladimir Devyatoff 1 year ago
Спасибо Тебе за уроки, фактически лишь на их и учусь этому ремеслу.) Вот я смотрю на работу в скетче и мне будто, что это практически двойная труд выходит, шрифты по цвету и размеру подгонять, то конечно сё.)) Выглядит, естественно, убедительней, чем ручкой на бумажке начертить, однако времени сжирает вагон ЖЕЖ!)
Олег Двоеченко 1 year ago
Спасибо за задание)!
Malinka Smorodinova 1 year ago
Приятный глас у парня, нуно по его урокам обучаться)
Владислав Гергерт 4 months ago
Нуно
Тот самый Фейк 5 months ago
+unk unk какой охуенный дизайн
Obb Io 6 months ago
Кипяточка пустила чучуть?)
Alla U. 1 year ago
Здравствуйте. Скажите изволь в чем разность дизайна веб-сайта и темы Wordpress - на биржах фриланса обыкновенно идут в различных разделах. Спасибо
Aleksey Klenin 1 year ago
Дизайн веб-сайта это графическая доля, вначале представленная в виде PSD макета, какой нужно сверстать и лишь потом этого его можно будет использовать. К примеру натянуть на тот же Wordpress. Тема Wordpress это уже готовый можно выразиться штамп, какой вы устанавливаете и активируете в админке, и дальше уже попросту наполняете веб-сайт, ничего верстать и натягивать уже не нужно (естественно же если тема устраивает).
Abdulla Akhmedov 1 year ago
Братан, реально крутые уроки! мне итого 15 и я лишь начинаю, однако глядя твои уроки я прогрессирую весьма стремительно!
Paco Official 1 year ago
офигенный веб-сайт ))
Raynor_Xaoc 1 year ago
Восхитительно !!!
Милена Хозина 1 year ago
Не отыскала у вас видео ,будто трудиться с wireframe.cc ,если не тяжело -дайте изволь ссылочку
Темирлан Касенеев 1 year ago
подскажите я сделал веб-сайт доски обьявления однако я желаю чтоб клиенты добавляли не лишь рисунки однако ивидео обьяснении
D9 1 year ago
Добрый денек. Впервые на Вашем канале и нашел для себя огромное число уроков. С каких бы уроков на своём канале Вы бы порекомендовали мне приступить? Имею широкий вещи познаний по фотошопу, маленькие познания HTML и CSS. Целью стоит не творение веб-сайтов на продажу, а саморазвитие. Не могу осознать в каком направлении лучше подвигаться и на какие CMS лучше ориентироваться.
WebDesign Master 1 year ago
Добрый денек. С Bootstrap: Как создаются современные адаптивные веб-сайты (УРОК)
Катрин Косенко 1 year ago
Спасибо большущее создателю за примечательные уроки!! Все весьма любопытно, понятно и доступно! Особенно порадовало, что создатель не грузит излишними определениями! Учусь совместно с вами! Огромное благодарю)))
Лана Птица - Ethno World/ Этно Мир 1 year ago
Здравствуйте, а какие размеры задавать изначальные?
ivan ivanov 1 year ago
сбрось ссылку на папку с данными
Спартак 1 year ago
Проще макет мастерить в фотошопе. А позже, когда заказчик одобрит, брать этот же макет и сделать из него макет.
Артур Крец 1 year ago
я не совершенно понимаю для чего мы используем CMS и делаем скетчи верстаем , если мы можем сделать полностью по нормальному шаблону в Вордпрессе ???
AndrewDet 7 months ago
Артур Крец универсальность
Олексій Опанасюк 1 year ago
Как именуется этот метод творение веб-сайта?
Екатерина Соловьева 1 year ago
У тебя самая наилучшая выборка по созданию веб-сайта из тех, что я лицезрела. Даже Делай Деньги не идут ни в какое сопоставление. (они там может и говорят больше про то будто реализовать, однако по навыку front-end и back-end им далековато. Огромное благодарю за постепенность и основательность предоставленного материала. Ты мне реально посодействовал.
Артем Левко 2 months ago
Екатерина, хороший денек! Как успехи, сколько веб-сайтов сделали?
Дмитрий Жемчужнов 1 year ago
Рисовать поверх слоёв в wireframe.cc можно. Нужно избрать слой-подложку и надавить кнопку с замком Lock.
Елена Блохина 1 year 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
Вы делаете веб-сайт под заказ ? Если конечно то я б желал
Юрий Ануфриев 2 years ago
Вот не понимаю для чего эти программки для макетов, ну-ка блин, резвее без красивостей в собственном инструменте накидать чем учить всякие Axur и т.д. Я бы сообразил когда нужен оживленный макет, хотя и здесь кушать иструменсты из картинок сделать активную модель. Если на то пошло, если нужна модель интерактивная, дак резвее в Muse сделать блоками.
Юрий Ануфриев 2 years ago
Работают ссылки, открываются странички, активизируется анимация (к примеру при наведении).
Мамед Арш 2 years ago
А каким браузером вы пользуетесь? на оперу либо Гугл это не похоже
Юрий Ануфриев 2 years ago
Для чего прототипирование я отлично знаю, я не верю что вам подольше мастерить этот макет в том же фотошопе. По моему это попросту всеобщее тенденция и безумие. Это естественно же ИМХО.
WebDesign Master 2 years ago
Это позволяет расшибить работу на этапы и обмыслить любой из шагов очень верно. Набросать макет просто, а переделывать дизайн в графическом редакторе - уже труднее. Кроме того, это позволяет упорядочить работу с клиентом. После утверждения макета, изменение структуры в графическом редакторе - лишь за отдельную плату. Это итог опыта и практики, вы сможете не воспользоваться таковой схемой работы, однако, в конечном итоге, сами к ней и придете.
Ilya Kulik 2 years ago
Чтоб в wireframe.cc отрисовывать блоки по верхотура других заблокируйте блок на котором будете отрисовывать новые блоки кнопкой замочка в верхнем меню
Антон Постнов 2 years ago
ну-ка конечно, проще 20 один шифт жать на каждом блоке фоне чем попросту 1 один поле заблочить и запамятовать
EarL 2 years ago
чтобы поверх других отрисовывать нужно shift зажать и всё, нафиг эти танцы с блокировками
ILyaALleN 2 years ago
Что означает под ключ ?Это означает с дизайном заказчика?
WebDesign Master 2 years ago
Значит с нуля. С пустого места. С нагого задания.
Илья Евгеньевич 2 years ago
Автору за видео огромное благодарю, лайк и подписка.Но желал отметить какой все таки не удачный этот прибор для сотворения скетча. Мне больше нравиться на всех шагах по созданию лендингов использовать Muse. Кто что задумывается об этой программке ?
Sof T.V. 2 years ago
будто сохранить?? и куда сохраняет
hashtag# 1 year ago
Нажать кнопку Save@ и сохранить ссылку, по ссылке макет будет достпен вечно. Про это же в самом видео говориться..
Red Flag 2 years ago
То чуство когда у тебя скетч лучше моего окончательного дизайна)))
Артем Велесов 2 years ago
На самом деле можно отрисовывать поверх какого то объекта. Просто в меню сверху надавить на замочек либо выделив объект надавить ctrl + L и отрисовывать все что желаете сверху)
Алексей Савельев 2 years ago
Здравствуйте. Что за трек играет в начале видео ?
Никита Захаров 2 years ago
Вопрос не по теме.Как сделать bootstrap сетку в PSD макете?
WebDesign Master 2 years ago
Matthew Semenikhin 2 years ago
Что за трек сначала играет?)
TRIADA93 2 years ago
будто эту черточку с мастерить которю ты на 18 минутке делаешь черта и 40 процентов
questions answer 2 years ago
Здравствуйте! Сколько времени уходит приблизительно на творение стопроцентно такового веб-сайта под ключ у профи к примеру?
questions answer 2 years ago
ясно , у меня лишь сверстать выходит, за  3-4 денька, длительно вожусь со стилями))  p.s тема увлекательная буду далее глядеть
WebDesign Master 2 years ago
+questions answer На любой пункт 7 часов довольно.
questions answer 2 years ago
благодарю, хм. этак стремительно)), дизайн+верстка+натяжка.
WebDesign Master 2 years 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 3 years ago
Друзья, желаю стать интернет дизайнером. Художественного образования дудки. Умение воспользоваться фотошопом кушать. С чего приступить? Повторять в фотошопе понравившиеся веб-сайты? Уважаемый, обладатель канала, сможете порекомендовать курс либо поделиться своим опытом. Очень люблю ваш канал. Самый толковый на всем ютубе. А то кушать курсы у интернет дизайнеров, смотришь их и понимаешь, что толку от их слов дудки. А интернет дизайнеры профи своим опытом, будто то не особо хотят делиться.
Константин Спиридонов 2 months ago
по лого пиши помогу)
KoT HapKoT 4 months ago
WebDesign Master хм а какой начальный код будет???ну-ка поэтому что программеры пишут всё это либо программка автом. опр. ?
Канал Ace 1 year ago
Музыка выручит мир
Музыка спасет мир 3 years ago
+WebDesign Master Тогда отлично) Просто вот этак если поразмыслить, нужен знакомому веб-сайт, попросит тебя сделать а ты лишь дизайн сделать можешь а ему еще придется понимать с версткой ( могут кинуть ) ик примеру он не знает что такое движок, и не сумеет в иточе ничего сделать. Поэтому я и учусь на данный момент натягивать штамп на вордпресс, хотя люблю дизайн
WebDesign Master 3 years ago
+Музыка выручит мир Это не этак. Но у фуллстакеров больше чек, согласен.
Александр Гуров 3 years ago
Благодарю, Алексей! Когда будет продолжение?
TheVkushnerov 3 years ago
Спасибо
Влад Бонем 3 years ago
Ну что произнести будто вечно на высоте. Все пора уникальные уроки! Спасибо, фурроров Вам.
Пельмень Мутант 3 years ago
Жду продолжения! Спасибо за биржу
NIL6300 3 years ago
благодарю! попросту праздничек какой-то)) по скетчам , в общем-то, все ясно, с нетерпением жду уроков конкретно по созданию веб-сайта
BMNTeam 3 years ago
И когда вы все успеваете?:) Еще не смотрел, однако заблаговременно благодарю!
Павел Ильченко 3 years ago
пять , жду новых серий :)
Емельянов Олег 3 years ago
Супер-пупер-мега-ультра большущее благодарю!!!!))))
Денис Васильев 3 years ago
Там сказано, чтоб отрисовывать поверх элемента, необходимо зажать Shift.
Инсаф Адельбаев 3 years ago
ожидал уроки ,супер
MrAmrixx 3 years ago
будто нередко будут сходить уроки?
Voronko Славик 3 years ago
Что за браузер?
WebDesign Master 3 years ago
+Voronko Славик Firefox.
Artemy Mishin 3 years ago
Класс!
Jon Niko 3 years ago
Благодарочка за новые видео!!!!
MorozovMike 3 years ago
Второе видео уже на последующей неделе?
Defiancefew 3 years ago
Если заблокировать слой (кнопка с замком), то на нем можно же отрисовывать? За видео большущее благодарю
WebDesign Master 3 years ago
+Top Five конечно, все осталось.
Vyacheslav Bogomolov 3 years ago
+WebDesign Master Вы когда обновляли систему все данные и программки остались либо стёрлось всё?
WebDesign Master 3 years ago
+John DoeХорошая система. На Core i3, если ассоциировать с Win8, наблюдается маленький прирост производительности, однако совершенно малозначительный. Сама система приятная, заморочек покамест не нашел, хотя обновлял тоже с с осторожностью, ибо лицензия уже на ноуте.
John Doe 3 years ago
+WebDesign Master уместно, а будто вам Windows 10? Интересует поэтому, что вы разработчик, может какое-то ПО ещё не приспособлено под новейшую ОС. Я попробовал и решил покамест обождать.
John Doe 3 years ago
+WebDesign Master благодарю! ;-)
Прост чЕЛ 3 years ago
ооо ништяк обожаю тебя
Алексей Колмогоров 3 years ago
Ура что-то новенькое! , благодарю Алексей щас оценим =))
UX/UI designer 3 years ago
Наконец то еще одно творение от тебя