HomeОбразованиеRelated VideosMore From: WebDesign Master

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

8414 ratings | 581946 views
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/modx/531.html Всем привет. Сегодня мы начинаем большую серию уроков по созданию сайта с нуля под ключ на заказ для компании ОВК-СТРОЙ - от создания прототипа до готового сайта. Из данного урока вы узнаете, как создать сайт с нуля до 100%-го результата. В качестве основной CMS для разработки сайта будем использовать MODx Revolution. http://laper.ru - сервис для поиска специалистов по созданию Landing Pages. Результат прототипирования главной страницы: https://github.com/agragregra/agragregra.github.com/blob/master/demos/ovk-stroy/prototype.png Сервис для создания скетча: http://wireframe.cc Урок по созданию скетчей: http://www.youtube.com/watch?v=lnh3z5Y0CZQ Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Html code for embedding videos on your blog
Text Comments (142)
Nurdaulet King (13 days ago)
песня какой на
Позывной 903 (15 days ago)
Подскажите, новенькому эта цепочка уроков зайдет либо нужно что-то полегче? (Разбираюсь в самых азах, могу простой, одностраничный, трехстрочный веб-сайт без помощи других сверстать.)))
Аrtist Mikhail (1 month ago)
Эта программка бесплатная?
Юрий Юрич (2 months ago)
Спасибо!
Акаунт Гугл (2 months ago)
С чего стоит приступить, чтоб стать интернет-программером. Буду рад, если ответите
Alina Heldman (3 months ago)
Тогда у меня проблема. Просто я учусь на интернет разработчика и умею мастерить веб-сайты. Хочу возвысить бабла и отчего-то отказался от мысли мастерить обыденный онлайн кинозал, этак будто(не знаю отчего) завёлся идеей об адалт веб-сайте. Я понимаю, что один такие веб-сайты(адалт) в нашем регионе кушать и весьма немало(Беларусь) и никто их не банит, соответственно их хозяев никто не садит, то отчего я не могу сделать таковой веб-сайт легитимно. Правда я не знаю что непосредственно необходимо, чтоб меня не посадили за это. Исходя из того, что я вызнал на других ресурсах я сообразил, что нужно прописать чётко правила посещения собственного веб-сайта, использовать VPN, также воспользоваться хостингом(какой, будто некие пишут, непременно обязан быть платным) таких государств будто США, Япония, Нидерланды и т.д. Мне весьма нужен ваш рекомендация по этому поводу, заблаговременно благодарю.
Yanina Ruditskiy (2 months ago)
Нидерланды Швейцария Панама они не в евросоюзе
Доброго времени создатель подскажи будто именуется мотив в начале видио - благодарю
Kiralis 32 (4 months ago)
Давно находил такое видео. Лови подписку!
а что если основывать веб-сайт чрез Brackets либо тхт файла
Lendel Galyna (4 months ago)
thanks
необходимо ли уметь кодить,что бы по вашему уроку основывать веб-сайт?
Кто-нибудь, ответьте, изволь, это еще животрепещуще - мастерить веб-сайты таким методом? Лендинг пэйдж по последней мере. Сначала макет, позже дизайн в старом фотошопе, позже верстка. Или разные программки вроде Divi, Adobe Muse и т.д. просто подменяют все это? Просто на данный момент желаю научится мастерить веб-сайты, однако не уверен, необходимо ли вообщем начинать полный этот большой блок, которому уже три года, либо стоит сходу приступить учить разные конструкторы?
WebDesign Master (5 months ago)
Поразительно. Время идёт, а новенькие будто задавали 10 лет вспять такие вопросы, этак и задают )) Изучайте базы, а не конструкторы. Жизнь сложна. Не непременно использовать фотошоп для графики. Используйте софт, какой комфортен лично вам. Фотошоп остается прелестной программкой для растра. Для UI сможете посмотреть на Adobe XD либо Affinity Designer. Но сущность от этого не изменяется. Приготовьтесь к тому, что вам будет весьма трудно и весьма больно)) Конструкторами отвертеться они желают.
Илья Корюков (7 months ago)
благодарю лайк подписка
NorMik :3 (8 months ago)
150 лет удачной работы😂😂😂🤣
Marcus Marcus (9 months ago)
Уважаемый ТС, на заказ веб-сайты делаете? Как можно с вами снестись?
Aruzhan rich (10 months ago)
будто именуется трек в самом начале?
Rufis Abzalilov (10 months ago)
Скрипты для Вашего веб-сайта, ( личные кабинеты, конструкторы веб-сайтов, онлайн обменники , промо системы, скрипт службы поддержки и почти все другое ) . shopit .pro
Блин я столько смотрел всяких конструкторов лишь пора терял вот здесь делает человек вещи https://order-manager.ru/go/77753191/p/glp
Baracuda (10 months ago)
Смотрю в 2к18 до сих пор животрепещуще, благодарю
2019 епта - это классика
EGO!ST -_- (2 months ago)
19
Fad (2 months ago)
+Аватария с Nastya Taylor го с нами, Майн с читами и бомбящими школьниками это этак ахуенно!)
+Fad Иди в майн играйся оруу
Fad (2 months ago)
+Аватария с Nastya Taylor *_хех_*
DontRead MyComment (1 year ago)
Работать без предоплаты категорично невозможно
Aspen McLaren (1 year ago)
ok
Анна Мороз (1 year ago)
Добрый денек подскажите изволь не могу поменять краска шрифта. Как это сделать. у меня выскакивает совершенно другая табличка на данный момент.
Fill _Morgan (1 year ago)
Мне весьма понравелось
дизайнерские флешки)
Спасибо))) Идем далее!
Dzen 2016 (1 year ago)
где скачать
Что за программка верстки ??
Dmitry Crestoff (1 year ago)
какие требования по познаниям к этому курсу?
WebDesign Master (1 year ago)
Основы HTML, CSS и JS.
что изберет поисковик master-na-vse-ruki либо Мастер на все руки
Snikers Shou (1 year ago)
Узнал от друга что таким методом можно заработать кто может помоч где мастерить веб-сайт и где брать заказчиков
AndrewDet (1 year ago)
Snikers Shou ебанулся что ли?) изучай html, css, js, php. Тренируйся в верстке и пробуй пробиваться на фриланс. Ишь чо- мильены он здесь сходу возжелал.
Vladimir Devyatoff (1 year ago)
Спасибо Тебе за уроки, фактически лишь на их и учусь этому ремеслу.) Вот я смотрю на работу в скетче и мне будто, что это практически двойная труд выходит, шрифты по цвету и размеру подгонять, то конечно сё.)) Выглядит, естественно, убедительней, чем ручкой на бумажке начертить, однако времени сжирает вагон ЖЕЖ!)
Спасибо за задание)!
Malinka Smorodinova (1 year ago)
Приятный глас у парня, нуно по его урокам обучаться)
Нуно
+unk unk какой охуенный дизайн
Obb Io (1 year ago)
Кипяточка пустила чучуть?)
Alla U. (1 year ago)
Здравствуйте. Скажите изволь в чем разность дизайна веб-сайта и темы Wordpress - на биржах фриланса обыкновенно идут в различных разделах. Спасибо
Aleksey Klenin (1 year ago)
Дизайн веб-сайта это графическая доля, вначале представленная в виде PSD макета, какой нужно сверстать и лишь потом этого его можно будет использовать. К примеру натянуть на тот же Wordpress. Тема Wordpress это уже готовый можно выразиться штамп, какой вы устанавливаете и активируете в админке, и дальше уже попросту наполняете веб-сайт, ничего верстать и натягивать уже не нужно (естественно же если тема устраивает).
Abdulla Akhmedov (1 year ago)
Братан, реально крутые уроки! мне итого 15 и я лишь начинаю, однако глядя твои уроки я прогрессирую весьма стремительно!
Raynor_Xaoc (1 year ago)
Восхитительно !!!
Не отыскала у вас видео ,будто трудиться с wireframe.cc ,если не тяжело -дайте изволь ссылочку
подскажите я сделал веб-сайт доски обьявления однако я желаю чтоб клиенты добавляли не лишь рисунки однако ивидео обьяснении
D9 (2 years ago)
Добрый денек. Впервые на Вашем канале и нашел для себя огромное число уроков. С каких бы уроков на своём канале Вы бы порекомендовали мне приступить? Имею широкий вещи познаний по фотошопу, маленькие познания HTML и CSS. Целью стоит не творение веб-сайтов на продажу, а саморазвитие. Не могу осознать в каком направлении лучше подвигаться и на какие CMS лучше ориентироваться.
WebDesign Master (2 years ago)
Добрый денек. С Bootstrap: Как создаются современные адаптивные веб-сайты (УРОК)
Спасибо большущее создателю за примечательные уроки!! Все весьма любопытно, понятно и доступно! Особенно порадовало, что создатель не грузит излишними определениями! Учусь совместно с вами! Огромное благодарю)))
Здравствуйте, а какие размеры задавать изначальные?
ivan ivanov (2 years ago)
сбрось ссылку на папку с данными
Спартак (2 years ago)
Проще макет мастерить в фотошопе. А позже, когда заказчик одобрит, брать этот же макет и сделать из него макет.
я не совершенно понимаю для чего мы используем CMS и делаем скетчи верстаем , если мы можем сделать полностью по нормальному шаблону в Вордпрессе ???
AndrewDet (1 year ago)
Артур Крец универсальность
Alik UA (2 years ago)
Как именуется этот метод творение веб-сайта?
У тебя самая наилучшая выборка по созданию веб-сайта из тех, что я лицезрела. Даже Делай Деньги не идут ни в какое сопоставление. (они там может и говорят больше про то будто реализовать, однако по навыку front-end и back-end им далековато. Огромное благодарю за постепенность и основательность предоставленного материала. Ты мне реально посодействовал.
Артем Левко (8 months ago)
Екатерина, хороший денек! Как успехи, сколько веб-сайтов сделали?
Рисовать поверх слоёв в wireframe.cc можно. Нужно избрать слой-подложку и надавить кнопку с замком "Lock".
Дмитрий Жемчужнов
Здравствуйте, подскажите изволь курс расчитан на новичков?
Спасибо
WebDesign Master (2 years ago)
Да.
DMITRIY N (2 years ago)
Вы не занимаетесь созданием веб-сайтов для трансляции видео чрез программку Обс. Либо кто может сделать
coolin Gggg (2 years ago)
20:39
Luka Free (2 years ago)
Вы делаете веб-сайт под заказ ? Если конечно то я б желал
Ilya Kulik (2 years ago)
Чтоб в wireframe.cc отрисовывать блоки по верхотура других заблокируйте блок на котором будете отрисовывать новые блоки кнопкой замочка в верхнем меню
EarL (2 years ago)
чтобы поверх других отрисовывать нужно shift зажать и всё, нафиг эти танцы с блокировками
ILyaALleN (2 years ago)
Что означает "под ключ"?Это означает с дизайном заказчика?
WebDesign Master (2 years ago)
Значит с нуля. С пустого места. С нагого задания.
Автору за видео огромное благодарю, лайк и подписка.Но желал отметить какой все таки не удачный этот прибор для сотворения скетча. Мне больше нравиться на всех шагах по созданию лендингов использовать Muse. Кто что задумывается об этой программке ?
Sof T.V. (2 years ago)
будто сохранить?? и куда сохраняет
hashtag# (1 year ago)
Нажать кнопку "[email protected]" и сохранить ссылку, по ссылке макет будет достпен вечно. Про это же в самом видео говориться.....
Red Flag (2 years ago)
То чуство когда у тебя скетч лучше моего окончательного дизайна)))
На самом деле можно отрисовывать поверх какого то объекта. Просто в меню сверху надавить на замочек либо выделив объект надавить ctrl + L и отрисовывать все что желаете сверху)
Здравствуйте. Что за трек играет в начале видео ?
Вопрос не по теме.Как сделать bootstrap сетку в PSD макете?
WebDesign Master (3 years ago)
https://yadi.sk/d/jI23eWQYfCfMN
Matthew Semenikhin (3 years ago)
Что за трек сначала играет?)
TRIADA93 (3 years ago)
будто эту черточку с мастерить которю ты на 18 минутке делаешь черта и 40 процентов
Почему размер канвас 1024 а не 960?
WebDesign Master (3 years ago)
+Никита Синцов не 1024, а 1140. Это контейнер. Дефолтная ширина сетки Bootstrap.
Алексей, сможете порекомендовать русские сервисы по исследованию/документация по 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)
Друзья, желаю стать интернет дизайнером. Художественного образования дудки. Умение воспользоваться фотошопом кушать. С чего приступить? Повторять в фотошопе понравившиеся веб-сайты? Уважаемый, обладатель канала, сможете порекомендовать курс либо поделиться своим опытом. Очень люблю ваш канал. Самый толковый на всем ютубе. А то кушать курсы у интернет дизайнеров, смотришь их и понимаешь, что толку от их слов дудки. А интернет дизайнеры профи своим опытом, будто то не особо хотят делиться.
по лого пиши помогу)
Fendix -_- (10 months ago)
WebDesign Master хм а какой начальный код будет???ну-ка поэтому что программеры пишут всё это либо программка автом. опр. ?
Канал Ace (2 years ago)
Музыка выручит мир
+WebDesign Master Тогда отлично) Просто вот этак если поразмыслить, нужен знакомому веб-сайт, попросит тебя сделать а ты лишь дизайн сделать можешь а ему еще придется понимать с версткой ( могут кинуть ) ик примеру он не знает что такое движок, и не сумеет в иточе ничего сделать. Поэтому я и учусь на данный момент натягивать штамп на вордпресс, хотя люблю дизайн
WebDesign Master (3 years ago)
+Музыка выручит мир Это не этак. Но у фуллстакеров больше чек, согласен.
Благодарю, Алексей! Когда будет продолжение?
TheVkushnerov (3 years ago)
Спасибо
Влад Бонем (3 years ago)
Ну что произнести будто вечно на высоте. Все пора уникальные уроки! Спасибо, фурроров Вам.
Жду продолжения! Спасибо за биржу
NIL6300 (3 years ago)
благодарю! попросту праздничек какой-то)) по скетчам , в общем-то, все ясно, с нетерпением жду уроков конкретно по созданию веб-сайта
BMNTeam (3 years ago)
И когда вы все успеваете?:) Еще не смотрел, однако заблаговременно благодарю!
пять , жду новых "серий" :)
Супер-пупер-мега-ультра большущее благодарю!!!!))))
ожидал уроки ,супер
Voronko Славик (3 years ago)
Что за браузер?
WebDesign Master (3 years ago)
+Voronko Славик Firefox.
Artemy Mishin (3 years ago)
Класс!
Jon Niko (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)
ооо ништяк обожаю тебя
Ура что-то новенькое! , благодарю Алексей щас оценим =))
Senior UX Designer (3 years ago)
Наконец то еще одно творение от тебя

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.