动态网站建设的实践与探索

2013-02-02 08:36李云虹
中国教育技术装备 2013年7期
关键词:对话框页面站点

李云虹

唐山市丰润区石各庄镇中心小学 河北唐山 064005

随着社会的信息化进程的深入,网站日益成为人们交谈的话题。不管是一家企业,还是一所学校,都想通过网站扩大自己的影响,增进与同行的交流与合作。通过网站,学校向社会展示自己的校容校貌、自己的办学特色和办学优势,建立良好的社会形象,最终目标是扩大生源,维持学校的良性运转。网站使得各个封闭的个体走到大众的眼前,让众人评议,众人认知。这样一来,学校的一些特长可以得到社会的认可,学校的一些弊端也可以通过社会的监督予以及时的更正,让社会对学校多一份包容和理解,更加促进学校与社会的共同发展。最终达到整个社会的良性互动,让社会更加和谐,在和谐中稳步前进。那么,如何制作一个学校或者是学科的网站呢?

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等,以避免产生代码混淆。这里显示的内容一般是以时间为标准降序排序,以便查看新增加的文件。

4 动态网站详细页面的制作

详细页面的制作与分类显示页面的制作相似,它的作用是实现分类显示页面的具体跳转。具体说一下就是当点击分类显示页面的某一文章标题时,即展开其详细内容的页面,可以进一步了解其内容。具体做法:绘制一个3行6列的表格,将第一行合并居中,第三行合并、左对齐;第二行分别在第一列输入发布者,第三列输入发布时间,第五列输入浏览次数;建立记录集,并且在第一行插入标题,第三行插入内容,其他类推插入。

制作动态网站时,经常会遇到无法正常显示的问题,只能是反复修改,积累经验。

猜你喜欢
对话框页面站点
刷新生活的页面
正常恢复虚拟机
基于Web站点的SQL注入分析与防范
2017~2018年冬季西北地区某站点流感流行特征分析
Bootlace Worms’Secret etc.
What Is Beauty?
首届欧洲自行车共享站点协商会召开
怕被人认出
浅谈VB的通用对话框《CommonDialog》控件的使用
网站结构在SEO中的研究与应用