1、-_课程论文(2016-2017 学年第 2 学期)课程名称: 网站设计与网页制作任课老师: 崔松健姓名: xxx班级: 15 电子商务 1 班学号: 33315133-_网页制作和网站设计以知名球星里奥梅西网站为例摘要在信息技术飞速发展的今天,人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页,所以网页设计尤为重要。互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局,其功
2、能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。随着计算机技术的快速发展和计算机网络的普及,制作网页已经不再是遥不可及的梦想。 不仅商业公司、各企事业单位纷纷建立网站,利用网络来宣传自己,越来越多的个人也希望在广阔的网络世界里拥有自己的一片天地。同时,高校也将网页制作这一门学科当作基础性课程放置在教学计中。由此可见,网页制作知识越越来越重要,越来越普及。本网站设计的宗旨在于通过对搜集到的著名球星里奥梅西的各种信息与资料多方面,多角度的呈现,使广大球迷能够更加全面完整地了解梅西。我们还会不定期实时更新数据信息,确保广大球迷都能够接受到最新资讯。关键词:;ASP;网页制作;网站设
3、计;里奥梅西-_目录摘 要 (1)第一章. 绪论 (4)1.1 网页制作的背景和意义 (4)1.2 相关术语的阐述 (5)第二章. 网页开发环境及数据库概述 (6)2.1 网页环境的开发 (6)2.2 ASP 和 ADO 简介 (6)2.2.1 ASP 产生的历史环境 (6)2.2.2 ADO 对象 (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.网站
4、实现功能 (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)-_第一章
5、 绪论1.1 网页制作的背景和意义我们读书就是为了获得知识,现在我们学习了 ASP 动态网页设计,当然就是要能做一个精美的网页。在此次毕业设计中,我们要能更加的了解Dreameaver 强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然,次此设计的个人网页,一方面是为了完成毕业作业,但更重要的是把我们所学到的东西用在具体的实践之中,所以,这次设计的目的也是要我们更好的掌握和使用好 ASP 的核心工具和技术,以便提高对网页知识的更深层了解。第三点也是最要的一点是,把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上,把这些东
6、西都用在所要做的网页上面。以达到老师要求的效果和学以致用。Internet 是目前世界上最大的计算机互联网络,它遍布全球,将世界各地各种规模的网络连接成一个整体。作为 Internet 上一种先进的,易于被人们所接受的信息检索手段,World Wide Web(简称 WWW)发展十分迅速,成为目前世界上最大的信息资源宝库。据估计,目前 Internet 上已有上百万个 Web 站点,其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域,其用户群十分庞大,因此,建设一个好的 Web 站点对于一个机构的发展十分重要。近年来,随着网络用户要求的不断提高及计算机科学的迅速发展
7、,特别是数据库技术在 Internet 中的广泛应用, Web 站点向用户提供的服务将越来越丰富,越来越人性化。我们发现这样一个事实,一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣,而且这种兴趣会持续一段时间。这点启发了我们,如果能根据用户的喜好为不同的用户显示其个性化的页面,即着重显示该用户感兴趣的内容,将为用户节约大量的检索时间,而且这样的网页显然是更具有吸引力的。一些站点已经在这方面作出了一定的尝试,通常采用的方法是,在用户登陆时为其提供一系列的选项,使用户能够对站点进行一些自主的设置。这样做-_能够使站点呈现一定程度的个性化,但是对用户来讲,还是比较烦琐,而且在用户了解一个
8、站点前让其对站点进行设置,其结果未免有些粗糙。于是我们构想了这样一种方案,对用户登陆后的动作进行跟踪,分析,发掘用户点击的规律,即用户先后点击的关联规则,这样,在用户点击一个主题(链接)之后,系统能够自动生成一页面,其中包含了该主题下用户经常关注的内容(若干链接),这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。本文主要完成 Web 服务器端的设计实现管理个人资料、照片上传、网文撰写、客户留言、日志以及后台管理等 ASP 页面及整个实验网站的组织建立和测试工作。我通过中国书画网站展示出中华文化的博大精深。不同的人,其网站上的展示方式或手法各有不同,千变万化。在网站策划
9、中,如何把把中华文化通过网站展示出来,是我设计的重要内容。1.2 相关术语的阐述WWW 是“World Wide Web“的缩写;HTML 的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐,程序等非文字的元素。URLs 是 Uniform Resource Locator 的缩写,统称为统一资源定位器。可以把它想象成文件名的网络扩展。我们不但可以通过各种不同的方法指出在网络的上哪一台机器的目录下的文件。这个文件可以通过各种不同的方法得到。在 URL 中还指定了访问这一个文件的协议。在实际应用中,U
10、RL 经常称为“网址”或 URL 地址。TCP/IP 协议(Transmission Control Protocol / Internet Protocol 传输控制协议/因特网协议)所谓协议,其实应该叫他网络协议,它是计算机与计算机之间,进行信息传输的语言,只有两台计算机具有相同的协议方能进行信息传输,常见协议有 IPX 协议、TCP/IP 协议等。IPX 现广泛应用于局域网中,大多数局域网游戏都使用 IPX 协议。TCP/IP协议可以说它是你接入因特网的必备条件,因为它是因特网上的通用协议。FTP 协议(File Transter Protocol)也就是文件传输协议。我们知道,在服务器
11、中一般都有大量的共享软件和免费资源,要想从服务器中把文件传送到本地的计算机(术语称“客户机”)上或者把自己机器上的资源传送到服务器上,就-_必须在两台机器中进行文件传送,那么双方就必须要共同遵守一定的规则,FTP 就是用来在客户机和服务器之间进行文件传输以实现文件共享的协议。FTP 只是一种协议,必须要有相应的专用软件来执行它,一般称为 FTP 软件。通过 FTP 软件可连接到 FTP 服务器上,执行上载和下载文件的任务。常用的 FTP 软件有 LeapFTP、CuteFTP、WS_FTP、FTPX 等,这些软件的原理基本相同,只是用户界面和功能略有差异。第 2 章网页开发环境及数据库概述2.
12、1 网页运行环境的开发本系统必须被运行在 IIS (Internet Information Server)下。使用 Micorsoft Internet Information Server (IIS),运行 Windows NT Server 的计算机便成为大容量、功能强大的 Web 服务器,它可以将信息发布给办公大楼或整个世界的用户。对于在基于 Windows NT 的计算机上联网,Internet Information Server 是很理想的,因为它可以在现存硬件上设置功能强大的 Web 服务器。Internet Information Server 集成在 Windows NT
13、Server 操作系统中,并利用了其安全特征和性能优势。2.2 ASP 和 ADO 简介2.2.1 ASP 产生的历史环境 从本节开始,将进入本书的重点内容-使用 ASP(active sever pages)技术设计最流行的远程教育平台。在目前飞速发展的 IT 行业中,网站一旦建立起来,就一如既往的保持“静态 “,不加更改?如果是这样,就无形中一落后时代的步伐。所谓静态指的是网站的页面内容固定不变,当用户浏览器通过互联网的 HTTP 协议向 Web 服务器请求提供页面内容时,服务器仅仅是将原来已经设计好的静态 HTML 代码,最多加上流行的 GIF89A 格式的动态图片。若网站维护者要更新网
14、页的内容,就必须手动的来更新起所以的 HTML 文档。这种网长的致命弱点就是不容易维护,为了不断更新网页的内容,就必须不断的重复-_HTML 文档,随着网站内容和信息量的日益扩增,使得工作量大得出人想象。ASP 正是解决这个尴尬局面出现了。因此 ASP 迅速的得到了无数网络开发者的垂青。(1)什么是 ASPASP 的全称是 Active Sever Pages,目前没有正式的中文名,可以理解为动态服务器页面技术。ASP 是目前最流行的开发动态网站的程序开发之一,它的特点是将脚本,超文本和强大的数据访问功能结合在一起,并提供了众多的服务器组件来扩张功能,能够很方便的创建分布式和基于 Web 的商
15、业话应用程序。如果要更简单的描述 ASP ,可以说 ASP 就是运行在 Web 服务器上的动态网页。ASP 程序文件也是一个标准的网页,一般 HTML 标记和 ASP 脚本代码混杂在一起组成。ASP 网页程序必须想竟 Web 服务器的 ASP 解释器解释执行,产生 HEML 代码后才传送给用户的浏览器执行显示。(2).的特点为:1、任何开发工具皆可发展只要使用一般的文书编辑程序,如 Windows 记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、 FrontPage 等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写
16、,可能会发生一些意想不到的离奇状态。通吃各家浏览由于 ASP 程序是在网络服务器端中执行,执行结果所产生的HTML 文件适用于不同的浏览器。2、语言相容性高ASP 与所有的 ActiveX Script 语言都相容,除了可结合HTML,VBScript、Java Script、Active X 服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商( Third Party)所提供的语言。3、隐密安全性高如果我们在浏览器中直接查看网页的原始代码,就只能看到文件,原始的程序代码是看不到的!这是应届程序先于网站服务(eb Server)端执行后,将结果转换成标准文件,再传
17、送到客户端-_(Client)的浏览器上,因此,我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。4、易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Access 、FoxPro、dBase、Oracle 等等,另外,亦可将“文本文件”或是”Excel” 文件当成数据库用。5、面向对象学习容易具备有面向对象(object-Oriented )功能,学习容易,提供了五种方便能力强大的内建对象:Request、Response、Sever、Application 以及 Session,同时,若使用内建的“Applicat
18、ion”对象或 ”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。 6、对象名称 功能描述RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用户信息,该信息仅可被(3)ASP 模型对象ASP 提供了六个功能强大的内置对象供用户使用,利用这六个对象,可以设计变化多端的 Web 应用程序,在 ASP 开发 Web 应用程序时,通过调用对象的方法,不但能实现提高编程效率,而且编程更优化。下面列出 ASP 包括的六个内置对象:Re
19、sponse:将信息送主客户端Request:从客户端取得信息Server:提供一些 Web Sever 方法Session:记录连接着的信息,每一个连接者的信息有独立的 Session 对象来记录Apptication:记录共用消息,让不同的可户端共享信息Objectlontent:配合 MTS 进行分布式事务处理(4)ASP 的运行-_ASP 页面与一般的 HTML 页面的真正不同之处,在于 ASP 页面需要经过Web 服务器的解释执行而 HTML 网页不需要。因此如果要运行和发布式 ASP网页,就需要有 Web 服务器的支持。任何一个 Web 服务器,只有内嵌有 ASP的解释程序,就可以
20、运行 ASP 编写的动态网页。整个过程主要有如下 5 个步骤(HTML 页面的处理没有第三步)A.用户将 ASP 文件的网址输入到浏览器的地址栏,请求一个 ASP 网页。B.浏览器向 Web 服务器发送 ASP 文件请求,成为 RequestC.服务器找到并解释执行该 ASP 文件,生成标准的 HTML 文件D.服务器将 HTML 文件传送给用户浏览器,称为 ResponseE.用户的浏览器解释 HTML 文件,结果在浏览器窗口显示2.2.2 ADO 对象ADO 原名为 ActiveX Data Object。通过与 ASP 的结合,可以在网页里执行 SQL 的指令,用户可以轻松且快速的存取、
21、增加或是删除数据库的数据。ADO 包含三个主要的对象:Recordset、Connection 以及 Cmmand。通过这些对象的了解与应用,再利用 ASP 对象,就可以很容易地制作出一个方便快捷、功能多样的网站。快速、容易和节省磁盘空间,是 ADO 的特性,这使得 ADO 成为十分热门的技巧。ADO 通过与 ODBC 的链接,可以链接许多各种类型的数据库,因为ODBC 本身就支持许多类型的数据库。ADO 通过 VBScript 和 JavaScript 语言的技巧,不但可以控制存取数据库,还可以达到一些特殊技巧的变化。ADO 提供 Connection 对象可以使用该对象建立和管理应用程序和 ODBC 数据库之间的连接。Connection 对象具有各种属性和方法,可以使用它们打开和关闭数据库连接,并且发出查询请求来更新信息。要建立数据库连接,首先应创建 Connection 对象的实例。用 Connection 对象的 Execute 方法您可以发出结构化查询语言 (SQL) 查询数据库源并检索结果。SQL 是用