《如何开发个人主页.docx》由会员分享，可在线阅读，更多相关《如何开发个人主页.docx（31页珍藏版）》请在三一办公上搜索。
1、目 录目 录1摘要2Abstract3第一章 引言4第二章HTML简介42.1 什么是HTML42.2 HTML标记4第三章 ASP技术83.1 ASP产生的历史83.2 ASP的含义83.3 ASP的工作过程93.4 ASP对象93.5 ASP的安全特性和优点概括10第四章 后台数据库的建立104.1 ASP访问数据库原理104.2建立数据库表11第五章 开发个人主页125.1 HTML页面的实现125.1.1 首页125.1.2 收藏板块145.1.3 图库板块155.1.4 音乐板块175.1.5 动画板块185.2 ASP编写的页面19第六章 总结30参考文献：31摘要随着现代计算机科
2、学的发展，网络已经越来越普及，如今网络已经成为每个人生活的一部分，同时网络也提供了一种很好的信息交换平台，而个人主页是一个可以在网络上展示个人信息的方便手段。本文介绍了如何开发个人网站。首先介绍开发工具ASP，HTML等技术，然后详细讲解了个人主页的开发。关键词：个人主页，HTML技术，ASP技术AbstractAlong with the modern computer science development, the network already more and more popularized, now the network already became a part each p
3、erson life, at the same time the network has also provided one kind of very good exchange of information platform, but individual main page was may demonstrate individual information in the network the convenient method. This article introduced how develops individual website. First introduced devel
4、opment kit ASP technology and HTML technology, then in detail explained individual main page development.Keywords: Individual website，HTML Technology, ASP Technology第一章 引言随着计算机及网络技术的飞速发展，Internet/Intranet应用在全球范围内日益普及，在众多的网络服务中，Web给人耳目一新的感觉，而在这其中，网站已经日渐普及，而且发展到今天，已经成为任何人可以在网络所提供的平台上进行个性展示的新型方式。在众多网络开
5、发技术中，HTML是一种重要的基本开发技术，而ASP技术是当前相当热门，它可以进行复杂的数据库操作、很强的交互性以及方便用户控制管理。该个人主页正是当今技术发展的产物，它是一套用HTML,ASP开发的能在网上进行的访问的个人网页，此论文主要阐述的就是使用HTML，ASP技术的个人主页的开发。第二章HTML简介2.1 什么是HTMLHTML (Hyper Text Markup Language ,超文本标记语言) ,或称为“多媒体文件语言”,是用于创建Web 页和Web 信息发布的第一个通用语言。H TML 以其简单精练的语法、极易掌握的通用性与易学性,使Web 网页可以亲近于每一个普通人,网
6、络也才得以普及发展,以至今日的辉煌。 HTML 语言主要有以下几个特性: (1) 通用性:可实现不同平台的文档共享。(2) 可扩展性: H TML 的标签集合可以根据新需求而不断修正或加入有限的新标签符, 为实现有限的新功能的扩展提供保障。(3) 创建的灵活性: H TML 文档是纯文本文档, 可以由网页编辑器以及其他文本编辑软件创建。HTML 是“Hyper Text Markup Language”的缩写,它是一种超文本标记语言,是网页的描述语言,用于编制通过万维网显示的超文本文件。它是目前在网页设计中,所使用的最基本的标 记语言。现在很多HTML 的编辑器,都是通过跟文字处理器相似的接口
7、来编辑网页的。有了这些编辑工具,即使对HTML 没有深入的认识,仍能编写出个人网页。这类网页编辑工具包括 Dreamweaver 和Frontpage。使用这些工具时,有时候可能会奇怪,为什么会看不到HTML 的存在呢? 事实上,网页所使用的原始码正是HTML。虽然不需要成为一个HTML 的专家,但学 会一点基本的HTML ,对编写网页,肯定是有好处的。2.2 HTML标记标记类型译名或意义作 用备注文件标记文件声明让浏览器知道这是 HTML 文件开头提供文件整体资讯标题定义文件标题，将显示于浏览顶端本文设计文件格式及内文所在排版标记说明标记为文件加上说明，但不被显示段落标记为字、画、表格等之
8、间留一空白行换行标记令字、画、表格等显示于下一行水平线插入一条水平线居中令字、画、表格等显示于中间反对预设格式令文件按照原始码的排列方式显示区隔标记设定字、画、表格等的摆放位置不折行令文字不因太长而绕行建议折行预设折行部位字体标记加重语气产生字体加粗 Bold 的效果粗体标记产生字体加粗的效果强调标记字体出现斜体效果斜体标记字体出现斜体效果打字字体Courier字体，字母宽度相同加上底线加上底线反对一级标题标记变粗变大加宽，程度与级数反比二级标题标记将字体变粗变大加宽三级标题标记将字体变粗变大加宽四级标题标记将字体变粗变大加宽五级标题标记将字体变粗变大加宽六级标题标记将字体变粗变大加宽字形标记
9、设定字形、大小、颜色反对基准字形标记设定所有字形、大小、颜色反对字体加大令字体稍为加大字体缩细令字体稍为缩细画线删除为字体加一删除线反对程式码字体稍为加宽如键盘字字体稍为加宽，单一空白范例字体稍为加宽如变数斜体效果传记引述斜体效果引述文字区块缩排字体述语定义斜体效果地址标记斜体效果下标字指数下标字下标字清单标记顺序清单清单项目将以数字、字母顺序排列无序清单清单项目将以圆点排列清单项目每一标记标示一项清单项目选单清单清单项目将以圆点排列，如反对目录清单清单项目将以圆点排列，如反对定义清单清单分两层出现定义条目标示该项定义的标题定义内容标示定义内容表格标记表格标记设定该表格的各项参数表格标题做成一
10、打通列以填入表格标题表格列设定该表格的列表格栏设定该表格的栏表格标头相等于，但其内之字体会变粗表单标记表单标记决定单一表单的运作模式文字区块提供文字方盒以输入较大量文字输入标记决定输入形式选择标记建立 pop-up 卷动清单选项每一标记标示一个选项图形标记图形标记用以插入图形及设定图形属性连结标记连结标记加入连结基准标记可将相对 URL 转绝对及指定连结目标框架标记框架设定设定框架框窗设定设定框窗页内框架于网页中间插入框架IE不支援框架设定当浏览器不支援框架时的提示影像地图影像地图名称设定影像地图名称连结区域设定各连结区域多媒体背景声音于背景播放声音或音乐IE多媒体加入声音、音乐或影像其他标记
11、走动文字令文字左右走动IE闪烁文字闪烁文字NC页内寻找器可输入关键字寻找于该一页反对开头定义让浏览器知道这是 HTML 文件关系定义定义该文件与其他 URL 的关系StyleSheet样式表控制网页版面自订标记独立使用或与样式表同用注： 第三章 ASP技术3.1 ASP产生的历史最初，当网络技术兴起的时候，基于WEB的应用程序是有包含静态内容的HTML页面组成，这些页面不能够根据用户执行的操作进行动态响应。这种类型只是提供了用户与网站之间受限制的交互。随着浏览网站的用户数量的增长，产生了对于动态响应用户操作的WEB页面的需求，为了是开发者创建带有动态内容的WEB页面，Microsoft公司的A
12、SP由此产生。使用ASP，能构创建具有交互性的商业应用程序。如交互式动态网页，对数据库的数据的操作，表单收集和处理信息，上传与下载等等。3.2 ASP的含义ASP包含三方面含义： 1、Active：ASP使用了Microsoft的ActiveX技术。ActiveX（COM）技术是现在Microsoft软件的重要基础。它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。ASP本身封装了一些基本组件和常用组件，有很多公司也开发了很多实用组件。只要你可以在服务器上安装这些组件，通过访问组件，你就可以快速、简易地建立自己的WEB应用。 2、Server：ASP运行在服务器端。这样就不必担心浏
13、览器是否支持ASP所使用的编程语言。ASP的编程语言可以是VBSCRIPT和JSCRIPT。VBSCRIPT是VB的一个简集，会VB的人可以很方便的快速上手。然而Netscape浏览器不支持客户端的VBSCRIPT，所以最好不要在客户端使用VBSCRIPT。而在服务器端，则无需考虑浏览器的支持问题。Netscape浏览器也可以正常显示ASP页面。 3、Pages：ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。浏览者查看页面源文件时，看到的是ASP生成的HTML代码，而不是ASP程序代码。这样就可以防止别人抄袭程序。由此可以看出，ASP是在IIS下开发WEB应用的一种简单、方便的
14、编程工具。在了解了VBSCRIPT的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的ASP系统。3.3 ASP的工作过程1. 浏览器向WEB服务器发送一个对ASP页面的请求。2. WEB服务器接受请求并且从内存或者硬盘之中检索ASP文件。3. WEB服务器将请求转发给一个名为asp.dll的文件来执行。4. ASP文件将包含在符号之中的命令自动而下的执行。当遇到任何与Active脚本兼容的脚本（如VBScript 、JavaScript）时ASP引擎调用相应的脚本引擎解释执行其中的脚本命令，若脚本中含有访问数据库的请求，则通过ODBC连结后台数据库，由数据库访问组件AD
15、O（Active Data Object）执行访库操作，最后执行的结果是一个标准的HTML文件。5. 将HTML文件送回到服务器。6. WEB浏览器解释HTML文件，并且显示结果。Web服务器客户端浏览器ASPADO访问ODBC数据库HTTP图1 3.4 ASP对象ASP提供一些内建对象，包括一些方法，属性。对象的方法用来和对象一起执行一些任务。对象属性用来设置对象指定状态的值。主要对象说明如下：SERVER对象：这个对象用来提供对于WEB服务器的方法和属性的访问。它提供创建一个对象的实例，设置一个脚本的超时范围以及编码字符串等方法。它能够存储用户定义的变量，并且还包括那些直接和服务器联系的变
16、量。REQUEST对象：这个对象用来判定关于通过一个HTTP请求传递的特定的用户请求的信息，比如该请求是一个GET请求还是一个POST请求，以及在头文件之中的COOKIES等。RESPONSE对象：这个对象用来控制从服务器发送给客户端的响应APPLICATION对象：这个对象用来处理所有应用程序共享的WEB应用程序。WEB应用程序是一个脚本和WEB页面的集合。SESSION对象：这个对象用来存储一个特定用户会话所需要的用户信息。在SESSION对象之中存储变量信息在用户浏览WEB应用程序的整个会话期间都得以保留。ASP引擎使用客户端COOKIES 来跟踪客户。存储在Session对象之中的变量
17、对于用户是可以得到的，即使用户在应用程序之中正在浏览页面。3.5 ASP的安全特性和优点概括ASP的安全特性是由于ASP脚本是在WEB服务器上进行处理的，WEB服务器产生传送给浏览器的WEB页面，因此，浏览器的出现问题不会影响到脚本的处理。ASP的另一个安全特性是用户不能观看到并且复制到创建的脚本文件，因为发送给浏览器的只是处理结果。ASP的主要优点大概可以归纳如下： 1、可以用 VBScript 或JScript创建脚本，同时结合HTML语言就能够非常方便地完成网站的应用程序。对于VBScript和JScript，使用哪种语言并不重要，Web 服务器等同地处理这两种语言，并向用户的浏览器发送
18、 HTML 格式化结果。 2、因为ASP采用Script语言（VBScript和JScript）就可以轻松编写程序，因此这就大节省了网络设计人员又得重新学习一种新语言的时间。而且编写ASP无须手工compile编译或链接程序，可在服务器端直接执行，这无疑是更加方便了我们的编写过程。 3、使用普通的使用记事本之类的文本编辑器，即可进行编辑设计,如：Windows的记事本。建议不要用FontPage98或DreamWeaver2.0等主页制作软件修改，因为他们会破坏源代码的。在这里我建议使用CuteFTP携带的CuteHTML编辑器进行编辑设计。 4、ASP是运行在服务器端，所以我们无须担心浏览器
19、是否支持ASP所使用的编程语言,用户端只要使用可执行HTML码的浏览器，即可浏览Active Server Pages所设计的网页内容。ASP在服务器端运行，当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。第四章 后台数据库的建立4.1 ASP访问数据库原理ASP是一个服务器的脚本环境，内嵌在HTML页面中的脚本程序在这里运行并建立Web服务器应用程序。在ASP脚本中可以通过三种方式访问数据库：传统的IDC（Internet Database Connector）、ADO（ActiveX Data Object）和RDS（Remo
20、te Data Server）。其中ADO是ASP内置的数据库存取组件，各种脚本和语言均可调用它实现对数据库的直接访问，并利用相应的数据接口显示查询结果。ADO拥有强大的活力，它是位于ODBC和OLEDB之上的高性能数据库操作接口，提供了开放的数据操作对象模型，允许开发人员使用任何语言和统一的编程模式操作各种与ODBC和OLEDB兼容的数据库，如Microsoft Access、FoxPro、Microsoft SQL Server、Oracle等。ADO的简单易行、应用广泛使之成为ASP访问数据库所采用的最佳选择。这种对数据库的访问方式是由Internet Information Serve
21、r来完成的。执行过程如图所示：A）浏览器：用户通过Web浏览器用HTTP协议向Internet信息服务器（IIS）发出请求。B）服务器：服务器检查网页文件的类型，对扩展名是.asp的文件服务器调用ASP系统程序，解释执行被请求页面文件的所有脚本命令。若脚本中含有对数据库的请求，服务器就执行连接访问数据库的操作，并将结果以HTML格式送回用户浏览器作为响应。C）数据库：储存了动态交互所需的信息数据，用户可通过指令对其进行查询、修改、添加、删除等操作。4.2建立数据库表此个人主页使用ASP的只由留言板块，利用数据库原理相关知识，对数据库设计和每个模块、每个界面的具体设计。此系统采用的数据库软件是M
22、icrosoft Access。进行分析设计后，应该用Access建立17张表。各表结构信息具体见如下表1表17。字段名数据类型说明id自动编号管理员的自动编号admin文本管理员的姓名password文本管理员的密码表1 管理员表字段名数据类型说明ID自动编号自动编号userweb文本网站名称url文本网站网址username文本站长姓名mail文本站长信箱maxsize数字每页显示留言数booktime数字发贴间隔时间表2 配置表字段名数据类型说明ID文本编号user文本姓名sex文本性别adress文本访问地区face文本头像QQ文本QQmail文本访问邮箱url文本个人主页em文本表情
23、title文本留言标题content备注留言内容IP文本访问客IPhide是/否是否悄悄话time1日期/时间留言日期replytitle文本回复主题reply备注回复time2日期/时间回复日期表3 个人信息表字段名数据类型说明ID自动编号自动编号IP文本被封IPcontent文本被封原因locktime日期/时间被封日期表4 封锁IP表然后是根据对该系统做出的整体的分析和设计，开始在FRONTPAGE环境下使用HTML、VBScript、JavaScript等语言相互嵌套进行系统开发设计，通过ADOActiveX Data Objects，将程序语言ASP与数据库ACCESS建立连接，以实
24、现相关功能。另外辅助使用Photoshop等处理软件做界面的优化设计工作。第五章 开发个人主页本个人主页主体上可以分为由html编写的静态页面和用asp编写的留言板块。5.1 HTML页面的实现5.1.1 首页主页(如下图)这是由FRONTPAGE编写的HTML页面，可以通过该页面进入各个板块，这些都由超连接实现。实现超连接的代码如下： 首页 雨晴收集/a 雨晴图库 雨晴音乐 雨晴动画 网络资源 雨晴留言本 雨晴论坛 关于我 5.1.2 收藏板块点击雨晴收集进入收藏板块，该板块收藏的有许多精品文章，如下图：点击一具体文章，则进入该文章，如下图：该个人主页都使用了样式表，使整个个人主页的风格一致
25、。样式表的代码如下：5.1.3 图库板块点击雨晴图库进入图库板块，该板块收藏的有许多精美的图片，如下图：点击一具体图片，则可以查看该图的原始大小图片，如下图：图片链接的实现代码如下： 5.1.4 音乐板块点击雨晴音乐进入图库板块，该板块收藏的有许多精美的图片，如下图：5.1.5 动画板块进入动画板块，可以看到许多flash动画，如下图：实现在网页上显示flash动画的代码如下： 5.2 ASP编写的页面用ASP编写的页面是留言板块，下面讲解如何实现：进入留言板块后首先看到的是已有的留言，如下图：显示留言的代码如下：public sub main()do while not rs.eofResponse.Write() Response.Write() Response.Write(留言作者信息) Response.Write() Response.Write() Response.Write( ) If rs(mail) then Response.Write( 邮箱) Else Response.Write( 信箱) End if If rs(url) and rs(url)http:/ then Response.Write( 主页)
