如果你想建立一个独特的网站,有原创的想法,标准网站建设者像Wix和Squarespace这样的网站只能帮到你这么多。Webflow更先进一点,比你的标准DIY站点生成器有更多的选项和功能。然而,这些额外的东西可能有点复杂,所以如果您是该平台的新手,您可能需要一些初学者Webflow教程来开始。

下面,我们列出了9个最好的Webflow教程,这样您就可以了解这个网站构建软件的细节。但首先,让我们谈谈什么是Webflow以及它是否适合您。

用笔记本电脑用各种积木和上面的一个字符创建一个网站
插图的OrangeCrush

Webflow是什么?
- - - - - -

Webflow是一个网站设计工具,帮助人们构建网站而不必担心编码。使用拖放界面,用户可以在编辑器中构建他们想要的站点,当它完成时,Webflow自动生成适当的HTML、CSS或JavaScript。

如果您熟悉像Squarespace或Wix这样的编辑器,Webflow使用了类似的结构—但是有更多的选项。这是Webflow相对于其更实际的表亲的优势;Webflow提供了更高级的特性和更多的定制选项,因此您可以“打破常规”,构建完全原始的站点。如果你对网站的外观有一个明确的想法,Webflow可以帮助你实现它。

Webflow平台的Gif演示
Webflow的工作流程通过Webflow的博客

当然,更多的功能意味着更陡峭的学习曲线。业余网站构建者蜂拥到Wix或Squarespace这样的网站,因为它们既快捷又方便;如果你想充分利用它,Webflow需要一些时间来学习。这就是为什么这些Webflow教程如此方便——如果您遇到困难并需要答案,您可以在下面的9个地方找到它们。

1.《Webflow入门教程》(Torque Magazine)
- - - - - -

尼克Schaferhoff的Webflow教程扭矩杂志它实际上是一个较好的概括:所有的东西都按照类别整齐地组织起来,这样你就可以找到你需要的东西,而且不会陷入技术细节的困境。这篇文章背后的想法是向读者展示还有什么其他的东西,但是令人惊讶的是,它是公正的,并且在Webflow值得赞扬的时候赞扬了它。

Webflow教程示例截图:什么是Webflow?尼克Schaferhoff

这是Webflow的一个非常广泛的视角。虽然它可能涵盖了使用界面的一些操作方面以及您可以使用它做什么,但它不是真正的操作指南。更确切地说,它更多地是向那些希望更深入了解Webflow所提供的功能的人介绍Webflow。

定价:

  • 免费的

建议如果:

  • 你对Webflow几乎一无所知
  • 你仍然在Webflow和另一个平台之间做决定

2.Jen Kramer的《Learning Webflow》(LinkedIn Learning)
- - - - - -

Webflow教程示例截图:从Jen Kramer学习Webflow

前自由职业者珍·克莱默(Jen Kramer)在她身上分享了她的行业见解学习Webflow课程在LinkedIn学习。本课程是一个关于Webflow机制的深度教学,压缩成一个整洁的1小时46分钟。

这是一个从开始一个项目到发布一个完整网站的基本纲要,面向初学者。Kramer介绍了如何使用Webflow接口以及如何添加所需的元素,并具体展示了如何构建像Home和Contact这样的单独页面。

因为这是LinkedIn Learning,你需要订阅才能看到它。如果你已经订阅了LinkedIn Learning,你可以免费观看,否则你就得注册了。

定价:

  • LinkedIn Learning的订阅费用为每月39.99美元

建议如果:

  • 你已经订阅了LinkedIn Learning
  • 你需要一个初学者教程来获得基础知识

3.Jan Losert的《Webflow初学者最简单指南》
- - - - - -

Webflow教程示例截图:The Easiest Guide to Webflow for初学者,作者Jan Losert

撇开视频和付费课程,Jan Losert的《Webflow初学者最简单指南》是一篇免费的在线文章,解释了Webflow的基本功能(以及在哪里可以找到所有的按钮)。伴随着屏幕截图和gif,本指南是一个方便的快速参考指南,刚刚开始。

虽然它没有涉及更高级的技术,但它确实有其他资源的链接,如模板库和UI工具包。它的结构可能像所有者手册,但作者友好的语气和表情符号减轻了情绪。

定价:

  • 免费的

建议如果:

  • 比起视频教程,您更喜欢文本指南——您可以按照自己的节奏学习,而且有用的屏幕截图可以提供相当多的信息

4.“Webflow初学者:Webflow大师班”(Udemy)
- - - - - -

Webflow教程示例截图:Udemy

Webflow初学者:Webflow大师班是一个很好的介绍新手,将近5小时的视频分为36个讲座。这将教会您如何使用Webflow界面、创建单个元素以及构建带有所有装饰的示例着陆页面。整个课程的价格是44.99美元,不过有时你会在打折时发现它。

你也可以看看使用Webflow建立你的网页设计业务这是一门免费课程,专门针对SEO和销售数据等主题的企业。

定价:

  • Webflow初学者:Webflow大师班,$44.99
  • 使用Webflow免费建立你的网页设计业务

建议如果:

  • 你喜欢Udemy学习模型
  • 你需要涵盖Webflow初学者需要知道的一切

5.《如何用Webflow高效构建网站》(Flux)
- - - - - -

如何用Webflow高效地构建网站教程将介绍如何构建你的网站,以及如何在Webflow中正确地做它。这是Webflow的新用户常犯的错误。所以不要犯这个错误,看看这个8分钟的视频教程,你就不会头痛了!

通量是设计师Ran Segall的YouTube频道,他和他的搭档主持讨论行业的相关话题,从商业建议到通用技术。如果你想从Flux了解更多,你可以看看他们的整个播放列表专用于Webflow教程

定价:

  • 免费的

建议如果:

  • 你是Webflow的新手,需要一些结构的基础知识

6.“在Webflow中构建一个完整的网站”(设计+代码)
- - - - - -

Webflow教程示例截图:设计+代码

设计+代码提供了免费的,完整的课程有12个独立的视频,大部分在10-20分钟之间。这些视频格式的Webflow屏幕共享视图使您很容易了解软件,并轻松处理高级技术。

因为课程被分成12个单独的视频,你可以停止和开始在你自己的步伐。你也可以从一节课跳起来,比如如何做视差滚动创建洛蒂动画这取决于你的学习曲线和兴趣。

定价:

  • 免费的

建议如果:

  • 你想要实际Webflow使用的屏幕份额;这些视频只展示了Webflow的工作界面,它可以帮助某些类型的学习者找出所有东西的位置,以及如何做他们需要的任务。

7.《如何选择正确的Webflow模板》(Pixel Geek)
- - - - - -

来看看Webflow教程吧,留下来吧!Pixel Geek是一个为不使用代码的设计师提供支持的团体,它提供指导服务和聊天论坛来帮助初学者。的像素极客的YouTube频道由小纳尔逊·阿巴洛斯主持

如何选择正确的Webflow模板是一个38分钟的教程,涵盖了你需要知道的关于Webflow模板的一切,在浏览模板时应该考虑什么,当然,如何选择最适合你的模板。

如果你正在寻找更多的Webflow教程,Pixel Geek有两个单独的播放列表:Webflow初学者面向高级用户的Webflow。视频时长从5分钟到1个多小时,但是有了有魅力的主持人,他们很容易沉迷其中。

定价:

  • 免费的

建议如果:

  • 你想要一个更有风度,不那么临床的老师
  • 你也想成为Pixel Geek社区的一员

8.创业者和UI/UX设计师的Webflow (Skillshare)
- - - - - -

Webflow教程示例截图:Skillshare

创业者和UI/UX设计师的Webflow将涵盖你需要知道的关于Webflow包括CSS Grid和CMS(内容管理系统)。你将从头开始学习,所以如果你没有任何先验知识,也不必担心。讲师自己刚开始时是一个UI/UX设计师,不知道如何编写代码或开发一个网站。

如果你是Skillshare的会员,想要一些专家级的课程,那就去看看Webflow Advance & CMS

定价:

  • $8/月(如按年计费,则为$2.49/月)

建议如果:

  • 你已经订阅了Skillshare Premium

9.“终极网页设计课程”(Webflow大学)

Webflow教程示例截图:Webflow University

Webflow大学是Webflow教程中的首要名称。他们的终极网页设计课程将涵盖从基础和基础到更高级的主题,当学习如何在Webflow中构建网站。

它的设置就像标准的在线学习,有不同的webflow相关主题的课程,每个课程被分成大约1到20分钟的单独视频课程。

如果这还不够,Webflow大学有一个令人印象深刻的主题范围,包括初学者,中级和高级课程。它们还提供定制编码,这是可选的,但可以帮助您真正个性化您的网站。如果你想为特定的业务建立一个网站,比如电子商务,他们甚至有专门的课程。

定价:

  • 免费的

建议如果:

  • 您没有在其他Webflow教程中找到您想要的内容——这篇教程有适合每个人的内容!

如何得到你的完美网站
- - - - - -

无论你是想要Webflow视频教程还是基于文本的指南,付费在线学习还是一些更免费的东西,你都可以在上面的列表中找到你需要的东西。这些Webflow教程涵盖了所有的学习层次,从完善技能的专家到最近才知道Webflow存在的人。

如果你想从专业设计师的帮助,创建一个理想的网站的外观和感觉,我们有很多设计师可以帮助你的网站确切地得到你想要的。

想要得到一个完美的网站为您的业务?
与我们才华横溢的设计师合作,实现这一目标。