推外网络专注营销型网站品牌策划与推广

FOCUS MARKETING WEBSITE BRAND PLANNING AND MARKETING PROMOTION

网页设计步骤及方法详解(图文)

2019-11-09 09:52:03 100000+ 编辑:推外网络 来源:本站原创

  在学习网页设计之前必须要从总体上掌握网站的相关基础知识、网站系统的设计方法、网页的设计语言以及网页设计工具。

  


(1)设定网站主题搜集资料

  

  分析网站的访问对象是什么样的群体,确定网站要为访问者提供什么样的服务。围绕网站设计要达到的目标,进一步决定网站展示的内容和网站要实现的功能。围绕主题尽量搜集丰富的访问者感兴趣的资料,精心选择要展示的内容,剔除与主题无关的内容,并将资料进行分类来设计不同的栏目。

  

(2)建立站点的目录结构

  

  网站的目录结构是用于分类保存网站中的不同的资源,精心设计的网站目录结构有利于网站内容的扩充和移植需要。很多初学者往往不注意建立站点的目录结构,所有的文件都保存在一个目录中,这给今后的网站维护和扩充带来了很大困难。

  

  将站点中的所有内容都包存在Myweb目录中,对各类文件都建立相应的子目录:

  

  Myweb文件夹中保存站点中的所有内容。要特别注意的是一定要将站点的首页文件(index.html)保存在该目录下。在其下建立各个子目录分类保存其他网页文件和站点中使用的其他类型文件。

  

  files 保存除站点首页(index.html)之外的其他网页文件。

  

  images 保存站点中所有图片文件。

  

  sounds 保存站点中所用到的声音文件。

  

  download 保存站点中可供用户下载的文件。

  

  flash 保存站点中用到的Flash动画文件。

  

  以上目录名只是一种建议。读者可根据站点的实际需要建立相应的目录,并以自己的喜好和习惯命名目录。每个目录还可以有自己的子目录,但目录的深度最好不要超过3层,这样便于管理和维护。有一点需要注意的是:所建立的目录名不要使用中文,尽量使用意义明确的目录名。

  

(3)建立网页的链接关系

  

  网页的链接结构有:树状结构、线性结构和非线性结构三种。要实现网页的链接结构层次清晰访问方便快捷,就要设计网站中网页间的链接关系。明确了网站的内容,将分类后的资料组织在不同的栏目里,分别写出各个网页的标题,确立网页之间的链接关系,通过导航栏使客户方便快捷地访问浏览网站的不同资源。用最少的单击打开任何一个网页,为用户提供最便捷的访问。

  

(4)页面设计与网页制作

  

网站图标

  

  网站的图标是一个网站的标志,个性化的图标将成为网站形象的一部分。

  

网页标题

  

  正确地确定各个网页的标题能够表示网页的主要内容,使客户清楚所在网页的主题,使网页更具专业性。初学者常常忽略网页标题的设置,不仅不利于客户的访问,也影响网站的推广,因为有些搜索引擎要查找网页标题中的关键字。

  

导航栏设计

  

  导航栏的设计要清晰化,体现出网站的主要功能。使用图片中作为导航栏要在图片中包含文本说明。

  

各页风格

  

  作为网站的组成部分的网页,不仅在配色上协调,各网页的设计风格要保持一致,体现出网站的整体性、协调性和一致性。

  

页面规划

  

  每个网页的页面排板布局应精心设计,反复推敲文字、图形与空间的关系,使浏览者有一个流畅的视觉体验,保证页面元素规划的协调。

  

便捷的链接

  

  充分考虑客户浏览的方便和快捷,人性化的设计能够使用户简单、快捷,方便地达到目的处。

  

合理使用框架

  

  框架可以使不同的网页显示在同一屏幕上,可以更好地为客户访问网站中的资源提供方便。

  

巧用背景色

  

  网页中纯白的背景和黑色的字体会使网页显得呆板,也容易造成视觉疲劳。巧妙地使用背景颜色和背景图片可以使网页更加赏心悦目,乐于浏览,也会成为网站特色的一部分。

  

合适的图片

  

  一个网页要有图片来点缀,图片的大小、数量要与网页的整体风格保持协调一致。精美恰当的图片能够起到修饰和美化网页的作用,切忌在网页中使用太多的图片,那样会影响网页的下载速度。

  

网页空白

  

  页面空白的设计也是必不可少的,它可以给访问者的视觉以缓冲,使访问者轻松惬意地浏览网页的内容。一个没有页面空白的页面设计是一个失败的设计。

  

(5)网站测试

  


  已经建好的一个设计精美的网站在发布之前还要进行严格的测试。测试的项目很多,常见的有:

  

  ·网站的兼容性测试:检查网站的浏览器兼容性,使多数主流浏览器都能正确显示网页的内容。

  

  ·链接有效性测试:检查网战中所有的超链接是否有效,保证没有死链接。

  

  ·网站下载速度测试:检查网站的下载速度,测试在不同的网络环境下网页的打开时间。用户很难有耐心等待一个长时间打不开的网页。特别忌讳的是网站的首页打开时间过长(首页的打开时间应不超过15秒),那样会吓跑很多访问者。

  

  .HTML语法测试:检查网页的HTML语法书写是否正确。

  

  ·网页可读性测试:检查网页头部的<META>标记的内容是否完全,能够为搜索引擎提供正确、完整的信息。

  

(6)网站发布

  

  可以把一个制作完成的网站发布到自己的服务器系统上,也可以使用上传工具(Flashfxp等)把网站发布到ISP提供的虚拟主机上(ISP会提供上传服务器的地址、用户名和密码)。

  

  在网上有很多国内或国外网站提供免费的主页空间和域名,上传后就可以使用浏览器访问自己的网站了。也可以在域名注册及管理机构(CNNIC或InterNIC)注册,或通过其他代理公司进行注册。申请一个属于自己的永久域名并对应自己网站的IP地址。域名和IP地址都是网站在Internet上的标识。

  

(7)推广宣传与后期维护

  

  ·网页的META标签中使用多关键字和网站主要内容简介。

  

  ·在各个著名的搜索引擎上注册你的网站,提高搜索几率。

  

  ·在其他网站设置友情链接。

  

  ·在访问量大的网站做广告。

  

  ·设置与浏览者能够交互的功能,尽可能多的搜集浏览者信息,进行网站流量统计分析,以便制定相应的调整和改进策略。

  

  ·及时更新网站内容,为浏览者提供更丰富、更及时的信息。


标签:网页设计网页制作
本站文章均为推外网络摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...