经过网站规划阶段后,网页设计者对所面临的任务有了一个大概的了解,接下来将进人工作流程中的第二步——网站设计。来自深圳网站建设公司分享:
(1)建立站点的目录结构
在设计站点时,应该事先在计算机硬盘中建立一个文件夹,以它作为工作的起点。具有良好组织结构的站点文件夹会使得网站更易于制作和维护。
通常的做法是:首先将站点中的各种信息资源进行整理、归类,然后在计算机硬盘上新建一个站点文件夹(即根文件夹);再根据需要,在文件夹中新建若干个子文件夹,以便将不同类型的文件存放在站点中;最后,是在这个站点根文件夹中新建一个主页文件。
在网站开发中,一定要特别注意文件、文件夹、图像等网页素材的命名。由于这些命名规则受到不同操作系统的影响,故应该在网站中使用通用名称。
网站命名一般应遵循以下规则:
① 最好使用小写英文名称(可以用汉语拼音代替),但中间不能有空格。例如mypage. Htm、youmain. Htm
② )可以包含数字或下画线,例如mypagel. Htm、you_main.htm等
③ 》注意正确使用文件的扩展名。网页文件的扩展名为. Htm或. Html,
的扩展名,例如:logo. Gif、image_l. jpg 等。一般情况下,文件的扩展名都是由响应软件自动添加的。
(2)设计导航系统
网站中的导航系统,实质上是指一组使用了超链接技术的网页对象(包括文字、按钮、小图片等),它们将网站中的内容有机地链接在一起,是浏览者获取网页信息的基本界面。
导航设计的基本原则是:通过最少的点击次数得到最多的信息。这意味着应该根据页面内容的逻辑关系制作网站的导航系统,而不是将网站中的所有信息都用超链接链接起来,否则浏览者将无法进行有效浏览。设计网站导航系统时应该注意以下要点:
① 浏览者应该能够方便地知道他们现在正处于网站中的什么位置,也就是说要提供‘页面的位置信息。
② )在页面中提供返回首页或上一级页面的超链接。
③ 提供与站点制作者联系的电子邮件链接。
④ 》整个导航系统的风格应该一致,否则会使浏览者产生一种已经离开该网站的错觉。
(3)设计页面的版式页面版式就是如何安排网页中的元素(包括文本、图像、动画等),或者指明用什么形式表现网页的内容。
在设计页面布局之前,首先应确定页面中要放置什么内容,包括导航栏、文本、图像或其他多媒体信息的详细数目,然后在纸上或图像处理软件(如photoshop。Fireworks 等)中绘制出页面的布局效果,最后选择使用特定排版技术(如表格、层或框架等),对内容进行排版。
设计页面版式应注意以下要点:
① 设计页面应以网站目标为准,最大限度地体现网站的功能。
② 》形象简明,易于接受。设计页面时应当始终为目标用户着想,网页中的任何信息都应该是为浏览者服务的,要确保网页中的信息能够被用户接受。总之,设计页面布局时,简单即是美,和谐即是美。
(4)网页中的颜色
在网页制作过程中通过设置文本颜色、背景颜色、链接颜色以及图像的颜色,可以构造出很多网页布局效果。设计颜色方案时应遵循以下要点:
① 保持一致性。若选择了一种颜色作为网站的主色调,那么,最好在网页中保持这种风格,另外,页面中的图像或其他多媒体信息的颜色也应该与之匹配。
② 》注意可读性。获取信息是绝大多数访问者浏览的目的,故不论是文本式的网页还是画廊式的网页,应该注意页面的可读性。例如,白底黑字显然比黑底白字的可读性好,而在黑色背景下的紫色超链接,可能会被访问者忽略掉。
(5)文字、图像、动画等对象的使用
网页中的文字设计也是体现站点风格的一种方式。为确保网页中的所有字体能够被访问者的浏览器正确显示,中文网站中的字体最好使用默认的“宋体”,或是“楷体”“黑体”等基本字体。
阅读本文的人还阅读:网站CSS代码是什么?