着重介绍动态网站的搭建、设计和页面的制作,页面制作分为主页的设计、分页面的设计,分页面又分为注册页面、登录页面、分类显示页面和详细页面。动态网站的管理包括数据的添加、修改和删除,这些都要通过专门的页面来实现,或者是通过添加服务器行为来实现。
1 动态网站的搭建
动态网站,顾名思义,动态地显示页面信息,能够随时自动更新数据,能够用极少的页面表现出无限丰富的内容。它不是简单意义上的文本和图片的动态显示,而是真正地基于数据库的网站与客户的动态沟通,能够响应不同客户的不同要求而显示不同的页面。和静态网站相比,动态网站的最大优势就在于方便管理,设计简洁,以最少的人力管理网站,节约成本。当然这些都要基于网站的规划设计。搭建一个动态网站首先需要一个安装有服务器程序的电脑。也可以使用Windows系统的电脑,安装上IIS和完整版的Office办公软件,就可以简单地实现动态网站的制作了。
1.1 部署IIS,构建服务器系统
安装步骤:进入“控制面板”,点击“添加或删除程序”,单击“添加/删除Windows组件”,弹出“Windows组件向导”,选择“Internet信息服务(IIS)”,点击“下一步”,然后选择源文件位置,点击“安装”。如果出现放入安装光盘 的对话框,再进一步选择相应的文件。安装文件在网上可以下载。安装完成之后,右击“我的电脑”,在弹出的快捷菜单中选择“管理”,进入“计算机管理”对话框。展开“服务和应用程序”组件,展开“Internet信息服务”,右击“默认网站”,在弹出的快捷菜单中选择“属性”,即弹出“默认网站属性”对话框。点击“主目录”选项卡,确定网站在计算机上的位置,勾选“脚本资源访问、读取、写入、记录访问和索引资源”。点击“文档”选项卡,添加文档“index.asp”并上调至第一位。单击“确定”。部署完默认网站之后,就可以进行具体网站的制作了。
1.2 建立动态网站
安装Dreamweaver并打开软件。执行“站点→新建站点”命令,打开“站点定义”对话框,第一步为站点起一个名字,如“my web”,单击“下一步”;点选“是,我想使用服务器技术”,选择一种服务器技术如ASP VBScript,单击“下一步”;选择“您将文件存储在计算机上的什么位置?”,输入地址,单击其后的文件夹图标浏览选择网站要存放的位置,如D盘根目录,单击“下一步”;设置测试URL的根目录并且测试URL,如果弹出信息框“URL前缀测试已成功”,说明站点配置无误,单击“下一步”;选择“否”,单击“下一步”;确认信息,单击“完成”。动态网站就部署好了。
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,选定这一行;然后单击“服务器行为”下的加号,在弹出的快捷菜单中选择“重复区域”,显示所有记录。如果记录内容太多的话,就要添加“记录集分页”和“记录集导航”。具体做法:将光标放在放置记录集的表格后的位置上,在菜单栏内单击“数据”选项卡,点选“记录集分页”按钮,在级联菜单中选择“记录集分页导航条”;再点选“记录集导航状态”按钮,添加记录集状态。
4 动态网站详细页面的制作
详细页面的制作与分类显示页面的制作相似,它的作用是实现分类显示页面的具体跳转。具体说一下就是当点击分类显示页面的某一文章标题时,即展开其详细内容的页面,可以进一步了解其内容。具体做法:绘制一个3行6列的表格,将第一行合并居中,第三行合并、左对齐;第二行分别在第一列输入发布者,第三列输入发布时间,第五列输入浏览次数;建立记录集,并且在第一行插入标题,第三行插入内容,其他类推插入。
制作动态网站时,经常会遇到无法正常显示的问题,只能是反复修改,积累经验。