网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科
简体

网站外观的组织和设计

时间:2014-08-07 来源:尚品中国 类型:网站百科
字号:   

在设计和创建一个Web站点的时候,组织结构固然很重要,但也不要忽视外观的设计,因为当访问者初次浏览该站点的时候,最先吸引他的就是网页的外观。对于一个Web站点来说,外观不仅仅指其包含的每一个网页的外观,而且还包括其结构的外观。在本节中,将着重讨论结构的外观设计和Web页面的外观设计。一个Web站点的结构层次最好不要超过3层,因此,我们应当考虑三种不同类型的网页。它们分别是:主页、二级网页和三级网页。

网站设计

一、主页

网站制作主页通常也是一个Web网站的起始页。有时也叫做首页或者起始页。主页外观设计的好坏将直接决定着访问者对该Web站点的第一印象,一般来说,主页应当包含一些本站点的内容提要,本站点的情况说明和一些指向二级网页的链接,因此,它是整个站点的核心部分。对于主页中的说明文字应尽量做到文字精炼、表达清楚, 因为主页只包括一些Web网站的基本情况介绍。以及一些指向二级网页的链接,所以主页的版面设计应当简洁大方、色调够明快、能给人一种一目了然、轻松愉快的印象,切忌不可花里胡哨,文字哆里哆唆,茫然不知所云。

在大多数的Web站点设计中,均采用表格和框架来设计和改再Web网页的布局,在主页的设计中,表格和框架的使用频率尤其高,这个网站的主页的制作就采用了使用表格的方法,利用表格可以很好地安排网页的布局,表格的第一行是整个网站的标题,一般需要写上一些标志性或者说明性文字,.用以标明该网站的性质和类型。例如这个主页采用的是“剑气如歌刀似虹”表格的第二行列举了该网站的一些主要内容,并包含了指向二级网页或其他Web站点的超链接,它的主要作用就是给访问者一个该Web站点内容的简要说明,起到一个指示的作用;表格的第三行是对该网站的一些描述;表格的第四行是特定的超链接,用于指向网络内部,当基本框架确定以后,就可以开始为这个Web页面添加背景音乐、背景医像或者其他一些内容等等。

二、2级网页

二级网页一般用于区分Web站点中的各部分,并且列出各个部分的主要内容。一般来说,二级网页之间并不采用相互链接,它们一般也只包括所在区域的内容提要,而不包括详细的内容细节。因为如果二级网页如果过于详细,容易给访问者造成一种疲劳的感觉。二级网页的制作和主页的制作在风格上有所不同,它的主要任务是给访问者讲解有关该Web站点的更加详绍的内容以及指向其他三级网页的超链接。实际上,二级网页在整个网页中起到了一种承上启下的作用。它既对主页部分起到支撑的作用,提供给主页一些必要的说明;另外一方面,它又指导访问者如何到三级网页去获取更为详细的内容知识,所以说,二级网页的制作是比较关键的。二级网页的制作,要遵循内容不可过分简明,但也不要过分详细的原则。文字说明应该尽量清楚明确,至于其他方面也应当遵循上面所说的制作Web站点主页的基本原则。

三、3级网页

三级网页一般位于一个Web站点的最底层,它的主要作用是为二级网页提供一些更为详细的甚至是全部的内容细节,它的下一级不应再有更进一步的网页内容。一般来说,如果一个三级网页的内容过多,在一个网页中存放不下时。可以把它们分成几个相互平行关系的网页,三级网页中除了包含支撑二级网页的全部详细内容外。还应该包括指向该Web站点主页以及指向其他有关的Web站点的一些超链接,所以,对于三级网页的制作、设计和创建Web站点的前期准备工作,特别是关于Web站点的资料收集工作的好坏将直接决定了三级网页制作的质量,没有前期所准备的丰富的内容材料,就不可能制作出好的三级网页。


您好,现在就与尚品客服交流

专业网站建设 | 大型网站开发 | 营销网站建设 | APP开发等业务

您可以直接电话快速沟通

北京专线:010-60259772(总部)

天津专线:022-58793660

假日热线:010-60255689

北京地区微信

天津地区微信

快速在线提交需求

请输入您的姓名(尚品将对您的联系方式严格保密)

请输入您的联系电话或微信号