大学本科计算机专业网页设计毕业论文.docx
《大学本科计算机专业网页设计毕业论文.docx》由会员分享，可在线阅读，更多相关《大学本科计算机专业网页设计毕业论文.docx（47页珍藏版）》请在冰点文库上搜索。
大学本科计算机专业网页设计毕业论文
课程论文
课程名称：
网站设计与网页制作
任课老师：
姓名：
班级：
学号：
网页制作和网站设计
——以知名球星里奥·梅西网站为例
摘要
在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。
而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。
互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。
网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。
随着计算机技术的快速发展和计算机网络的普及，制作网页已经不再是遥不可及的梦想。
不仅商业公司、各企事业单位纷纷建立网站，利用网络来宣传自己，越来越多的个人也希望在广阔的网络世界里拥有自己的一片天地。
同时，高校也将网页制作这一门学科当作基础性课程放置在教学计中。
由此可见，网页制作知识越越来越重要，越来越普及。
本网站设计的宗旨在于通过对搜集到的著名球星里奥梅西的各种信息与资料多方面，多角度的呈现，使广大球迷能够更加全面完整地了解梅西。
我们还会不定期实时更新数据信息，确保广大球迷都能够接受到最新资讯。
关键词:
；ASP；网页制作；网站设计；里奥·梅西
摘要………………………………………………………………
（1）
第一章.绪论………………………………………………………（4）
1.1网页制作的背景和意义…………………………………（4）
1.2相关术语的阐述……………………………………………（5）
第二章.网页开发环境及数据库概述……………………………（6）
2.1网页环境的开发…………………………………………（6）
2.2ASP和ADO简介……………………………………………（6）
2.2.1ASP产生的历史环境……………………………………（6）
2.2.2ADO对象…………………………………………………（9）
2.3网页图像设计工具——photoshop……………………（10）
2.4网页页面设计工具——Dreamweave………………………（11）
第三章.网页需求分析……………………………………………（12）
3.1可行性分析…………………………………………………（12）
3.1.1.网页的界面设计…………………………………………（12）
3.2网站需求分析…………………………………………………（12）
3.2.1.网站主题确立与建站目的………………………………（13）
3.2.2.网站实现功能……………………………………………（13）
第四章.网站的总体规划…………………………………………（13）
4.1制作网页的一般步骤………………………………………（13）
4.2网页包括的元素……………………………………………（14）
4.3网页层次结构………………………………………………（16）
4.4目录的层次结构……………………………………………（16）
4.5网页设计的相关步骤………………………………………（17）
4.6网页制作的效果展示………………………………………（19）
第五章．需要解决的几个关键问题……………………………………（27）
5.1数据库技术…………………………………………………（27）
5.2数据库连接技术……………………………………………（27）
5.3数据库写入技术…………………………………………（28）
5.4数据库读取技术…………………………………………（29）
5.5记录集合的录入……………………………………………（30）
第六章网页测试……………………………………………………（30）
6.1测试网站……………………………………………………（31）
6.2测试发布及网站维护………………………………………（31）
结论……………………………………………………………………（33）
致谢……………………………………………………………………（34）
参考文献………………………………………………………………（35）
第一章．绪论
1.1网页制作的背景和意义
我们读书就是为了获得知识，现在我们学习了ASP动态网页设计，当然就是要能做一个精美的网页。
在此次毕业设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。
通过此次设计我们还要能够知道静态网页和动态网也的区别。
诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb（简称WWW）发展十分迅速，成为目前世界上最大的信息资源宝库。
据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。
近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。
我们发现这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种兴趣会持续一段时间。
这点启发了我们，如果能根据用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力的。
一些站点已经在这方面作出了一定的尝试，通常采用的方法是，在用户登陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。
这样做能够使站点呈现一定程度的个性化，但是对用户来讲，还是比较烦琐，而且在用户了解一个站点前让其对站点进行设置，其结果未免有些粗糙。
于是我们构想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点击的关联规则，这样，在用户点击一个主题（链接）之后，系统能够自动生成一页面，其中包含了该主题下用户经常关注的内容（若干链接），这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。
本文主要完成Web服务器端的设计实现管理个人资料、照片上传、网文撰写、客户留言、日志以及后台管理等ASP页面及整个实验网站的组织建立和测试工作。
我通过中国书画网站展示出中华文化的博大精深。
不同的人，其网站上的展示方式或手法各有不同，千变万化。
在网站策划中，如何把把中华文化通过网站展示出来，是我设计的重要内容。
1.2相关术语的阐述
WWW是“WorldWideWeb"的缩写；HTML的意思则是“HypertextMarkupLanguage”,中文翻译为“超文本标记语言”。
“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字的元素。
URLs是UniformResourceLocator的缩写，统称为统一资源定位器。
可以把它想象成文件名的网络扩展。
我们不但可以通过各种不同的方法指出在网络的上哪一台机器的目录下的文件。
这个文件可以通过各种不同的方法得到。
在URL中还指定了访问这一个文件的协议。
在实际应用中，URL经常称为“网址”或URL地址。
TCP/IP协议（TransmissionControlProtocol/InternetProtocol传输控制协议/因特网协议）所谓协议，其实应该叫他网络协议，它是计算机与计算机之间，进行信息传输的语言，只有两台计算机具有相同的协议方能进行信息传输，常见协议有IPX协议、TCP/IP协议等。
IPX现广泛应用于局域网中，大多数局域网游戏都使用IPX协议。
TCP/IP协议可以说它是你接入因特网的必备条件，因为它是因特网上的通用协议。
FTP协议（FileTransterProtocol）也就是文件传输协议。
我们知道，在服务器中一般都有大量的共享软件和免费资源，要想从服务器中把文件传送到本地的计算机（术语称“客户机”）上或者把自己机器上的资源传送到服务器上，就必须在两台机器中进行文件传送，那么双方就必须要共同遵守一定的规则，FTP就是用来在客户机和服务器之间进行文件传输以实现文件共享的协议。
FTP只是一种协议，必须要有相应的专用软件来执行它，一般称为FTP软件。
通过FTP软件可连接到FTP服务器上，执行上载和下载文件的任务。
常用的FTP软件有LeapFTP、CuteFTP、WS_FTP、FTPX等，这些软件的原理基本相同，只是用户界面和功能略有差异。
第二章．网页开发环境及数据库概述
2.1网页运行环境的开发
本系统必须被运行在IIS（InternetInformationServer）下。
使用MicorsoftInternetInformationServer（IIS），运行WindowsNTServer的计算机便成为大容量、功能强大的Web服务器，它可以将信息发布给办公大楼或整个世界的用户。
对于在基于WindowsNT的计算机上联网，InternetInformationServer是很理想的，因为它可以在现存硬件上设置功能强大的Web服务器。
InternetInformationServer集成在WindowsNTServer操作系统中，并利用了其安全特征和性能优势。
2.2ASP和ADO简介
2.2.1ASP产生的历史环境
从本节开始，将进入本书的重点内容----使用ASP（activeseverpages）技术设计最流行的远程教育平台。
在目前飞速发展的IT行业中，网站一旦建立起来，就一如既往的保持"静态"，不加更改？
如果是这样，就无形中一落后时代的步伐。
所谓静态指的是网站的页面内容固定不变，当用户浏览器通过互联网的HTTP协议向Web服务器请求提供页面内容时，服务器仅仅是将原来已经设计好的静态HTML代码，最多加上流行的GIF89A格式的动态图片。
若网站维护者要更新网页的内容，就必须手动的来更新起所以的HTML文档。
这种网长的致命弱点就是不容易维护，为了不断更新网页的内容，就必须不断的重复HTML文档，随着网站内容和信息量的日益扩增，使得工作量大得出人想象。
ASP正是解决这个尴尬局面出现了。
因此ASP迅速的得到了无数网络开发者的垂青。
（1）．什么是ASP
ASP的全称是ActiveSeverPages,目前没有正式的中文名，可以理解为动态服务器页面技术。
ASP是目前最流行的开发动态网站的程序开发之一，它的特点是将脚本，超文本和强大的数据访问功能结合在一起，并提供了众多的服务器组件来扩张功能，能够很方便的创建分布式和基于Web的商业话应用程序。
如果要更简单的描述ASP，可以说ASP就是运行在Web服务器上的动态网页。
ASP程序文件也是一个标准的网页，一般HTML标记和ASP脚本代码混杂在一起组成。
ASP网页程序必须想竟Web服务器的ASP解释器解释执行，产生HEML代码后才传送给用户的浏览器执行显示。
（2）.ＡＳＰ的特点为：
1、任何开发工具皆可发展ＡＳＰ
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。
当然，其他网页发展工具，例如，FrontPageExpress、ＦFrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
2、语言相容性高
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
3、隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！
这是应届ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。
4、易于操控数据库
ＡＳＰ可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：
Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel”文件当成数据库用。
5、面向对象学习容易
ＡＳＰ具备有面向对象（Ｏobject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：
Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。
6、对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被
（3）．ASP模型对象
ASP提供了六个功能强大的内置对象供用户使用，利用这六个对象，可以设计变化多端的Web应用程序，在ASP开发Web应用程序时，通过调用对象的方法，不但能实现提高编程效率，而且编程更优化。
下面列出ASP包括的六个内置对象：
Response：
将信息送主客户端
Request：
从客户端取得信息
Server：
提供一些WebSever方法
Session：
记录连接着的信息，每一个连接者的信息有独立的Session对象来记录
Apptication：
记录共用消息，让不同的可户端共享信息
Objectlontent：
配合MTS进行分布式事务处理
（4）．ASP的运行
ASP页面与一般的HTML页面的真正不同之处，在于ASP页面需要经过Web服务器的解释执行而HTML网页不需要。
因此如果要运行和发布式ASP网页，就需要有Web服务器的支持。
任何一个Web服务器，只有内嵌有ASP的解释程序，就可以运行ASP编写的动态网页。
整个过程主要有如下5个步骤（HTML页面的处理没有第三步）
A.用户将ASP文件的网址输入到浏览器的地址栏，请求一个ASP网页。
B.浏览器向Web服务器发送ASP文件请求，成为Request
C.服务器找到并解释执行该ASP文件，生成标准的HTML文件
D.服务器将HTML文件传送给用户浏览器，称为Response
E.用户的浏览器解释HTML文件，结果在浏览器窗口显示
2.2.2ADO对象
ADO原名为ActiveXDataObject。
通过与ASP的结合，可以在网页里执行SQL的指令，用户可以轻松且快速的存取、增加或是删除数据库的数据。
ADO包含三个主要的对象：
Recordset、Connection以及Cmmand。
通过这些对象的了解与应用，再利用ASP对象，就可以很容易地制作出一个方便快捷、功能多样的网站。
快速、容易和节省磁盘空间，是ADO的特性，这使得ADO成为十分热门的技巧。
ADO通过与ODBC的链接，可以链接许多各种类型的数据库，因为ODBC本身就支持许多类型的数据库。
ADO通过VBScript和JavaScript语言的技巧，不但可以控制存取数据库，还可以达到一些特殊技巧的变化。
ADO提供Connection对象
可以使用该对象建立和管理应用程序和ODBC数据库之间的连接。
Connection对象具有各种属性和方法，可以使用它们打开和关闭数据库连接，并且发出查询请求来更新信息。
要建立数据库连接，首先应创建Connection对象的实例。
用Connection对象的Execute方法
您可以发出结构化查询语言（SQL）查询数据库源并检索结果。
SQL是用于与数据库通讯的工业标准语言，它有许多命令可用来检索和更新信息。
使用Connection对象的Execute方法在SQLINSERT命令的表格中发出查询，该命令将数据插入特定的数据库表格。
使用Recordset对象处理结果
尽管Connection对象简化了连接数据库和查询任务，但Connection对象仍有许多不足。
确切地说，检索和显示数据库信息的Connection对象不能用于创建脚本；您必须确切知道要对数据库作出的更改，然后才能使用查询实现更改。
对于检索数据、检查结果、更改数据库，ADO提供了Recordset对象。
正如它的名称所暗示的那样，Recordset对象有许多您可以使用的特性，根据您的查询限制，检索并且显示一组数据库行，即记录。
Recordset对象保持查询返回的记录的位置，允许您一次一项逐步扫描结果。
根据Recordset对象的指针类型属性设置，您可以滚动和更新记录。
数据库指针可以让您在一组记录中定位到特定的项。
指针还用于检索和检查记录，然后在这些记录的基础上执行操作。
Recordset对象有一些属性，可用于精确地控制指针的行为，提高您检查和更新结果的能力。
例如，您可以使用CursorType和CursorLocation属性设置指针的类型，将结果返回给客户端应用程序（结果通常保留在数据库服务器上）并显示其他用户对数据库的最后一次更改。
一个成功的数据库应用程序都使用Connection对象建立链接并使用Recordset对象处理返回的数据。
通过“协调”两个对象的特定功能，您可以开发出几乎可以执行任何数据处理任务的数据库应用程序。
例如，下面的服务器端脚本使用Recordset对象执行SQLSELECT命令。
SELECT命令检索一组基于查询限制的信息。
查询也包含SQLWHERE子句，用来缩小查询的范围。
通过ADOCommand对象，可以象用Connection对象和Recordset对象那样执行查询，唯一的不同在于用Command对象您可以在数据库源上准备、编译您的查询并且反复使用一组不同的值来发出查询。
这种方式的编译查询的优点是您可以最大程度地减少向现有查询重复发出修改的请求所需的时间。
另外，您还可以在执行之前通过您的查询的可变部分的选项使SQL查询保持局部未定义。
Command对象的parameter集合减少了您的麻烦，使您不必在每次重新发出查询时重新建立查询。
2.3网页图像设计工具——Photoshop
Adobe公司开发，处理图形图像的专门设计软件。
DTP和图像软件的结合，使设计师可在电脑上直接完成文字的录入、排版、图像处理、形象创造和分色制板的全过程，开创了“电脑平面设计”时代。
Photoshop的专长在于图像处理，而不是图形创作。
有必要区分一下这两个概念。
图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主要有Adobe公司的另一个著名软件Illustrator和Micromedia公司的Freehand。
Photoshop系列中使用最广泛的有Photoshop5.0版本、Photoshop7.0。
2.4.网页设计工具——Dreamweaver
Macromedia公司的产品的另一款“所见即所得”的网页编辑工具。
与Frontpage不同，Deamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。
但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。
Dreamweaver对于DHTML的支持特别好，可以轻而易举地做出很多眩目的页面特效。
插件式的程序设计使得其功能可以无限的扩展。
Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。
而最新推出的DreamweaverUltraDev更支持Asp，Jsp。
因此，说Dreamweaver是高级网页制作的首选并不为过。
常见的版本为Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、DreamweaverCS.
所以我本次设计主要选用DreamweaverCS.5结合Photoshop7.0处理图片。
第三章．网页需求分析
3.1可行性分析
3.1.1网页的界面设计
由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。
网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。
虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。
例如：
列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。
若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。
因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。
A.网页界面构成要素
与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。
一般来说，网页的界面主要由下面几个因素构成：
（1）文字：
文字元素是信息传达的主体部分。
网页中的文字主要包括标题、信息、文字链接、几种主要形式。
标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。
文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。
（2）图形：
图形在网页界面中具有重要作用。
合理的运用图形。
可以生动直观、形象地表现设计主题。
网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台。
3.2.网站需求分析
3.2.1.主题确立与建站目的
在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。
而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。
互联网成为人们快速获取、发布和传递
升级会员 