网页设计毕业论文

课程论文（-第2学期）课程名称：网站设计与网页制作任课老师：崔松健姓名：xxx班级：15电子商务1班学号：33315133网页制作和网站设计——以著名球星里奥·梅西网站为例摘要在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览顾客的则是视觉效果杰出、信息量丰富、使用起来便捷的网页，因此网页设计尤为重要。互联网成为人们迅速获取、公布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴伴随网络的迅速发展而迅速兴起，作为上网的重要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能重要就是提供一种形式给每个上网者，让他们可以理解网站提供的信息。伴随计算机技术的迅速发展和计算机网络的普及，制作网页已经不再是遥不可及的梦想。不仅商业企业、各企事业单位纷纷建立网站，运用网络来宣传自己，越来越多的个人也但愿在广阔的网络世界里拥有自己的一片天地。同步，高校也将网页制作这一门学科当作基础性课程放置在教学计中。由此可见，网页制作知识越越来越重要，越来越普及。本网站设计的宗意在于通过对搜集到的著名球星里奥梅西的多种信息与资料多方面，多角度的展现，使广大球迷可以愈加全面完整地理解梅西。我们还会不定期实时更新数据信息，保证广大球迷都可以接受到最新资讯。关键词:；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)．什么是ASPASP的全称是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文献祈求，成为RequestC.服务器找到并解释执行该ASP文献，生成原则的HTML文献D.服务器将HTML文献传送给顾客浏览器，称为ResponseE.顾客的浏览器解释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网页图像设计工具——PhotoshopAdobe企业开发，处理图形图像的专门设计软件。DTP和图像软件的结合，使设计师可在电脑上直接完毕文字的录入、排版、图像处理、形象发明和分色制板的全过程，开创了“电脑平面设计”时代。Photoshop的专长在于图像处理，而不是图形创作。有必要辨别一下这两个概念。图像处理是对已经有的位图图像进行编辑加工处理以及运用某些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，此类软件重要有Adobe企业的另一种著名软件Illustrator和Micromedia企业的Freehand。Photoshop系列中使用最广泛的有Photoshop5.0版本、Photoshop7.0。2.4.网页设计工具——DreamweaverMacromedia企业的产品的另一款“所见即所得”的网页编辑工具。与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.主题确立与建站目的在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览顾客的则是视觉效果杰出、信息量丰富、使用起来便捷的网页，因此网页设计尤为重要。互联网成为人们迅速获取、公布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴伴随网络的迅速发展而迅速兴起，作为上网的重要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能重要就是提供一种形式给每个上网者，让他们可以理解网站提供的信息。本网站设计的宗意在于通过对搜集到的著名球星里奥梅西的多种信息与资料多方面，多角度的展现，使广大球迷可以愈加全面完整地理解梅西。我们还会不定期实时更新数据信息，保证广大球迷都可以接受到最新资讯。3.2.2.网站实现功能广大梅西的忠实粉丝通过本网站可以迅速获取与他有关的信息，理解其不太为人所熟知的成长经历，婚姻，家庭生活状况以及比赛和获奖状况，从而使球迷对里奥梅西形成一种愈加立体全面地认识。

第四章．网站的总体规划4.1制作网页的一般环节首先，你应当明确制作网页是为了干什么。例如，你是企业的职工，想通过网页来对企业进行广告宣传；再假设你正在做一种项目，想和外地的工程师通过网页讨论该项目。假如你要制作个人网页，那么你也许想通过个人网页在网上进行传播，从而展示自己，并和网友交朋友。这就是你的目的。我这次做这个网页就是为了让同学们在自己的班级网站里面更好的交流和联络，及时公布某些班级新闻，为同学们建造一种网上家园。另一方面，组织好你的网页内容。试想，你把自己的照片和内容都堆在一起，他人将无法明白你想干什么，说不准，连你自己都糊涂了。假如组织得好，顾客从你的网页中获取信息就轻易得多。对于那些很重要的信息，顾客只需要简朴的操作就能得到。一般来说，组织好网页的关键是要对网页建立层次分明、条理清晰的构造图。脑子里有了这样一张构造图，就会对网页很明白，并且有助于制作网页。而后，要确定你的网页所具有的外观和特色，目的就是让顾客被你的网页所吸引。假如你只是要把诸多漂亮的画面堆在一起，而不管内容，那将没人看。应当让你的网页不仅漂亮，更重要的是实用。怎么把自己的照片和内容有机的结合到一起，这也正是你的网页特色所在。然后，开始制作网页。详细操作时，首先要创立个人站点，再充足运用Dreamweaver的功能建立各个网页。最终，等网页做好了，就该公布站点了。站点公布后，为了保持站点的吸引力，要常常修改网页的内容（添加新的内容，更换已过时的图像等），就要更新和维护你的站点了。4.2网页包括的元素无论是初次领会Internet风光的新手，还是常常上网冲浪的老手，在初次设计网页之前，都必须先认识一下构成网页的基本元素。只有这样，才能在真正的设计工作中得心应手，根据需要合理的组织和安排网页的内容，从而到达期望的目的。设计网页的目的重要是公布信息，因此，作为信息载体的文本和图像也就成了网页的基本构成部分，超级链接是Web的关键，使它将万维网中无数的网页链接在一起，假如没有它，Web就无从谈起，此外，表格、动画、音乐和交互表单等信息的组织、体现，以及交互元素在网页中也具有举足轻重的地位。(1)、文本文本一直是人类最重要的信息载体和交流工具，网页中的信息也以文本为主，与图像相比，文字虽不如图像那样可以很快的引起浏览者的主意，但却能精确的体现消息的内容和含义，为了克服文字固有的缺陷，人们赋予了网页中文本更多的属性，如文字、字号、颜色、底纹和边框等，通过不一样格式的区别，突出显示重要的内容，此外，顾客还可以在网页中设计多种各样的文字列表来清晰体现一系列项目，这些功能都给网页中的文本赋予了新的生命力。(2)、图像图像在网页中具有提供信息，展示作品，装饰网页，体现个人情调和风格的作用。顾客可以在网页中使用GIF、JPEG、PNG3种图像文献格式，其中使用最广泛的是GIF和JPEG两种格式。(3)、超级链接超级链接技术可以说是万维网流行起来的最重要的原因，它是从一种网页指向另一种目的端的链接，例如指向另一种网页或相似网页上的不一样位置，这个目的端一般是另一种网页，但也可以是一幅图片，一种电子邮件地址，一种文献，一种程序或本网页中的其他位置，其载体一般是文本，图片或图片中的区域，也可以是某些不可见的程序脚本。当浏览者单击超级链接时，其目的端将显示在Web浏览器上，并根据目的端的类型以不一样方式链接。例如，当指向一种AVI文献的超级链接被单击后，该文献将在媒体播放软件中打开;假如是指向一种网页的超级链接，则该网页将显示在Web浏览器上。(4).表格在网页中表格用来控制网页中信息的布局方式。这包括两方面：一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是还可以使用表格来精4.3.网页层次构造（附构造图）里里奥梅西里里奥梅西主页运动生涯场外生活职业数据获奖记录注册我们登录网站4.4.目录的层次构造（附构造图）

登录网站注册我们获奖记录职业数据场外生活运动生涯主页里奥梅西登录网站注册我们获奖记录职业数据场外生活运动生涯主页里奥梅西俱乐部国家队个人生活社会活动团体奖个人奖 俱乐部国家队个人生活社会活动团体奖个人奖4.5.网页设计的有关环节4.5.1创立网页页面在Dreamveaver“文献－新建－常规－基本页－HTML”，这样就建好了一种页面，英文版的默认的文献名为untitled.htm。中文版的的默认的文献名为“无标题文档”。html就表达这个网页文献是一种静态的HTML文献。给它更名index.html在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。设置网站主题。4.5.2插入图像

使用插入菜单：在“插入”菜单项选择“图像”，弹出“选择图像源文献”对话框，选中该图像文献，单击确定。

4.5.3插入标题文字

进入页面编辑设计视图状态。在一般状况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。假如要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。4.5.4设置文字的格式选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中“B”将字体变粗。根据这样的措施，逐渐填充完整我们的首页。以此类推，完毕我们的其他子页面。4.5.5插入logo插入图片方式，在网站中心加入本网站的logo4.6.网页设计的效果展示4.6.1主页界面展示4.6.2运动生涯界面展示.4.6.3场外生活界面展示4.6.4职业数据界面展示4.6.5获奖记录界面展示4.6.6精彩瞬间界面展示4.6.7注册我们界面展示4.6.8登录网站界面展示第五章．需要处理的几种关键问题5.1数据库技术Access是Office系列软件中用来专门管理数据库的应用软件。所谓数据库是指通过组织的、有关特定主题或对象的信息集合。数据库管理系统分为两类：文献管理系统和关系型管理系统。Access应用程序就是一种功能强大且使用以便的关系型数据库管理系统，一般也称关系型数据库管理软件。它可运行于多种MicrosoftWindows系统环境中，由于它继承了Windows的特性，不仅易于使用，并且界面友好，如今在世界各地广泛流行。它并不需要数据库管理者具有专业的程序设计水平，任何非专业的顾客都可以用它来创立功能强大的数据库管理系统。Access使用原则的SQL（StructuredQueryLanguage,构造化查询语言）作为它的数据库语言，从而提供了强大的数据处理能力和通用性，使其成为一种功能强大并且易于使用的桌面关系型数据库管理系统和应用程序生成器。Access数据库使用单一的*.mdb文献管理所有的信息，这种针对数据库集成的最优化文献构造不仅包括数据自身，也包括了它的支持对象。此外，Access还运用Office套件共享的编程语言VBA（VisualBasicforApplication）进行高级操作控制和复杂的数据操作。5.2.数据库连接技术一种动态的网站，它的动态就体目前数据库技术上面，那么怎么才能使数据库与我们的WEB页面进行连接呢？这里就要用到ASP六大内对象中的server对象！详细代码如下：<%dimconn,connstrsetconn=server.createobject(“adodb.connection”)connstr=”dbq=”&server.mappath(“数据库的途径”)&”;driver={Microsoftaccessdriver(*.mdb)}”conn.openconnstr%>这些代码一般都放在一种名称为conn.asp的文献里面。假如WEB页面中需要用到数据库连接时就使用宏定义把这个文献包括进去就可以了！详细代码十分简朴：<!--#includefile=conn.asp-->。5.3.数据库写入技术有关数据库的写入技术一般可以分为两类：ADDNEW措施和INSERT…INTO！在ASP中，直接使用“Insertinto”语句与使用ADO中AddNew措施有什么区别？哪一种更好呢？AddNew措施的实质就是封装了“Insertinto”语句。因此，当我们需要对大量数据进行操作的时候，应优先选用“Insertinto”语句。由于直接使用SQL语句，减少了ADO的解释时间，显然会大大加紧存取数据的速度。下面我们分别来看一下它们的代码！以向一种名为data的表中插入一种类型均为文本型的两个字段username和psw一：insertinto<!--#includefile=conn.asp-->这句话包括了数据库的文献！<%name=request.form("name")psw=request.form("psw")sql=”select*fromdatawhere(Idisnull)”sql="insertintodata(username,psw)values('"+name+"',"+psw+"')"conn.executesqlconn.closesetconn=nothingresponse.write"记录添加成功!"%>分析：1：<!--#includefile=conn.asp-->是一种宏它是我们提前定义好的一种数据库连接的文献！2：psw=request.form(“psw”)实际上我们省略了一种提交的页面我们定义了两个中间的变量，3：sql=”select*formdatawhere(idisnull)”这里我们要找的就是把数据库中id为空的记录找出来！4：sql=”insertintodata(“username,psw”)values(’”+name+”’,’”+psw+”’)”这里是我们值得注意的地方由于它是关键！学过vf或sql的对这语句并不陌生！不过一定要写对由于在这一行语句的values值中需要根据数据库中的字段类型来定义的！它使用了单引号、双引号、连接符的排列次序！其中连接符号还可以是&!下面我们来看看用Addnew是怎样实现的！<!--#includefile=conn.asp-->这句话包括了数据库的文献！<%name=request.form("name")psw=request.form("psw")setrs=server.createobject(“adodb.recordset”)sql=”select*fromdatawhere(Idisnull)”rs.opensql,conn1,3rs.addnewrs(“username”)=namers(“psw”)=pswrs.updatars.closesetrs=nothingconn.closesetconn=nothingresponse.write"记录添加成功!"%>5.4数据库的读取技术数据库的读取技术是与记录集合的建立相结合而使用的！由于在数据库中一行记录也许会包括诸多信息。不过这一行记录一直是一种数据单元！我们可以通过该数据单元的详细状况和数据库的查询条件找到需要的数据项！下面我们再来看一段代码：<%setrs=server.createobject("adodb.recordset")sql="select*frommusic"rs.opensql,conn,1,3ifnotrs1.eofthenendif<AHREF="javascript:void(0)"onClick="newpage('swfPlay.asp?id=<%=rs("id")%>');"><%=rs("name")%></a>%>5.5记录集合的建立记录集是我们在做动态网站必须要考虑的问题由于动态网站的所有信息都是用一种或多种纪录集组合而得到的其实一的web页面的内容有时就是很简朴的几种记录集合！记录集中记录的是和我们要查询的条件相似的一条或多条记录！由此可以懂得记录集是非常重要的！那么怎么去写一种记录集呢？<%setrs=server.createobject(“adodb.recordset”)sql=”select*from表名where条件语句”rs.opensql,conn,1,1%>这样我们就可以把我们要查询的东西放在记录集rs里面假如我们想从数据库中把数据读出来就response对象了！一般我们就可以直接简写成<%=%>可以了！假如数据库中只有一条记录我们这样写就可以了不过假如有多条记录我们就要用到vb或则c语言中的循环条件！第六章．网页测试6.1.网页测试IIS配置

当IIS被成功安装后，将在计算机C:\Inetpub\wwwroot下新建一种默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在D:\Wy目录下，首页文献名为Index.asp，其详细环节如下：

第一步：在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。

第二步：转到“主目录”窗口，再在“当地途径”输入（或用“浏览”按钮选择）好自己网页所在的“D:\Wy”目录。

第三步：转到“文档”窗口，再按“添加”按钮，根据提醒在“默认文档名”后输入自己网页的首页文献名“Index.asp”。

第四步：在“默认Web站点”上单击右键，选“新建→虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“D:\Wy”后再