网站技术规范

一、前言 编写"网站技术在线"网站技术规范的目的是为自己提供网站建设和维护的技术规范,改善"网站技术在线"网站的总体质量和更新效率。不仅为此,我想为各位网友展示网站建设的标准化(当然我也只是提供一个参考)。个人网站有自己的风格与爱好,也正是个性

 

一、前言

  编写”网站技术在线”网站技术规范的目的是为自己提供网站建设和维护的技术规范,改善”网站技术在线”网站的总体质量和更新效率。不仅为此,我想为各位网友展示网站建设的标准化(当然我也只是提供一个参考)。个人网站有自己的风格与爱好,也正是个性的存在体现出网站的魅力,但如果过分的自由发挥,想到什么做什么,将给整个网站日后的管理和维护带来混乱,这就好象当年面向过程编程思想出现前,程序设计陷入了紊乱的泥潭,无数优秀程序员在其中苦苦挣扎,还是被其淹没一样,网站的管理和维护将陷入无休止的修补中。
  本文提到的规范并非一成不变的,可根据具体情况变通的,随着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链接

  .概念定义:

  带域名的绝对路径链接,如:
  <a href=”

给TA打赏
共{{data.count}}人
人已打赏
网页理论

网站设计的思考-网页中表格的运用

2005-5-26 14:32:00

网页理论

信息网站规范

2005-5-26 14:43:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索