Делаем дорогой сайт на webflow. Новый уровень сложности. Бесплатный курс вебфлоу, урок #1
HTML-код
- Опубликовано: 12 дек 2021
- #webflow #вебфлоу #вебдизайн
Новый бесплатный курс по разработке стильного и дорогого сайта на вебфлоу. Новый уровень сложности. Учимся делать круто, упор на визуальную составляющую и вау эффект. Будем использовать сложные анимации и делать по максимуму. Данный курс позволит вам увидеть разработку реально сильного проекта, а так же если вы будете повторять за мной, то что делаю я - то еще и опыта наберетесь!
Это первое видео из бесплатного курса по вебфлоу, мы в итоге сделаем полностью сайт, все шаг за шагом я буду показывать и рассказывать. Данный курс можно применить при создании сайта любой другой тематики, просто подправив наполнение под вашу тему. Если видео полезно то лайк и комментарий будет лучшей благодарностью для меня.
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - artstrangers@gmail.com
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog.com/
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog.com/webflow/
👉 • Материалы для уроков - freelance-blog.webflow.io/
👉 • Индивидуальное обучение - freelance-blog.com/study/
•••••••••••••••••••••••••••••••
шикарный сайт, обожаю сайты в темном формате. Неон придает дороговизну сайту. Жду продолжения.
Спасибо! Продолжение уже отснято, осталось смонтировать и скоро будет все на канале! 😉
урок🔥, жду 2ю часть👍
Спасибо)) Вторая часть скоро будет 😉
привет.
я граф.дизайнер, спрашивал у чуваков которые делают сайты на вебфлоу про цены, сказали пару тысяч евро, ну и я решил сам себе сайт сделать, щас начну учиться, спасибо за видео.
Пожалуйста ☺️
Большущее при большущее спасибо тебе, я по тебе всему и научился, самым сложным штукам. Анимации и тп. Сил тебе и мотивации. Мы рядом твои фанаты. )) Спасибо ты лучший!
Спасибо 😊 ооооооочень приятно)))
Спасибо большое за то, что вы делаете! Очень мега крутая информация и курс!
Пожалуйста! 😊
Очень шикарная работа, Дмитрий!
Спасибо
Главное что всё понятно и детально разбирается. Очень КРУТО. Для начинающих это очень важный момент.
Спасибо 😉 рад что контент нравится , буду и дальше вас радовать
Спасибо за видео! Стильный дизайн сайта 🌌💙
Пожалуйста)) рад что вам он нравиться
Крутой урок, спасибо !!!
Крутой коммент, пожалуйста 😉
Яркий сайт, особенно понравились приемы. Спасибо за урок
Пожалуйста 😉
Молодець!👍😀
Спаисибо
Доброго времени суток Дмитрий и самого доброго настроения Души... Мне в этом году уже будет 50 и я решил освоить программирование. В Университете одно из направлений программирования это вёрстка сайтов. Мне этого не хватало. Но я дальше планирую вёрстку делать именно в Webflow. И Ваши ролики с пошаговыми действиями очень актуальны для практики. Вы ОГРОМНУЮ положительную энергетику передаёте. Особенно когда получается по Вашим роликам самому сверстать лэндинг, это очень мотивирует. Вам дальнейшего творческого развития и учеников способных.
Здравствуйте 👋 огромное спасибо за такой приятный комментарий, именно они меня мотивируют записывать новые видео 😊 если будут любые вопросы смело задавайте, на все отвечу!
Я сразу в бой!) Спасибо чел!
Пожалуйста
Видео было полезным, оставляю обещанный коммент, спасибо :)
Пожалуйста 😉 рад что понравилось
Большое спасибо за урок! Обалдеть можно!
Сайт КРУТОЙ!!!
Голос не смутил - это изюминка автора! 😉
И вам, большое спасибо, за комментарий! 😊 Скоро будет новый курс, сделаем сайт без использования значений в пикселях))
Спасибо вам огромное за такие уроки! Вы единственный человек, который нормально обьяснят на русском языке! Жду с нетерпением следующие уроки!!
Пожалуйста 😉 буду и дальше вас радовать! Спасибо за тёплые слова)))
Теннис после урока -обязательно! Надо ж спину к жизни возвращать))
Правильно)))
Так же стараюсь прокачивать спину и держать её в тонусе
Я уже раз 20 сделал эту кнопку анимированную. Сбивалось на последнем этапе всё. Но зато сейчас всё быстро можно делать. Я по 8-10 часов трачу на обучение. На первых порах сложно. Необходимо уделять малейшим нюансам и конценртация внимания большая. С опытом это уже конечно на автомате будет всё.
Да, в начале действительно сложно, но это как в освоении любой новой профессии, надо просто это перетерпеть и потом будет все наааамного проще 😉 мысли будут буквально материализироваться
👍еще один лайк
😊
❤❤❤
))))))😊☺
Классный урок, спасибо) но мне кажется тебе нужно поработать над голосом)
Пожалуйста 😉 надо поработать и над голосом, это да
Если бы могла, то поставила бы 2 лайка! Спасибо.
Пожалуйста ☺️ и вам спасибо за лайки и комментарии это мне ооооочень помогает 😊
Сделай пожалуйста обзор шаблона, интересно)
Пишите в телеграм обзор уже есть @artstrangers
Дмитро, скажіть, будь ласка, чи можна підключити форму щоб заявки приходили в телеграм, чи пошту на неоплаченому акаунті Webflow?
Да можно скину ссылку в телеграме
Вы всегда используюете картинки заказчика или если их инет,то контент как доп услугой идет?
Обычно как раз у заказчика картинок нет и я сам их подбираю, что входит в стоимость сайта и отдельно не оплачивается.
какие шикарные цвета ммм... Дмитрий, а вы сразу в вебфлоу делаете или сначала макет?
Сразу в вебфлоу, для меня это инструмент для дизайна, а вёрстка идёт в подарок автоматически))
@@freelance-pro к этому наверное с опытом приходишь, когда уже видишь "в голове" общую картину и как все будет. Я попробовал, у меня вёрстка без готового макета, пока что гораздо медленней, но интересней :)) Ещё раз спасибо за то что делитесь опытом!
Что бы уметь делать как я говорю есть фишки и лайфхаки, о которых я рассказываю на своём индивидуальном тренинге и в учеников все получается 😉
Здравствуйте, Дмитрий! А где можно взять материалы для этого курса?
Здравствуйте 👋 можно взять все с живого сайта freelance-blog.com/work/neon-studio/
Спасибо за урок. Я только начал осваивать вебфлоу. Какой-то геморой с этими анимациями... Вчера вроде получилось сделать круглую кнопку, всё работало правильно, сегодня начал делать курсор, и настройки кнопки сбились, теперь кружки в кнопке крутятся не при наведении, а всегда за курсором, где бы он ни находился...что не так?
Что бы узнать что не так надо смотреть именно ваш проект и разбираться, это доступном на обучении приходите freelance-blog.com/study/ а то не проанализировав ваш сайт дать ответ буквально невозможно
@@freelance-pro уже разобрался. Продолжаю учить по вашим урокам... спасибо
И как ваши успехи сейчас?
Спасибо за видео). Как сделать блог на вебфлоу, чтобы пользователю было удобно добавлять статьи? Есть ли для этого стандартные инструменты вебфлоу? Может у вас есть видео на эту тему?
Пожалуйста 😉 нужно верстку сделанную в вебфлоу, натянуть на cms для блога отлично подойдёт вордпресс, это делать должен программист, а не конвертор или дизайнер.
@@freelance-pro если сайт остается на вебфлоу, то можно сделать cms вебфлоу? И есть ли видео как это сделать?
Если останется на вебфлоу, то можно их cms использовать, но тогда будут минусы присущие конструкторам, например ссылки на все картинки будут левые, а не на домене, что плохо для seo и ещё парочка неудобств и ограничений, поэтому никогда сайты клиентоа там не оставляю и видео тоже не снимал про cms поскольку она не лучшее решение, скажем так))))
@@freelance-pro Здравствуйте! а обычно с интернет магазинами так же можно сделать? например вёрстку на Webflow а потом натянуть CMS на вордпресс? Чтобы удобно было товары добавлять, менеджерить, менять блоки банеров на главной (картинки) ?
Здравствуйте. Да, конечно же так можно делать.
спасибо за ваши уроки! подскажите, как можно сделать, чтобы картинка увеличивалась по клику и листалась, нашла у вас на уроке как ее увеличить, но как сделать, чтобы можно было ее листать после увеличения не знаю. спасибо!
Пожалуйста 😉 что ьы листалась надо добавить больше одной картинки в настройках или поставить галочку возле "связать с остальным лайтбоксами" вписать значение например 1 и для остальных лайтбоксов так же проставить 1
@@freelance-pro ооу, спасибо за помощь и суперскорость ответа)
Пожалуйста 😉 если что обращайтесь не стесняйтесь
@@freelance-pro это я уже поняла)) нужно было еще вчера спросить)) спасибо!😄
😉 я всегда готов помочь
Здравствуйте, можете ответить новичку в чём преимущество webflow? Это приложение для самой вёрстки, но при этом не через код или что? Не совсем понимаю. Буду признателен
Здравствуйте, преимущество вебфлоу в возможности поти отдыхать в 6 вечера а не в 12 ночи))) оно ускоряет процесс по сравнению с ручной вёрсткой. Это не приложение это сайт. Платформа для визуальной вёрстки. Где код писать не нужно, просто делаете дизайн и вёрстка вам в подарок))) это как фигма но круче, вот по этой теме к слову видео ruclips.net/video/82Yq7WJa1jM/видео.html
@@freelance-pro ну это не совсем как фигма)) это вообще другое)) в фигме делаем дизайн в webflow делаем верстку)) если делать дизайн сразу в webflow, то 100% появятся лишние строчки кода, которые никому не нужны))
Верстку делают в сублайм тексте, в визуал студио и т.д. а вебфлоу именно для дизайнеров инструмент, а что бы лишних строчек кода не было, есть специальная кнопка, нажимаем её в конце и все лишнее с кода удаляется (то что не используется) 😉
@@freelance-pro Ну вот прошло уже 3 недели, как я понял скоро ручная вёрстка сайтов будет не нужна, тк webflow, tilda позволяют дизайнерам "натягивать" сайты?
совершенно верно, если чистая верстка кодом, то верстают через текстовые редакторы или том же визуал студио или пхп шторм, но webflow - это тоже верстка, тот же самый код достигается путем визуального редактирования. Это как программирование есть чистое на коде, а есть ОПП вроде и код пишешь, но многие объекты ты создаешь визуальным перетягиванием на холст программы
Дмитрий можно ссылку на оригинал ваш для сравнения?
Это и есть оригинал первоначальная версия была просто наброском) Если хотите посмотреть на сайт, что мы делали в этом видео, то ссылочка на него будет после завершения курса👍
@@freelance-pro спасибо) хотелось бы посмотреть) буду ждать
artstranger.ru/work/neon-studio/
@@freelance-pro Спасибо огромное)))) Необычно и прям класс смотрится)))
Спасибо за тёплые слова, очень приятно ☺
Ну ты и хрипишь, дядь!
))
А мобильная версия есть?
Конечно же, смотрите курс от начала и до конца и всему научитесь ruclips.net/p/PLb25rCxggZ7KZQUNa0al9GCtuBzCCjAr9
Я не понимаю почему никто не может внятно рассказывать… конечно спасибо что делитесь. Я понимаю что автор знает, что делает, но объяснять четко и внятно, не может.
Потому что к каждому нужен индивидуальный подход, получить все внятно можно тут freelance-blog.com/study/
Да и начали вы с курса с повышенной сложность, сначала пройдите базовый ruclips.net/video/x4q6NtZt3mI/видео.html
Не знаю, куда ещё внятнее.
🧑💻
Друг а где макет
Какой ещё макет?
@@freelance-pro верстки
А нет его, смысл в этом))) по видео повторяйте все, тогда научитесь и макет у вас будет)) но если очень надо то перейдите ко мне в портфолио и найдете его 😉
@@freelance-pro наоборот в этом есть смысл. должна быть ссылька к материалу и макету...ведь цель это в конце иметь такой же результат как у тебя. Еще и громко стоит говорит, а то с трудом тебя слышно. А так спасибо за видео
Так я сам делал сайт без макета, нет никакого макета и не нужен он 😁 а готовый сайт, найти в моем портфолио не составит труда 😉
Надо чтото с голосом делать. Используйте фильтр улучшения. Ваш слушать невозможно, очень тяжело воспринимается.
нормальный голос! да и какая разница?
@@TheShura2 голос слишком неровный и разница в том, что тяжело такой слушать. Ничего личного, но если использовать улучшайзер, то все будет ок.
@@egorrr6057 Согласен
кому как)))
спасибо 😊