第1章 网站开发环境和需求分析
1.1网站设计工具选择
1.1.1 Macromedia Dreamweaver 8.0 简体中文版介绍
Macromedia Dreamweaver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能,Dreamweaver 8 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 8 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务。
利用 Dreamweaver 中的可视化编辑功能,您可以快速创建 Web 页面而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在 Macromedia Fireworks 或其它图形应用程序中创建和编辑图像,然后将它们直接导入 Dreamweaver,从而优化您的开发工作流程。Dreamweaver 还提供了其它工具,可以简化向 Web 页中添加 Flash 资源的过程。
除了可帮助您生成 Web 页的拖放功能外,Dreamweaver 还提供了功能全面的编码环境,其中包括代码编辑工具(例如代码颜色、标签完成、“编码”工具栏和代码折叠);有关层叠样式表 (CSS)、JavaScript、ColdFusion 标记语言 (CFML) 和其它语言的语言参考资料。Macromedia 的可自由导入导出 HTML 技术可导入您手工编码的 HTML 文档而不会重新设置代码的格式,您可以随后用您首选的格式设置样式来重新设置代码的格式。
Dreamweaver 还使您可以使用服务器技术(如 CFML、ASP.NET、ASP、JSP 和 PHP)生成动态的、数据库驱动的 Web 应用程序。如果您偏爱使用 XML 数据,Dreamweaver 也提供了相关工具,可帮助您轻松创建 XSLT 页、附加 XML 文件并在 Web 页中显示 XML 数据。
Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令,修改快捷键,甚至编写 JavaScript 代码,用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。
1.1.2 IIS简介
Internet Information Server的缩写为(IIS)是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页,并且有ASP(Active Server Pages)、JAVA、VBscript产生页面,有着一些扩展功能。 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器,是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成,允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。
IIS(Internet Information Server,互联网信息服务)是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事。 1.1.3 ASP简介
ASP即Microsoft Active Server Pages 的简称。 ASP是一套微软开发的服务器端运行的脚本平台,ASP 内含于 IIS当中,目前IIS最高版本为5.0版本。 通过 ASP 我们可以结合HTML网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。同时,asp也支持VbScript和javascript等脚本语言,默认为VbScript。
ASP是经过服务器解析之后再向浏览器返回数据,所以有了 ASP 就不必担心客户的浏览器是否能运行你所编写的代码。因为所有的程序都将在服务器端执行,包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。 但是这样也导致一个问题,运行ASP页面相对于普通的html页面要慢一点,因为普通的html页面只需要浏览器就能够解析,而ASP则必须是服务器将整页的代码都执行一遍之后再发送数据。
ASP的特点与功能
1. 无需编译 ASP脚本集成于HTML当中,容易生成,无需编译或链接即可直接解释执行。
2. 易于生成 使用常规文本编辑器(如WINDOWS下的记事本),即可进行
*.asp页面的设计。
3. 独立于浏览器 用户端只要使用可解释常规HTML码的浏览器, 即可浏览ASP所设计的主页。ASP脚本是在站点服务器端执行的,用户端的浏览器不需要支持它。因此,若不通过从服务器下载来观察*.asp 主页,在浏览器端见不到正确的页面内容。
4. 面向对象 在ASP脚本中可以方便地引用系统组件和ASP的内置组件,还能通过定制 ActiveX Server Component(ActiveX服务器组件)来扩充功能。
5. 与任何ActiveX scripting 语言兼容 除了可使用VBScript 和JScript语言进行设计外,还可通过Plug-in的方式,使用由第三方所提供的其它scripting 语言。
6. 源程序码不会外漏 ASP脚本在服务器上执行,传到用户浏览器的只是ASP执行结果所生成的常规HTML码,这样可保证辛辛苦苦编写出来的程序代码不会被他人盗取。
1.2网站开发需求分析
1.2.1建站目的
随着网络的不断发展,人们越来越多的通过网络来了解所需的信息,学院网络化一方面加强了学院与外界的联系,通过网站全面宣传,展示学校风采和特色,发布学院的重大活动安排与政策,有利于用户及时了解学院的信息;另一方面,校园网的建立以及以其为基础的管理信息系统的开发,也有利于学院管理水平的提高。本网站的建立是基于现资产管理处网站内容版面少,功能也不够完善。网站风格与学院风格不符。 1.2.2网站实现的功能
本网站给用户提供了一个了解我院资产管理处的平台,用户可以通过留言板留下自己的意见或建议,与处内人员产生互动;还可以通过投票系统对处内提出问题的服务投票。网站管理者可以通过后台管理模块对网站进行更新和维护。因此,本网站要分别实现前台用户系统功能和后台管理系统功能。
前台用户系统功能有: 1.
用户可以通过处室介绍、机构设置、政策法规等模块了解我院资产管理处的基本情况。
2. 用户可以通过新闻公告和招标采购模块了解处内最新动态和招标中标等信息。
3. 4.
用户可以通过在线交流和在线投票模块与处室形成交互。 用户可以通过文档下载模块下载处内发布的常用表格文档等材料。
后台管理系统功能有: 1.
管理员可以添加、修改、删除、查看所发布的新闻、政策法规、招标公告等。 2.
处内注册用户可以回复、删除用户提出的留言;也可以与处内员工通过收发小纸条的形式进行交流。 3. 4.
管理员可以添加、修改、删除等操作设置投票项目和查看投票结果。 管理员可以发布需要让用户下载的文档等内容。
第2章 网站总体分析与设计
2.1网站系统分析
根据前面的分析,按照系统开发的基本观点对网站进行分析,从内容上可
以对网站功能模块作如下划分:
1. 新闻发布模块 新闻公告、政策法规、招标公告等都是通过该模块实现其功能。
2. 在线交流模块 用户与处内交流通过该模块实现。
3. 在线投票模块 用户对管理员所要了解所管院内服务质量作出调查通过该模块来实现。
4. 文档下载模块 用户可以下载所需文档
5. 后台管理模块 管理员可以通过后台对前台的内容作出设置。 6. 其他管理模块 处内用户注册交流等。 2.2页面结构设计
网站各栏目页面基本采用上、中、下的布局。上页面主要是资产管理处logo和到达各个页面的链接。中页面分为左右,左边是用户注册和常用链接,右边是主要栏目显示区。下页面是处内联系方式与版本。各个栏目和板块在后台都可以随时动态更新和修改。下面介绍主要页面的结构图。
Top页面结构如下:
华北科技学院资产管理处(上) 资管首页 新闻公告 机构概况 政策法规 机构设置 文档下载 服务指南 招标公告 在线交流
Left页面结构如下: