动态网站的设计与实现--李满莲
课程设计报告
课程设计题目：
动态网站的设计与实现
学生学号：201120130104
学生姓名：李满莲
专业：通信工程
摘要
人类已进入21世纪，科学突飞猛进，知识经济初见端倪，特别信息技术和网络技术的迅载发展和广泛应用，对社会、经济、军事、科学和文化等领域产生越来越深刻的影响，也在正在改变着人们的工作、生活、学习和交流方式。随着信息的迅猛发展，越来越的多人们通过Web来获取所需要的信息，越来越多的企业建立了自己的WWW网站，也有许多人也制做了自己的个人网站。当今的互联网已经从第一代静态网页过渡到了动态网页，所有的客户端通过web服务器便能查询到想要的信息，而所有的处理过程都在服务器断进行，这和静态网页有着巨大的不同。
动态网页页面的制作主要由Dreamweaver软件和ASP技术完成，其服务器使用的是IIS Web服务器，数据库选择的是Access版本。
关键词Dreamweaver、ASP、access、iis
引言
网页是网站信息发布与表现的一种主要形式。因此要实现一个网站，必须了解网页制作的相关知识。较流行的开发工具有：Dreamweaver，Php，PhpMyAdmin。
网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。
1.工具和运行环境
1.1.开发工具
本网站是在Windows XP下开发的，使用ACCESS作为后台数据库,采用ASP (active server pages)技术编写服务器端应用程序，利用辅助开发工具、可视化网页编辑器Dreamweaver 8来进行前台页面的设计。
1.2.编程环境
在Windows xp下利用IIS 5.0服务器可以在个人电脑上发布自己的主页，并可以用浏览器预览站点，以查看外观和网页所提供的各项功能。
另外，要想在数据库建造完成后能透过 web 服务器呈现数据库内容至客户端眼前，最重要的动作就是在 ODBC（Open Database Connectivity）内加入该数据库文件的 DSN 作为辨别该数据库的记号。而且，在设置 ODBC 数据源时，要将加入的 DSN 摆在“系统数据来源名称”中，只有这样才能使链接上该服务器的用户都可以取用该数据库。
2.动态网站运行原理
动态网站的工作原理为浏览器发出请求，Web服务器接收请求后便执行asp程序同时对数据库进行操作，等待返回请求的数据后，由asp程序动态产生html文件,最后再由Web服务器向客户端传送相应文件页面。
3.网站实现的功能
本简单网站希望通过服务器技术、asp技术、数据库技术实现通讯录的功能，并能完成通讯录相关信息的录入、查询、删除等简单实用功能，最后成功组建“通讯录”。
4.建立ASP运行环境
4.1.安装IIS
在Windows XP(专业版)上将Windows XP安装光盘放入光驱，点击开始—>设置—>控制面版—>添加或删除程序—>添加或删除windows组件—>在internet 信息服务(IIS)项前面打钩，单击下一步进行安装，直至完成internet信息服务(IIS)的安装。如图所示：
4.2.配置IIS
点击开始—>设置—>控制面版—>管理工具—>internet信息服务(IIS)，在弹出的窗口单击本地计算机、网站，在默认网站单击鼠标右键，
在弹出的窗口选择主目录、在本地面路径选择浏览按钮，选择你建立的网站目录(如：E：\我的网站)，选择文档项，按添加按钮，添加index.asp文档完成IIS 的配置。
5.access数据库的建立
本系统使用的是Access 2003创建了一个名为db.mdb的数据库。系统对数据的读取，存储都是对该数据库进行操作。
在Access 2003数据库中，所有的数据存储都是围
6.站点的建立
Macromedia Dreamweaver MX 是一个站点创建和管理工具，使用它不仅可以创建单独的文档，还可以创建完整的Web 站点。
开始使用Dreamweaver MX 2004来创建数据库网站的第一件事，就是定义网站，必须告诉Dreamweaver MX 2004网站根目录在哪里，以及服务器位置、类型等相关信息。
启动Dreamweaver MX 2004后，从主菜单选择站点/管理站点/新建…定义一个新站点。
在弹出菜单中的本地信息栏--站点名称中输入“我的网站”，本地根文件夹中选择“E：\我的网站”，其余各项保持不变。在“分类”处选择“测试服务器”，在服务器模型处选择“ASP VBScript”,“访问”处选择“本地/网络”，单击确定完成站点的定义。
这时网站管理窗口中就可以看到网站根目录的中文件了。
7.Dreamweaver与access数据库的连接
7.1 .DSN定义
(1) 在控制面板中，双击管理工具，双击ODBC数据库源图标，出现ODBC数据源管理器窗口，选择系统DSN标记。
(2) 单击“添加“，接着选择数据库驱动程序，本系统使用Access数据库，所以Microsoft Access Driver(*.mdb)，单击“完成“按钮。
(3) 出现ODBC Microsoft Access安装窗口，在数据源名一栏给连接取个名字conn，说明一栏不是必填项。
(4) 单击窗口中“选择“按钮，找到数据库的所在路径(“E：\我的网站”)并选中相应数据库文件，选中
db1.mdb，此时ODBC Access安装窗口中数据库一栏就会出现刚才选定的数据库文件
7.2 .DSN连接
建立了数据库名(DSN)之后，就可以创建网络应用程序和数据库之间的ODBC连接，DSN被定义后，就能用它来调用各种参数了。
(1) 启动Dreamweaver MX 2004，打开已经定义好的站点“我的网站”，在站点-我的网站窗口中点击鼠
标右键，点新击建文件，文件名改为index.asp,双击文件index.asp使其处于编辑状态。
(2) 单击“窗口”中的“数据库”，从“数据库”菜单中。在窗口中点击“+”，选择数据源名称，从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。
8.网站功能实现
8.1.网页主页
以上步骤完成后，便将服务器、数据库、网站网页搭建起来了，便可以开始进行后续的开发和设计，先从网站首页开始。
在Dreamweaver软件下，建立动态网页index.asp 文件，并插入一个2行七列的表格。
之后完成其他相应的设计，进行一些列美化和完善后主页首页效果如下图所示：
8.2.信息的插入
设计完基本首页后，为实现通讯录的录入功能，在首页中加入链接按钮——添加通讯录，命名为“edit.asp”,点击该链接后，页面跳转到录入页，见下图
信息输入完成后，点击按钮，通讯录信息便存在了数据库中。至此，数据录入完成，点击主页按钮，页面
跳转到网站主页。
8.3.信息的查询
为方便使用者查询通讯录，在主页中加入记录集分页，使得通讯录分页显示，点击记录集导航条便可以实现上一页、下一页、最后一页、第一页跳转，如下图：
8.4.信息的删除
在对数据库“通讯录”进行维护时，要对“通讯录”进行删除功能，因此在主页（查询页）中添加删除链接，点击该链接便可以对当前信息进行删除操作，点击后页面跳转如下：
点击提交确认，本条信息便得以删除，页面自动跳转为主页，可以继续进行其他的操作。
9.心得
通过这一次的课程设计我学到了很多的关于编程的知识和关于网站设计的知识。这次设计让我对于网站设计有了一个全新认识。网站设计这一模块通过让我们自己实践制作个人网站，学会规划、设计、发布、管理简单的网站。在实际的学习中存在我们对网站主题、内容
选择的困惑；对网站设计的布局、色彩搭配等审美评价的差异。动态网页可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。
10.参考文献
[1] 卢坚《Dreamweaver MX 2004 标准教程》海洋出版社20004.7.
[2] 宣小平但正刚张文毅编著《ASP数据库系统开发实例导航》第一版北京人民邮电出版社2003.01.
[3] 苏治中编著《Dreamweaver MX 2004 入门与提高》中国铁道出版社2004.5
[4] 萨师煊王珊编著《数据库系统概论》（第三版）[M]。北京:高等教育出版社,2000.
[5] 鲍哥邓文渊等《ASP与网页数据库设计》中国
铁道出版社2004.12.
[6] 扬国才王建峰王玉昆编著《基于Web的远程自学型教学系统设计及实现》计算机应用，2000.2.
[7] 张微刘任凭编著《Dreamweaver完美网页设计》.
东华理工学院
课程设计评分表
学生姓名：李满莲班级：1121301 学号：201120130104
课程设计题目：动态网站的设计与实现