7_网页设计.docVIP

网络分析与测试实验报告 2011-5-31 一、实验目的及要求二、实验过程（实验步骤、记录、数据、分析） (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. 首页代码规范 首页的代码关键在head区，head区是指首页HTML代码的head和/head之间的内容。 （1）head区必须加入的标识 公司版权注释 !--- The site is designed by yourcompany,Inc 03/2004 --- 网页显示字符集 例如： 简体中文：META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312 繁体中文：META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=BIG5 英 语：META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=iso-8859-1 原始制作者信息 META name=author content=Webmaster@ 网站简介 META NAME=DESCRIPTION CONTENT=这里填您网站的简介 搜索关键字 META NAME=keywords CONTENT=关键字1,关键字2,关键字3,... 网页的css规范 LINK href=style/style.css rel=stylesheet type=text/css 网页标题 title这里是你的网页标题/title （2）head区可以选择加入的标识 设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。 META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT 禁止浏览器从本地机的缓存中调阅页面内容。 META HTTP-EQUIV=Pragma CONTENT=no-cache 用来防止别人在框架里调用你的页面。 META HTTP-EQUIV=Window-target CONTENT=_top 自动跳转META HTTP-EQUIV=Refresh CONTENT=5; URL=，其中5是指时间停留5秒。 网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 META NAME=robots CONTENT=none CONTENT的参数有all, none, index, noindex, follow, nofollow。默认是all。 收藏夹图标。 link rel = Shortcut Icon href=favicon.ico 5．JS调用规范 所有的javascript脚本尽量采取外部调用。 SCRIPT LANGUAGE=javascript SRC=script/xxxxx.js/SCRIPT CSS书写规范，所有的CSS的尽量采用外部调用。 LINK href=style/style.css rel=stylesheet type=text/css 书写时重定义的最先，伪类其次，自定义最后（其中a:link a:visited a:hover a:actived 要按照顺序写）便于自己和他人阅读。