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

[入库:2005年8月18日] [更新:2007年3月24日]

本文简介:选择自 level1979 的 blog

网页的结构化与模块化

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

想法的由来和基本思路

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

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

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

sub main()

root=0

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

dim images(6)

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

……

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

本文关键:网页的结构化与模块化(新手帖)
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top