计算机专业毕业设计论文 动态网页制作.docx

计算机专业毕业设计论文 动态网页制作.docx

《计算机专业毕业设计论文 动态网页制作.docx》由会员分享，可在线阅读，更多相关《计算机专业毕业设计论文 动态网页制作.docx（8页珍藏版）》请在冰豆网上搜索。

计算机专业毕业设计论文动态网页制作

本科毕业论文

动态网页制作

Dynamichomepagemanufacture

学院名称：

应用科学技术学院

专业班级：

计算机科学与技术

学生姓名：

指导教师姓名：

指导教师职称：

讲师

动态网页制作

专业班级：

学生姓名：

指导教师：

摘要在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。

它在人们政治、经济、生活等各个方面发挥着重要的作用。

因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

这次所设计的课题正是互联网与社会生活之间的紧密关系的体现，现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。

本论文是为消费者提供了一个网络生活空间。

通过该网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。

浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通，也可以直接在网上申请加盟。

本论文还介绍了网页的结构分析和具体功能实现，网页的界面和运作方式，尽力模拟近代网页普遍性形式，成为一个完整的动态网站。

关键字：

Dreamweaver，ASP，Access，动态网页

Dynamichomepagemanufacture

AbstractInInternetswiftdevelopment'stoday,theInternetbecomesthepeopletogain,theissueandthetransmitmessageimportantchannelfast,itinthepeoplepolitics,theeconomy,thelifeandsooneachaspectisplayingthevitalrole.ThereforethewebsiteconstructionisobviousintheInternetapplication'sstatus,ithasbecomethegovernment,intheEnterprisesandinstitutionsinformationizationconstructionimportantcomponent,thustimepeople'svalue.

ThistimedesignsthetopicispreciselytheInternetandbetweensociallifecloserelationsmanifestation,nowadays'ssociety,thepeoplealreadycouldnotleavethenetwork,thenetworkhadalreadybecomeoneformwhichbetweenthehumanandthehumanexchanges,itcantransfermatter'scomplicationthesimplification.Thepresentpaperhasprovidedanetworklifespacefortheconsumer,haddemonstratedthroughthishomepagetheenterprisesaidthattheenterprisehonor,theproductintroduction,businessmenareinvitedtoopencompaniesinformation,theallianceprocedure,themessageandsoonaseriesofcontentintroduction.Theconsumermayandcarriesoneachkindofinformationcommunicationquicklyusingthemessagecentereconomywiththeoutside,mayalsodirectlyinon-lineapplicationalliance.Thepresentpaperalsointroducedthehomepagestructureanalysisandtheconcretefunctionrealize,thehomepagecontactsurfaceandtheoperationway,simulatesthemodernhomepageuniversalformwitheveryeffort,becomesacompletedynamicwebsite.

KeywordsDreamweaverASPAccessDynamichomepage

第1章引言

此次所设计的课题正是互联网与社会生活之间的紧密关系的体现，现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化。

胡老三蜂产品网页的建立不仅能够大大地提高了该企业工作人员的办事效率，也增加了该企业的知名度，更重要的是为消费者提供了一个网络生活空间，使他们对蜂产品知识进一步地了解。

通过该网站展示了首页、企业介绍、企业荣誉、产品介绍、招商信息、购物流程、留言等系列内容的介绍。

消费者可以利用留言板经济而又快捷地与外界进行各种信息沟通，也可直接在网上申请加盟。

网页是网站信息发布与表现的一种主要形式。

因此要实现一个网站，必须了解网页制作的相关知识。

开发工具：

Dreamweaver+ASP+Access

Dreamweaver是建立Web站点和应用程序的专业工具，它将可视布局工具、应用程序开发功能和代码编辑支持组合成一个功能强大的工具,可利用它快速创建界面及站点的应用程序。

ASP因为语法简单而且功能强大，同时能与Windows的操作系统无缝结合，得到广大用户欢迎并迅速成为各类网站制作的主流开发环境。

使用Access无须编写任何代码，只需通过直观的可视化操作就可以完成大部分数据库管理任务，是一个面向对象的、采用事件驱动机制的关系型数据库管理系统。

第2章网页制作概述

2.1网页的类型

2.1.1静态页面

静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。

静态页面不能自主管理发布更新的页面,如果想更新网页内容,要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。

但是静态页面最大的好处是下载速度快，因为不需要程序运算和数据库连接。

常见的静态页面以.html、.htm为扩展名的。

静态页面并非网站上没有动画的就是静态页面。

2.1.2动态页面

动态页面是通过执行asp、php、jsp、.net等程序生成客户端网页代码的网页。

动态页面通常可以通过网站后台管理系统对网站的内容进行更新管理。

发布新闻，发布公司产品，交流互动，博客，网上调查等，这都是动态网站的一些功能，也是我们常见的。

动态网页是需要语言环境支持的，动态页面常见的扩展名有：

.asp、.php、.jsp、.cgi等。

动态页面的“动态”是网站与客户端用户互动的意思，而非网页上有动画的就是动态页面。

态图片了。

动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。

可以说是一对多的关系。

从而达到资源的最大利用和节省服务器上的物理资源。

如果今后需要改变站点风格，只需要重新制作前台所访问的数据即可。

只要数据库结构不变，可以很快的进行改版的。

2.2网页开发技术

动态网页开发技术介绍——HTML、ASP、JSP、CGI、PHP。

HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。

严格的来讲，HTML不能算做一门编程语言，因为它没有自己的数据类型，也没有分支、循环等控制结构。

它的设计简单，结构灵活，允许在Web浏览器及其它兼容的应用程序中显示文本和图像，并且文档的某些部分可以成为超链接。

完成后把这些文档保存为*.html文件，然后用浏览器打开。

  HTML是网络的通用语言,一种简单、通用的全置标记语言。

它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

在早期，动态网页技术主要采用CGI技术，即CommonGatewayInterface（公用网关接口）。

在早期，你可以使用不同的程序编写合适的CGI程序，如VisualBasic,Delphi或C/C++等。

虽然CGI技术成熟而且功能强大，但由于编程困难，效率低下，修改复杂等缺陷，所以有逐渐被新技术取代的趋势。

ASP全名ActiveServerPages，是一个WEB服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。

ASP采用脚本语言VBScript（Javascript）作为自己的开发语言。

ASP更精确的说是一个中间件，这个中间件将Web上的请求转入到一个解释器中，在这个解释器中将所有的ASP的Script进行分析，再进行执行，而这时可以在这个中间件中去创建一个PHP是一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态生成页面.它支持目前绝大多数数据库。

还有一点，PHP是完全免费的。

JSP是Sun公司推出的新一代站点开发语言，他完全解决了目前ASP,PHP的一个通病－－脚本级执行（据说PHP4也已经在Zend的支持下，实现编译运行）。

Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是Jsp－－JavaServerPage。

Jsp可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。

2.3网页布局

2.3.1网页布局的基本概念

最开始网页呈现在你面前的时侯，它就好像一张白纸，它需要任意挥洒设计才思。

在开始的时侯，需要明白，虽然你能控制一切你所能控制的东西，但最好明白网页布局的基本概念。

1.页

的或是相似的。

左中右结构也可以扩展成为四栏甚至是五栏。

在多栏的布局中，可以使用一个大栏二到三个同宽小栏的布局方式，这里的同宽小栏的总宽要可以比大栏的宽度大一点或是小一点，或是等宽。

当然也会有一些其它的布局比例，可以在具体的形式可以在实践中自行的调整看一下感觉。

上下或是上中下的比例就比较特别，与左右或是左中右的有很大的不同。

上下的比例需要考虑到第一屏的显示效果问题，现在1024分辨率的普及使得网站的高度显示被拉长。

所以需要在第一屏显示什么样的内容?

一般最重要，最想要浏览者注意的当然要在第一屏显示出来。

而一般来讲上中下的比例就是在这么长的屏

2.4网页配色

互联网充斥着枯燥的设计，惠普、IBM、戴尔、微软，以及其他数不尽的网站（相似的布局，相似的配色）。

可能有人会说通过这样一种标准化的界面可以使浏览更方便，而事实上这些网站带给用户一种很世俗的体验，并不能与访客产生一种积极的联系。

面对这种单调的设计，有一种解决方法，就是使用颜色。

可能没有其他设计元素能像颜色一样能影响人们对世界感受。

颜色可以瞬间改变我们的情绪和意见。

颜色会让我们感觉到舒适、敬畏，或者激动。

在界面设计中，颜色组合对设计非常有用。

可以区分设计让用户更加难忘、引导用户使用户专注于交互、吸引用户使页面布局更舒适，更有魅力。

一旦有机会可以让网站更独特，就不能放弃。

如果你的网站很“跳”，那么用户可能会花更多时间浏览并且想是从哪里访问过来的，他们有可能记住这个网站并且下次再访问。

可能没有比颜色更好的元素可以达到这样的效果了。

人们会马上对颜色产生感觉：

激动、高兴或者枯燥乏味。

当你试图在一个充满饱和色调的页面上浏览信息时，你的眼睛会不断地返回那些亮的颜色。

最强的视觉元素是最重要的。

我们趋向于忘记那些深蓝、黄色和灰色，因为每天都看到。

在那些用户需要长时间在线使用的Web应用程序中，注意这一点尤为重要。

不是很强烈的配色可以使用户专注于工作和接收重要信息。

当然完美的Web体验不能仅仅依靠颜色，结构、交互、布局等方面也必须协同工作，来创建可用、易用的网站和应用程序。

但是颜色是平衡中的重要部分，不能忽略。

2.5网页设计流程

网页设计是一个互动的过程，不仅是设计师构思设计就可以完成的。

从客户提出需求到最终发布，期间需要客户与设计人员共同参与协商才可以，具体流程如下：

1.获取客户需求和资料

在设计网站页面之前，设计师需要知道客户的需求，从而确定客户建立网站的目的。

客户提出网站需求是非常重要的一个环节。

没有详细的需求，设计人员无法凭空进行设计制作。

在这个步骤中，双方的沟通与交流是非常重要的。

2.确定网站内容

设计人员选择适合自己的图像编辑软件、动画制作软件和网页制作软件进行网页的初步设计，这中间可能还需要和客户进行多次沟通才能达到客户满意的效果。

在具体设计时，设计人员应该为网站定位一个主题，从而保证所有网页都围绕这个主题进行设计制作，保证风格的和谐统一。

3.申请域名和空间

使用该方法能够有效同步管理文件。

还可以通过FTP软件连接到服务器空间上，然后上传发布文件。

4.后期维护

一般静态网站上传后，如果客户方没有专业人员维护，这样就需要设计人员从客户方获取新资料进行定期或不定期的更新。

如果是动态网站，设计人员需要负责培训客户方如何使用后台管理，这样客户就可以自己通过后台管理添加信息，设计人员只要及时更正动态网站的错误即可。

第3章动态网页开发环境和技术

3.1认识了解Dreamweaver

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver的特点：

最佳的制作效率：

Dreamweaver可以用最快速的方式将Fireworks或Photoshop等档案移至网页上。

Dremweaver能与您喜爱的设计工具，如Flash等和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。

除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理：

使用网站地图可以快速制作网站雏形，设计，更新和重组网页。

改变网页位置或档案名称，Dreamweaver会自动更新所有连结。

使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力：

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧（frames）和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所见即所得：

Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。

当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML：

Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑。

建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。

您也可以使用样版正确地汇入或输出XML内容。

全方位的呈现：

利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

对于动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。

当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

3.2开发环境

3.2.1安装与配制服务器

如果仅仅需要编辑静态的HTML网页，那么安装和配置服务器不是必需的，因为HTML页面的运行无需服务器的支持，但是如果需要在本地测试ASP或者ASP.NET等动态网页，那么服务器的支持是必不可少的。

IIS是支持网站创建、配置和管理以及其他Internet功能的软件服务。

只要安装了IIS并且连接到了互联网，那么计算机就可以配置为一个网站，供他人浏

结论

本设计根据毕业设计任务书的要求制作，功能基本实现，可以完成管理登陆、加盟申请、留言、各产品展示等功能的实现。

此次设计是查看了一些企业网站的结构然后进行设计的，虽然此次设计构造不能说是成熟，但也算是尽了力。

这是我首次运用Dreamweaver、ASP语言结合ACCESS数据库系统开发工具进行动态网页的制作，一切都是从零开始学习，所以制作的时候难免会过于简单，考虑的也不是很周全。

同时由于时间的仓促，有些功能的实现不是很完美。

在设计过程中不可避免地遇到了各种各样的问题，由于整个设计完全都是由个人设计的，有关Dreamweaver、ASP和数据库连接等方面许多细节问题都要靠自己去摸索，加之本人水平有限，因此还存在着许多不足之处。

在以前的时间内我学习了许多专业课程，比如C语言，VB语言，数据库系统概论，FLASH等等，虽然通过学习对这些课程有所了解和掌握，但是始终处于理论知识的掌握阶段，并没有真正应用于实践设计开发，所以对知识的掌握还不够全面和熟练，并不能真正独立的开发出一个完整的应用于实际的系统。

通过这次毕业设计，使我学到了很多，对自身的能力有了很大的提高。

此次设计是动态网页制作，而不是简单的静态网页，因此采用了在开发动态网页方面比较先进的ASP语言作为开发语言。

ASP是一种Web编程脚本语言。

当然在制作的过程中碰到过一些让人头痛的问题，我都一一解决了，直到设计全部完成，也让我在解决问题方面的能力得到了提高。

整个开发的过程对我来说是一次将理论应用于实践的过程，是将以前所学知识充分利用的过程，是一次真正的实践过程。

总体说来，在这学期的毕业设计中，学到了一些在课堂内所学不到的知识，收获很大。

致谢

参考文献

[1].李东生.深入精髓：

Dreamweaver网页设计与配色技术精粹.北京:

清华大学出版社,2007.6

[2].吕洋波.Dreamweaver+ASP动态网站开发从入门到精通.北京:

清华大学出版社,2007.6

[3].黄雷杨志游坤.ASP+HTML+Dreamweaver+Access开发动态网站实例荟萃.北京:

机械工业出版社,2006.2

[4].郑小玲.Access2003中文版实用教程.北京:

清华大学出版社,2004.8

[5].王健南.ASP数据库管理项目方案精解.北京:

航空工业出版社,2006.10

[6].陆黎明.ASP+Access+Dreamweaver动态网站开发从入门到实践.北京:

机械工业出版社,2007.9

[7].陈季.ASP快速建站全程实录.北京:

电子工业出版社

[8].王志刚.PhotoshopCS2实训教程（中文版）.北京:

电子工业出版社,2007.4

[9].戎马工作室.ASP与ACCESS动态网站开发自学导航.北京:

机械工业出版社,2007.5

[10].胡艳洁.动态网页编程精彩案例教程（编程篇）.北京:

电子工业出版社，2006.1