个人网站设计毕业论文

2017-03-27

13661

电子科技大学毕业设计（论文）论文题目：文武屋-个人网站设计办学单位：电子科技大学职业技术学院职号:专业：计算机及应用2007年 06月 13日

电子科技大学

毕业设计（论文）

论文题目：文武屋-个人网站设计

办学单位：电子科技大学职业技术学院

职

号:

专业：计算机及应用

2007年 06月 13日

电子科技大学

毕业设计（论文）任务书

题目：文武屋-个人网站设计

任务与要求：

设计一个个人网站，包括首页、日记、相册、音乐、留言栏目；其中，以上几个栏目有不同分类的子栏目；还有相册中图片由分类显示、图片

时间： 2007 年 4 月15 日至 2007 年 6 月 13 日共 8 周办学单位：电子科技大学职业技术学院

学生姓名：张泉

专业：计算机及应用

指导单位或教研室：电子科技大学计算机学院指导教师：学号：0242010317 罗惠琼职称：教授

2007年 06月 13日

毕业设计(论文) 进度计划表

摘要

本文就个人网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在：

1. 对Web 页进行概述，主要是对Internet 的历史和发展作了回顾，并对Web 页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。

2. 对网站建设中提及到的术语进行了解释，并对个人网站的由来和发展进行了讨论。

3. 对自己的个人网站从规划到建设进行了详细的分析。

4. 使用ASP ＋IIS ＋Access 技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC 技术。

5. 就网站建设提出了自己的观点与建议。

关键词网站 ASP SQL Server 风格创意

江西教育学院数计系09成本论文（设计）吴志城-个人网站设计

第一章绪言„„„„„„„„„„„„„„„„„„„„„„„„„2

第一节 Web 页概述„„„„„„„„„„„„„„„„„„„„„„„„ 2

第二节开发工具的选用及介绍 „„„„„„„„„„„„„„„„„„„ 3

第四节关系型数据库的选择 „„„„„„„„„„„„„„„„„„„„ 6

第二章个人网站设计分析„„„„„„„„„„„„„„„„„„„„7

第一节相关术语及解释„„„„„„„„„„„„„„„„„„„„„„„7

第二节个人网站的由来和发展 „„„„„„„„„„„„„„„„„„„ 8

第三节我的个人网站的设计与规划„„„„„„„„„„„„„„„„„„8

第三章：详细设计 „„„„„„„„„„„„„„„„„„„„„„„„„„„10

第一节数据库设计 „„„„„„„„„„„„„„„„„„„„„„„„10

第二节页面的设计 „„„„„„„„„„„„„„„„„„„„„„„„13

第四章：编码、测试与维护„„„„„„„„„„„„„„„„„„„„„„„ 28

第一节测试与维护 „„„„„„„„„„„„„„„„„„„„„„„ 28

第二节设计技巧和解决方法„„„„„„„„„„„„„„„„„„„„ 30 结束语„„„„„„„„„„„„„„„„„„„„„„„„„„„„31 谢辞„„„„„„„„„„„„„„„„„„„„„„„„„„„„„32 参考文献„„„„„„„„„„„„„„„„„„„„„„„„„„„33

江西教育学院数计系09成本论文（设计）吴志城-个人网站设计

第一章绪言

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

一、认识Web 第一节 Web 页概述

Web(World Wide Web，简称WWW ，又称万维网) 是目前Internet 上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet 上的广告、新闻、电子商务和展示信息等各个服务领域。

Web 采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：请求→处理→应答。

Web 以超文本标记语言HTML(Hyper Text Markup Language) 与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。

Web 将位于全世界互联网上不同网址的相关信息有机地编织在一起。在Web 服务方式中，信息以页面（或称Web 页）的形式存储在Web 服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。页面到页面的链接信息由统一资源定位器URL(Uniform Resource Locator)维持。用户通过客户端应用程序（即浏览器）向Web 服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。

Web 服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如New 、FTP 、Telnet 、Gopher 及Mail 等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。

江西教育学院数计系09成本论文（设计）吴志城-个人网站设计

二、Web 技术综述

在信息技术领域中，Web 技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。Web 界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能想到的服务，Web 几乎都能实现。

Web 技术涉及诸多技术领域：

（一）网络硬件技术

从两台或多台机器组成的对等网，到主机控制的以太网，再到生动活泼的因特网，每一处都需要有特定的硬件支持。1968年，当“LOGIN”的“LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网的成功！组网技术经过几十年的锤炼，而今已经相当成熟了。

网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来，实施网络通信和达到共享网络资源的目的。

（二）Web 管理技术

网络管理技术是一个永久的话题。网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻的考验。一个合格的网管人员，除了管好网络，还得和黑客做技术上的较量。网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾驭网络操作系统和网络管理软件来实现。

Web 管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。诸如架设Web 服务器、文件传输服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。

第二节开发工具的介绍及选择

一、梦幻网页的编织者------Dreamweaver8.0

Dreamweaver 是创建和管理网页的专业化可视编辑器。使用Dreamweaver 可以轻松创建跨平台、跨浏览器的页面。Macromedia 的Roundtrip HTML技术允许用户随意导入HTML 文档而无需重新设置代码格式。

Dreamweaver 可以为用户做到：使用动态HTML 功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。

Dreamweaver 还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript 代码扩展Dreamweaver 的行为 3

江西教育学院数计系09成本论文（设计）吴志城-个人网站设计和属性检查器。

至于Dreamweaver 工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver 工作区组件有以下若干种：

(一) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。

(二) 装载器中包含一些打开和关闭常用检查器和模板的按钮。

(三) 对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。

(四) 属性检查器显示选定对象的属性。

(五) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。

(六) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。

二、网页动画的制作软件----Micromedia Flash 8.0

Micromedia Flash 8.0用于web 站点的交互式的矢量图形和动画的制作，它可制作出

用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。Flash 中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。

Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。

三、JavaScript

JavaSript 是一种基于对象(Object)和事件驱动(Event Driven) 并具有安全性能的脚本语言。使用它的目的是与HTML 超文本标记语言、Java 脚本语言（Java 小程序）一起实现在一个Web 页面中链接多个对象，与Web 客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML 语言中实现的。它的出现弥补了HTML 语言的缺陷，它是Java 与HTML 折衷的选择。

四、影像与动画的制作软件—Adobe Photoshop8.0

Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。

(一) 文字处理更加方便

(二) 增加的图层集使图层管理更有序。

(三) 新增图像功能：图像的剪切和剪裁更加方便。

(四) 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。

江西教育学院数计系09成本论文（设计）吴志城-个人网站设计

(五) 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。

五、动态网站的脚本语言--ASP

Active Server Pages：“动态服务器网页”，一般简称为“ASP ”，ASP 之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape ）都可以正确地获得ASP 的“执行”结果，并且将这ASP 执行的结果直接在浏览器中“浏览”，不像VBScript 或 JavaScript 是在客户端（Client ）的浏览器上执行，若使用VBScript 来设计程序，客户端（Ｃlient ）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient ）若使用Netscape 浏览器就无法显示VBScript 的执行结果。

(一) 、ＡＳＰ的特点：

1、任何开发工具皆可发展ＡＳＰ

只要使用一般的文书编辑程序，如Windows 记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、ＦrontPage 等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。

通过各家浏览由于ASP 程序是在网络服务器端中执行，执行结果所产生的HTML 文件适用于不同的浏览器。

2、语言相容性高

ASP 与所有的ActiveX Script 语言都相容，除了可结合HTML ，VBScript 、Java ScriptActive X 服务器组件来设计外，并可经由“plug-In （外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。

3、隐密安全性高

如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！这是因杰ＡＳＰ程序先于网站服务（Ｗeb Server ）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client ）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。

4、易于操控数据库

ＡＳＰ可以轻易地通过ＯDBC(Open Database Connectivity) 驱动程序连接各种不同的数据库，例如：Acess 、Foxpro 、dBase 、Oracle 等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel ” 文件当成数据库用。

江西教育学院数计系09成本论文（设计）吴志城-个人网站设计

5、面向对象学习容易

ＡＳＰ具备有面向对象（Ｏbject-Oriented ）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：Request 、Response 、Sever 、Application 以及Session ，同时，若使用ＡＳＰ内建的“Application ”对象或”Session ”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。

6、ASP 的六大内部对象

对象名称功能描述

RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web 服务器工具储存在一个

Session 内的用户信息，该信息仅可被该用户访问在一个

ASP-Application 中让不同的客户端共享信息可以用来配合

Microsoft Transaction 服务器进行分布式事务处理

所以我选择了ASP 结合Dreamweaver 架构个人站点。

第三节关系型数据库的选择

一、Access

Microsoft Access 是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于4个。Microsoft Access数据库有一定的极限，如果数据达到100M 左右，很容易造成服务器iis 假死，或者消耗掉服务器的内存导致服务器崩溃。

二、SQL Server

Microsoft SQL Server是基于服务器端的中型的数据库，可以适合大容量数据的应用，在功能上管理上也要比Microsoft Access要强得多。在处理海量数据的效率，后台开发的灵活性，可扩展性等方面强大。因为现在数据库都使用标准的SQL 语言对数据库进行管理，所以如果是标准SQL 语言，两者基本上都可以通用的。Microsoft SQL Server 还有更多的扩展，可以用存储过程，数据库大小无极限限制。

本站属于个人站点采用Access 数据库就行了。

相关推荐