首页 关于我们 项目案例 网站建设 网站优化 微信公众号 技术课堂 联系方式
QQ联系点击这里给我发消息
电话联系
手机联系
QQ联系点击这里给我发消息
电话联系
手机联系
【当前位置】

青岛网站建设公司:综合网站规划指南大全

发布时间:2019-06-23 10:58
发布者:康康
浏览次数:
 
作为一个经验丰富的设计师,开发人员和项目经理,我可以计算出更多的网站,我发现许多Web项目存在一个常见问题:计划失败。同样的问题在我的工作中反复出现,所以我写了这本指南,以帮助客户,其他设计师,企业和组织规划和实现成功的网站。
 
 
本指南采用相对非技术性的语言编写,提供了从最初的需求评估到启动,维护和跟进的网站开发过程的广泛概述。它适用于:
 
中小企业;
组织;
机构;
网页设计师,开发人员以及设计和开发公司。
如果您要为家庭团聚建立一个四页的网站,或者为财富500强企业建立一个5000页的网站,那么本指南可能不适合您; 它将分别太详细或太短。
 
重要问题和答案。
重要问题和答案。
获取工作流程只是权利,不是一件容易的事。适当的估计也是如此。或不同部门之间的一致性。这就是为什么我们设置了“这是我如何工作”的理由 - 智能cookie共享对他们有用的东西。当然,Smashing会员资格的一部分。
 
 
功能面板
 
为什么计划?
 
规划对大多数企业和组织至关重要。在实践中,许多人未能规划他们的网站。有时候,经营企业的繁忙,充满活力的性质是罪魁祸首; 有这么多的运营要求,没有给项目分配适当的时间。但这种情况经常发生,因为人们没有意识到网络规划与规划企业中的任何其他事情同样重要。
 
(冗长)甲板示例
考虑建立一个甲板的例子。如果你想要一个房子的甲板,你可能不会打电话给几个木匠,并问:“一个甲板多少钱?”如果你这样做,你会得到一个明智的答案:“这取决于。”为了给你估计,木匠需要一些关于项目的细节:
 
什么样的木头?雪松?如何治疗?合成?
甲板到底在哪里?是否有任何障碍可以解决?
它的高度是多少,它有多少级别?
你想要长椅,栏杆,内置花盆吗?
你有空间把特殊设备带到院子里吗?
然后还有许多其他东西供木匠考虑:安排,建筑许可,检查,维护等。这就是为什么一个聪明的木匠会用“它取决于”回答你的简单问题。
 
一定要计划成功的方法。
一定要计划成功的方法。
与多个承包商会面以解决上述问题以及更多问题是有意义的。当您选择木匠时,他们应该提供您签署的详细计划。在整个建造过程中,木匠应定期与您联系并讨论潜在的挑战和障碍。
 
当然所有这些都是有道理的,但考虑另一种没有明确计划的情况:
 
“嗨,詹妮弗卡彭特。这是Juan Homeowner。我的后院需要一个20×30英尺的雪松甲板。我希望它在两周内完成。“
“好的,胡安。我会拿起材料并明天开始。如果您有任何疑问,请在我工作的时候在您的后院看到我。“
 
詹妮弗卡彭特开始为甲板的每个角落钻孔。她认为Juan Homeowner已经获得了市政厅的建筑许可证,因为这是她之前的大多数工作都已经完成的......但是没有建筑许可证。
 
 
与旧的,与大胆的。
它不是库存,它是Shutterstock。
立即探索!
当卡彭特女士开始构建甲板时,她注意到房主先生已将一个大软管卷轴放在他的房子上并将其连接到水龙头上。根据甲板所在的位置,软管卷轴必须通过。她不确定自己是否想把它移到其他地方,或者让他的户外水龙头重新连接,然后把它放在距离地面两英尺的甲板上。当他回到家时,她停止建筑并等待房主先生问...但事实证明他正在出差三天。
 
当他回来时,卡彭特女士通过电话联系他。他不满意他的水龙头必须搬家,因为它增加了项目的计划外费用。但那不是卡彭特女士的错。她不是水管工。她只是把甲板放在他问的地方。
 
一旦甲板被框起,她开始为一侧建造栏杆。这没有讨论,但她看到房子周围有小孩子,认为这是一个很好的安全措施。房主先生有一天回家,很高兴看到他的甲板上取得了很大的进步,但他注意到了栏杆。
 
房主先生:“这是什么?”
卡彭特女士:“因为你有孩子,我加了一个栏杆。这是一个很好的安全功能。“
 
房主先生:“我没有小孩。”
 
卡彭特女士:“但我看到他们在你的前院玩耍。”
 
房主先生:“哦,那些是附近的孩子们。我的孩子们都在读高中。“
 
卡彭特女士:“好吧,栏杆仍然是一个很好的特色。”
 
房主先生:“很好,但是你可以缩短它并在它旁边放一条长凳吗?”
 
卡彭特女士:“我没有为长凳买足够的木材,栏杆已经钻了并附上了。我必须删除并重新编辑它。另外,我们没有谈论一个替补席。“
 
房主先生:“好吧,我想在这里找一个长凳。”
 
卡彭特女士:“这需要更多时间。如果我们加上替补席,我将无法在你的两周截止日期前完成这项工作。另外,我不得不向你收取额外的木材。“
 
最初的一个简单的项目已成为一系列令人头疼的问题,这都是由于计划失败。
 
从网络专业人士的角度来看,为六个独特的利益相关者开发一个长达50页的网站远比建造一个矩形平台更复杂。甲板是分阶段建造的物理结构。你可以向窗外看,看看进度。相比之下,网站有许多技术和管理步骤,并非所有人都能看到。
 
一个警告和“瀑布式”发展方法
当我在一家保险公司工作时,来自信息技术(IT)部门的业务分析师会编写项目章程:冗长,痛苦无聊的文档,试图概述网站的每个可能方面。我讨厌这些文件,宁愿在我的裤子座位上工作。我的理由部分是网站是灵活的,不像印刷材料。也就是说,他们的内容可以随意改变。网站的每个方面都可以预先计划在纸上的想法是荒谬的。
 
处理大型项目的IT部门经常使用称为“瀑布式”开发方法的东西:指定绝对所有内容,指定类型的点大小,页眉的行长度以及简单照片库的确切工作方式。
 
了解网站相关内容并作出反应。
 
这是我对瀑布方法的看法:如果您正在构建一个银行应用程序,可以将钱转入和转出客户帐户,您最好确保您的代码是完美的。在处理借方和贷方时,误差为零。对于这个至关重要的项目,在编写单行代码之前指定要详细说明的所有内容是有意义的。
 
但是,正如我所说,网站是灵活的。那么我们如何协调对清晰和详细规范的需求与介质固有的灵活性?
 
我们通过分裂差异来做到这一点。通过遵循下面概述的流程,我们可以创建一组内容和设计规范,大大降低项目中期故障的可能性,同时创建一个允许网站随时间增长的框架。实际上,我们可以通过允许例如新闻部分处理10个新闻项目或200个来规划扩展。当这些规范在内容管理系统(CMS)中正确实施时,该网站将为其编辑提供交换的灵活性关键照片,更改标题和标题,重新排序内容等 - 所有这些都在适当规划建立的框架内。
 

规划和需求评估的价值
 

我经常与想要建立网站估算的潜在客户联系。有时他们对他们想要的东西有一个大概的想法,可能还有一个简单的网站地图 其他人,尤其是组织,将提交提案请求(RFP)。在大多数情况下,这些都不能为设计人员或开发人员提供足够的信息来生成准确的提案。即使是多页RFP通常也没有足够的细节来创建提案和估算。如果一个潜在的客户只想要一个大概的数字,我通常可以做到这一点,但需要更多的信息才能达到准确的成本。
 
理想情况下,潜在客户可以聘请设计师,开发人员或项目经理在请求提案之前进行全面的需求评估。但是,客户不一定了解前期评估所获得的效率。在需求评估上花费10个小时可以节省30个小时的开发时间。在项目中途发现客户的需求是导致头痛,延长开发时间,成本超支和错过最后期限的一个因素。正如您将在下面阅读的那样,未能识别并支付适当的计划会产生很大的问题。
 

未能计划的共同结果
 

设计人员或开发人员被迫做出关于某些内容在网站上的显示方式的假设,这可能是也可能不正确。
关于琐碎事情的来回沟通的数量可以成倍增加。
回溯导致延误和错过最后期限。
超出项目原始范围的工作会导致成本超支。
混乱和客户不满是髋关节射击过程的副产品。

 
要记住的重要事项:
 
除非您正在构建Intranet,否则该网站不适合您,并且必须满足您的客户的需求。
网站不是活动。它是一种灵活,可扩展的通信工具,可以反映或积极地反映业务。
现在我们可以开始使用业务发言,就像“组建关键的内部利益相关者一样。”这是另一种说法:“让每个人都能拥有有价值的贡献。”
 

使网站与营销活动保持一致
 

该网站必须与整体营销计划协同工作。网站的需求评估可能与营销部门的其他工作和方法重叠,这很好。这超出了本文的范围,但请注意,业务的既定品牌和营销应该告知网站的结构和设计。
 
角色:谁在做什么?
 
每个项目都不同,但这些是大型Web项目中的典型角色:
 
内部利益相关者(又名“客户”),代表业务的所有主要方面;
专案经理;
文案或编辑;
网页设计师(平面设计,插图,网页设计);
HTML编码器(HTML,CSS,JavaScript,Flash);
Web或CMS开发人员。
请记住,一个人可以扮演多个角色。参与者的数量不一定与结果的质量有关。在某些情况下,公司负责人和经验丰富的设计师之间的一系列一对一会议可以产生一个伟大的网站。
 
确定网站内容
谁负责?
当您准备向网站添加内容时,请考虑谁将贡献。在一个五人的企业中,它可能只是你们中的两个,这很好。在大型企业或组织中,5,10或15人可能在贡献内容。编辑和校对复制和可视内容所需的时间与贡献内容的人数成比例地呈指数增长。
 
清除前沿并分配明确的职责。
清除前沿并分配明确的职责。(图片来自opensourceway)
内容不仅仅是文本
除非您创建可以想象的最愚蠢,最技术的网站,否则您的内容应该不仅仅包含纯文本。通过使用以下一个或多个多媒体元素,您将大大增强网站的吸引力和实用性:
 
图片;
文件(通常是PDF);
音频;
视频(即从YouTube或Vimeo嵌入或自托管);
Adobe Flash文件;
内容Feed(例如来自其他网站);
照片(也许来自Flickr);
Twitter流;
Facebook“好友”名单;
RSS订阅。
好摄影的价值
与网站的其他元素一样,照片传达组织的品牌。如果您刚搬进一幢漂亮的新建筑或店面,您可能会在150美元的数码相机上拍下一些照片和您的员工。在大多数情况下,除非你有真正的摄影技巧,否则这些都不是高质量的照片。尝试为专业摄影预算。你不一定需要很多照片,只需要很好的照片。十二个专业图像优于五十个业余快照。
 
如果您的预算不允许专业人士,请联系您当地的艺术学校或社区学院并要求推荐。一个有良好眼光的崭露头角的学生摄影师将以便宜的方式工作,以建立一个投资组合。如果您根本没有预算,那么请自己拍照,但要特别注意照明,取景和对焦......并希望获得最佳效果。
 
在某些情况下,当通用图像足够时,可以使用库存摄影。但是,您的员工,店面,产品或服务的高质量照片无法替代。
 
好写作的价值
良好的写作,如良好的摄影,需要一种并非每个人都拥有的技能。为Web写作不同于撰写备忘录,政策文件和技术文档。您可能会为精密加工工具编写出色的技术手册,但这并不意味着您可以很好地为Web编写。如果您的组织没有能够撰写简明扼要的营销副本的人,请聘请专家。如果您可以写得相当好但需要一些指导,请考虑聘请编辑器来完善您的输出。
 

快速写作技巧
 

考虑您的受众并相应地撰写。尝试从客户的角度来看待业务。他们在乎什么?
 
避免商务说话,令人困惑的首字母缩略词和干燥的细节。您的客户不在您的商店,办公室或小工厂工作; 他们是购买您的产品或服务的人。请相应地与他们交谈。在适当的时候,写下一般性,并保存多页PDF的硬核细节(作为下载)。这种方法对于产品信息,白皮书和接近或超过1000字的副本特别有用。
 
在为Web编写时,这是一种有用的方法:
 
写下你的初稿,
把它切成两半,
把它再切成两半,
尽可能添加项目符号列表和编号列表,
将其发送给编辑器。
在屏幕上阅读是疲惫不堪的。屏幕无论是大型26英寸显示器还是小型智能手机,都可以在您的眼睛上投射出微小的光线。因此,在其上阅读长篇文章可能会非常累人。用户将扫描文本中的关键点,因此短的复制块和项目符号或编号列表很有用,因为它们很容易被发现。
 
不要设置内容的样式。大多数作者更喜欢使用Microsoft Word或类似的程序。这很好,但Word因输出凌乱的代码而臭名昭着。不要担心颜色,字体和对齐方式。写得好。样式将在稍后的每个网页级别应用。
 
确定您网站的结构
以下是规划网站结构的关键要素。
 
网站地图
您的站点地图可以像流程图一样构建,并使用Visio等软件或像Gliffy这样的免费工具构建。或者,您可以创建带有项目符号列表和缩进的大纲,以指示页面,子页面和其他结构中断。
 
内容定义
一些内容很容易定义。例如,通常期望联系页面包括商业名称,位置,联系信息,小时(如果适用),并且通常包括简单形式。其他类型的内容需要更多考虑。这是另一个点,如果未能仔细定义内容将在以后为您创建令人头疼的问题。
 
构建您的内容。
构建您的内容。(图片来自opensourceway)
也许你想在你的网站上放一个照片库。好主意,但画廊到底包含什么?当你点击一个时,它会在缩略图网格中显示20个图像吗?或者是一个包含1000张照片的多页面图库,使用元数据进行单独分类和跟踪?用户是否应该对图像进行评分?评论他们?下载高分辨率版本?将它们发送给朋友?
 
这只是为什么定义每种类型的内容如此重要的一个例子。如果不这样做,那么开发人员将最好地猜测每种类型的内容应该是什么。事件日历,员工目录或博客等内容元素可能提供一般参考框架,但它们需要明确的方向:他们究竟需要完成什么,以及如何使用它们?
 
帮助定义内容的一种方法是简单地观察其他网站的功能,并查看可能适合您目的的内容。
 
内容清单
这是常见内容类型的列表(尽管不是详尽无遗的)。请记住,这些只是类型,而不是定义:
 
文章;
博客;
横幅广告;
讨论论坛;
文件;
电子商务;
联系,报价或其他形式的表格;
实物产品(多少?);
数字内容(什么样的,多少?);
电子邮件通讯;
活动日历;
活动报名;
图库;
链接管理(按类别排序的数十或数百个链接);
传入的RSS源(从其他网站获取);
传出RSS源(您的内容与其他网站联合);
搜索;
社交媒体分享链接(Twitter,Facebook等);
员工目录。
内容关系
您的部分内容将与其他内容相关。例如,相同的详细信息可能会显示在您网站的不同页面上。仔细地映射这些关系,并记住,当在网站的一个区域中更改内容时,可能需要在其他区域更改内容以保持一致性和准确性。
 
将设计与内容分离
设计和内容密切相关,但它们也是分开的。这可能会让人感到困惑。但这意味着网站内容完全没有设计元素。为了避免在假设中说话,让我们考虑一个简单的例子。假设您的网站有一组文章。对于每篇文章,都有一个:
 
标题,
元标题,
元描述,
作者,
出版日期,
类别,
摘要,
正文。
这些信息构成了整篇文章。在此过程中,您应用于副本的设计无关紧要:字体,布局,颜色,作者照片缩略图等。即使没有设计,内容也是有效的。它在纯文本中可能看起来不漂亮,但它读得正确。
 
这种分离完全适合Web标准,该标准倡导一系列Web设计标准,使内容可供最广泛的人员和设备访问。
 
然后,当重新设计您的网站时,您可以轻松地将全新设计应用于现有内容,因为您保持了内容与设计之间的分离。
 
好内容和元数据的价值
什么是元数据?
元数据是关于您的内容的内容。在文章的情况下,除标题和文章文本之外的所有内容都被视为元数据。当有些人听到“元数据”时,他们会立即想到,“哦,这是针对搜索引擎的”,这是正确的:搜索引擎确实依靠元数据来有效地索引网页。但是,您可能需要一些元数据仅用于您自己的记录,而不显示它。
 
在决定为每种类型的内容收集哪些元数据时,收集比所需数据更多的数据是有益的。不过,你可以收集比我们上面列出的要少得多的东西,但仍然有一篇有效的文章。您有资格获得某篇文章的最低要求是:
 
标题,
作者,
文章文本。
您可能认为这已经足够,或者您不会有很多文章,或者它们会很短,或者文章不需要摘要,或者您的访问者不会关心日期或类别。今天可能是这样,但明年呢?如果你写好内容,那么它将来会很有用。
 
收集元数据,规划未来
随着时间的推移,良好元数据的价值会增加。如果您只有10篇文章,那么跟踪作者和类别可能看起来不太有用。但是,在两年内,当你建立了一个150的图书馆时,你会很高兴你花时间收集它。您可以按作者,日期和类别进行排序。而且由于您已经收集了摘要,因此您可以为移动设备制作一个网站版本,这些摘要可以同时显示在屏幕上。
 
线框
一旦确定了内容的结构,就可以进入设计过程的第一步。构建线框主要与Web设计的布局方面有关。它们以灰度完成,设计不是很漂亮,而是显示页面布局。有很多很棒的工具:Photoshop,Illustrator和Visio运行良好,像Balsamiq这样的专业工具也是如此。
 
06-线框选择
你可以做任何线框。(图片来自opensourceway)
设计师的倾向尤其是从一开始就让事物看起来很有吸引力。但这应该在线框阶段完全避免,因为这会分散线框的目的,即决定应该去哪里,而不是使用什么字体大小或导航应该是什么颜色。
 
一般来说,应该为网站上的每个唯一页面制作一个线框。如果您有一个提供下载或照片库的页面,也可以进行模拟。以下示例分别针对主页和两个内部页面。
 
一旦线框完成了审核流程,就可以进入设计阶段了。
 
优秀设计的价值
考虑一下iPod。Apple在销售具有精致和精致设计的产品方面取得了巨大的成功(在物理对象和用户界面方面)。iPod没有任何竞争对手缺乏的特殊功能。实际上,通过某些措施,它的功能比其他功能少。例如,它不会开箱即用地录制音频; 您必须先将一块硬件连接到iPod才能执行此操作。尽管如此,该产品卓越的工业设计和高度直观的界面,再加上出色的营销,使iPod成为比任何竞争产品更令人垂涎的产品。
 
好的设计从哪里开始?
好的设计从哪里开始?(图片来自opensourceway)
然而,当涉及到网站时,良好的设计和对细节的关注往往被打折扣。理由是,如果某些东西有效,就不需要进行改进。这是误导的思维。网站 - 以及徽标,名片,标牌,信笺,直邮和品牌的其他视觉表达 - 会严重影响客户对业务的看法。用户在您网站上的体验是这种印象的一部分。当一个网站和谐,赏心悦目,易于浏览时,游客将留下积极的印象。相反,当一个网站可以通行时,它可能会惹恼客户,给人留下不好的印象并阻止回访。而且,重要的是,你可能不会从他们那里听到它。网络不是很老,
 
他们会离开。通常,当用户感到沮丧时,他们不会进一步搜索,也不会打电话或发电子邮件; 他们只是离开了网站。要了解这一点,请查看您的网站访问者统计信息(请参阅下面有关跳出率的部分)。
 
尽管如此,这些统计数据无法告诉您访客离开时的想法。除非您销售的产品非常独特,否则客户可能会到其他地方寻找类似的产品或不同的服务提供商。
 
初步设计
初始设计通常在Adobe Photoshop或Fireworks(有时是Adobe Illustrator)中创建,包含主页的视觉上准确的图像(“模型”)和至少一个内部页面。您的企业视觉品牌元素应包含在此处。如果您已经拥有明确定义的图形以及徽标,那么它们应该决定网站的设计。如果您的品牌缺乏这些,那么设计师应该尽最大努力创造准确反映业务的工作。
 
以下是成功模型的关键点的简短列表。我们假设设计师在Photoshop中工作,尽管这些指南也适用于其他程序。
 
从预先制作的模板开始,使用预先绘制的像素精确指南。一些设计师自己创建,其他设计师则遵循960网格系统等系统。无论你从哪开始,模板应该是干净的。使画布宽度超过您设计的宽度,以便您可以在一侧添加音符。
在画布的边缘添加调色板和基本品牌元素(例如字体),以便在屏幕上或打印时查看它们以供参考。
将所有内容绘制为精确像素,并在设计元素周围绘制清晰的指南和切片。当您稍后在HTML中执行设计时,这变得至关重要。
使用逻辑文件夹或子文件夹结构组织所有设计元素,并清楚地标记每个项目。如果设计人员将文件交给HTML专家,这一点尤为重要。“边栏事件标题”很明显; “Layer14 Copy”不是。
清楚地说明字体,对齐方式,重复背景元素,渐变以及将使用CSS实现的任何其他内容。Photoshop的便签功能可以帮助解决这个问题。如果有什么不清楚,请询问将要转换设计的人。
如果您在网站中出现标题,导航或其他设计元素的常用样式,请考虑为它们制作单独的模板。一旦模型获得批准,这些也将在设计过程的后期派上用场。
使用现实的内容。设计师经常使用Lorem ipsum来填充空间,这对于正文复制是可以的。但对于头条新闻,标题,事件等,请使用真实副本。考虑以下两个标题。每种布局考虑因素都不同:
Widgets,Inc。荣获绿色制造奖
Widgets,Inc。员工赢得Landmark Court案件确认员工在培训与工作角色相关时申请大学学费报销的权利
设计批准和修订
在您提交初始模型以供批准之后,可能会有一个修订过程,设计人员和主要利益相关者会来回几次,尝试各种编辑,直到设计获得批准。
 
委员会设计:不要这样做
在这个阶段,必须考虑多个意见可能是一个问题。一些利益相关者可能在批评设计时非常直言不讳,但在以后,当需要花时间筛选网站的内容时,他们可能会缺席。当然,征求关于每个设计的反馈很重要,项目利益相关者可以提供有价值的批评; 它们有助于指导设计过程,从而使结果准确地代表其业务。在某些情况下,法律或技术人员需要进行审查。但是,同等地考虑所有反馈可能不会让任何人满意。
 
一般来说,在小型企业或组织中,允许超过五个人提供设计反馈会造成僵局。如果这五个(或更少)的人从他们的下属或部门同事那里征求反馈意见会有所帮助,但这些反馈应该由每个利益相关者编制。换句话说,不要邀请15人参加设计评审会议。
 
设计张力:设计师与客户
经过培训的设计师和知情度较低的客户之间往往存在紧张关 “坏主意”难题最能说明这一点:客户要求设计功能丑陋,不可行或出于某种原因是个坏主意。整个网站致力于记录无能为力的客户的糟糕选择。设计师的反应通常介于“那太可怕了,我们不会这样做”和“好吧,如果这就是你想要的......”。
 
答复应基于一系列不断变化的因素,包括:
 
当设计师希望获得报酬时;
设计师在项目中的情感投入如何;
设计师在设计阶段投入了多少时间,以及实施错误想法会导致延迟多长时间;
客户愿意听取他们的想法的建设性批评。
每个项目都不同。持续向客户提出不明智功能请求的设计人员可能会在某个时候关闭该项目。只是为了不断解释为什么中心大胆的红色段落,疯狂的Flash动画或低质量的摄影制作一个无效的网站,这太令人疲惫了。他们的态度从“让我们为自己感到骄傲”转变为“让我们完成它。”设计师不会对客户说这些,但它经常发生。
 
同时也意识到一些设计师的工作达不到标准。也许他们拒绝听取有效的批评。通过检查他们以前的工作来避免这种情况。
 
考虑内容
想想未来的扩张。例如,您可能有一个包含六个新闻项的新闻栏目。您将拥有一个包含摘要的主要新闻页面,每个摘要都链接到该项目的完整视图。这可以。但是当你有10,20或50个新闻时会发生什么?现在你有其他考虑因素。你想存档旧的新闻吗?分页物品?仅显示最近10项?在设计过程中考虑这些问题。
 
对于积累内容的网站,例如新闻,新闻稿和报道,在创建模型时有一个很好的规则:你永远不会有足够的模型。换句话说,如果您认为网站的页面或部分的布局或设计与其他页面有很大不同,那么嘲笑它是值得的。此步骤通常在初始模型获得批准后进行。
 
网页样式指南
风格指南是适当规划的亮点。样式指南确定并定义整个网站中使用的所有设计,布局,交互(即JavaScript和Flash)和类型元素。这些包括但不限于:
 
导航风格;
<h1>通过<h5>(标题标签);
段落;
名单;
阻止报价;
斜体,粗体和下划线;
链接,包括活动,悬停和访问状态;
图标;
使用图像和图像样式;
使用背景图像(水印);
常用元素,如侧边栏。
模型和样式指南是后续开发步骤的基础。
 
与内容管理系统集成
最后,您精彩的设计已转换为代码,并已准备好集成到CMS中。负责此操作的个人或团队将为您提供CMS的登录详细信息,以便您添加内容,包括文本,照片,视频和文档。大多数编辑都喜欢从Microsoft Word剪切和粘贴。
 
确保一切都适合。
确保一切都适合。(图片来自opensourceway)
根据CMS的具体情况,您可以轻松地执行此操作并保留简单的格式,如粗体,斜体和列表。但是,有时候,当您剪切和粘贴时,CMS会删除格式,您必须将其放回原处。这可能很乏味,但它确保您的内容保持整洁有序,因此可以轻松打印,引用,搜索引擎索引并转换为其他格式。
 
把它放在一起
按照这些步骤后,您应该坐在一个非常可靠的网站上。无论项目规模如何,现在都是进行以下工作的好时机:
 
再次查看内容,并根据上面“为Web编写”下列出的要点进行检查。
请第三方校对您的所有内容。这不是设计师或原作者的任务。以新鲜的视角带来某人。不要校对自己的工作。
Beta测试和发布
如果您觉得该网站几乎已准备好供公众查看,那么就该进行beta测试了。仔细阅读此清单(这是最低限度):
 
所有目标Web浏览器中的网站都是正确的。Web浏览器包括常用的Internet Explorer,Firefox和Safari,以及(根据规格)不太常见的浏览器,如Chrome和移动设备(iOS,BlackBerry等);
互动功能运作顺畅;
联系人和其他表格可预测地工作,并将正确的信息发送给用户和收件人;
内部和外部链接工作;
图像尺寸合适;
所有占位符内容已被最终副本取代;
来自第三方软件的链接(例如电子邮件活动)可以正常工作。
一旦您对网站进行了全面的beta测试,请启动它。
 
发布后
启动后,维护网站。以下是一些有用的工具。
 
网站统计
访问者统计信息可让您深入了解人们如何使 您需要至少一个月或两个数据才能做出任何决定。以下是一些需要考虑的问题:
 
访客来自哪里?查看搜索引擎,直接流量(即直接在地址栏中输入网站网址的访问者),广告,其他网站的链接等。
游客住在哪里?他们大多是地方,区域,国家或国际?
哪些页面最受欢迎?
访问者在网站上停留多长时间?
跳出率是多少?也就是说,有多少用户在离开前只访问网站上的一个页面?
Google Analytics是最常用的网络统计应用之一,您可以在其提供的高级数据中找到这些问题的答案。其他软件也应该提供这些答案。
 
文档
您的大部分文档将仅包含本文档前面讨论的不同元素,包括线框和Photoshop文档。您还需要有关如何在CMS中实施网站各部分的详细说明。想想如果你带来了新的人来维护网站,那些人们根本不熟悉这些信息。他们需要什么才能拿起项目?这是适当的文档。
 
备份
安排定期备份网站的文件和数据库。每日都很理想。您的托管公司可能会提供自动执行此操作的方法,这样,如果您的文件或数据库被黑客入侵,删除,损坏或以其他方式损坏,您可以使用前一天的副本还原它们。根据网站的大小,更新频率和一些因网站而异的技术问题,您可以安排更频繁的备份。
 
维护计划
您的维护计划应阐明网站各个方面的角色和职责。例如,如果要发布每周两篇文章,谁负责他们,谁是该人的备份?如果您的网站要求定期创建照片或图片,请确保分配和理解此作品。决定谁将检查链接。
 
编写一个简单的维护计划,并与参与网站护理和开发的每个人分享。请记住,一个好的网站不是一次性的活动,而是一个可扩展的通信工具,需要定期更新,以保持访问者的价值,相关性和吸引力。
 
征求访客反馈
提高网站影响力的一个好方法是征求访问者的反馈意见。从简单的在线调查到现场焦点小组,有多种方法可以做到这一点。网站访问者经常难以表达他们喜欢和不喜欢他们的体验。考虑到这一点,在征求反馈意见时要提出非常明确和具体的问题。请记住:如果您要占用大量访客的时间,请提供一些回报(产品折扣,奖品或简单的手写感谢信)。
 
结论
好的,还有一次:一个好的网站不是一次性的事件,而是一个可扩展的通信工具。一旦你建立了一个伟大的网站,保持势头。将资源用于定期维护,并定期向访问者办理登机手续,以确定需要改进的地方。
 
青岛康之讯网络:www.kzxseo.com 提供了线框和设计模型。欢迎你的咨询!