网页的结构化与模块化(新手帖)

网页的结构化与模块化

如果你的大学毕业设计是进行一个网站的设计，对于学计算机专业的学生来说并不是一件引以为豪的事，特别是他所设计的作品不能被采用的时候。我的毕业设计是用ASP做一个教务管理系统，虽然我的并不喜欢这个毕设经历，但是通过毕设我对使用ASP设计网页有了许多认识，特别是关于如何减少页面的重复设计，这是一篇比较初级的帖子，又不妥之处还请各位网友批评指正。

想法的由来和基本思路

一个网站的设计，首先应该是页面风格的整体设计，然后才是代码的编写。我在毕业设计中因为老师的要求，多次改变了页面的风格，导致了相同功能页面的重复书写。这几次重复加大了我的工作量，也使我觉得ASP网页设计比较恶心。几经修改后我常常问自己，有没有好的办法，使页面修改对功能实现的影响不大呢？我想到了程序设计中的结构化和模块化设计。

所谓结构化是把页面框架分成几个大的部分，比如把页面分成的标题栏、菜单栏、左导航栏、页面主体和页脚几个部分。在我设计的网站中各个页面多数是使用这个框架的。使用框架是为了后面的设计比较简单，为了简化页面各个部分的设计，所以在经常要改变的地方是我使用函数来完成的，因为函数可以在实现的页面中方便的改变。

由于模板是整个网站的基础，所有的其他页面都是在他的基础上完成的，所以我在系统中备份了一页。根据需要我把它分为了三块：第一块是页面左边“信息栏”的内容；第二块是页面的右边的，也是页面的主要内容的显示部分；第三块包括页面主体，同时还在相应的部分调用了第一块函数和第二块函数。对应函数片断如下：

sub main()

root=0

'定义网页的位置，为的是正确的现实图片和联接。0为根目录，1为一级子目录，以此类推。

dim images(6)

images(0)="images/bg.gif"

……

images(5)="images/03.gif"

'下面的双重循环是配置temp.asp中出现图片对root的相对位置

for i=0 to 5

    while j<>root

       images(i)="../"+images(i)

       j=j+1

    wend

next