一、前言
编写”网站技术在线”网站技术规范的目的是为自己提供网站建设和维护的技术规范,改善”网站技术在线”网站的总体质量和更新效率。不仅为此,我想为各位网友展示网站建设的标准化(当然我也只是提供一个参考)。个人网站有自己的风格与爱好,也正是个性的存在体现出网站的魅力,但如果过分的自由发挥,想到什么做什么,将给整个网站日后的管理和维护带来混乱,这就好象当年面向过程编程思想出现前,程序设计陷入了紊乱的泥潭,无数优秀程序员在其中苦苦挣扎,还是被其淹没一样,网站的管理和维护将陷入无休止的修补中。
本文提到的规范并非一成不变的,可根据具体情况变通的,随着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”>。
.建议多数页面共有的ja;vascript或Vbscript采用外链。这样可以减少浏览器读代码的时间。
.不要用嵌套超过3层的表格和太复杂的表格.嵌套表格太多,浏览器解释html代码的时间越长,正确显示页面的时间越长.我们可以注意到很多网站先显示上面部分,再逐渐显示下面的内容,其实就是用表格造成的.
2、目录结构
.原则上,相近的内容放在同一目录下,目录名总以小写的英文字符串命名且不含空格和特殊字符(下划线和破折号除外),最好不要超过8个字符。
.网站根目录下包含以下几个目录:
library 本网站的共享文件如所有的SSI、CSS和Librsry文件置于本目录下。
images 本网站的共享的图片及主页的图片置于本目录下。
scripts 本网站所有的asp、php等脚本和cgi程序置于此目录中。
zh_cn 本网站的简体中文版置于此目录下。
下面对zh_cn目录结构做详细分解:
column_name 本网站某频道的相关内容置于此目录下(其下可以填加如images的图片子目录)
右边为网站目录结构的图示:
http://go5.163.com/~wtonline/zh_cn/web/images/stucture.gif
.对目录级资源的引用在url的尾部要有下划线,以避免服务器的重定向,从而节省时间。如:
<a href=”dirctory/”>next</a>
3.文件、目录命名规则:
.所有的文件、目录的命名总以小写的英文字符串命名且不含空格和特殊字符(下划线和破折号除外),最好不要超过8个字符。
.所有的html文件后缀统一为“.htm”,其它文件的后缀使用相应的格式,如:.php、.jpg等。
.文件名用代表其含义的英文单词,不易翻译的用关键字拼音。
4、url链接
.概念定义:
