网站设计前期开发的流程

经过网站规划阶段后,网页设计者对所面临的任务有了一个大概的了解,接下来将进人工作流程中的第二步——网站设计。来自深圳网站建设公司分享:


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


  在设计站点时,应该事先在计算机硬盘中建立一个文件夹,以它作为工作的起点。具有良好组织结构的站点文件夹会使得网站更易于制作和维护。


  通常的做法是:首先将站点中的各种信息资源进行整理、归类,然后在计算机硬盘上新建一个站点文件夹(即根文件夹);再根据需要,在文件夹中新建若干个子文件夹,以便将不同类型的文件存放在站点中;最后,是在这个站点根文件夹中新建一个主页文件。


网站设计前期开发的流程


  在网站开发中,一定要特别注意文件、文件夹、图像等网页素材的命名。由于这些命名规则受到不同操作系统的影响,故应该在网站中使用通用名称。


  网站命名一般应遵循以下规则:


  ① 最好使用小写英文名称(可以用汉语拼音代替),但中间不能有空格。例如mypage. Htm、youmain. Htm


  ② )可以包含数字或下画线,例如mypagel. Htm、you_main.htm等


  ③ 》注意正确使用文件的扩展名。网页文件的扩展名为. Htm或. Html,


  的扩展名,例如:logo. Gif、image_l. jpg 等。一般情况下,文件的扩展名都是由响应软件自动添加的。


  (2)设计导航系统


  网站中的导航系统,实质上是指一组使用了超链接技术的网页对象(包括文字、按钮、小图片等),它们将网站中的内容有机地链接在一起,是浏览者获取网页信息的基本界面。


  导航设计的基本原则是:通过最少的点击次数得到最多的信息。这意味着应该根据页面内容的逻辑关系制作网站的导航系统,而不是将网站中的所有信息都用超链接链接起来,否则浏览者将无法进行有效浏览。设计网站导航系统时应该注意以下要点:


  ① 浏览者应该能够方便地知道他们现在正处于网站中的什么位置,也就是说要提供‘页面的位置信息。


  ② )在页面中提供返回首页或上一级页面的超链接。


  ③ 提供与站点制作者联系的电子邮件链接。


  ④ 》整个导航系统的风格应该一致,否则会使浏览者产生一种已经离开该网站的错觉。


  (3)设计页面的版式页面版式就是如何安排网页中的元素(包括文本、图像、动画等),或者指明用什么形式表现网页的内容。


  在设计页面布局之前,首先应确定页面中要放置什么内容,包括导航栏、文本、图像或其他多媒体信息的详细数目,然后在纸上或图像处理软件(如photoshop。Fireworks 等)中绘制出页面的布局效果,最后选择使用特定排版技术(如表格、层或框架等),对内容进行排版。


  设计页面版式应注意以下要点:


  ① 设计页面应以网站目标为准,最大限度地体现网站的功能。


  ② 》形象简明,易于接受。设计页面时应当始终为目标用户着想,网页中的任何信息都应该是为浏览者服务的,要确保网页中的信息能够被用户接受。总之,设计页面布局时,简单即是美,和谐即是美。


网站设计前期开发的流程


  (4)网页中的颜色


  在网页制作过程中通过设置文本颜色、背景颜色、链接颜色以及图像的颜色,可以构造出很多网页布局效果。设计颜色方案时应遵循以下要点:


  ① 保持一致性。若选择了一种颜色作为网站的主色调,那么,最好在网页中保持这种风格,另外,页面中的图像或其他多媒体信息的颜色也应该与之匹配。


  ② 》注意可读性。获取信息是绝大多数访问者浏览的目的,故不论是文本式的网页还是画廊式的网页,应该注意页面的可读性。例如,白底黑字显然比黑底白字的可读性好,而在黑色背景下的紫色超链接,可能会被访问者忽略掉。


  (5)文字、图像、动画等对象的使用


  网页中的文字设计也是体现站点风格的一种方式。为确保网页中的所有字体能够被访问者的浏览器正确显示,中文网站中的字体最好使用默认的“宋体”,或是“楷体”“黑体”等基本字体。

文章出自:深圳网站设计,原文地址:http://www.8kwz.com/news/1962.html,转载请保留文章出处即可!

本站文章大多数属于原创文章,欢迎大家转载!少数我们转载文章的文章,如未获您授权请点下方联系我们,我们会尽快下线处理!

相关内容

在线客服

扫描二维码马上微信沟通:

  • 定制网站设计、高端网站建设
    网站设计开发

  • 微信定制开发
    微信定制开发

服务热线

网站设计热线 0755-8268 5986

微信开发热线 0755-8268 5936

全天咨询热线 159-8667-8737
24小时热线电话,非工作时间自动呼叫转移

扫码加微

15986678737 扫码加微信沟通