《网页设计》考核方法

结课考核（期末考核）

作业提交方式：

将网站文件夹整体压缩打包，命名为：学号-姓名-网站名称，如:201615532 -王某某-环球时尚网

截止接收日期：12月10日前

选题及评分标准

完善学期初的设计，将其建设成一个至少20页的网站，按照制作水平给予学期末成绩。评分标准如下（可以将它看作网站制作的指导步骤）：

附：网页制作指导规范（参考）

1、结构设计：

（1）、物理结构

网站的物理结构是指网站在服务器上的目录结构。首页放在站点根目录，其他栏目网页放在各自栏目的目录中，目录只能以英文字母和数字来命名。另外，网站结构不要超过3层。

（2）、逻辑结构

网站的逻辑结构是指网页之间相互联接的拓扑结构。它是建立在网站的目录结构之上的，但可以跨越目录结构。

网站的逻辑结构一般有两种形式：树状链接结构、星状链接结构。

本次竞赛采用树状结构。要能够有效的组织起网站的内容，方便用户使用。

2、网站形象设计

网站内容的丰富性固然重要，但简洁明快、独具特色、保持统一的风格能够使浏览者产生深刻的印象，因此，设计内容与形式有机结合的“特色”才是网站成功的关键。

（1）、网站的标志设计

网站的标志可以是中文、英文字母、符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。

本次竞赛要求参赛者自制一个符合自己站点主题要求的标志。

（2）、网站的标准色彩设计

网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。本次竞赛要求网站的标准色彩不超过3种。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配、美观。本考点亦是得失分的关键点之一。

（3）、网站的标准字体设计

网站的标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。如果参赛选手想用其他字体也可以，但是不要在一个站点里运用多种字体。

（4）、网站的宣传标语设计

网站的宣传标语是网站的精神和目标的体现，可以用一句话甚至一个词来高度概括。可以用FLASH来体现也可以用图片来实现。

3、页面要求：

（1）、控制页面的总规模。要想把网页做得精彩，内容必定要丰富，但不要把所有的

内容都放在一个页面上，应控制页面的总规模。所以要求参赛者制作包括首页在内的页面时，页面内容不要超过3屏。

（2）、图像要经过优化处理，一切以能够快速下载、美观切题为佳。

（3）、参赛者可以使用JAVA及其他相关技术实现网页特效，但是一旦因此造成不良效果后果自负。

（4）、可以使用背景音乐，视整体效果给以适当加减分。

4、设计者在设计过程中要遵循一下业界的规范，越接近规范要求者得分越高。

（1）、文件命名规范

网站文件命名的原则是以最少的字母达到最容易理解的目标。一般网页文件及目录命名规范如下：

(1)每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm。

(2)文件名称统一用小写的英文字母、数字和下划线的组合。

(3)尽量按单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们)。

(4)多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。例如：news_01.htm。注意，数字位数与文件个数成正比，不够的用0补齐。例如共有200条新闻，其中第18条命名为news_018.htm。

2）、目录结构规范

目录建立的基本原则是：以最少的层次提供最清晰简便的访问结构。

(1)目录的命名以小写英文字母，下划线组成。(参照文件命名规范)。

(2)根目录一般只存放index.htm以及其他必须的系统文件。

(3)每个主要栏目开设一个相应的独立目录。

(4)根目录下的images用于存放各页面都要使用的公用图片，子目录下的images目录存放本栏目页面使用的私有图片。

(5)所有JS、ASP、PHP等脚本存放在根目录下的scripts目录。

(6)所有CGI程序存放在根目录下的cgi-bin目录。

(7)所有CSS文件存放在根目录下style目录。

(8)每个语言版本存放于独立的目录。例如：简体中文gb。

(9)所有flash、avi、ram、quicktime等多媒体文件存放在根目录下的media目录。

3）、网页尺寸规范

网页的尺寸包括页面尺寸和网页中分割区域的尺寸，具体规范应根据实际需要进行设计和调整：

(1)页面标准按800*600分辨率制作，推荐尺寸为766*430px。

(2)页面长度原则上不超过3屏，宽度不超过1屏。

(3)每个标准页面为A4幅面大小，即8.5*11英寸

(4)全尺寸图标为468*60px，半尺寸图标为234*60px，小图标为88*31px，另外120*90，120*60也是小图标的标准尺寸。

(5)每个非首页静态页面含图片的字节不超过60K，全尺寸图标不超过14K。

(6)网页中分割区域的尺寸比例可以按黄金分割法分配，也可按其他比例分配，但应以协调合理为最终目标。

4）、网站样式设计最好采用CSS样式表，现推荐一个CSS 模板，参赛选手可以参考。