电 子 科 技 大 学毕业设计汇编.docx

1、电 子 科 技 大 学毕业设计汇编电 子 科 技 大 学毕 业 设 计（论 文）论文题目： 网页设计与制作教学中心： 电子科技大学职业技术学院指导老师： 万晓枫 职 称： 指导老师 学生姓名： 杨雅兰 学 号 022*专 业： 计算机网络电子科技大学网络教育学院制2005年 06月 09日电 子 科 技 大 学毕业设计（论文）任务书题目： 网页设计与制作任务与要求：时间： 2005 年5月8日 至 2005 年 6 月10 日 共 5 周教学中心： 电子科技大学职业技术学院学生姓名： 杨雅兰 学 号： 022*专业： 计算机网络指导单位或教研室： 电子科技大学职业技术学院指导教师： 万晓枫电子

2、科技大学网络教育学院制2005年 06月09日毕业设计(论文)进度计划表日 期工 作 内 容执 行 情 况指导教师签 字4月15日至4月20日准备网页的内容良好4月21日至4月30日搜集制作网页的素材良好5月1日至5月7日进行页面的布局及结构设计良好5月8日至5月20日创建站点进行网页设计良好5月21日至5月25日测试网站良好5月26日至6月1日上传网站良好6月2日至6月9日写毕业论文良好教师对进度计划实施情况总评 签名 年 月 日 本表作评定学生平时成绩的依据之一。动态网站的设计及后台管理学生姓名：杨雅兰 班级：02220202指导老师：万晓枫 指导单位：电子科技大学计算机学院摘要进入21世

3、纪90年代以后，以因特网为代表的计算机网络得到了飞速的发展由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发长成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的网站。基于Web服务器与课件资源数据库服务器之间的连接是开发网站的关键技术，而后台管理是维护网站的核心所在。本文以一个简单的动态网站极其后台管理系统为基础，利用ASP.NET和ASP技术开发，实现网站的动态管理，使得对信息的管理更加及时、高效。本文所做的具体工作如下：(1) 介绍了动态网页设计的理念和基本思路及ASP系统的一般原理。(2) 阐述了整个系统的结构和工作原理，分析并解决了实现中的若

4、干技术问题。(3) 基本实现了系统的各个功能模块，建立了实验网站，进行了测试分析。关键字：ASP 动态 管理 Web 数据库AbstractEnter the 90s in 21 centuries hereafter, the calculator network that regards Internet as the representative got the development fly soon because Internet has information capacity of dissemination biggest, the diverse and quick con

5、venience, world of appearance overlay, free and alternant characteristics, have already deliver to grow up for the new media, so almost each business enterprise, organization in world builds up own website in succession.Is a key technique that develops the website according to the conjunction betwee

6、n server of Web and a resources of lesson database server, and then the set management is support the website of core place.This text take a simple dynamic state website very backstage management system as the foundation, making use of the ASP.NET and the ASP technique developments, carrying out the

7、 dynamic state management of the website, making the management to the information been more and in time and efficiently.The main works of this paper are :(1) Introduced the principle of the dynamic state webpage designing and the general theory of the basic way of thinking and system of ASPs.(2) El

8、aborated the whole structure of system and the work principle, analyze and resolved some technique problem in the realization.(3) Basic carried out the each function mold piece of the system, build up the experiment website, carried on the test analysis.Key word: Dynamic Management Web Database ASP目

9、 录第一章：概述-81.1 计算机网络概论-81.2 Internet基础知识-101.3 网页基础知识-11第二章：常用网页制作工具-1121 HTML-112.2 网页编写软件-122.3 图形/图象处理工具-152.4 网页制作脚本语言-162.5 动态网页制作工具-16第三章：设计网站的基本思路 -183.1定位网站的主题和名称-183.2定位网站的CI形象-183.3 确定网站的栏目-193.4确定网站的目录结构-193.5确定网站的链接结构-20第四章：个人网站的制作过程-204.1网站的设计构思及特点-204.2创建站点进行网页设计-224.3网页的内容结构-244.5后台管理系

10、统-294.6网站的测试和上传-31第五章：总结-31参考文献： -32第一章概述一、 计算机网络概论1.1 计算机网络的定义、演变和发展 1.1.1 计算机网络的定义计算机网络：就是利用通信设备和线路将地理位置不同的、功能独立的多个计算机系统互连起来，以功能完善的网络软件（即网络通信协议、信息交换方式、网络操作系统等）实现网络中资源共享和信息传递的系统。 图1.1 一个典型的计算机网络示例 计算机网络：资源子网通信子网资源子网：主机Host终端erminal通信子网：通信链路组成网络节点：分组交换设备PSE、分组装卸设备PAD、集中器C、网络控制中心NCC、网间连接器G。统称为接口住处处理机

11、IMP。1.1.2 计算机网络的演变和发展网络发展三阶段：面向终端的网络；计算机计算机网络；开放式标准化网络。1.面向终端的计算机网络以单个计算机为中心的远程联机系统，构成面向终端的计算机网络。用一台中央主机连接大量的地理上处于分散位置的终端。如50年代初美国的SAGE系统。为减轻中心计算机的负载,在通信线路和计算机之间设置了一个前端处理机FEP或通信控制器CCU专门负责与终端之间的通信控制,使数据处理和通信控制分工。在终端机较集中的地区，采用了集中管理器(集中器或多路复用器)用低速线路把附近群集的终端连起来,通过MODEM及高速线路与远程中心计算机的前端机相连。这样的远程联机系统既提高了线路

12、的利用率，又节约了远程线路的投资。 图1.2 单计算机为中心的远程联机系统 2.计算机计算机网络60年代中期，出现了多台计算机互连的系统，开创了“计算机计算机”通信时代，并存多处理中心，实现资源共享。美国的ARPA网，IBM的SNA网，DEC的DNA网都是成功的典例。这个时期的网络产品是相对独立的，未有统一标准。3.开放式标准化网络由于相对独立的网络产品难以实现互连，国际标准化组织ISO(Internation Standards Organization)于1984年颁布了一个称为“开放系统互连基本参考模型”的国际标准ISO 7498，简称OSI/RM。即著名的OSI七层模型。从此，网络产品

13、有了统一标准，促进了企业的竞争，大大加速了计算机网络的发展。二、Internet基础知识 21世纪是一个以网络为核心的信息时代。在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet源于美国军用计算机网，应用客户机/服务器工作方式，用TCP/IP协议簇控制和管理。internet上发布信息主要是通过网站来实现的，获取信息也是要在internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组

14、成部分，从而倍受人们的重视。1、Internet所提供的服务Internet主要有以下的这些服务：电子邮件服务（E-mail）、远程登录服务（Telnet）、文件传输服务（FTP）、Gopher服务、电子公告板服务（BBS）、网络会议服务（Net Meeting）、WWW（World Wide Web）、游戏聊天服务。2、协议协议是关于信息格式及信息交换规则的描述。在Internet上，它统一了人们在网上的交流方式。任何一种协议都由语法、语义和定时三个部分组成。语法定义了怎样进行通信，语义定义了什么是通信，定时关系到何时通信。3、IP地址Internet上的计算机由一个独有的IP地址来唯一标识

15、。IP地址由两部分组成：网络号和主机号。IP地址分为A、B、C、D、E五类。4、域名、域名系统域名是Internet上一个服务器或一个网络系统的名字，是没有重复的域名。而域名系统是为了便于解释机器的IP地址而设立的，能方便地记忆和理解IP地址。它负责在域名和IP地址之间进行相互转换。5、超文本和超链接超文本（Hypertext）是把一些信息根据需要连接起来的信息管理技术。超链接（Hyperlink）内嵌在文本或图象中的，文本超链接在浏览器中通常是带下划线，而图像超链接是看不到的。6、浏览器因为在Internet上所以的信息内容都是用“超文本链接”的方式类组织的，使用这种格式组织的文档必须在一种

16、专门的软件支持界面下才能正常显示。这样的软件界面就是“网络浏览器”。7、服务器网络有共享外部设备的功能。这种共享主要是通过设计一个专门的节点，该节点为网上用户所共知，具有固定的地址，并为网上用户提供服务，这种提供服务的节点称为服务器。服务器运行网络操作系统，为网络提供通信控制、管理和共享资源。每个独立的计算机网络中至少应该有一台服务器。在低成本局域网中，也可以采用高性能的PC机作为网络服务器。服务器的基本任务是处理各个网络工作站提交的网络请求。用户请求可以是访问服务器硬盘上的文件系统、申请共享打印服务，也可以是与其他设备进行通信三、网页的基础知识 网页也叫Web页，就是在浏览网站时显示器屏幕上

17、的内容。网页实际是一个文件，它存放在世界某个角落的某一台计算机中。网页经过网址（URL）来进行识别和存取，网页文件被传送到计算机后，通过浏览器解释网页内容，再展示在屏幕上。 文字和图片是构成一个网页的两个最基本元素。文字就是网页的内容，图片是网页的装饰。网页的元素还包括动画、音乐和程序等。通常所看到的网页文件，都是以.htlm为后缀的文件，第二章 常用网页制作工具一、HTML在80年代早期，IBM提出在各文档之间共享一些相似的属性，诸如字体大小和版面。IBM设计了一种文档系统，通过文档中辅加一种标签，从而可以标识文档中的每种元素。 这样文档的显示和打印可能更少或更多地依赖特殊的硬件，不过这样的

18、系统需要不同的计算机系统提供专门的软件来显示和打印文档。IBM把自己这种标识语言称作通用标记语言(GeneraizedMarkupLanguage)，即GML。但IBM没在GML上做太多工作，直到1986年国际标准化组织(ISO)认为IBM提出的概念很好，并发布了为生成标准化文档而定义的标记语言标准(ISO8879)，称为新的语言SGML，即标准通用标记语言。 SGML定义了许多不同类型的文档，但我们感兴趣的类型是超文本文档.HTML即超文本标记语言(HypertextMarkupLanguage),是定义了超文本文档的SGML的子集。人们习惯使用术语HTML表示超文本文档本身(属于一种特殊类

19、型的SGML文档)和用以产生超文本文档的标记语言。 超链接是嵌入在文本中的特殊指令，它可以使浏览器装入其它的界面。每个HTML文档称为一个Web页面，页面是浏览器中看到的内容。Internet上的Web站点一般有多个页面组成，可以通过超链接在页面间切换。所有的页面均放在作为服务器的计算机上，它向任何发出请求的计算机提供指定页面。HTML文档的本质是一种程序，建立一个HTML文档，实际进行的工作就是编写HTML命令代码，或者说是“编程”，“编码”。二、网页编写软件网页制作工具有Dreamweaver、Fireworks、Flash、FrontPage、Adobe pagemill、Netobje

20、ctsFusion、Homesit等。Dreamweaver、Fireworks、Flash、三款软件合在一起，被称为网页制作“三剑客”。1. DreamweaverDreamweaver最精彩之处便是强大的多媒体处理功能，在设计DHTML(Dynamic HTML)和CSS（Cascading Style Sheets）方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作，可谓独出心裁。在这方面超过了FrontPage 98、Hotdog、Homesite等著名网页编写软件。和Macromedia公司其他软件的完美协作也是Dreamweaver

21、的一大特色。Dreamweaver是一种WYSIWYG HTML编辑器，它可以用于基本页面元素的插入和生成工作。Dreamweaver还可以对内部的HTML编辑器和任何第三方的HTML编辑器进行方便、实时的访问。2. FlashFLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 FLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，也可作出互动性很强的

22、主页来。3. FrontPageFrontPage2000是微软继FrontPage98后推出的一个全新的“所见即所得”的网页编辑器。新版本的FrontPage把网页管理器和网页编辑器合二为一，并使得利用FrontPage2000制作的网页支持最新的网页标准，比如XML，CSS2等等。虽然功能得到提升，但FrontPage2000的易用性是有目共睹的，虽然现在许多网友选择Dreamweaver制作网页，但事实上FrontPage2000还是初学者和专业人士的首选的工具。三、图形/图像处理工具1. FireworksFireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑

23、软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，Fireworks能够自由地导入各种图像，能够完成自动切图，生成鼠标动态感应的Jvascript等功能，而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器。2. PhotoshopPhotoshop是Adobe公司推出的一款功能十分强大、使用范围广泛的平面图像处理软件，是目前PC机上公认的最好的通用平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公

24、司，Photoshop都是首选的平面工具。四、网页制作脚本语言CGICGI(Common Gateway Interface)是最早能访问Web数据库的技术,其技术规范一度成了通用的标准,但最大的缺点是:当站点访问人数激增时,速度慢与效率低。为了克服CGI的不足,微软和网景分别推出了改进的CGIISAPI和NSAPI技术,统称为Web服务器(Application Program Interface)。API技术在速度上提升很大,一度曾被多数大型网站采用,但不足的是:程序编写复杂、数据库功能弱,且只能用于特定的Web服务器。新一代的ASP(Active Server Pages)技术是微软将高

25、效能的ISAPI与简洁的JavaScript和VBScript相结合的产物,其特点是运行速度快、数据库操作功能强大等,不足是只能运行于个别平台。五、动态网页制作工具1ASPASP（Microsoft Active Server Pages ）其实是一套微软开发的服务器端脚本环境，采用脚本语言VBScript作为自己的开发语言。ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScri

26、pt或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。 ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP的一些特点：1， 使用VBScript,JavaScript等简单脚本语言，并结合Html快速建立网站；2， 无须编译，可在服务器端直接运行；3， 使用普通的文本编辑器；4， 浏览器无关性；5， ASP可与任何ActiveX Scripting语言相容；6， 由于ASP的源程序在服务器端执行，因而提高了程序的安全性；7， 可以用服务器端的脚本来产生客户端的脚本；8， 物件导向-不理解9， ActiveX Server Components具有无限可扩充性。ASP的运行环境：1， II