动态网站设计与制作毕业设计论文.doc

动态网站设计与制作目 录摘 要关键词.1引 言.11.系统开发所用工具的简介.11.1 开发环境.11.2 开发工具.12.旅游类网站主要设计工具及本站应用.22.1 photoshop在本站中的应用.22.2 本网站编写设计环境选择.22.3编程语言选择ASP(Active Sever Pages).22.4数据库连接 32.5网站运行环境选择IIS(Internet Information Server)32.6网站数据库选择Access33网站的主要功能和模块33.1新建站点43.2创建莫非地带网首页54本网站前台功能介绍64.1主页64.2江郎山64.3廿八都古镇74.4浮盖堆石洞群74.5历史人物故居84.6仙峡关84.7留言版95.网站的主要代码105.1鼠标跟踪代码105.2 跑马灯代码115.3 本站简介代码116.旅游网站系统功能具体的实现116.1数据库的设计与创建表127.网站的测试与维护128.总 结12参考文献13【摘 要】 随着网络日益深入社会生活，以电子商务网站作为对外的展示窗口，进行内外信息交流，已成为大众的迫切需要。网站信息管理系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。使用MACROMEDIA公司的Dreamweaver MX制作页面，用ASP语言做连接数据库的程序，使用Access制作系统的数据库，做一个具有留言版、登入页面等信息网站。【关键词】Dreamweaver 应用、信息管理系统、ASP(Active Sever Pages)前 言近年来，网络技术得到迅速的发展，这就为信息资源的共享提供了技术上的可能.作为信息密集型的地理信息系统(GIS)上升到网络平台可谓适逢其时.但从目前的应用情况来看，除了国外极少的公司拥有网络版的GIS之外，在国内还处于试验研制的阶段.因此，尽快地研制出我国自主版权的网络GIS的原型和产品，并在技术手段上达到国际先进水平，是摆在我们面前的一项迫切的任务。人类社会已开始进入信息社会，信息逐渐渗透到人们工作、生活、娱乐、商业、制造业、军事等各个领域，办公自动化、电子商务、网上购物、远程医疗、家庭上网、电子博物馆等概念逐渐变为现实，这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速发展，依赖于这些新技术在人们生活中的广泛应用。1.系统开发所用工具的简介1.1开发环境Windows 98/2000/XP 操作系统的PC1.2开发工具DreamweaverMX、Frontpage2003以及图象处理工具Fireworks MX和Photoshop8.0。Dreamweaver是当前最流行的网页设计软件，Dreamweaver不仅是一个专业的可视化网页创建编辑器，而且它还是一个出色的网站维护工具。用户可以通过它管理和维护已有的站点，从此不必在维护和管理方面花太多的力气，省下的时间可以考虑如何再修饰自己的网页。使用Dreamweaver,可以轻松随意地设计跨越平台、跨越浏览器的网页。 ASP 简介 在管理信息系统的开发应用中，Microsoft公司的ASP（Active Server Pages）被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用VBScript和JavaScript或其他的第三方脚本语言来创建ASP，实现过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。ASP提供了一些内置对象和组件，允许用户从浏览器中接收和发送信息。ASP可以和诸如SQL Server这样的数据库进行连接，进而完成数据的交换与更新。2动态网站主要设计工具及本站应用2.1 photoshop在本站中的应用在众多图像处理软件中，Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。本站在很多方面使用了PHOTOSHOP极其相关的技术：首先，本站的整体样式是通过PHOTOSHOP设计出来，在PHOTOSHOP上形成网站整体的风格和样式，这样的关键是PHOTOSHOP在设计上有非常大的作用，这是其他软件很难媲美的，而且PHOTOSHOP软件还可以对所设计的网页进行切割，然后导出优化结果，这样的结果是HTML格式的，就可以很方便的导入到Dreamweaver MX进行进一步的编辑。2.2本网站编写设计环境选择为了完美的表现出网站的魅力和风采，在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。2.3编程语言选择ASP(Active Sever Pages)（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。由于脚本在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本，这也是本旅游网站选择ASP的原因。2.4数据库连接 ODBC(Open Database Connectivity)数据源中文译名为“开放数据连接”，是微软公司开发的一个数据库访问标准。它的两个用途分别是：第一，使用ODBC技术，设计人员只需编写一个程序版本，就可以访问多种数据库，从而使程序具有更好的兼容性和适应性。第二，有些应用程序需要访问某种数据库，但程序所在的计算机上并没有安装相应的数据库软件。如果为了使用某种数据库，可以安装相应的数据库软件，但有些数据库软件极其庞大，并且对计算机的硬件、软件配置有非常高的要求，即便能够安装，也会占用大量的系统资源。为此，ODBC提供了一批常用的数据库软件驱动程序，包括Microsoft Access的驱动程序。这样，计算机上即便没有安装Microsoft Access，但只要有了Microsoft Access的驱动程序，程序就可以访问数据库。如果要在ASP程序中通过ADO对象访问数据库，必须先建立一个数据源(Data Source)。数据源包含了如何与一个数据提供者进行连接的信息。数据提供者可以是任何支持ODBC的数据库。数据源有三种类型：系统数据源、用户数据源和文件数据源。如果建立的数据源是系统数据源，则所有的用户都可以访问；如果是用户数据源，则只有指定用户可以访问；如果是文件数据源，则数据源信息将被存储在一个文件中，多个用户可以通过它来访问数据库。“网上书店”的ODBC数据源是名为“db”的系统数据源。数据源的配置流程为：“开始”“设置” 控制面板管理工具数据源(ODBC)。当数据库参数设置完成，会弹出测试所建立的数据源是否成功，同时也列出了连接到Microsoft Access数据源的所有信息。2.5网站运行环境选择IIS(Internet Information Server)IIS 即Microsoft Internet Information Server 是运行Windows平台的一款Web服务器，支持ASP的运行。本站的浏览需要IIS的支持。本旅游网站需要在IIS下才能正常运行。2.6网站数据库选择Access本旅游网站就是采用这个开发工具Microsoft Access开发数据库。 3网站的主要功能和模块任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。更新是网站的点睛之作，是吸引回头率的主要手段之一，也是一个主流网站所不可或缺的。在浏览者眼中，网站的生命力就体现在这里。本网站浏览者可以查看景区。本网站主要由主页、江郎山景区、廿八都景区、浮盖山景区、历史人物故居、留言版等栏目组成。以下具体介绍主要制作方法：3.1新建站点在 Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。这里所讲的建立站点，其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。许多初学者开始做网页时，就只知道做单一网页，对文件的条理性、结构性不加以管理，没有对文件进行分类管理，使整个站点结构显得很乱；所以在开发之前应该认真策划好站点结构。打开 Dreamweaver MX 2004 软件，执行【站点】 | 【站点管理】命令，在弹出的【站点管理】对话框中选择【新建】，按新建站点的步骤逐步进行设置，最后保存完成制作。 3.2创建动态网站首页（1）使用DreamweaverMX制作首页模板1)首先单击WindowsXP 的“开始” “所有程序” “Macromedia” “Macromedia Dreamweaver MX”。2)“文件” “新建” 然后弹出一个对话框点击创建即可。图3-1（2）网站的功能介绍网站的组织结构图：主页江郎山廿八都古镇浮盖山仙峡关历史人物故居留言版4本网站前台功能介绍41主页主页index.asp全图如下所示：图4-1这个主页使浏览者清楚了解到江山大概的人文景观。同时在主页中包含了江郎山、廿八都古镇、浮盖山石洞群、历史人物故居、及留言版这五个大块内容。4.2江郎山江郎山jls.asp全图如下：图4-2主要功能：介绍江郎山的风土人情，传说的故事，江郎山、青龙虎山溪、伟人峰等景点。4.3廿八都古镇廿八都古镇nbd.asp全图如下：图4-3主要功能：介绍廿八都山歌和景点。44浮盖堆石洞群浮盖堆石洞群fgdsdq.asp全图如下：图4-4主要功能：对浮盖堆石洞群进行了详细的介绍，还有对浮盖山、枫岭关、炼石三叠和洞群景色一一作了说明。4.5历史人物故居历史人物故居lsrwgj.asp全图如下：图4-5主要功能：介绍戴笠老家和戴笠一生和戴笠家的各种机关。4.6仙峡关仙峡关 xxg.asp图4-6主要功能：介绍仙峡古道、月亮湖和仙峡关。4.7留言版(1)留言版图4-7-1主要功能：可以在此网站中注册用户并给这个网站留言，互相交流，提供意见。(2)详细留言页面图4-7-25网站的主要代码51鼠标跟踪代码<script>var x,yvar step=18var flag=0var message="FOLLOW Me!"message=message.split("")var xpos=new Array()for (i=0;i<=message.length-1;i+) xposi=-50var ypos=new Array()for (i=0;i<=message.length-1;i+) yposi=-200function handlerMM(e)x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientXy = (document.layers) ? e.pageY : document.body.scrollTop+event.clientYflag=1function www_helpor_net() if (flag=1 && document.all) for (i=message.length-1; i>=1; i-) xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor (i=0; i<message.length-1; i+) var thisspan = eval("span"+(i)+".style")thisspan.posLeft=xposithisspan.posTop=yposielse if (flag=1 && document.layers) for (i=message.length-1; i>=1; i-) xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor (i=0; i<message.length-1; i+) var thisspan = eval("document.span"+i)thisspan.left=xposithisspan.top=yposivar timer=setTimeout("www_helpor_net()",30)for (i=0;i<=message.length-1;i+) document.write("<span id='span"+i+"' class='spanstyle'>")document.write(messagei)document.write("</span>")if (document.layers)document.captureEvents(Event.MOUSEMOVE);document.onmousemove = handlerMM;www_helpor_net();/ -></script>5.2 跑马灯代码<MARQUEE scrollAmount=2 hspace=5 scrollDelay=10 loop=100 width="90%" height=20 on="left" directi align="center"> <FONT face=宋体 color=#ffffff size=2><STRONG>请你留言</FONT></MARQUEE>5.3 本站简介代码<marquee direction=up height=100 scroll amount=1 scroll delay=20 width="95%" >欢迎光临本网站，初次做网站，请大家不要见笑，水平有限，以后会越来越好，请各位多多指教！ </marquee>6旅游网站系统功能具体的实现61数据库的设计与创建表Tid自动编号Tname文本tE_mail文本Thomepage文本Toicq文本Tsubject文本Tcotent文本tdata日期/时间表6-17网站的测试与维护网站制作完成后，我对网站做了全面的测试，首先在IIS中建立一个虚似的目录，填写一个虚拟目录名，如：jc 选择目录，点下一步，然后完成就可以了。再打开浏览器输入地址，以上面的虚拟目录名为例，应该是http:/localhost/jc/index.asp进入网站的主页。打开留言版(new.asp)填写留言信息。就这样每一个页面都经过仔细的测试，最后测得结果此旅游网站可以正常的对外交流。以外还需要管理人员不断的传送新的咨讯，及时的处理好游客留言，不断更新，做好网站的维护工作。8总结经过了三个月的学习和工作，我终于完成了动态网站的设计和论文。从开始接到论文题目到设计的实现，再到论文文章的完成，每走一步对我来说都是新的尝试与挑战，这也是我在大学期间独立完成的最大的项目。在这段时间里，我学到了很多知识也有很多感受，使自己非常稚嫩作品一步步完善起来，每一次改进都是我学习的收获。虽然我的论文作品不是很成熟，还有很多不足之处，但我可以自豪的说，这里面的每一个页面，都有我的劳动。当看着自己的网站，真是莫大的幸福和欣慰。我相信其中的酸甜苦辣最终都会化为甜美的甘泉。参考文献 1. 蔡翠平 编著：网络程序设计ASP，清华大学出版社 ，2003年8月第5次印刷；2. 丁贵广等 编著：ASP编程基础与实例，机械工业出版社；3. 黄明、梁旭 编著：ASP信息系统设计与开发实例（第2版），机械工业出版社出版；4. Craig Eddy,Timothy Buchanan编著：中文Access 2000学时教程，机械工业出版社；5. 周家地 编著：Dreamweaver MX入门与提高，清华大学出版社, 2002年4月；6. 赵丰年 编著：网页制作教程，人民邮电出版社 ，2002年7月北京第5次印刷；致 谢 经过半年的忙碌和工作，本次毕业设计已经接近尾声，作为一个大专生的毕业设计，由于经验的匮乏，难免有许多考虑不周全的地方，如果没有导师的督促，以及一起工作的同学们的支持，想要完成这个设计是难以想象的。在这里要感谢我的导师刘晓丹老师。刘老师平日里工作繁多，但在我做毕业设计的每个阶段，从外出实习到查阅资料，设计草案的确定和修改，中期检查，后期详细设计，装配草图等整个过程中都给予了我悉心的指导。我的设计较为复杂烦琐，但是刘老师仍然细心地纠正其中的错误。除了敬佩刘老师的专业水平外，她的治学严谨和科学研究的精神也是我永远学习的榜样，并将积极影响我今后的学习和工作。还要感谢大学三年来所有的老师，为我们打下计算机专业知识的基础；同时还要感谢所有的同学们，正是因为有了你们的支持和鼓励。此次毕业设计才会顺利完成。最后感谢长征学院三年来对我的大力栽培。动态网站设计与制作目 录摘 要关键词.1引 言.11.系统开发所用工具的简介.11.1 开发环境.11.2 开发工具.12.旅游类网站主要设计工具及本站应用.22.1 photoshop在本站中的应用.22.2 本网站编写设计环境选择.22.3编程语言选择ASP(Active Sever Pages).22.4数据库连接 32.5网站运行环境选择IIS(Internet Information Server)32.6网站数据库选择Access33网站的主要功能和模块33.1新建站点43.2创建莫非地带网首页54本网站前台功能介绍64.1主页64.2江郎山64.3廿八都古镇74.4浮盖堆石洞群74.5历史人物故居84.6仙峡关84.7留言版95.网站的主要代码105.1鼠标跟踪代码105.2 跑马灯代码115.3 本站简介代码116.旅游网站系统功能具体的实现116.1数据库的设计与创建表127.网站的测试与维护128.总 结12参考文献13【摘 要】 随着网络日益深入社会生活，以电子商务网站作为对外的展示窗口，进行内外信息交流，已成为大众的迫切需要。网站信息管理系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。使用MACROMEDIA公司的Dreamweaver MX制作页面，用ASP语言做连接数据库的程序，使用Access制作系统的数据库，做一个具有留言版、登入页面等信息网站。【关键词】Dreamweaver 应用、信息管理系统、ASP(Active Sever Pages)前 言近年来，网络技术得到迅速的发展，这就为信息资源的共享提供了技术上的可能.作为信息密集型的地理信息系统(GIS)上升到网络平台可谓适逢其时.但从目前的应用情况来看，除了国外极少的公司拥有网络版的GIS之外，在国内还处于试验研制的阶段.因此，尽快地研制出我国自主版权的网络GIS的原型和产品，并在技术手段上达到国际先进水平，是摆在我们面前的一项迫切的任务。人类社会已开始进入信息社会，信息逐渐渗透到人们工作、生活、娱乐、商业、制造业、军事等各个领域，办公自动化、电子商务、网上购物、远程医疗、家庭上网、电子博物馆等概念逐渐变为现实，这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速发展，依赖于这些新技术在人们生活中的广泛应用。1.系统开发所用工具的简介1.1开发环境Windows 98/2000/XP 操作系统的PC1.2开发工具DreamweaverMX、Frontpage2003以及图象处理工具Fireworks MX和Photoshop8.0。Dreamweaver是当前最流行的网页设计软件，Dreamweaver不仅是一个专业的可视化网页创建编辑器，而且它还是一个出色的网站维护工具。用户可以通过它管理和维护已有的站点，从此不必在维护和管理方面花太多的力气，省下的时间可以考虑如何再修饰自己的网页。使用Dreamweaver,可以轻松随意地设计跨越平台、跨越浏览器的网页。 ASP 简介 在管理信息系统的开发应用中，Microsoft公司的ASP（Active Server Pages）被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用VBScript和JavaScript或其他的第三方脚本语言来创建ASP，实现过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。ASP提供了一些内置对象和组件，允许用户从浏览器中接收和发送信息。ASP可以和诸如SQL Server这样的数据库进行连接，进而完成数据的交换与更新。2动态网站主要设计工具及本站应用2.1 photoshop在本站中的应用在众多图像处理软件中，Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。本站在很多方面使用了PHOTOSHOP极其相关的技术：首先，本站的整体样式是通过PHOTOSHOP设计出来，在PHOTOSHOP上形成网站整体的风格和样式，这样的关键是PHOTOSHOP在设计上有非常大的作用，这是其他软件很难媲美的，而且PHOTOSHOP软件还可以对所设计的网页进行切割，然后导出优化结果，这样的结果是HTML格式的，就可以很方便的导入到Dreamweaver MX进行进一步的编辑。2.2本网站编写设计环境选择为了完美的表现出网站的魅力和风采，在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。2.3编程语言选择ASP(Active Sever Pages)（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。由于脚本在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本，这也是本旅游网站选择ASP的原因。2.4数据库连接 ODBC(Open Database Connectivity)数据源中文译名为“开放数据连接”，是微软公司开发的一个数据库访问标准。它的两个用途分别是：第一，使用ODBC技术，设计人员只需编写一个程序版本，就可以访问多种数据库，从而使程序具有更好的兼容性和适应性。第二，有些应用程序需要访问某种数据库，但程序所在的计算机上并没有安装相应的数据库软件。如果为了使用某种数据库，可以安装相应的数据库软件，但有些数据库软件极其庞大，并且对计算机的硬件、软件配置有非常高的要求，即便能够安装，也会占用大量的系统资源。为此，ODBC提供了一批常用的数据库软件驱动程序，包括Microsoft Access的驱动程序。这样，计算机上即便没有安装Microsoft Access，但只要有了Microsoft Access的驱动程序，程序就可以访问数据库。如果要在ASP程序中通过ADO对象访问数据库，必须先建立一个数据源(Data Source)。数据源包含了如何与一个数据提供者进行连接的信息。数据提供者可以是任何支持ODBC的数据库。数据源有三种类型：系统数据源、用户数据源和文件数据源。如果建立的数据源是系统数据源，则所有的用户都可以访问；如果是用户数据源，则只有指定用户可以访问；如果是文件数据源，则数据源信息将被存储在一个文件中，多个用户可以通过它来访问数据库。“网上书店”的ODBC数据源是名为“db”的系统数据源。数据源的配置流程为：“开始”“设置” 控制面板管理工具数据源(ODBC)。当数据库参数设置完成，会弹出测试所建立的数据源是否成功，同时也列出了连接到Microsoft Access数据源的所有信息。2.5网站运行环境选择IIS(Internet Information Server)IIS 即Microsoft Internet Information Server 是运行Windows平台的一款Web服务器，支持ASP的运行。本站的浏览需要IIS的支持。本旅游网站需要在IIS下才能正常运行。2.6网站数据库选择Access本旅游网站就是采用这个开发工具Microsoft Access开发数据库。 3网站的主要功能和模块任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。更新是网站的点睛之作，是吸引回头率的主要手段之一，也是一个主流网站所不可或缺的。在浏览者眼中，网站的生命力就体现在这里。本网站浏览者可以查看景区。本网站主要由主页、江郎山景区、廿八都景区、浮盖山景区、历史人物故居、留言版等栏目组成。以下具体介绍主要制作方法：3.1新建站点在 Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。这里所讲的建立站点，其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。许多初学者开始做网页时，就只知道做单一网页，对文件的条理性、结构性不加以管理，没有对文件进行分类管理，使整个站点结构显得很乱；所以在开发之前应该认真策划好站点结构。打开 Dreamweaver MX 2004 软件，执行【站点】 | 【站点管理】命令，在弹出的【站点管理】对话框中选择【新建】，按新建站点的步骤逐步进行设置，最后保存完成制作。 3.2创建动态网站首页（1）使用DreamweaverMX制作首页模板1)首先单击WindowsXP 的“开始” “所有程序” “Macromedia” “Macromedia Dreamweaver MX”。2)“文件” “新建” 然后弹出一个对话框点击创建即可。图3-1