网页制作基本规范精选.pptVIP

广东外语外贸大学 左明辉 TelEmail：1144163@ 目录结构规范 目录结构设计 不要将所有文件都存放在根目录下 按栏目内容建立子目录 在每个主栏目内部建立独立的images目录 目录层次不要太深 不要使用中文目录名 不要使用过长目录名 尽量使用意义明确的目录名 网站目录规范 目录建立的原则：以最少的层次提供最清晰简便的访问结构。 a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。； b.每个语言版本存放于独立的目录； c.每个主要功能(主菜单)建立一个相应的独立目录； d.当页面超过20页，每个目录下存放各自独立images目录.共用的图片放在根目录下的images目录下； e.所有的js文件存放在根目录下统一目录script； f.所有的CSS文件存放在各语言版本下的style目录 网站链接规范 链接结构的原则：用最少的链接，使得浏览最有效率。 首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。 网站的链接结构 树状链接结构：条理清晰，但效率低 星状链接结构： 网页链接规范 导航要简单、清晰，建议不超过3层的链接 用于导航的文字要简明扼要，字数限制在一行以内 首页，各栏目一级页面之间互链，各栏目一级和本栏目二级页面之间互链 超过三级页面，在页面顶部设置导航条，标明位置 突出最近更新的信息，可以加上更新时间或New标识 连续性页面应加入上一页，下一页按钮 超过一屏的内容，在底部应有go top按钮 超过三屏的内容，应在头部设提纲，直接链接到文内锚点 文件命名规范 文件命名的原则：以最少的字母达到最容易理解的意义。 a.索引文件统一使用index.html文件名(小写)。 b.菜单图片名称按菜单名的英语翻译为名称。例如： 关于我们 aboutus 信息反馈 feedback 产 品 product 所有单英文单词文件名都必须为小写； c.所有文件名字母间连线都为下划线 d.图片命名原则以图片英语字母为名。大小原则写同上。 e.js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:ad.js 尺寸规范 a.页面标准按800*600分辨率制作，实际宽度约为778px。 或者按照1024*768分辨率制作，实际宽度约为960px。 b.每个标准页面为A4幅面大小，即8.5X11英寸 c.大banner为468*60px，小banner为88*31px 页面长度原则上不超过3屏，宽度不超过1屏 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K head区代码规范 a.公司版权注释 !--- The site is designed by Maketown,Inc 06/2000 --- b.网页显示字符集 简体中文： 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 c.网页制作者信息 META name=author content=webmaster@ head区代码规范 d.网站简介 META NAME=DESCRIPTION CONTENT=xxxxxxxxxxxxxxxxxxxxxxxxxx e.搜索关键字 META NAME=keywords CONTENT=xxxx,xxxx,xxx,xxxxx,xxxx, f.网页的css规范 LINK href=style/style.css rel=stylesheet type=text/css g.网页标题 titlexxxxxxxxxxxxxxxxxx /title 其他常用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秒。 网页搜索机器人向导.用来