《如何开发个人主页.docx》由会员分享，可在线阅读，更多相关《如何开发个人主页.docx（31页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、目 录目录1摘要2Absttracct3第一章引引言4第二章HHTMLL简介42.1 什么是是HTMML42.2 HTMML标记记4第三章 ASPP技术83.1 ASPP产生的的历史883.2 ASPP的含义义83.3 ASPP的工作作过程993.4 ASPP对象93.5 ASPP的安全全特性和和优点概概括100第四章后后台数据据库的建建立1004.1 ASPP访问数数据库原原理1004.2建建立数据据库表111第五章开开发个人人主页1125.1 HTMML页面面的实现现125.1.1 首首页1225.1.2 收收藏板块块145.1.3 图图库板块块155.1.4 音乐乐板块1175.1.5
2、动动画板块块185.2 ASPP编写的的页面119第六章总总结300参考文献献：311摘要随着现代代计算机机科学的的发展，网络已已经越来来越普及及，如今今网络已已经成为为每个人人生活的的一部分分，同时时网络也也提供了了一种很很好的信信息交换换平台，而个人人主页是是一个可可以在网网络上展展示个人人信息的的方便手手段。本本文介绍绍了如何何开发个个人网站站。首先先介绍开开发工具具ASPP，HTTML等等技术，然后详详细讲解解了个人人主页的的开发。关键词：个人主主页，HHTMLL技术，ASPP技术AbsttracctAlonng wwithh thhe mmodeern commputter scii
3、encce ddeveeloppmennt, thee neetwoork alrreaddy mmoree annd mmoree poopullariizedd, nnow thee neetwoork alrreaddy bbecaame a ppartt eaach perrsonn liife, att thhe ssamee tiime thee neetwoork hass allso proovidded onee kiind of verry ggoodd exxchaangee off innforrmattionn pllatfformm, bbut inddiviidu
4、aal mmainn paage wass maay ddemoonsttratte iindiividduall innforrmattionn inn thhe nnetwworkk thhe cconvveniientt meethood. Thiis aartiiclee inntrooducced howw deevellopss inndivviduual webbsitte. Firrst inttrodduceed ddeveeloppmennt kkit ASPP teechnnoloogy andd HTTML tecchnoologgy, theen iin ddetaa
5、il expplaiinedd inndivviduual maiin ppagee deevellopmmentt.Keywwordds:IIndiividduall weebsiite，HTMML TTechhnollogyy, AASP Tecchnoologgy第一章 引言随着计算算机及网网络技术术的飞速速发展，Intternnet/Inttrannet应应用在全全球范围围内日益益普及，在众多多的网络络服务中中，Weeb给人人耳目一一新的感感觉，而而在这其其中，网网站已经经日渐普普及，而而且发展展到今天天，已经经成为任任何人可可以在网网络所提提供的平平台上进进行个性性展示的的新型方方式
6、。在在众多网网络开发发技术中中，HTTML是是一种重重要的基基本开发发技术，而ASSP技术术是当前前相当热热门，它它可以进进行复杂杂的数据据库操作作、很强强的交互互性以及及方便用用户控制制管理。该个人主主页正是是当今技技术发展展的产物物，它是是一套用用HTMML,AASP开开发的能能在网上上进行的的访问的的个人网网页，此此论文主主要阐述述的就是是使用HHTMLL，ASSP技术术的个人人主页的的开发。第二章HHTMLL简介2.1 什么是是HTMMLHTMLL (HHypeer TTextt Maarkuup LLangguagge ,超文本本标记语语言) ,或称称为“多媒体体文件语语言”,是用用
7、于创建建Webb 页和和Webb 信息息发布的的第一个个通用语语言。HH TMML 以以其简单单精练的的语法、极易掌掌握的通通用性与与易学性性,使WWeb 网页可可以亲近近于每一一个普通通人,网网络也才才得以普普及发展展,以至至今日的的辉煌。 HTMLL 语言言主要有有以下几几个特性性: (1) 通用性性:可实实现不同同平台的的文档共共享。(2) 可扩展展性: H TTML 的标签签集合可可以根据据新需求求而不断断修正或或加入有有限的新新标签符符, 为为实现有有限的新新功能的的扩展提提供保障障。(3) 创建的的灵活性性: HH TMML 文文档是纯纯文本文文档, 可以由由网页编编辑器以以及其他
8、他文本编编辑软件件创建。HTMLL 是“Hypper Texxt MMarkkup Lannguaage”的缩写写,它是是一种超超文本标标记语言言,是网网页的描描述语言言,用于于编制通通过万维维网显示示的超文文本文件件。它是是目前在在网页设设计中,所使用用的最基基本的标标 记语言言。现在在很多HHTMLL 的编编辑器,都是通通过跟文文字处理理器相似似的接口口来编辑辑网页的的。有了了这些编编辑工具具,即使使对HTTML 没有深深入的认认识,仍仍能编写写出个人人网页。这类网网页编辑辑工具包包括 Drreammweaaverr 和FFronntpaage。使用这这些工具具时,有有时候可可能会奇奇怪,
9、为为什么会会看不到到HTMML 的的存在呢呢? 事事实上,网页所所使用的的原始码码正是HHTMLL。虽然然不需要要成为一一个HTTML 的专家家,但学学 会一点点基本的的HTMML ,对编写写网页,肯定是是有好处处的。2.2 HTMML标记记标记类型译名或意意义作 用备注文件标记记文件声明明让浏览器器知道这这是 HHTMLL 文件件开头提供文件件整体资资讯标题定义文件件标题，将显示示于浏览览顶端本文设计文件件格式及及内文所所在排版标记记说明标记记为文件加加上说明明，但不不被显示示段落标记记为字、画画、表格格等之间间留一空空白行换行标记记令字、画画、表格格等显示示于下一一行水平线插入一条条水平线
10、线居中令字、画画、表格格等显示示于中间间反对预设格式式令文件按按照原始始码的排排列方式式显示区隔标记记设定字、画、表表格等的的摆放位位置不折行令文字不不因太长长而绕行行建议折行行预设折行行部位字体标记记加重语气气产生字体体加粗 Bolld 的的效果粗体标记记产生字体体加粗的的效果强调标记记字体出现现斜体效效果斜体标记记字体出现现斜体效效果打字字体体Courrierr字体，字母宽宽度相同同加上底线线加上底线线反对一级标题题标记变粗变大大加宽，程度与与级数反反比二级标题题标记将字体变变粗变大大加宽三级标题题标记将字体变变粗变大大加宽四级标题题标记将字体变变粗变大大加宽五级标题题标记将字体变变粗变大
11、大加宽六级标题题标记将字体变变粗变大大加宽字形标记记设定字形形、大小小、颜色色反对基准字形形标记设定所有有字形、大小、颜色反对字体加大大令字体稍稍为加大大字体缩细细令字体稍稍为缩细细画线删除除为字体加加一删除除线反对程式码字体稍为为加宽如如键盘字字体稍为为加宽，单一空空白范例字体稍为为加宽如如变数斜体效果果传记引述述斜体效果果引述文字字区块缩排字体体述语定义义斜体效果果地址标记记斜体效果果下标字指数下标字下标字清单标记记顺序清单单清单项目目将以数数字、字字母顺序序排列无序清单单清单项目目将以圆圆点排列列清单项目目每一标记记标示一一项清单单项目选单清单单清单项目目将以圆圆点排列列，如反对目录清单
12、单清单项目目将以圆圆点排列列，如反对定义清单单清单分两两层出现现定义条目目标示该项项定义的的标题定义内容容标示定义义内容表格标记记表格标记记设定该表表格的各各项参数数表格标题题做成一打打通列以以填入表表格标题题表格列设定该表表格的列列表格栏设定该表表格的栏栏表格标头头相等于，但其其内之字字体会变变粗表单标记记表单标记记决定单一一表单的的运作模模式文字区块块提供文字字方盒以以输入较较大量文文字输入标记记决定输入入形式选择标记记建立 ppop-up 卷动清清单选项每一标记记标示一一个选项项图形标记记图形标记记用以插入入图形及及设定图图形属性性连结标记记连结标记记加入连结结基准标记记可将相对对 UR
13、RL 转转绝对及及指定连连结目标标框架标记记框架设定定设定框架架框窗设定定设定框窗窗页内框架架于网页中中间插入入框架IE不支援框框架设定当浏浏览器不不支援框框架时的的提示影像地图图影像地图图名称设定影像像地图名名称连结区域域设定各连连结区域域多媒体背景声音音于背景播播放声音音或音乐乐IE多媒体加入声音音、音乐乐或影像像其他标记记走动文字字令文字左左右走动动IE闪烁文字字闪烁文字字NC页内寻找找器可输入关关键字寻寻找于该该一页反对开头定义义让浏览器器知道这这是 HHTMLL 文件件关系定义义定义该文文件与其其他 UURL 的关系系StylleShheett样式表控制网页页版面自订标记记独立使用用
14、或与样样式表同同用注： 第三章 ASPP技术3.1 ASPP产生的的历史最初，当当网络技技术兴起起的时候候，基于于WEBB的应用用程序是是有包含含静态内内容的HHTMLL页面组组成，这这些页面面不能够够根据用用户执行行的操作作进行动动态响应应。这种种类型只只是提供供了用户户与网站站之间受受限制的的交互。随着浏浏览网站站的用户户数量的的增长，产生了了对于动动态响应应用户操操作的WWEB页页面的需需求，为为了是开开发者创创建带有有动态内内容的WWEB页页面，MMicrrosooft公公司的AASP由由此产生生。使用用ASPP，能构构创建具具有交互互性的商商业应用用程序。如交互式式动态网网页，对对数
15、据库库的数据据的操作作，表单单收集和和处理信信息，上上传与下下载等等等。3.2 ASPP的含义义ASP包包含三方方面含义义： 1、Acttivee：ASSP使用用了Miicroosofft的AActiiveXX技术。ActtiveeX（CCOM）技术是是现在MMicrrosooft软软件的重重要基础础。它采采用封装装对象，程序调调用对象象的技术术，简化化编程，加强程程序间合合作。AASP本本身封装装了一些些基本组组件和常常用组件件，有很很多公司司也开发发了很多多实用组组件。只只要你可可以在服服务器上上安装这这些组件件，通过过访问组组件，你你就可以以快速、简易地地建立自自己的WWEB应应用。 2
16、2、Seerveer：AASP运运行在服服务器端端。这样样就不必必担心浏浏览器是是否支持持ASPP所使用用的编程程语言。ASPP的编程程语言可可以是VVBSCCRIPPT和JJSCRRIPTT。VBBSCRRIPTT是VBB的一个个简集，会VBB的人可可以很方方便的快快速上手手。然而而Nettscaape浏浏览器不不支持客客户端的的VBSSCRIIPT，所以最最好不要要在客户户端使用用VBSSCRIIPT。而在服服务器端端，则无无需考虑虑浏览器器的支持持问题。Nettscaape浏浏览器也也可以正正常显示示ASPP页面。 3、PPagees：AASP返返回标准准的HTTML页页面，可可以正常常
17、地在常常用的浏浏览器中中显示。浏览者者查看页页面源文文件时，看到的的是ASSP生成成的HTTML代代码，而而不是AASP程程序代码码。这样样就可以以防止别别人抄袭袭程序。由此可可以看出出，ASSP是在在IISS下开发发WEBB应用的的一种简简单、方方便的编编程工具具。在了了解了VVBSCCRIPPT的基基本语法法后，只只需要清清楚各个个组件的的用途、属性、方法，就可以以轻松编编写出自自己的AASP系系统。3.3 ASPP的工作作过程1. 浏览器向向WEBB服务器器发送一一个对AASP页页面的请请求。2. WEB服服务器接接受请求求并且从从内存或或者硬盘盘之中检检索ASSP文件件。3. WEB服
18、服务器将将请求转转发给一一个名为为aspp.dlll的文文件来执执行。4. ASP文文件将包包含在符符号之中的的命令自自动而下下的执行行。当遇遇到任何何与Acctivve脚本本兼容的的脚本（如VBBScrriptt 、JavvaScriipt）时ASSP引擎擎调用相相应的脚脚本引擎擎解释执执行其中中的脚本本命令，若脚本本中含有有访问数数据库的的请求，则通过过ODBBC连结结后台数数据库，由数据据库访问问组件AADO（Acttivee Daata Objjectt）执行行访库操操作，最最后执行行的结果果是一个个标准的的HTMML文件件。5. 将HTMML文件件送回到到服务器器。6. WEB浏浏览
19、器解解释HTTML文文件，并并且显示示结果。Web服务器客户端浏览器ASPADO访问ODBC数据库HTTP图13.4 ASPP对象ASP提提供一些些内建对对象，包包括一些些方法，属性。对象的的方法用用来和对对象一起起执行一一些任务务。对象象属性用用来设置置对象指指定状态态的值。主要对对象说明明如下：SERVVER对对象：这这个对象象用来提提供对于于WEBB服务器器的方法法和属性性的访问问。它提提供创建建一个对对象的实实例，设设置一个个脚本的的超时范范围以及及编码字字符串等等方法。它能够够存储用用户定义义的变量量，并且且还包括括那些直直接和服服务器联联系的变变量。REQUUESTT对象：这个对对
20、象用来来判定关关于通过过一个HHTTPP请求传传递的特特定的用用户请求求的信息息，比如如该请求求是一个个GETT请求还还是一个个POSST请求求，以及及在头文文件之中中的COOOKIIES等等。RESPPONSSE对象象：这个个对象用用来控制制从服务务器发送送给客户户端的响响应APPLLICAATIOON对象象：这个个对象用用来处理理所有应应用程序序共享的的WEBB应用程程序。WWEB应应用程序序是一个个脚本和和WEBB页面的的集合。SESSSIONN对象：这个对对象用来来存储一一个特定定用户会会话所需需要的用用户信息息。在SSESSSIONN对象之之中存储储变量信信息在用用户浏览览WEBB应
21、用程程序的整整个会话话期间都都得以保保留。AASP引引擎使用用客户端端COOOKIEES 来来跟踪客客户。存存储在SSesssionn对象之之中的变变量对于于用户是是可以得得到的，即使用用户在应应用程序序之中正正在浏览览页面。3.5 ASPP的安全全特性和和优点概概括ASP的的安全特特性是由由于ASSP脚本本是在WWEB服服务器上上进行处处理的，WEBB服务器器产生传传送给浏浏览器的的WEBB页面，因此，浏览器器的出现现问题不不会影响响到脚本本的处理理。ASSP的另另一个安安全特性性是用户户不能观观看到并并且复制制到创建建的脚本本文件，因为发发送给浏浏览器的的只是处处理结果果。ASP的的主要优
22、优点大概概可以归归纳如下下： 1、可可以用 VBSScriipt 或JSScriipt创创建脚本本，同时时结合HHTMLL语言就就能够非非常方便便地完成成网站的的应用程程序。对对于VBBScrriptt和JSScriipt，使用哪哪种语言言并不重重要，WWeb 服务器器等同地地处理这这两种语语言，并并向用户户的浏览览器发送送 HTTML 格式化化结果。 2、因为AASP采采用Sccrippt语言言（VBBScrriptt和JSScriipt）就可以以轻松编编写程序序，因此此这就大大节省了了网络设设计人员员又得重重新学习习一种新新语言的的时间。而且编编写ASSP无须须手工ccomppilee编译
23、或或链接程程序，可可在服务务器端直直接执行行，这无无疑是更更加方便便了我们们的编写写过程。 3、使用普普通的使使用记事事本之类类的文本本编辑器器，即可可进行编编辑设计计,如：Winndowws的记记事本。建议不不要用FFonttPagge988或DrreammWeaaverr2.00等主页页制作软软件修改改，因为为他们会会破坏源源代码的的。在这这里我建建议使用用CutteFTTP携带带的CuuteHHTMLL编辑器器进行编编辑设计计。 4、AASP是是运行在在服务器器端，所所以我们们无须担担心浏览览器是否否支持AASP所所使用的的编程语语言,用用户端只只要使用用可执行行HTMML码的的浏览器器
24、，即可可浏览AActiive Serrverr Paagess所设计计的网页页内容。ASPP在服务务器端运运行，当当程序执执行完毕毕后，服服务器仅仅将执行行的结果果返回给给客户浏浏览器，这样也也就减轻轻了客户户端浏览览器的负负担，大大大提高高了交互互的速度度。第四章 后台数数据库的的建立4.1 ASPP访问数数据库原原理ASP是是一个服服务器的的脚本环环境，内内嵌在HHTMLL页面中中的脚本本程序在在这里运运行并建建立Weeb服务务器应用用程序。在ASSP脚本本中可以以通过三三种方式式访问数数据库：传统的的IDCC（Innterrnett Daatabbasee Coonneectoor）、A
25、DOO（AcctivveX Datta OObjeect）和RDDS（RRemoote Datta SServver）。其中中ADOO是ASSP内置置的数据据库存取取组件，各种脚脚本和语语言均可可调用它它实现对对数据库库的直接接访问，并利用用相应的的数据接接口显示示查询结结果。AADO拥拥有强大大的活力力，它是是位于OODBCC和OLLEDBB之上的的高性能能数据库库操作接接口，提提供了开开放的数数据操作作对象模模型，允允许开发发人员使使用任何何语言和和统一的的编程模模式操作作各种与与ODBBC和OOLEDDB兼容容的数据据库，如如Miccrossoftt Acccesss、FFoxPPro、
26、Miccrossoftt SQQL SServver、Oraaclee等。AADO的的简单易易行、应应用广泛泛使之成成为ASSP访问问数据库库所采用用的最佳佳选择。这种对对数据库库的访问问方式是是由Innterrnett Innforrmattionn Seerveer来完完成的。执行过过程如图图所示：A）浏览览器：用用户通过过Webb浏览器器用HTTTP协协议向IInteerneet信息息服务器器（IIIS）发发出请求求。B）服务务器：服服务器检检查网页页文件的的类型，对扩展展名是.aspp的文件件服务器器调用AASP系系统程序序，解释释执行被被请求页页面文件件的所有有脚本命命令。若若脚本中
27、中含有对对数据库库的请求求，服务务器就执执行连接接访问数数据库的的操作，并将结结果以HHTMLL格式送送回用户户浏览器器作为响响应。C）数据据库：储储存了动动态交互互所需的的信息数数据，用用户可通通过指令令对其进进行查询询、修改改、添加加、删除除等操作作。4.2建建立数据据库表此个人主主页使用用ASPP的只由由留言板板块，利利用数据据库原理理相关知知识，对对数据库库设计和和每个模模块、每每个界面面的具体体设计。此系统统采用的的数据库库软件是是Miccrossoftt Acccesss。进行分析析设计后后，应该该用Acccesss建立立17张张表。各各表结构构信息具具体见如如下表11表117。字
28、段名数据类型型说明id自动编号号管理员的的自动编编号admiin文本管理员的的姓名passsworrd文本管理员的的密码表1 管管理员表表字段名数据类型型说明ID自动编号号自动编号号userrwebb文本网站名称称url文本网站网址址userrnamme文本站长姓名名maill文本站长信箱箱maxssizee数字每页显示示留言数数bookktimme数字发贴间隔隔时间表2 配配置表字段名数据类型型说明ID文本编号userr文本姓名sex文本性别adreess文本访问地区区facee文本头像QQ文本QQmaill文本访问邮箱箱url文本个人主页页em文本表情titlle文本留言标题题contte
29、ntt备注留言内容容IP文本访问客IIPhidee是/否是否悄悄悄话timee1日期/时时间留言日期期repllytiitlee文本回复主题题replly备注回复timee2日期/时时间回复日期期表3 个个人信息息表字段名数据类型型说明ID自动编号号自动编号号IP文本被封IPPconttentt文本被封原因因lockktimme日期/时时间被封日期期表4 封封锁IPP表然后是根根据对该该系统做做出的整整体的分分析和设设计，开开始在FFRONNTPAAGE环环境下使使用HTTML、VBSScriipt、JavvaSccrippt等语语言相互互嵌套进进行系统统开发设设计，通通过ADDOActtiv
30、eeX DDataa Obbjeccts，将程序序语言AASP与与数据库库ACCCESSS建立连连接，以以实现相相关功能能。另外外辅助使使用Phhotooshoop等处处理软件件做界面面的优化化设计工工作。第五章 开发个个人主页页本个人主主页主体体上可以以分为由由htmml编写写的静态态页面和和用assp编写写的留言言板块。5.1 HTMML页面面的实现现5.1.1 首首页主页(如如下图)这是由FFRONNTPAAGE编编写的HHTMLL页面，可以通通过该页页面进入入各个板板块，这这些都由由超连接接实现。实现超连连接的代代码如下下： 首页 雨晴收收集/aa 雨晴图图库 雨晴晴音乐 雨晴动动画 网络资资源 雨晴晴留言本本 雨雨晴论坛坛 关关于我5.1.2 收收藏板块块点击雨晴晴收集进进入收藏藏板块，该板块块收藏的的有许多多精品文文章，如如下图：点击一具具体文章章，则进进入该文文章，如如下图：该个人主主页都使使用了样样式表，使整个个个人主主页的风风格一致致。样式表的的代码如如下：5.1.3 图图库板块块点击雨晴晴图库进进入图库库板块，该板块块收藏的的有许多多精美的的图片，如下图图：点击一具具体图片片，则可可以查看看该图的的原始大大小图片片，如下下图：图片链接接的实现现代码如如下： imgg srrc=carrtonn/tnn06.