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

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

Комментарии • 119

  • @2turistaural
    @2turistaural 3 года назад +8

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

    • @freelance-pro
      @freelance-pro  3 года назад +2

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

  • @VikiWeak
    @VikiWeak Год назад +2

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

    • @freelance-pro
      @freelance-pro  Год назад

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

  • @born-ht
    @born-ht 2 года назад +2

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

  • @akhmatt
    @akhmatt 3 года назад +3

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

    • @freelance-pro
      @freelance-pro  3 года назад +2

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

  • @grechanos
    @grechanos Год назад +1

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

  • @Igorbodnari
    @Igorbodnari Год назад +2

    Молодець!👍😀

  • @robot9399
    @robot9399 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад

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

  • @nado3248
    @nado3248 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

  • @nado3248
    @nado3248 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

  • @MrDemonlisher
    @MrDemonlisher 2 года назад +1

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

  • @freshdoping9009
    @freshdoping9009 6 месяцев назад +2

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

  • @irynasachko7921
    @irynasachko7921 3 года назад +3

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

    • @freelance-pro
      @freelance-pro  3 года назад +1

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

  • @rinagaron_art
    @rinagaron_art Год назад +2

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

    • @freelance-pro
      @freelance-pro  Год назад

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

  • @stensd7842
    @stensd7842 2 года назад +2

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

    • @freelance-pro
      @freelance-pro  2 года назад +2

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

  • @Екатерина-д9е
    @Екатерина-д9е 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @tgsector1
    @tgsector1 Год назад

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

  • @ДавидТкачев-и4в
    @ДавидТкачев-и4в 2 года назад +2

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @nado3248
    @nado3248 2 года назад +2

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

  • @СергейШевяков-р3ц
    @СергейШевяков-р3ц 2 года назад +5

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @ЕвгенияМаркова-ф8т
    @ЕвгенияМаркова-ф8т 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад +1

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

  • @СергейГутов-э1й
    @СергейГутов-э1й 2 года назад +1

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

  • @alexandrs5097
    @alexandrs5097 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад +2

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

    • @alexandrs5097
      @alexandrs5097 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад +1

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

  • @makellaa
    @makellaa 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @ЕвгенияМаркова-ф8т
    @ЕвгенияМаркова-ф8т 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад +3

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

    • @ЕвгенияМаркова-ф8т
      @ЕвгенияМаркова-ф8т 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад +3

      artstranger.ru/work/neon-studio/

    • @ЕвгенияМаркова-ф8т
      @ЕвгенияМаркова-ф8т 3 года назад +2

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

    • @freelance-pro
      @freelance-pro  3 года назад +1

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

  • @irinairina9019
    @irinairina9019 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

    • @irinairina9019
      @irinairina9019 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

    • @irinairina9019
      @irinairina9019 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

  • @ЧёрныйКотик-ь3з
    @ЧёрныйКотик-ь3з 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад +1

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

  • @Тимур-в9ц8ш
    @Тимур-в9ц8ш 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @Svetlana-hk3mm
    @Svetlana-hk3mm Год назад +2

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

    • @freelance-pro
      @freelance-pro  Год назад

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

  • @clost
    @clost 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

      Здравствуйте, преимущество вебфлоу в возможности поти отдыхать в 6 вечера а не в 12 ночи))) оно ускоряет процесс по сравнению с ручной вёрсткой. Это не приложение это сайт. Платформа для визуальной вёрстки. Где код писать не нужно, просто делаете дизайн и вёрстка вам в подарок))) это как фигма но круче, вот по этой теме к слову видео ruclips.net/video/82Yq7WJa1jM/видео.html

    • @kuptsov_design
      @kuptsov_design 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @clost
      @clost 2 года назад +1

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

    • @kuptsov_design
      @kuptsov_design 2 года назад +1

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

  • @alexandermikolyk7987
    @alexandermikolyk7987 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @alexandermikolyk7987
      @alexandermikolyk7987 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @sexrs
      @sexrs 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @serdjo5629
    @serdjo5629 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @serdjo5629
      @serdjo5629 2 года назад

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

    • @freelance-pro
      @freelance-pro  Год назад

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

  • @yuliachernyakova1881
    @yuliachernyakova1881 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

      Конечно же, смотрите курс от начала и до конца и всему научитесь ruclips.net/p/PLb25rCxggZ7KZQUNa0al9GCtuBzCCjAr9

  • @nefedorbondarchuk7662
    @nefedorbondarchuk7662 Год назад +1

    ❤❤❤

  • @sergeirachuk9181
    @sergeirachuk9181 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @sergeirachuk9181
      @sergeirachuk9181 2 года назад +1

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @saint14titan56
      @saint14titan56 2 года назад +2

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

  • @yuliachernyakova1881
    @yuliachernyakova1881 2 года назад +3

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

    • @freelance-pro
      @freelance-pro  2 года назад

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

    • @freelance-pro
      @freelance-pro  2 года назад

      Да и начали вы с курса с повышенной сложность, сначала пройдите базовый ruclips.net/video/x4q6NtZt3mI/видео.html

    • @danielheinrich747
      @danielheinrich747 2 года назад +2

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

    • @freelance-pro
      @freelance-pro  Год назад

      🧑‍💻

  • @takovweb121
    @takovweb121 3 года назад +2

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

  • @egorrr6057
    @egorrr6057 Год назад +5

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

    • @TheShura2
      @TheShura2 Год назад

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

    • @egorrr6057
      @egorrr6057 Год назад +1

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

    • @infinitelyeternal3366
      @infinitelyeternal3366 Год назад +2

      @@egorrr6057 Согласен

    • @freelance-pro
      @freelance-pro  Год назад

      кому как)))

    • @freelance-pro
      @freelance-pro  Год назад

      спасибо 😊