Webflow: твій перший сайт на конструкторі

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

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

  • @lina_litl
    @lina_litl Год назад +8

    нарешті знайшла контент про Webflow українською . дякую за відео і такий корисний контент ❤

    • @andriy-kos
      @andriy-kos Год назад

      Також шукав таке)

  • @Bohdan-i7q
    @Bohdan-i7q 11 месяцев назад +1

    Класс. Урок супер. Спочатку натрапив на якогось чувака, на кучу годинних відео, і тааааакаааа фігня, поматав усі відео, відстій. А тут просто шик. 50 хвилин, і вже стільки навчився, клааас. Величезне вам дякую)

    • @tolkovodsgn
      @tolkovodsgn  11 месяцев назад

      дякую! мені дуже приємно! попереду у вас ще багато цікавого з цією потужною платформою🔥🔥

  • @karinank
    @karinank Год назад +7

    все зрозуміло, лаконічно та без води! величезне тобі подяка за цей урок♥️🤝🏻 мрію, щоб в 2023 на цьому каналі було багато таких корисних відео, тому відправляю сигнали у всесвіт😂

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

      вау, дякую за такий розгорнутий фідбек🧡 контент-план на лютий уже готую🤌🏻

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

    Дякую за якісний контент українською для дизайнерів!

    • @tolkovodsgn
      @tolkovodsgn  11 месяцев назад

      і я вам дякую за коментар🥹

  • @olegianito
    @olegianito 6 месяцев назад

    Ну нарешті, чітко подана інформація без води. І дуже приємний голос 😊
    До цього відео думав, що на WEBFLOW можна конструювати лише лендінги. Тепер знаю більше дякуючи тобі 😊

    • @tolkovodsgn
      @tolkovodsgn  5 месяцев назад

      Дякую за коментар!

  • @Natalie.Design
    @Natalie.Design Год назад +4

    ставлю на паузу - лайк і подяка за україномовний, корисний контент👍🇺🇦❤

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

      дякую за підтримку🧡

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

    Як же детально, чітко та приємно все пояснюєш! Дуже дякую!👏Бажаю тобі розвитку в усіх твої задумах!

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

      дякую за такий чудовий фідбек🧡

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

    Дякую, вже не можу дочекатися завершення робочого дня щоб подивитися ваше відео і бути на крок ближче до професії своєї мрії ✨🪐

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

      уже кортить подивитися, що у вас вийде😍 впевнена, щось дуже класне. і нехай ця мрія здійсниться! дякую, що дивитесь🫶🏻

  • @АлінаВ-т4з
    @АлінаВ-т4з Год назад +1

    це щастя знайти таке класне відео українською😍 ви класна, цікава і вас дуже приємно слухати!! дякую!

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

      [пропустила ваш коментар раніше, на жаль.🥺]
      дуууже дякую за підтримку🧡🧡🧡

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

    дякую за такий детальний урок, все зрозуміло і без зайвих деталей!

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

      дякую за фідбек🫂🧡

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

    Неймовірно приємно дивитись, продовжуйте, будь ласка, знімати далі😊 дуже вдячна вам!

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

      дякую за коментар, це надихає!🥹 зніматиму🧡

  • @СвітланаКаюн
    @СвітланаКаюн Год назад

    Привіт, дуже рада що натрапила на ваші круті уроки! Ви молодчинка! Я тільки починаю свій шлях в дизайні і хочу розібратися і в розробці. Якщо і не буду сама верстати, то я думаю мені це буде корисно. У мене лише питання, в Webflow, для того щоб навчитися я можу не обмежену кількість створювати чернеток безкоштовно. Чи є якісь обмеження?

  • @МиколаМасленко-у7о

    Дуже якісний контент. Постарайтесь робити більше такого, якщо буде вільний час звісно.

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

    Дуже круто, що натрапила на ваше відео, зараз готую курсовий проєкт на UX/UI, та мені конче необхідно навчитися користуватися Webflow😅
    У вас дуже крута вимова, ставлю на паузу, буду повторювати за вами😍
    Дякую♥♥♥

  • @katiacherednichenko
    @katiacherednichenko 6 месяцев назад +1

    Ви крута❤☺

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

    Вітаю! Дякую за повчальний урок!

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

      Дякую за коментар👐🏻

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

    Корисно. Дякую.

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

    Дуже дякую!)

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

      і я вам дякую за коментар🙌🏻

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

    дякую, красуне, за цікавий урок 🙂

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

    Нереально допомогло твоє відео, продовжуй ❤

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

      ідеально, дякую!🫶🏻

  • @Калимская
    @Калимская Год назад +1

    дякую велике

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

      і я вам дякую за коментар🧡

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

    Дякую за таке круте відео❤

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

      дякую за коментар🥹🫶🏻

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

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

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

      і пробувала, і урок на курс знімала по ньому. вартий для тих, хто любить автоматизувати, але мені наразі приємніше створити дизайн-макет у фігмі класичним чином і потім зверстати його вручну на вебфлоу так, як я люблю.🧡👌🏻

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

    Привіт, дуже дякую вам за таке якісне відео!
    У мене маленьке питання) Наприклад, я не хочу сама створювати дизайн, а тільки реалізувати його у вебфлоу, чи є взагалі у такому сенс? Чи ринок праці одразу вагомо зменшиться?

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

      привіт!🫶🏻 по-перше, дякую за класну оцінку того, що ми з командою створили! а, по-друге, я вважаю, що на кожне позиціонування клієнти знайдуться, якщо їх старанно та системно залучати. для себе ж вибрала такий варіант: роблю і дизайн+верстку; і дизайн для крупних проєктів, де багато дизайнерів тає програмісти; і суто верстку чужих дизайнів на вебфлоу, бо обожнюю верстати, якщо чесно. 2 і 3 варіанти - найчастіші в моїй практиці, оскільки це прям надихає. а ви, як і кожен спеціаліст, на мою думку, можете визначитись зі своїм спектром послуг і заявити про нього так, аби ті самі клієнти, які мріють про співпрацю з такою людиною, як ви, дізнались про вас.🥹

  • @ІгорКозубаль
    @ІгорКозубаль Год назад

    Дуже Файно

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

    Цікаво і дуже детально. Чекаю на далі. Лайк та підписка. 🎉

  • @anastasiia.fartushna
    @anastasiia.fartushna Год назад +1

    цікаво, дякую за відео

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

    Настя, ти просто rock girl!🤩

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

      оце так комплімент! дякую🧡🧡🧡

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

    47:00 замість гріда, можна просто flex horizontal + space between

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

    Підкажи будь ласка, якщо знаешь, чи можна створити на Webflow тему для Shopify? Тобто створити, зберегти всі файли в ZIP та завантажити на Shopify? 😊

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

    Привіт, Настя!
    Дякую за цікавий контент!
    Порадь, будь ласка, який варто обирати тариф дизайнеру на платформі Вебфлоу для для комерційної розробки веб-сайтів для клієнтів?

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

      привіт! дякую за коментар!🧡
      залежить від ситуації; доволі часто я особисто працюю на акаунті клієнта, бо є передплата та/або договір, тому одразу раджу клієнту оплачувати тариф basic [коли бачу, що це закриє потреби його бізнеса].
      коли знаю, що будуть задіяні cms items, пропоную клієнту дорожчі тарифи, тобто cms, business і тд

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

      ​@@tolkovodsgn А якщо дизайнеру який розробляє сайти на Вебфлоу потрібно створити портфоліо, то тарифу Basic теж буде достатньо?
      P.s. Чудово, що ти ведеш канал українською мовою!

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

      @@Oleksandr_Nitsenko дуже раджу вичитати всі тарифи в розділі прайсінг на сайті вебфлоу, бо багаточисленні кейси ДЛЯ портфоліо або сайт-портфоліо все ж різні речі, і треба спочатку для себе розуміти, що плануєте, а далі вже спиратися на особливості тарифів. наприклад, безкоштовний тариф дозволяє створити тільки 1 сайт з 1 сторінкою та без власного фенсі-домену🙌 принаймні наразі

  • @tarasbudilin949
    @tarasbudilin949 10 месяцев назад

    Створив контейнер, але його не видно після публікації. І ще - чому контейнер змінюється на контейнер 1 чи контейнер 2?

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

    Підкажіть, будь ласка, що робити якщо відсутній елемент колонки. Можливо його можна чимось замінити?

  • @ukropnews2402
    @ukropnews2402 7 месяцев назад

    Дуже хочеться навчитися, як новачку в дизайні задається то просто мрія не залежити від вестальника

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

    Щось мені здається краще використовувати конструктори вордпрес, джумли тощо, щоб сайт можна було завантажувати на будь який хост. Але це мої здогадки

  • @НастяТрофимюк-ы1л

    привіт) дуже класне відео) скажи, а можна десь подивитись твої роботи? не можу знайти посилання(

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

      дякую🧡 в актуальному «кейси» є частина моїх робіт, але більшість проєктів я не маю часу викладати, та/або вони під NDA
      ps. знаю, що вже відповіла вам у телеграмі, це відповідь, скоріше, для всіх, щоб була тут🫶🏻

    • @НастяТрофимюк-ы1л
      @НастяТрофимюк-ы1л Год назад

      @@tolkovodsgn дякую))

  • @denis.ter111
    @denis.ter111 Год назад

    Привіт, дякую за таке детальне відео)
    Також вирішив перейти на Webflow, та одразу виникло питання з пошуку клієнтів. Можливо ти можеш підказати де шукати? )

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

      радію, що відео сподобалось🧡
      багато розповідаю про роботу з клієнтами в інсті @mazurovska.a, а взагалі найкращі варіанти - сарафанка, яка працює на вас, та розвивнений особистий бренд - такий, щоб клієнти шукали вас, а не ви клієнтів👌🏻

  • @ВолодимирШевчук-с5х

    Доброго дня. Підкажіть, а можна до цього сайту підключати Фейсбук піксель?

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

      так, є опція такої інтеграції👌🏻

  • @НастяСмокова
    @НастяСмокова Год назад

    Вітвю! В мене виникла проблема, ніяк не можу вставити/написати свій текст, може хто зіткався з цією проблемою? Допоможіть будь ласка

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

      ви його вставляєте у дів блок, і текст просто зникає? на панелі шарів зліва він хоч десь відображається? можливо, ви поставили для нього position: absolute чи мінусові відступи

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

    Подскажите пожалуйста чем отличается веб флоу от редимаг ?

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

      детально є в актуальних сторіз в інстаграмі, а взагалі у редімаг, наприклад, ви можете, як і у фігмі, вільно пересувати елементи затиснутим курсором, а у вебфлоу все працює за принципом контейнерів, блоків, які ви організовується у просторі за допомогою батьківських елементів на панелі налаштувань справа🙌🏻 вебфлоу більш надійний, бо значно рідше лагає. і, незважаючи на упередження, на вебфлоу можна зробити практично будь-що, якщо дійсно знати, як правильно користуватися платформою🧡

  • @sofia.knyzhnykova
    @sofia.knyzhnykova Год назад

    Цей урок просто прекрасний, дуже тобі дякую. Скажи, будь ласка, ти не знаєш чому при редагуванні сайт є, а при передперегляді пустий екран? 😭 це якось із тарифами пов‘язано? Не розумію, що я роблю не так 😢

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

      Дякую🧡 з тарифам точно не має бути пов’язаним, бо я робила пробні сайти свої ще в березні 2022 без оплати тарифу спочатку, і все відображалось ок. вебфлоу же дозволяє мати 1 сайт з 1 сторінкою безкоштовно. тому причину треба шукати в іншому🥺

    • @sofia.knyzhnykova
      @sofia.knyzhnykova Год назад

      @@tolkovodsgn намагаюся зробити горизонтальний скролл і він його не показує 😭😭😭 але в мене і дві сторінки на сайті, може в цьому причина...
      Дуже дякую за швидку відповідь ❣️

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

    Чи можна потім взяти html код цієї сторінки?

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

      у моїй роботі такої потреби не виникало🙌🏻

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

    А як ви потім відправляйте цей сайт клієнта на хостинг?? Чи потім цим займаєтся програміст? Тобто ви с вебфлоу передаєте клієнтові сайт а він потім шукає того хто би міг цей сайт відправити на хостинг? 😢❤🙏

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

      я відповідаю за процес розробки сайту комплексно, тому сама купую для клієнта домен та під’єдную його до сайту на етапі технічних налаштувань🫶🏻
      цього достатньо, щоб запустити сайт по бажаному посиланню. про окремий хостинг не йдеться, коли сайт збирає дизайнер для платформі, яка бере на себе відповідальність за певні подібні процеси.

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

      @@tolkovodsgn Як я зрозуміла то верстальщика або програміста шукати не потрібно 🙏чи могла би ти будь ласко якось зняти відео на цю тему ?❤️

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

      @@tolkovodsgn я думаю що це вже в минулому коли дизайнер відавав сайт програмісту або верстальщику. А зараз це робить webflow правильно? ❤️

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

      @@MrMariaFant насправді верстальники і програмісти - невід’ємна частина великих проєктів, де може бути 3-5 дизайнерів, які займаються суто дизайном, я іноді в таких проєктах теж беру участь, але переважно - дійсно - збираю свої дизайни на вебфлоу, бо він це класно дозволяє робити і без знань коду🫶🏻

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

      @@MrMariaFant може, колись і зніму, але тут і короткої відповіді може вистачити: дизайнер, який бере на себе повний цикл розробки сайту, дизайнить його у фігмі та втілює свій дизайн у життя на вебфлоу/шопіфай/редімаг (з усіма технічними налаштуваннями).
      якщо дизайнер хоче виконувати роль тільки дизайнера, він шукає проєкти, де є верстальники, люди, які займаються кодом
      ось так👌🏻

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

    Може я це пропустила, чи хтось таке питання ставив: як налаштувати «клікабельність»?

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

      я так розумію, ви не про кнопки, а про будь-які інші елементи?🫶🏻

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

      Боги, я й не сподівалася, що ви читаєте. В мене є одна статична сторінка, на якій кнопки nav bar працюють коректно, перенаправляючи на потрібні розділи. І є 3 CMS Collection Pages. Так от, як коректно налаштувати перехід з статичної сторінки на динамічні?

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

      @@DariaNebeska у деяких випадках допомагає, якщо ви переопублікуєте весь сайт, і скопіюєте потрібні посилання на потрібні динамічні сторінки та потім вставите їх в ті конкретні кнопки, де вони мають виконувати свою функцію🫶🏻
      взагалі я спочатку думала, що у вас питання не про динамічні елементи, бо я це в базовому уроці на ютуб не охоплюю, але якщо з динамічними, це треба окремо від урока розглядати. порада зверху - як одна з опцій

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

      @@tolkovodsgn я дуже вам вдячна! Не зважаючи на те, що ви цієї теми у відео не торкалися. Гарного вам вечора)

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

    Чому в мене на перегляді сайту немає того контейнеру? Хтось знає, підскажіть будь ласка

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

      багато причин може бути, але передусім треба запевнитися, що ви дійсно помістили його в section та наповнили чайлд елементами або задали конкретні параметри висоти та ширини🙌🏻

  • @ВиталийАнтоненко-с9д

    Ничего не понял!

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

      у такому випадку завжди можна подивитися уроки від webflow university🙌🏻
      хоча якщо не повторювати практично за мною чи за ними те, що ми робимо, то нічого і не зрозуміється, на жаль

    • @ВиталийАнтоненко-с9д
      @ВиталийАнтоненко-с9д Год назад

      @@tolkovodsgn Я прошу прощение, если вас чем-то обидел. Поверьте, я этого не хотел. Немного был на эмоциях, ткт мне приходится переучиваться с Фигмы на Флоу. И просто голова не варит, как понять эту логику в Флоу.

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

      Посилання на адаптацію українською оригінальних курсів з Webflow University
      ruclips.net/video/yRrgzeuerqo/видео.html
      Зробили багатсько работи.@@tolkovodsgn

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

      @@ВиталийАнтоненко-с9д ну как там, освоил вебфлоу?

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

    Класс!👍Пожалуйста продолжайте!Очень понятно обьясняете)Сейчас появился плагин для переноса с фигмы на вебфлоу.(Казахстан)

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

      Спасибо! Да, плагин обрадовал, уже добавляю его в программу нашего расширенного продукта и в ближайшее время сделаю сторителл на эту тему в сториз🧡