如何制作动态网站( 二 )



2 动态网站主页的布局与制作

网站首页是一个网站的门户,因此在整个网站制作中起到非常重要的作用 。网站的设计风格根据网站的主题而定,是注重形象还是张扬个性 。网站的整体基色也非常关键,教育类网站多是以冷色调为主,促使人冷静思考 。本校的网站以灰色调为主,凸显教育信息,给人一种庄严肃穆的感觉 。网站的主页由网站的标志性图标(logo)、标志性建筑banner、一级导航条和几个分类栏目组成 。整个网站首页往往是由几个局部组成,包括top.ASP、left.asp和bottom.ASP等,有的甚至更多 。这样做的目的是为以后制作其他页面提供便利 。因为动态网站上的网页多是嵌套而成,只要是修改某一个部分页面,其他页面也会随之改变,而不用一个一个去修改,省去很多无效工作 。嵌套结构使得其他页面的制作更加快捷,只要是制作好网页的主体,需要top,就嵌入top.ASP,让栏目更加清晰,也便于不同页面之间的跳转 。底部也是一样,就如同Word中复制粘贴一样,在网站上粘贴往往要重新定义源文件地址,而嵌套就省去了这些工作 。

在将主页与局部页面嵌套的时候要注意以下几点才能使这项工作做得准确无误:首先,要在代码视图中删去多余的头文件head,删去等标签;其次,切换到包含文件页面,进入设计视图,页面属性中将编码改为“简体中文(GB18030)”,以使汉字能够以正常的方式显现出来 。另外在给文件起名字的时候,会英文的使用英文,不会的使用汉语拼音,因为软件是外国人编辑的,不能适用中文的名称 。

在主页上要制作一些小的栏目,也可以称作是二级栏目,便于读者快速地查找所关心的网站的主要内容 。在二级栏目上,多采用记录集和添加重复区域的方式显示数据,数据往往根据栏目的大小限定条数,一般是5~10条 。主页上往往还要出现一些友情链接,是一些内容与之相关的网站网址 。在某一部分甚至可以添加主管人的姓名和联系方式,便于读者与网站管理人员的沟通 。主页上还要预留出网站管理的后台入口,方便管理人员管理甚至是修改页面 。

3 动态网站分类显示页面的制作

网站分类页面的制作相对于主页要简单得多,通常是插入一个表格,或者是使用绘图软件制作好一张大图,再用fireworks裁成相应的小图,之后加以html文件保存,需要的时候整体载入,再去掉无用的部分 。小图载入的优势就在于可以加快页面的显示速度,减少读者的等待时间 。在需要显示内容的地方插入一个2行?列的表格,比如说是“文章编号、文章标题、发布者、发布时间、点击数”等内容 。在第一列输入这些内容,然后单击“绑定”选项下的加号,添加记录集 。记录集名称自定,但是不允许使用已经分配给代码库的专用代码名称,如delete等,以避免产生代码混淆 。这里显示的内容一般是以时间为标准降序排序,以便查看新增加的文件 。

添加完记录集之后,要绑定记录集,具体步骤:在文章编号的对应表格内插入相对应的ID,文章标题下方插入title等依次类推进行插入 。绑定完记录集之后是添加服务器行为,创建重复区域 。首先将光标放在绑定记录集之内,单击最近的一个tr,选定这一行;然后单击“服务器行为”下的加号,在弹出的快捷菜单中选择“重复区域”,显示所有记录 。如果记录内容太多的话,就要添加“记录集分页”和“记录集导航” 。具体做法:将光标放在放置记录集的表格后的位置上,在菜单栏内单击“数据”选项卡,点选“记录集分页”按钮,在级联菜单中选择“记录集分页导航条”;再点选“记录集导航状态”按钮,添加记录集状态 。

推荐阅读