網站技术规范.docVIP

附录（四） 网站技术规范 目录： 　　一、前言 　　二、网站的总体组织结构 　　三、页面的设计规范 　　四、html编码规范 　　五、高级web技术的应用规范 　　六、质量保证 一、前言 　　编写网站技术在线网站技术规范的目的是为自己提供网站建设和维护的技术规范，改善网站技术在线网站的总体质量和更新效率。不仅为此，我想为各位网友展示网站建设的标准化（当然我也只是提供一个参考）。个人网站有自己的风格与爱好，也正是个性的存在体现出网站的魅力，但如果过分的自由发挥，想到什么做什么，将给整个网站日后的管理和维护带来混乱，这就好象当年面向过程编程思想出现前，程序设计陷入了紊乱的泥潭，无数优秀程序员在其中苦苦挣扎，还是被其淹没一样，网站的管理和维护将陷入无休止的修补中。 本文提到的规范并非一成不变的，可根据具体情况变通的，随着web技术的发展，新的技术应用，规范也会随之变化的。 二、网站的总体组织结构 　　为了便于网站的维护，以下是网站的总体组织结构的规范： 1、网站的组织 　　一个组织结构良好的网站既是一个便于管理的网站。网站的预先规划一定要做好，文件、目录的命名既要符合www服务器的规定，又要清晰有逻辑性。如有的网站后缀要求为“.html”，而非“.htm”。 目录结构不要太深,因为太深的目录结构会导致较长的URL。 强烈建议有页面增加简短注释语。便于以后的更新和增加网页的易读性。而注释并不会下载至客户端,不影响浏览速度. 多数页共有的部分置于SSI（Server Side Include）包含文件中,如每页的头部、尾部导航条，版权信息和广告条。这样做的目的是方便以后的更改，如要更改导航条的链接，只需修改SSI文件即可，提高了效率。由于个人网站不能够自己确定SSI包含文件，它需要服务器端配置，所以可以用Dreamweaver提供的Library库文件的包含功能，达到相同的效果。 采用外链的CSS（Cascading Style Sheet），对CSS的引用统一为link rel=stylesheet/etc/81channel.css。 建议多数页面共有的Java或Vb采用外链。这样可以减少浏览器读代码的时间。 不要用嵌套超过3层的表格和太复杂的表格.嵌套表格太多,浏览器解释html代码的时间越长,正确显示页面的时间越长.我们可以注意到很多网站先显示上面部分,再逐渐显示下面的内容,其实就是用表格造成的. 2、目录结构 　　原则上，相近的内容放在同一目录下，目录名总以小写的英文字符串命名且不含空格和特殊字符（下划线和破折号除外），最好不要超过8个字符。 网站根目录下包含以下几个目录： library 本网站的共享文件如所有的SSI、CSS和Librsry文件置于本目录下。 images 本网站的共享的图片及主页的图片置于本目录下。 s 本网站所有的asp、php等脚本和cgi程序置于此目录中。 zh_cn 本网站的简体中文版置于此目录下。 　　下面对zh_cn目录结构做详细分解： 　　column_name 本网站某频道的相关内容置于此目录下（其下可以填加如images的图片子目录） 　　右边为网站目录结构的图示： /~wtonline/zh_cn/web/images/stucture.gif 　　.对目录级资源的引用在url的尾部要有下划线，以避免服务器的重定向，从而节省时间。如： 　　a href=dirctory/next/a 3.文件、目录命名规则： 所有的文件、目录的命名总以小写的英文字符串命名且不含空格和特殊字符（下划线和破折号除外），最好不要超过8个字符。 所有的html文件后缀统一为“.htm”，其它文件的后缀使用相应的格式，如：.php、.jpg等。 文件名用代表其含义的英文单词，不易翻译的用关键字拼音。 4、url链接 　　 .概念定义： 　　 带域名的绝对路径链接，如： 　　 a href=/index.htm81Channel首页/a 　　 不带域名的绝对路径链接，如： 　 　a href=/zh_cn/index.htm81Channel首页/a 　　 (注意路径前有“/”) 　 　相对路径链接，如： 　 　a href=zh_cn/index.htm81Channel首页/a 　　本网站引用网站内部的资源采用的相对路径链接，引用别的资源采用带域名的绝对路径链接，尽量不用不带域名的绝对路径链接。 链接别的资源采用域名而不用IP地址的形式。非要用IP地址的话，这IP地址必须是Internet的合法地址。 绝对不能用下列形式的链接（图片的src也不能用此形式）： a href=file:///c%7c