旅程开始一个网页设计和内容共同发布站点可能看起来像一个长。但是当你打破东西,这个距离是更易于管理。我们覆盖了五个步骤需要成功地创建和启动一个网站。

5步骤准备和发布你的网站

1。准备你的网站内容

周围的结构和布局网页设计收敛的内容。思想的交流通知从导航到写作的安排和视觉效果。当你不使用实际的文本和图像,你的设计只是一个近似值。复习你的内容并确保它在伟大的形状在你单个元素在设计。

确保你的内容说一些有意义的事情

最滑稽的场景之一比利麦迪逊亚当•桑德勒的同名角色提供了一个冗长的回答在学术十项全能。比赛的法官回答说,“在你散漫的毫无意义,甚至语无伦次的反应是你接近任何可能被认为是理性思维。这个房间里的每个人都变成哑巴听了。”

不要让你的网页内容使人变得迟钝。

你的内容需要营销术语和多空概论。人们应该离开,学会一些或带走一个更深的理解。

高质量的内容是研究的指导下,与专家咨询,让你的听众问题的答案。

地图你的内容

找出一个内容计划应该在你建立一个网站地图或线框。内容地图让你图的主要类别的内容,以及相关的主题和子目录的分支。

一个内容地图作为框架基础上的设计。它可以让你把原本是一堆文档和笔记,给他们订单。你得到所有的原材料,放置在一个逻辑,显示你需要建立你的网站在漫漫长路的每一步。

在这从我们的博客上面内容地图”为什么你的设计过程和内容应该开始吗,“我们看到每个部分的分解,与主要概念以及支持点。你应该给这篇文章阅读如果你想去更深层次的学习内容地图和为什么你应该使用一个内容的网站设计方法。

我们知道它可能很难开始设计前的一切准备。至少,知道每个部分的设计是,包括主要观点或想法,每个部分覆盖的布局,而不是过度依赖lorem ipsum占位符内容。

SEO优化你的内容

你可以加入一些SEO波兰,但是有内容优化之前负责这个重要的工作。它也可能改变内容长度和标题是如何措辞。在地方SEO使您正在使用的内容更准确。

一些SEO最佳实践包括:

• 避免重复相同的内容在一个网站(这包括从元描述正文内容)。
• 使用的标题,而不是广泛和通用标题。
• 将单词和短语在谈到一个给定的常见主题。
• 不是填鸭式关键词进入每一个可用的标题、段落或句子。这不仅影响可读性,但你可能会升到web爬虫程序。
  

当然,SEO超越这些要点,这是一个科学的。如果你想阅读更多关于搜索引擎优化,请查看“搜索引擎优化和Webflow:基本指南,”,涵盖了你需要知道的。

2。设计和建造你的网站

好,这是在这个过程中最大的一步。我们要讨论的基础,而你指向其他资源,你可以学习更多的知识。我们走吧!

想出一个布局

F-patterns Z-patterns,分割屏幕,不对称的方案,有很多方法可以安排您的页面。是否你的内容是文本重你要依靠图像,你需要找到最优的布局,会告诉你的故事,突出最重要的。

这个分裂屏幕布局的食物盒子订阅服务小野作品在推出一个长块的内容更改的每一部分内容的视觉效果。

看看我们的博客”Web页面布局:网站剖析每一个设计师需要学习。“这是专注于业务网站,但有很多伟大的信息适用于所有网页设计。我们也各种各样预先构建的模板来帮助你开始。

选择合适的字体

广告正文和其他长块设计,重点应该是易读性。过度装饰或华丽的排版只适用在少量。为更多的信息的部分你选择实用的排版设计。当然,你可以使用自定义及更多的装饰字体很少帮助提振经济布局。

Webflow,这个设计摩托车公司UJET利用排版当代和优化的可读性。

了解更多关于排版在这一章从我们的101年网页设计电子书,挤满了吨的信息,以帮助您更好地理解如何使用字体。

创建一个用户体验

一个网站没有一个用户体验(UX)很像没有烤一个蛋糕。所有的材料。但除非他们小心放在一起,考虑到最终用户,这将是面目可憎的混乱。用户体验汇集了所有的元素在一个吸引人的方式浏览。

颜色调色板,内容、视觉效果、字体、以及体系结构都有一个叫高于只是功利主义元素。他们一起让用户感觉他们看着什么。用户体验可以让一个网站超越作为一个滚动的文本和一组导航选项。

颜色的黑色和深蓝色,白色的触摸,和优雅的排版,劳力士的用户体验感觉像他们的豪华手表。

如果你的网页设计不超越作为一个刚性安排的文本和图片,您要开发用户体验之前你准备发布它。

我们一起把这个综合阅读列表关于用户体验的任何水平的设计师会发现有用的,所以请在那边当你完成这篇文章。

开发一个一致的和可用的用户界面

用户界面(UI)给人们他们想要的东西连接和与设计。他们是控制和元素,使浏览它积极的经验。无论是向左或向右滑动的概要文件在搜索有关熊的浪漫,Pinterest卡片布局,或旋风箭头在Twitter上转发一些,UI包含这些点的交互性。

每个互动元素的功能应该清楚,从顶部导航菜单的文字-动作按钮。识别哪些元素应该立即做。UI元素需要和遵循一个一致的逻辑一致。

在你发布你的网站之前,确保用户界面提供了一种简便的方法去和每一个互动元素是有意义的。

3所示。找到虚拟主机

你建立一个坚实的布局,内容是紧的,你几乎已经准备好发射。就像你把时间和精力投入到建筑你的网页设计,你也应该为寻找虚拟主机。当寻找托管您需要考虑速度、可靠性、安全级别,以及可扩展性以适应未来交通增长的缓解。

速度

人们登陆你的网站希望快速加载时间。如果你限制在单个服务器的托管,你的网站将是迟缓的人位于地理位置很远的地方。时髦的加载时间的关键,不管人在哪里,是你的网站托管通过提供者利用内容分发网络(CDN)。

cdn传播你的网站和其文件跨多个数据中心。只要有人访问的网站,它会传递你的网站的数据中心最亲密的距离。这可以确保无论位置,用户将会得到快速的加载时间。

虚拟主机服务,利用CDN平台像Amazon Web services (AWS) CloudFront Cloudflare急剧,MaxCDN至关重要,如果你想让人们有一个高效的经验与你的网站——无论他们在哪里。

如果你决定去Webflow设计和主持你的网站,你会得到的力量来自我们的主机,利用Amazon Web服务和Cloudflare跨100 - +服务器分发你的网站的速度和可靠性。

可伸缩性

对于创业公司来说,电子商务站点,其他人看到一个光明的未来,他们逐渐变大,并获得更大的观众,发现主机,将容纳增加流量是至关重要的。

快速利用Amazon EC2或托管(Webflow使用两个)通过评估交通每一分钟的工作,调整网站的能力和它的需要在任何给定的时刻,并支持服务器相应的权力。

没有盒装的托管,跟不上波动游客。

可靠性

廉价的托管就像一个廉价的汽车。不可靠的。容易拖延。最终成本和收入损失的形式。

一个网站,任何时间下降看起来并不好。你的品牌的声誉取决于它被启动并运行在每个时刻。

和嘘……想和托管提供99.99%的可靠性?这就是你Webflow。

4所示。质量保证审核吗

好的,你的网站,你发现一个虚拟主机,你准备把它推向世界。在你点击发布按钮之前,一定要使用之前要做一个全面的质量保证。创建一个网站可以是一个漫长的过程,许多变化和编辑,上述情况可能已经发生了。做一个全面的介绍,以确保没有错误。

校对的内容

注意,我们使用“校对。“这并不意味着编辑。周全,每个句子都是精心扫描正确的标点符号,语法,拼写错误,正确的语法,应该已经完成之前进入了设计的内容。校对应该是最后一个通过。现任和校对与编辑复制但是在两个不同的学位。

在发射之前,校对是最后的分析以确保一切流动和没有错误。

检查拼写

做一个手工通读的复制和运行它通过您选择的拼写检查程序来识别拼写错误。自己一件事你需要做的是确保适当的名词,如人的名称或产品名称,都拼写正确,拼写检查程序不可能能够识别他们,如果他们不是。欧宝体育在线首页

做一个语法检查

即使是最好的作家有其语法的缺点。一些补习与副词的副本。其他人落入句子片段,而有些人写作的时态不一致,既不存在于过去,现在,还是未来,这对每个人来说都是令人困惑的。

在你发布你的网站之前,运行所有的副本通过语法检查器和语法一样,海明威,或者ProWritingAid。

离开没有句子拼接和分词挂,可能从运行在你的句子是免费的。

检查所有的文本

话说占据许多部分的设计。他们的标题,正文内容,标题图片,元描述,页面的url,以及其他在设计点。重要的是要确保每个单词都拼写正确的地方。

优化图片

原本的布局可以有瑕疵的图片没有优化。像素化的视觉效果和图片的比例或者没有正确设置显示能降低人们如何看待网络设计。

图像优化响应设计的一个重要组成部分。无论屏幕正在浏览你的网站,它应该提供一个一致的体验。什么看起来不错在移动不可能更为清晰屏幕上看起来很好,检查所有的图片和确保他们设置任何屏幕上正确显示。

遵循适当的语义结构

语义结构因素对web爬虫程序分析内容。包装最SEO打孔,语义结构必须遵循正确的格式。它还功能的可访问性,给的指令需要让你的内容可视屏幕阅读器等设备视力受损的人。

正确的语义结构包括使用只有一个H1标签,按照正确的顺序在利用子类H1-H6标签(与一般的坚持H1-H3),并使用正确的标记,如段落标记,来识别给定的内容。语义结构遵循内容层次结构,方便人类和web爬虫一样的信息。

如果你想去超越,使用HTML的语义元素添加更多的页面信息,可以用来更好的排名和引入有机交通。

测试链接和集成

任何涉及到用户交互和链接需要测试,以确保它的功能和链接到正确的位置。

这包括:

• 电子邮件通讯注册表单
• 社交媒体块
• 电子商务产品清单欧宝体育在线首页
• 导航和页脚的链接
  

任何链接或视觉带来的人到另一个地方或网站需要双重检查。

5。使用Webflow发布你的网站

达到发布可能是最令人满意的网页设计过程的一部分——这当然是最简单的一步。

如果你建立你的网站使用Webflow,有两种方法让你的网站瞬间出现在你选择的领域。你可以在设计师或者直接从项目设置。所有这一切发生在相同的蓝色的大按钮。

在设计师

发布你的网站直接从Webflow的设计师通过单击蓝色发布按钮。所有你需要做的就是选择你的域名,点击发布,瞧,你的网站已经启动并运行。记住默认是一个Webflow子域名,但是你可以添加在你的如果你有一个自定义的域。

从Webflow的产品发布设置欧宝体育在线首页

当你编辑你的网站,你可以直接从编辑出版。没有屏幕间切换。进去,让你变化,发布时,立即做任何你所做的去生活。这一切都开始于按下蓝色按钮在您的项目设置。

想象、创建和启动

从最初的一个想法,通过发布网站,Webflow简化了设计过程。我们很高兴为您提供一个网页设计平台,给你所有你需要的设计,优化,主人,你的创造力的世界。

你有什么问题关于Webflow可以帮助你作为一个设计师吗?在下面的评论中让我们知道。