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

6189 ratings | 462051 views


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

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

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

Илья Корюков 4 months ago
благодарю лайк подписка
NorMik :3 5 months ago
150 лет удачной работы😂😂😂🤣
Marcus Marcus 6 months ago
Уважаемый ТС, на заказ веб-сайты делаете? Как можно с вами снестись?
Aruzhan rich 6 months ago
будто именуется трек в самом начале?
Greg Plit 7 months ago
Скрипты для Вашего веб-сайта, ( личные кабинеты, конструкторы веб-сайтов, онлайн обменники , промо системы, скрипт службы поддержки и почти все другое ). shopit.pro
Шестое Чувство 7 months ago
Блин я столько смотрел всяких конструкторов лишь пора терял вот здесь делает человек вещи
Артём Панов 7 months ago
Смотрю в 2к18 до сих пор животрепещуще, благодарю
We Anonymous 10 months ago
Работать без предоплаты категорично невозможно
Aspen McLaren 11 months ago
ok
Анна Мороз 1 year ago
Добрый денек подскажите изволь не могу поменять краска шрифта. Как это сделать. у меня выскакивает совершенно другая табличка на данный момент.
Ярослав Кутуров 1 year ago
Мне весьма понравелось
Иван Осадченко 1 year ago
дизайнерские флешки)
Александр Сологуб 1 year ago
Спасибо))) Идем далее!
Dzen 2016 1 year ago
где скачать
Сергей Присяжный 1 year 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 10 months ago
Snikers Shou ебанулся что ли?) изучай html, css, js, php. Тренируйся в верстке и пробуй пробиваться на фриланс. Ишь чо- мильены он здесь сходу возжелал.
Vladimir Devyatoff 1 year ago
Спасибо Тебе за уроки, фактически лишь на их и учусь этому ремеслу.) Вот я смотрю на работу в скетче и мне будто, что это практически двойная труд выходит, шрифты по цвету и размеру подгонять, то конечно сё.)) Выглядит, естественно, убедительней, чем ручкой на бумажке начертить, однако времени сжирает вагон ЖЕЖ!)
Олег Двоеченко 1 year ago
Спасибо за задание)!
Malinka Smorodinova 1 year ago
Приятный глас у парня, нуно по его урокам обучаться)
Владислав Гергерт 7 months ago
Нуно
Тот самый Фейк 8 months ago
+unk unk какой охуенный дизайн
Obb Io 9 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
Проще макет мастерить в фотошопе. А позже, когда заказчик одобрит, брать этот же макет и сделать из него макет.
Артур Крец 2 years ago
я не совершенно понимаю для чего мы используем CMS и делаем скетчи верстаем , если мы можем сделать полностью по нормальному шаблону в Вордпрессе ???
AndrewDet 10 months ago
Артур Крец универсальность
Олексій Опанасюк 2 years ago
Как именуется этот метод творение веб-сайта?
Екатерина Соловьева 2 years ago
У тебя самая наилучшая выборка по созданию веб-сайта из тех, что я лицезрела. Даже Делай Деньги не идут ни в какое сопоставление. (они там может и говорят больше про то будто реализовать, однако по навыку front-end и back-end им далековато. Огромное благодарю за постепенность и основательность предоставленного материала. Ты мне реально посодействовал.
Артем Левко 4 months ago
Екатерина, хороший денек! Как успехи, сколько веб-сайтов сделали?
Дмитрий Жемчужнов 2 years ago
Рисовать поверх слоёв в wireframe.cc можно. Нужно избрать слой-подложку и надавить кнопку с замком Lock.
Елена Блохина 2 years ago
Дмитрий Жемчужнов
Ксения Солдатова 2 years ago
Здравствуйте, подскажите изволь курс расчитан на новичков?
Ксения Солдатова 2 years ago
Спасибо
WebDesign Master 2 years ago
Да.
DMITRIY N 2 years ago
Вы не занимаетесь созданием веб-сайтов для трансляции видео чрез программку Обс. Либо кто может сделать
coolin Gggg 2 years ago
20:39
Luka Free 2 years 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 3 years ago
будто эту черточку с мастерить которю ты на 18 минутке делаешь черта и 40 процентов
questions answer 3 years ago
Здравствуйте! Сколько времени уходит приблизительно на творение стопроцентно такового веб-сайта под ключ у профи к примеру?
questions answer 3 years ago
ясно , у меня лишь сверстать выходит, за  3-4 денька, длительно вожусь со стилями))  p.s тема увлекательная буду далее глядеть
WebDesign Master 3 years ago
+questions answer На любой пункт 7 часов довольно.
questions answer 3 years ago
благодарю, хм. этак стремительно)), дизайн+верстка+натяжка.
WebDesign Master 3 years ago
+questions answer 3-4 денька.
Никита Синцов 3 years ago
Почему размер канвас 1024 а не 960?
WebDesign Master 3 years ago
+Никита Синцов не 1024, а 1140. Это контейнер. Дефолтная ширина сетки Bootstrap.
Олег Забалуев 3 years ago
Алексей, сможете порекомендовать русские сервисы по исследованию/документация по MODx Revolution?
WebDesign Master 3 years ago
rtfm.modx.com
Артём Лобов 3 years ago
+WebDesign Master rtfm это движок какой? либо что?
WebDesign Master 3 years ago
+Олег Забалуев уникальный rtfm - наилучший. Там все понятно разъясняется.
Web Design 3 years ago
Друзья, желаю стать интернет дизайнером. Художественного образования дудки. Умение воспользоваться фотошопом кушать. С чего приступить? Повторять в фотошопе понравившиеся веб-сайты? Уважаемый, обладатель канала, сможете порекомендовать курс либо поделиться своим опытом. Очень люблю ваш канал. Самый толковый на всем ютубе. А то кушать курсы у интернет дизайнеров, смотришь их и понимаешь, что толку от их слов дудки. А интернет дизайнеры профи своим опытом, будто то не особо хотят делиться.
Константин Спиридонов 4 months ago
по лого пиши помогу)
KoT HapKoT 7 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
Наконец то еще одно творение от тебя