引 言
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。为了更好的办学,庆祝学校建校十周年,提高学校知名度,特构四川理工学院成都新华学院学校网站。 建立学院网站有以下作用:
(1) 学院网站是学院的“商标”。在这个高度信息化的社会里,建立学院自己的网站是最直接的宣传手段。网站的超时空特性,不仅能让本地区的人们了解学院,更可让世界了解学院。
(2) 学院有巨大的教育资源,网站是实现教育资源分配的桥梁,它使每一位教师和学生都能均等的得到培训和受教育的机会,能极大的提高教学效率。
(3) 学院网站能提供教学互动的全新方式,学院网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式,它不再受到传统课堂的制约。它可以使不同的学院同处一室,共同讨论,共同提高。地理上的界限在这里模糊和消失了,学院网站是真正没有围墙的学院。 (4) 学院网站能够提供个性化的学习平台,不同的学生理解世界的方式各不相同,认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式,各取所需。学院网站允许不同的学生沿着自己的途径,按自己的速度接受教育与学习,学生将有机会享受最佳的教育机会,充分发掘自己的内在潜力,培植独特的个性和人格。 (5) 学院网站是最佳的教学研究室,学院网站与教育类专门网站的有效链接,给学院教学研究带来了一片新天地,各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。
第 6 页 共 28 页
第1章 概论
在已跨入21世纪的今天,计算机网络的应用越来越普及,人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命,这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前,我国上网的人口已达一亿,成为世界上网民最多的国家,许多人在需要查询信息,首先想到的就是上网。网站的迷人之处在于综合使用文本、图形、图像、声音、动画以及视频的信息和内容,具有丰富的多媒体表现与互动特点,无可置疑,网站已成为最吸引人的,也最有效的信息传递手段和方式。因此,网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中得最重要的组成部分,从而倍受人们的重视,在未来的发展中占据着不可磨灭的地位,是人们生活中不可缺少的部分。
1.1、设计思想
通过学校校庆网站,全面宣传,展示校园风采、优点与特色,以及独特的一面。发布学校的重大新闻,增强同学之间的相互联系,提高办事效率。
网站结构示意图:
第 1 页 共 28 页
1.2、网站功能要求
设计一套基于数据库的信息即使发布系统,可用于各类信息的实时发布,前台用户可通过页面浏览查询,用户可以自己上传图片,但是通过管理员审核,后台可以动态管理图片、文字等多类信息、用户管理等,可以通过后台管理实现网站实时的更新,让外界更多的了解四川理工学院成都新华学院十周年校庆网站。
1.3 开发工具的选用及介绍
1.3.1、什么是Dreamweaver
Dreamweaver是美国MACROMEDIA公司开发的集Web页制作和管理网站于一身的所见即所得Web页编辑器,它是第一套针对专业Web页设计师的视觉化Web页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的Web页。
说到MACROMEDIA公司大家不会感到陌生,著名的多媒体开发工具AUTHORWARE和DIRECTOR均出自该公司的旗下,以及目前在互联网(Internet)上越来越流行的网络多媒体开发工具FLASH也是出自该公司的旗下。而Dreamweaver则是MACROMEDIA公司继FlASH以后向互联网(Internet)推出的又一梦幻工具。Dreamweaver、FLASH以及在Dreamweaver推出的针对专业Web页图像设计的FIREWORKS,三者被MACROMEDIA公司称为“网络三剑客”,足见市场的反响和MACROMEDIA公司对它们的自信。
1.3.2、Macromedia Dreamweaver MX 2004 介绍:
一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含HTML检查、
HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。
Dreamweaver MX 2004 的十大新特性:
1.动态跨浏览器验证:自动检测标签和CSS规则来适应所有主流浏览器!
2.更强大的CSS支持!
3.内建的图形编辑引擎:修剪,改变大小,尺寸,旋转角度,调节明暗度都不需要离开Dreamweaver环境,因为它本身集成了FW的基本图形编辑技术.(这一点有模仿FrontPage的嫌疑,但这个功能确实很实用)!
4.安全FTP:完全加密传输保证文件和帐号信息的安全!
第 2 页 共 28 页
5.增强对当今技术的支持:支持当今主流的开放环境:ColdFusion,J2EE,PHP,.NET,和其他主流的服务器技术.Dreamweaver现在加入了XML命名空间支持,ASP.NET表单控件对象,新的参考书内容和新的PHP服务器端行为!
6.无缝整合外部文件和代码:直接将Word和Excel文档复制和粘贴到Dreamweaver中,会保留字体,颜色,CSS样式表信息.使用,使用系统支持的编码保存任何字体,包括双字节字符集.
7.紧密整合MM的其他工具:加强了和MM其他几款产品的协同工作能力.例如:你可以通过DW直接设置Flash组件的参数.
8.基本支持改良:插入条,表格工具都有改进!
9.增强代码编写工具:编辑代码更省时,例如右键编写代码工具,增强的查找和替换,高效的属性面板.
10.改进的设计开放环境:一个改良的用户界面,更高的实用性,非常亲切和有逻辑,让你快速找到你想要的东西,一个新的开始屏幕让你快速访问最近的文件和教程资源.
1.4 关系型数据库的选择
1.4.1 Access
Microsoft Access是一种桌面数据库,存储方式简单,易于维护管理,只适合数据量少的应用,在处理少量数据和单机访问的数据库时是很好的,效率也很高;界面友好、易操作,集成环境、处理多种数据信息,支持广泛,易于扩展,弹性较大。但是它的同时访问客户端不能多于4个。Microsoft Access数据库有一定的极限,如果数据达到100M左右,很容易造成服务器IIS假死,或者消耗掉服务器的内存导致服务器崩溃。
第2章 网站总体分析与设计
2.1 网站系统分析
根据前面的设计思想进行分析,按照系统开发的基本观点进行对网站进行分解,从内容上可对网站作如下划分:
第 3 页 共 28 页
⑴ 校庆首页 ⑵ ⑶ ⑷ ⑸
学校介绍
校庆新闻报道 学校图片展
学校十大成就评选
⑹ 嘉宾在线与网友互动 ⑺ 留言板
2.2 网站的创建
2.2.1 创建站点
创建站点的具体步骤如下:
⑴ 首先在本地硬盘上建立一个文件夹,用来存放将要制作的站点。
⑵ 运行Dreamweaver MX 2004,选择“站点”|“管理站点”菜单命令,弹出“管理站⑶ 在弹出的对话框中输入新建站点的名字“四川理工学院成都新华学院十周年校庆”,再单击“下一步”按钮。
⑷ 在弹出的对话框中选择“是,我想使用服务器技术。”单击“下一步”按钮。 ⑸ 在弹出的对话框中选择“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”单选按钮,然后在下面的文本框中选择“C:\\Documents and Settings\\Administrator\\桌面\\四川理工成都新华学院十周年校庆”文件夹下,单击“下一步”按钮。
⑹ 在弹出的对话框中选择“无”选项,单击“下一步”按钮。
⑺ 在弹出的对话框中认真阅读设置好的信息,确认无误后单击“完成”按钮。 ⑻ 出现“管理站点”对话框,其中显示了新建的站点,单击“完成”按钮。
点”对话框,在对话框中单击“新建”|“站点”选项
2.2.2 创建网页文件
选择“文件”|“新建”菜单命令,弹出“新建文档”对话框,从各种预先设计好的页面类别中选择“基本页”|“HTML”,然后单击“创建”按钮即可。
2.3 数据库的链接
1:链接用户数据源,如下图:
第 4 页 共 28 页