一、网站的总体组织结构规范： 1、网站的组织 一个组织结构良好的网站既是一个便于管理的网站。网站的预先规划一定要做好，文件、目录的命名既要符合www服务器的规定，又要清晰有逻辑性。如有的网站后缀要求为“.html”，而非“.htm”。 （1）目录结构不要太深,因为太深的目录结构会导致较长的URL。 （2）强烈建议有页面增加简短注释语。便于以后的更新和增加网页的易读性。而注释并不会下载至客户端，不影响浏览速度。 （3）多数页共有的部分置于SSI包含文件中,如每页的头部、尾部导航条，版权信息和广告条。这样做的目的是方便以后的更改，如要更改导航条的链接，只需修改SSI文件即可，提高了效率。由于个人网站不能够自己确定SSI包含文件，它需要服务器端配置，所以可以用Dreamweaver提供的Library库文件的包含功能，达到相同的效果。 （4）建议多数页面共有的javascript或Vbscript采用外链。这样可以减少浏览器读代码的时间。 （5）不要用嵌套超过3层的表格和太复杂的表格.嵌套表格太多,浏览器解释html代码的时间越长,正确显示页面的时间越长.我们可以注意到很多网站先显示上面部分,再逐渐显示下面的内容,其实就是用表格造成的. 2、目录结构 （1）原则上，相近的内容放在同一目录下，目录名总以小写的英文字符串命名且不含空格和特殊字符（下划线和破折号除外），最好不要超过8个字符。 （2）网站根目录下包含以下几个目录： library images scripts （3）对目录级资源的引用在url的尾部要有下划线，以避免服务器的重定向，从而节省时间。 3、文件、目录命名规则： （1）所有的文件、目录的命名总以小写的英文字符串命名且不含空格和特殊字符（下划线和破折号除外），最好不要超过8个字符。 （2）所有的html文件后缀统一为“.htm”，其它文件的后缀使用相应的格式。（3）文件名用代表其含义的英文单词，不易翻译的用关键字拼音。 4、url链接 （1）带域名的绝对路径链接，如： 81Channel首页 （2）不带域名的绝对路径链接，如： 81Channel首页(注意路径前有“/”)（3）相对路径链接，如： 81Channel首页 （4）链接别的资源采用域名而不用IP地址的形式。非要用IP地址的话，这IP地址必须是Internet的合法地址。 （5）绝对不能用下列形式的链接： 测试链接 ----以上链接用的是file://本地驱动器，对用户而言是不可见的。 二、页面设计规范 整个页面的设计可分为7部分：网站标识（logo），频道标题，日期，导航，广告，内容区，版权信息。 1、标识（logo） 标识是品牌的象征，突出网站鲜明的个性、整体的构思，标识统一置于左上角，文件名为"\images\logo.jpg"，各频道可以有自己的logo标识，要突出频道的特色。 2、频道标题（title） 采用图片形式，其链接采用热点地图链接，在dreamweaver中可以非常方便的设置热点链接. 3、日期 日期部分采用javascript脚本编程显示； 4、导航 （1）导航要简单、清晰、开放、逻辑性强，不要用超过3层的链接，又不是做商业网站追求PV，节省用户宝贵的时间。 （2）用于导航的文字要简明扼要，含盖的范围不要太广，且应限制在一行以内。 （3）保证每页都有到网站首页的链接，利?*** istory面版返回，不要堆砌太多的链接，让用户无所侍从。 （4）突出最近更新的信息，可以加上更新时间或New标识。 （5）页面顶部和尾部导航条代码放在Library库文件highchannel.lbi和lowchannel.lbi中，分别引用。 5、广告 由于本网站是个人网站，所以必须有提供空间的网站的广告，如163、263的logo，尽量把它放置于一单独的弹出式窗口中，如下形式调用：window.open(para参数表) 6、内容区（content） 正文内容全部定义为9pt大小（不能为默认），标题为加粗的10pt，其字体为默认字体。 7、版权信息 纯粹是为了避免下面的内容太空，加上它，不仅充实了内容，而且使网站看上去比较规范。 8、其它注意事项 （1）设计工具用Dreamweaver3.0、Flash、Photoshop等。 （2）页面要兼容两种浏览器，但以IE为主。 （3）整个页面布局合理，保持均衡，但又要突出重点。 （4）一般，页面背景用浅色和纯色且直接用16进制颜色定义，不要用色图定义。 （5）每个页面都要定义简明准确的Title。 （6）保持干净的html代码，可以自动和手动清除多余tag。 （7）页面的长度<=3屏，建议采用锚链接到其它页或用分页显示，并增加“上一页”、“下一页”等的链接。（8）页面的宽度<=1屏。 三、Html编码规范 1、meta标记 meta提供一些搜索引擎可以利用的信息，搜索引擎主要使用两个属性Description和Keywords，如： . .另外还有三种非常有用的meta标记： . . 　　　.　2、专用标记的使用规定 为了保证页面对浏览器的兼容性，不要使用某种浏览器专用的标识。 3、Frame 不建议使用Frame帧结构，因为Frame不便于维护且容易迷惑用户，只有在使用比如聊天室之类的特殊页面时才采用。 4、表格 .再次强调不要使用太多的嵌套表格和复杂的表格。 .表格的定义使用像素。不要采用百分比，因为它会因为屏幕的大小自动调整。 5、图片 .所有的图片都要定义高度和宽度，并加替代文本即要定义Alt="替代文本"，同时替代文本要与主题一致。 .在使用