编写更好的Web代码

这是我觉得很讽刺的东西。 许多网页设计师喜欢网络构建者带来的简洁性。 然而有趣的是,大多数Web构建器的创建是为了通过自动化底层代码来消除Web设计人员和开发人员的角色。

好笑,对吗?

但话说回来,网络建设者似乎正在做相反的事情。 他们没有减少设计师和开发人员的角色,而是专门为这些团队优化了工具。 他们的主要目标是为设计机构提供先进的工具。

你怎么问?

好, Webflow 是突出的例子之一。 我们将在短期内探讨它在整个Web设计环境中的作用。 这 Webflow 审查讨论了您需要了解的所有关键功能,相应的弱点以及利用设计平台的成本。

但是首先,到底是什么 Webflow?

Webflow 评论:概述

您可能已经知道了 Webflow 不是您典型的Web建设者。

该工具在2013中推出,作为一种网页设计解决方案,将专业的无代码设计工具与强大的可视化CMS相结合,并且标准构建器的用户友好性。 因此,将其视为Web构建解决方案之间的融合 Wix 和CMS引擎一样 WordPress的。

Webflow

但是,不要搞错。 Webflow 不与 Wix 以及 Weebly。 它针对不同的用户群体提供了一组不同的功能。

总而言之,最有趣的是 Webflow整个编码过程的明智方法。 这是一个无代码平台,恰好支持代码编辑以提高灵活性。

令人困惑? 是的我知道。 这就是为什么我花时间敏锐地评估一切 Webflow 必须提供-从网站设计一直到内容管理系统。

以下是详细信息......

Webflow 评论:功能

网站设计

Webflow 毫无疑问是两件事。 但是它的无代码Web设计工具一直是这里的主要产品。

好吧,如果您在开始之前将其与Adobe Photoshop的编辑窗口混淆了,这是可以理解的。 这两个人看起来像是遥远的双胞胎兄弟姐妹,但随着距离的临近,结果却大相径庭。 更具体地说,您会注意到 Webflow 是主要在CSS和HTML上运行的自动化引擎。

Webflow 设计师

在它上面,您可以轻松地引入站点元素,然后在不使用代码的情况下相应地移动它们。 编程位由 Webflow的基础框架,可在您继续进行设计过程时系统地创建和编辑您网站的代码。

如果您尝试过其他无代码的Web设计器,那么您就会知道消除编程位的代价是灵活性有限。 有趣的是, Webflow的设计工具不符合这种趋势。 因此,我在这里会很诚实,并承认它肯定是市场上最先进的多功能网站构建器之一。

现在,让我们面对现实吧。 在网站管理工具方面,高级和简单是两个已知的事情,如火和冰。

确实如此, Webflow 不是您在那里可以找到的最简单的构建器之一。 尽管其界面非常强大,但它似乎很复杂,可能需要花费一些精力来学习相应的绳索。

对于初学者来说, Webflow 不会造成完全无代码的设计过程的错觉。 因此,不要指望立即跳入并开始在画布上绘制形状。 这种方法将极大地限制您的自定义能力。

因此,当您建立网站时,此处的系统巧妙地嵌入了编码的某些方面。 如果您打算介绍 square 例如,在页面中间,您必须添加一个新的div> 元素,然后将其左下和右上点编辑为零以及固定定位。

这是什么意思?

虽然你可以继续利用 Webflow 无需任何编程知识,就需要对HTML和CSS属性有基本的了解,才能全面利用其强大的功能。

但是,如果您不愿意,只需勾选“我不写代码“ 选择注册时。 随后,系统将扩展其自动化功能,以便为您处理大部分设计。

也就是说,你可以从一个完全空白的画布开始。 这是我喜欢的方法,因为我可以从基础定制所有内容。

但要谨慎一点。 将此选项留给有CSS和HTML经验的设计人员。 否则,您可能会在整个过程中混淆或陷入困境。

编码新手的最佳方法是利用 Webflow的预先设计的模板。 事实证明,该系统提供了200多个有吸引力的模板,其中30个是完全免费的。 另一方面,付费的则要花费您24至79美元。

在对各种主题进行彻底分析后,我注意到它们明显不同 - 具有不同的结构和特征。 然后,随后的编辑过程允许您更改其元素的背景,颜色,图层,不透明度,旋转,效果,位置,大小等。

托管

这不用说。 那 Webflow与当今的大多数Web建设者一样,它提供网站托管,自定义域以及其设计包。

Webflow 托管

但是,不要指望这里采用典型的共享计划方法。 Webflow 取而代之的是选择将站点维护在内部,称为“无限扩展的服务器机群”。

这意味着什么?

好, Webflow 恰好拥有并控制着全球100多个数据中心。 将其与CDN一起运行 亚马逊的CloudFront的 快速- 结果是一个坚固的系统,用于托管所有类型的网站。

除了处理任何流量大小之外, Webflow 毫秒级的页面加载时间以及99.99%的网站正常运行时间,可确保最佳性能。 其AWS支持的框架对于为支持来自企业站点的较大流量负载提供坚实的基础特别重要。

而且由于网络安全势在必行, Webflow的托管基础​​架构符合HTTP / 2规范,并且用户会为其网站获取相关的SSL证书。

内容管理系统

这是内容与视觉设计相遇的地方。 Webflow的CMS实际上允许您输入和管理网站的内容。 换句话说,您可以在要构建的精确页面上添加和编辑任何文本或媒体。

如果您正在管理具有复杂结构的广泛Web项目,您将特别感谢系统支持手动调整内容方面的能力 - 包括内容类型,团队成员,项目等 - 以及可自定义的字段。

好吧,这一切都得到了促进 CMS收藏 - 可以从主编辑器窗口直接访问的功能。 生成新集合后,您可以继续使用内容类型来定义字段并引入项目。 随后它们被采用为与您创建的页面集成的不同网页或列表。

Webflow CMS

混乱? 好的,考虑这个例子 - 要建立一个显示组织员工的页面,您可以引入一个“团队成员”集合,其中包括社交链接,描述,姓名,照片和员工姓名等项目。

现在,基本上涵盖了CMS后端。 但是,你知道吗? 那不是全部。 Webflow 继续通过以下方式为WordPress赚钱了一个不错的机会 Webflow 编辑。 在这里,您可以根据预选的类型为发布的页面添加新内容,为页面增添趣味。

简而言之,您可以获得一个全面的网站,支持动态内容,如投资组合,文章和博客文章,而无需安装额外的插件。

特别版

承认它。 大型网页设计项目令人兴奋。 但是,它们可能会越来越繁琐,尤其是如果您未能简化相关方的所有相关方。

Webflow 似乎已经仔细考虑了这一点,并且在促进具有多个团队成员的Web设计机构之间的协作方面进行了良好的尝试。 而且,您还可以邀请其他方,例如客户,第三方设计师,承包商等。他们的角色和用户能力取决于您设置的相应特权。

Webflow 合作

例如,如果您正在与客户打交道,您可以邀请他们实时审查他们的项目 - 严格限制使用权限。

也就是说,我注意到所有站点调整都是实时反映在整个板上的。 这有助于协作团队成员避免重复已经处理的任务。

总体特点

  • XML网站地图
  • SEO元标题,描述
  • 图片alt标签
  • 帮助中心
  • 社区论坛
  • 优先支持
  • 电子邮件支持
  • 自定义域名
  • 暂存网站
  • 即时更新
  • 自定义网址重定向
  • 24 / 7网站监控
  • 快速加载时间
  • Google Domains采购
  • Zapier整合
  • MailChimp整合
  • 谷歌Analytics(分析)整合
  • SEO优化
  • 白色标签形式
  • CMS白色标签
  • 网站密码保护
  • 项目组织
  • 网站备份
  • 自定义错误页面
  • 自定义favicon
  • 直接客户账单
  • SNS组件
  • 丰富的文字
  • 灯箱
  • 背景视频
  • HTML嵌入代码
  • 下拉式菜单
  • 谷歌地图
  • 滑块和旋转木马
  • 标签导航
  • 可定制的Web表单
  • 网站编辑
  • 表格提交审核
  • 打开图表内容
  • SEO标签模板
  • CMS通过Zapier进口
  • RSS订阅
  • CMS API
  • 3D动画
  • CSS样式属性
  • 网站模板
  • 优化的图像
  • Web字体系列
  • 全局颜色样本
  • CSS3灵活的盒子
  • 自定义代码添加
  • 可导出的代码
  • CSS过滤器

Webflow 评论:定价

Webflow对于某些用户来说,其定价结构似乎很复杂,而另一些用户则称赞其包罗万象的方法。

如果您由于那种复杂的比较过程而讨厌单个平台上的许多软件包,那么您可能会发现 Webflow的定价计划有点麻烦。 但是,另一方面,如果您喜欢适合不同用户级别的多个定价选项,那么您将喜欢这里的事物组织方式。

现在,首先 Webflow 尝试为三种类型的用户提供支持-自由职业者,独立设计师和设计团队。 每个类别都有其自己的具有不同功能的软件包集。

Webflow 包

以下是每个计划的简要说明:

对于自由职业者:

免费分期 - 完全免费。

  • 每月10表单提交
  • 50 CMS项目
  • 500每月访问量
  • 2静态页面
  • 免费 webflow.io子域

基本主机 - 每月收费$ 15或每月收费$ 12。

  • 每月500表单提交
  • 25,000每月访问量
  • 100静态页面
  • 免费SSL选项
  • 域名创建

CMS主机 - 每月收费$ 20或每月收费$ 16。

  • 3内容编辑器
  • CMS API访问
  • 2,000 CMS项目可用
  • 每月1,000表单提交
  • 100,000每月访问量
  • 100静态页面
  • 免费SSL选项
  • 域名创建

商业主机 - 每月收费$ 45或每月收费$ 36。

  • 10内容编辑器
  • CMS API访问
  • 10,000 CMS项目可用
  • 无限制的表单提交
  • 1,000,000每月访问量
  • 100静态页面
  • 免费SSL选项
  • 域名创建

Webflow 对于自由职业者

对于设计师:

起动机- 自由。

  • 免费升级
  • 客户账单
  • 最多2并发项目
  • 免费网站建设

Lite- 每月收费$ 24或每月收费$ 16。

  • 代码导出
  • 增强的分期
  • 客户账单
  • 最多10并发项目

每月收费$ 42或每月收费$ 35。

  • 网站密码保护
  • 白色标签
  • 项目所有权转移
  • 代码导出
  • 增强的分期
  • 客户账单
  • 无限制的并发项目

Webflow 对于设计师

对于创意团队

球队- 每月收费$ 42或每月收费$ 35。

  • 团队仪表板
  • 网站密码保护
  • 白色标签
  • 代码导出
  • 增强的分期
  • 客户账单
  • 无限制的并发项目

大团队 - 定制报价。

  • 批量团队成员定价
  • 团队仪表板
  • 网站密码保护
  • 白色标签
  • 代码导出
  • 增强的分期
  • 客户账单
  • 无限制的并发项目

Webflow 对于团队

谁应该考虑使用 Webflow?

考虑到所有事情,我们鼓掌 Webflow 提供:

  • 免费SSL证书以确保安全性。
  • 免费的集成内容交付网络,可减少页面加载时间。
  • 与有效系统合作的高级全球网站托管 亚马逊的CloudFront的 以及 快速- 用于快速页面加载速度。
  • 用于动态内容创建的通用集成CMS。
  • 用于测试和审查各种网站元素的临时环境。
  • 优化的CSS和JS管理器,用于高级站点管理以及动画和样式的整体控制。
  • 灵活的Web构建过程,从空白画布或预先设计的模板开始。
  • 一种适合移动设备的网页设计工具,可在您构建网站时实时生成可导出的代码。

除此之外,我遇到的缺点包括:

  • 支持电子商务网站的功能有限
  • 一个非常有利于程序员的设计过程
  • 数量有限的网站模板
  • 初学者的陡峭学习曲线

现在,让我们将所有内容捆绑在一起。 我敢打赌,你会同意 Webflow 是为开发人员,设计人员和代理商创建的高级Web构建系统,以寻求增强的多功能性和控制力。

你怎么看?

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。