Делаем дорогой сайт на webflow. Новый уровень сложности. Бесплатный курс вебфлоу, урок #1

#webflow #вебфлоу #вебдизайн
Новый бесплатный курс по разработке стильного и дорогого сайта на вебфлоу. Новый уровень сложности. Учимся делать круто, упор на визуальную составляющую и вау эффект. Будем использовать сложные анимации и делать по максимуму. Данный курс позволит вам увидеть разработку реально сильного проекта, а так же если вы будете повторять за мной, то что делаю я - то еще и опыта наберетесь!
Это первое видео из бесплатного курса по вебфлоу, мы в итоге сделаем полностью сайт, все шаг за шагом я буду показывать и рассказывать. Данный курс можно применить при создании сайта любой другой тематики, просто подправив наполнение под вашу тему. Если видео полезно то лайк и комментарий будет лучшей благодарностью для меня.
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog...
- Индивидуальное обучение freelance-blog...
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog...
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog...
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog...
👉 • Материалы для уроков - freelance-blog...
👉 • Индивидуальное обучение - freelance-blog...
•••••••••••••••••••••••••••••••

[@2turistaural]

шикарный сайт, обожаю сайты в темном формате. Неон придает дороговизну сайту. Жду продолжения.

[@freelance-pro]

Спасибо! Продолжение уже отснято, осталось смонтировать и скоро будет все на канале! 😉

[@freshdoping9009]

привет. я граф.дизайнер, спрашивал у чуваков которые делают сайты на вебфлоу про цены, сказали пару тысяч евро, ну и я решил сам себе сайт сделать, щас начну учиться, спасибо за видео.

[@freelance-pro]

Пожалуйста ☺️

[@vikidabryian4106]

Большущее при большущее спасибо тебе, я по тебе всему и научился, самым сложным штукам. Анимации и тп. Сил тебе и мотивации. Мы рядом твои фанаты. )) Спасибо ты лучший!

[@freelance-pro]

Спасибо 😊 ооооооочень приятно)))

[@irynasachko7921]

Спасибо вам огромное за такие уроки! Вы единственный человек, который нормально обьяснят на русском языке! Жду с нетерпением следующие уроки!!

[@freelance-pro]

Пожалуйста 😉 буду и дальше вас радовать! Спасибо за тёплые слова)))

[@nado3248]

Доброго времени суток Дмитрий и самого доброго настроения Души... Мне в этом году уже будет 50 и я решил освоить программирование. В Университете одно из направлений программирования это вёрстка сайтов. Мне этого не хватало. Но я дальше планирую вёрстку делать именно в Webflow. И Ваши ролики с пошаговыми действиями очень актуальны для практики. Вы ОГРОМНУЮ положительную энергетику передаёте. Особенно когда получается по Вашим роликам самому сверстать лэндинг, это очень мотивирует. Вам дальнейшего творческого развития и учеников способных.

[@freelance-pro]

Здравствуйте 👋 огромное спасибо за такой приятный комментарий, именно они меня мотивируют записывать новые видео 😊 если будут любые вопросы смело задавайте, на все отвечу!

[@akhmatt]

урок🔥, жду 2ю часть👍

[@freelance-pro]

Спасибо)) Вторая часть скоро будет 😉

[@nado3248]

Я уже раз 20 сделал эту кнопку анимированную. Сбивалось на последнем этапе всё. Но зато сейчас всё быстро можно делать. Я по 8-10 часов трачу на обучение. На первых порах сложно. Необходимо уделять малейшим нюансам и конценртация внимания большая. С опытом это уже конечно на автомате будет всё.

[@freelance-pro]

Да, в начале действительно сложно, но это как в освоении любой новой профессии, надо просто это перетерпеть и потом будет все наааамного проще 😉 мысли будут буквально материализироваться

[@nado3248]

Главное что всё понятно и детально разбирается. Очень КРУТО. Для начинающих это очень важный момент.

[@freelance-pro]

Спасибо 😉 рад что контент нравится , буду и дальше вас радовать

[@born8008]

Очень шикарная работа, Дмитрий!

[@freelance-pro]

Спасибо

[@grechanos]

Спасибо большое за то, что вы делаете! Очень мега крутая информация и курс!

[@freelance-pro]

Пожалуйста! 😊

[@MrDemonlisher]

Яркий сайт, особенно понравились приемы. Спасибо за урок

[@freelance-pro]

Пожалуйста 😉

[@user-se6pj6pq8l]

Большое спасибо за урок! Обалдеть можно! Сайт КРУТОЙ!!! Голос не смутил - это изюминка автора! 😉

[@freelance-pro]

И вам, большое спасибо, за комментарий! 😊 Скоро будет новый курс, сделаем сайт без использования значений в пикселях))

[@stensd7842]

Теннис после урока -обязательно! Надо ж спину к жизни возвращать))

[@freelance-pro]

Правильно))) Так же стараюсь прокачивать спину и держать её в тонусе

[@rinagaron_art]

Спасибо за видео! Стильный дизайн сайта 🌌💙

[@freelance-pro]

Пожалуйста)) рад что вам он нравиться

[@user-du2im3fk1b]

Видео было полезным, оставляю обещанный коммент, спасибо :)

[@freelance-pro]

Пожалуйста 😉 рад что понравилось

[@user-lj2ob5pc9q]

Классный урок, спасибо) но мне кажется тебе нужно поработать над голосом)

[@freelance-pro]

Пожалуйста 😉 надо поработать и над голосом, это да

[@robot9399]

Крутой урок, спасибо !!!

[@freelance-pro]

Крутой коммент, пожалуйста 😉

[@Igorbodnari]

Молодець!👍😀

[@freelance-pro]

Спаисибо

[@user-yp3ms2dr2o]

👍еще один лайк

[@freelance-pro]

😊

[@Svetlana-hk3mm]

Если бы могла, то поставила бы 2 лайка! Спасибо.

[@freelance-pro]

Пожалуйста ☺️ и вам спасибо за лайки и комментарии это мне ооооочень помогает 😊

[@tgsector1]

Я сразу в бой!) Спасибо чел!

[@freelance-pro]

Пожалуйста

[@makellaa]

Дмитро, скажіть, будь ласка, чи можна підключити форму щоб заявки приходили в телеграм, чи пошту на неоплаченому акаунті Webflow?

[@freelance-pro]

Да можно скину ссылку в телеграме

[@nefedorbondarchuk7662]

❤❤❤

[@freelance-pro]

))))))😊☺

[@user-bu6bz2yt7d]

Сделай пожалуйста обзор шаблона, интересно)

[@freelance-pro]

Пишите в телеграм обзор уже есть @artstrangers

[@alexandrs5097]

какие шикарные цвета ммм... Дмитрий, а вы сразу в вебфлоу делаете или сначала макет?

[@freelance-pro]

Сразу в вебфлоу, для меня это инструмент для дизайна, а вёрстка идёт в подарок автоматически))

[@alexandrs5097]

@@freelance-pro к этому наверное с опытом приходишь, когда уже видишь "в голове" общую картину и как все будет. Я попробовал, у меня вёрстка без готового макета, пока что гораздо медленней, но интересней :)) Ещё раз спасибо за то что делитесь опытом!

[@freelance-pro]

Что бы уметь делать как я говорю есть фишки и лайфхаки, о которых я рассказываю на своём индивидуальном тренинге и в учеников все получается 😉

[@user-bk2uj2tg4t]

Здравствуйте, Дмитрий! А где можно взять материалы для этого курса?

[@freelance-pro]

Здравствуйте 👋 можно взять все с живого сайта freelance-blog.com/work/neon-studio/

[@user-rz8sp2vz4q]

Вы всегда используюете картинки заказчика или если их инет,то контент как доп услугой идет?

[@freelance-pro]

Обычно как раз у заказчика картинок нет и я сам их подбираю, что входит в стоимость сайта и отдельно не оплачивается.

[@serdjo5629]

Спасибо за урок. Я только начал осваивать вебфлоу. Какой-то геморой с этими анимациями... Вчера вроде получилось сделать круглую кнопку, всё работало правильно, сегодня начал делать курсор, и настройки кнопки сбились, теперь кружки в кнопке крутятся не при наведении, а всегда за курсором, где бы он ни находился...что не так?

[@freelance-pro]

Что бы узнать что не так надо смотреть именно ваш проект и разбираться, это доступном на обучении приходите freelance-blog.com/study/ а то не проанализировав ваш сайт дать ответ буквально невозможно

[@serdjo5629]

@@freelance-pro уже разобрался. Продолжаю учить по вашим урокам... спасибо

[@freelance-pro]

И как ваши успехи сейчас?

[@irinairina9019]

спасибо за ваши уроки! подскажите, как можно сделать, чтобы картинка увеличивалась по клику и листалась, нашла у вас на уроке как ее увеличить, но как сделать, чтобы можно было ее листать после увеличения не знаю. спасибо!

[@freelance-pro]

Пожалуйста 😉 что ьы листалась надо добавить больше одной картинки в настройках или поставить галочку возле "связать с остальным лайтбоксами" вписать значение например 1 и для остальных лайтбоксов так же проставить 1

[@irinairina9019]

@@freelance-pro ооу, спасибо за помощь и суперскорость ответа)

[@freelance-pro]

Пожалуйста 😉 если что обращайтесь не стесняйтесь

[@irinairina9019]

@@freelance-pro это я уже поняла)) нужно было еще вчера спросить)) спасибо!😄

[@freelance-pro]

😉 я всегда готов помочь

[@yuliachernyakova1881]

Я не понимаю почему никто не может внятно рассказывать… конечно спасибо что делитесь. Я понимаю что автор знает, что делает, но объяснять четко и внятно, не может.

[@freelance-pro]

Потому что к каждому нужен индивидуальный подход, получить все внятно можно тут freelance-blog.com/study/

[@freelance-pro]

Да и начали вы с курса с повышенной сложность, сначала пройдите базовый kzbin.info/www/bejne/rmXUZ4Gqj9lmo6s

[@danielheinrich747]

Не знаю, куда ещё внятнее.

[@freelance-pro]

🧑‍💻

[@alexandermikolyk7987]

Спасибо за видео). Как сделать блог на вебфлоу, чтобы пользователю было удобно добавлять статьи? Есть ли для этого стандартные инструменты вебфлоу? Может у вас есть видео на эту тему?

[@freelance-pro]

Пожалуйста 😉 нужно верстку сделанную в вебфлоу, натянуть на cms для блога отлично подойдёт вордпресс, это делать должен программист, а не конвертор или дизайнер.

[@alexandermikolyk7987]

@@freelance-pro если сайт остается на вебфлоу, то можно сделать cms вебфлоу? И есть ли видео как это сделать?

[@freelance-pro]

Если останется на вебфлоу, то можно их cms использовать, но тогда будут минусы присущие конструкторам, например ссылки на все картинки будут левые, а не на домене, что плохо для seo и ещё парочка неудобств и ограничений, поэтому никогда сайты клиентоа там не оставляю и видео тоже не снимал про cms поскольку она не лучшее решение, скажем так))))

[@sexrs]

@@freelance-pro Здравствуйте! а обычно с интернет магазинами так же можно сделать? например вёрстку на Webflow а потом натянуть CMS на вордпресс? Чтобы удобно было товары добавлять, менеджерить, менять блоки банеров на главной (картинки) ?

[@freelance-pro]

Здравствуйте. Да, конечно же так можно делать.

[@takovweb121]

Ну ты и хрипишь, дядь!

[@freelance-pro]

))

[@user-bu6bz2yt7d]

Дмитрий можно ссылку на оригинал ваш для сравнения?

[@freelance-pro]

Это и есть оригинал первоначальная версия была просто наброском) Если хотите посмотреть на сайт, что мы делали в этом видео, то ссылочка на него будет после завершения курса👍

[@user-bu6bz2yt7d]

@@freelance-pro спасибо) хотелось бы посмотреть) буду ждать

[@freelance-pro]

artstranger.ru/work/neon-studio/

[@user-bu6bz2yt7d]

@@freelance-pro Спасибо огромное)))) Необычно и прям класс смотрится)))

[@freelance-pro]

Спасибо за тёплые слова, очень приятно ☺

[@clost]

Здравствуйте, можете ответить новичку в чём преимущество webflow? Это приложение для самой вёрстки, но при этом не через код или что? Не совсем понимаю. Буду признателен

[@freelance-pro]

Здравствуйте, преимущество вебфлоу в возможности поти отдыхать в 6 вечера а не в 12 ночи))) оно ускоряет процесс по сравнению с ручной вёрсткой. Это не приложение это сайт. Платформа для визуальной вёрстки. Где код писать не нужно, просто делаете дизайн и вёрстка вам в подарок))) это как фигма но круче, вот по этой теме к слову видео kzbin.info/www/bejne/bmO8omqNf8ZkoK8

[@kuptsov_design]

@@freelance-pro ну это не совсем как фигма)) это вообще другое)) в фигме делаем дизайн в webflow делаем верстку)) если делать дизайн сразу в webflow, то 100% появятся лишние строчки кода, которые никому не нужны))

[@freelance-pro]

Верстку делают в сублайм тексте, в визуал студио и т.д. а вебфлоу именно для дизайнеров инструмент, а что бы лишних строчек кода не было, есть специальная кнопка, нажимаем её в конце и все лишнее с кода удаляется (то что не используется) 😉

[@clost]

@@freelance-pro Ну вот прошло уже 3 недели, как я понял скоро ручная вёрстка сайтов будет не нужна, тк webflow, tilda позволяют дизайнерам "натягивать" сайты?

[@kuptsov_design]

совершенно верно, если чистая верстка кодом, то верстают через текстовые редакторы или том же визуал студио или пхп шторм, но webflow - это тоже верстка, тот же самый код достигается путем визуального редактирования. Это как программирование есть чистое на коде, а есть ОПП вроде и код пишешь, но многие объекты ты создаешь визуальным перетягиванием на холст программы

[@yuliachernyakova1881]

А мобильная версия есть?

[@freelance-pro]

Конечно же, смотрите курс от начала и до конца и всему научитесь kzbin.info/aero/PLb25rCxggZ7KZQUNa0al9GCtuBzCCjAr9

[@sergeirachuk9181]

Друг а где макет

[@freelance-pro]

Какой ещё макет?

[@sergeirachuk9181]

@@freelance-pro верстки

[@freelance-pro]

А нет его, смысл в этом))) по видео повторяйте все, тогда научитесь и макет у вас будет)) но если очень надо то перейдите ко мне в портфолио и найдете его 😉

[@saint14titan56]

@@freelance-pro наоборот в этом есть смысл. должна быть ссылька к материалу и макету...ведь цель это в конце иметь такой же результат как у тебя. Еще и громко стоит говорит, а то с трудом тебя слышно. А так спасибо за видео

[@freelance-pro]

Так я сам делал сайт без макета, нет никакого макета и не нужен он 😁 а готовый сайт, найти в моем портфолио не составит труда 😉

[@egorrr6057]

Надо чтото с голосом делать. Используйте фильтр улучшения. Ваш слушать невозможно, очень тяжело воспринимается.

[@TheShura2]

нормальный голос! да и какая разница?

[@egorrr6057]

@@TheShura2 голос слишком неровный и разница в том, что тяжело такой слушать. Ничего личного, но если использовать улучшайзер, то все будет ок.

[@infinitelyeternal3366]

@@egorrr6057 Согласен

[@freelance-pro]

кому как)))

[@freelance-pro]

спасибо 😊