关于个人网站的制作与研究 33 童建东.docx

关于个人网站的制作与研究 33 童建东.docx

《关于个人网站的制作与研究 33 童建东.docx》由会员分享，可在线阅读，更多相关《关于个人网站的制作与研究 33 童建东.docx（17页珍藏版）》请在冰豆网上搜索。

关于个人网站的制作与研究33童建东

山西大学继续教育学院

毕业论文

类别专科

年级2006级

专业计算机信息与管理

姓名童建东

学号06418538033

论文题目关于个人网站的制作与研究

论文评语

建议成绩指导老师

年月日

目录

论文提要……………………………………………………………4

第一章系统环境概述…………………………………………………5

1.1ASP简介…………………………………………………………5

1.2DREAMWEAVER介绍………………………………………7

第二章个人网站制作的总体规划……………………………………8

2.1主题与名称的确定………………………………………………8

2.2整体目录结构的确定……………………………………………9

2.3整体风格的确定…………………………………………………9

第三章制作本网站所采用的方法与技术…………………………12

3.1ASP与数据库技术………………………………………………12

3.2验证技术…………………………………………………………13

3.3BBS中分页显示记录的技术……………………………………16

3.4BBS中发表、回复、搜索文章所采用的技术…………………17

第四章网站制作过程中的一些细节问题…………………………21

第五章作品运行环境………………………………………………22

结束语………………………………………………………………23

参考文献……………………………………………………………24

论文提要

随着信息技术的不断发展，个人计算机的不断普及，个人网站的制作规模在不断的扩大，尤其在各大高校中，许多大学生都热衷于个人网站的制作。

但怎样才能制作出一个优秀的个人网站，这就涉及到技巧与方法的问题，更须在制作过程中不断的尝试与总结。

本文通过实际制作的个人网站说明了个人网站的总体规划及在制作过程中涉及到的一些细节问题,其中总体规划包括主题与名称的确定、整体目录结构的确定、整体风格的确定；重点阐述了制作本网站所采用的方法与技术，即ASP与数据库的使用、用户注册的验证、用户登录的验证、分页显示记录和发表、回复、搜索文章所采用的技术。

此个人网站的主题设为个人收藏，网站名称为“收藏心情”，共有八个功能模块：

首页（网站功能与设计者个性的呈现）、站长简介（站长的个人资料与自我介绍）、精美相册（精美瞬间的突显）、百川归海（一些文学知识的整理）、健康屋（健康知识小诀窍）、佳作赏析（一些精彩的作品收臧）、生活随笔（贴近生活的原创文学作品）、论坛（所有登陆此网页的朋友们，一起聊天和讨论问题的地方）。

由于设计时间与个人水平的限制，存在一些不完美之处，希望老师给予指证，以便更加完善，呈现出精彩网页。

关键词：

个人网站；ASP；数据库；验证技术；分页显示

第一章系统环境概述

1.1ASP简介

MicrosoftActiveServerPages即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。

有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。

当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。

一、ASP所独具的一些特点：

1、使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。

2、无须compile编译，容易编写，可在服务器端直接执行。

3、使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。

4、与浏览器无关（BrowserIndependence）,用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。

ActiveServerPages所使用的脚本语言（VBScript、Jscript）均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

5、ActiveServerPages能与任何ActiveXscripting语言相容。

除了可使用VBScript或JScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。

脚本引擎是处理脚本程序的COM（ComponentObjectModel）物件。

6、ActiveServerPages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。

7、可使用服务器端的脚本来产生客户端的脚本。

8、ActiveXServerComponents（ActiveX服务器元件）具有无限可扩充性。

可以使用VisualBasic、Java、VisualC++、COBOL等编程语言来编写你所需要的ActiveXServerComponent。

二、ASP的运行环境

*MicrosoftInternetInformationServerversion3.0/4.0onWindowsNTServer

*MicrosoftPeerWebServicesVersion3.0onWindowsNTWorkstation

*MicrosoftPersonalWebServeronWindows95/98

.asp程序无须编译，ASP程序的控制部份，是使用VBScript、JScript等脚本语言来设计的，当执行ASP程序时，脚本程序将一整套命令发送给脚本解释器（即脚本引擎），由脚本解释器进行翻译并将其转换成服务器所能执行的命令。

当然，同其他编程语言一样，ASP程序的编写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写ASP程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。

当你安装ASP时，系统提供了两种脚本语言：

VBsrcipt和JScript，而VBscript则被作为系统默认的脚本语言。

1.2DREAMWEAVER简介

MacromediaDreamweaverMX是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。

无论愿意享受手工编写HTML代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver都会为提供有用的工具，使您拥有更加完美的Web创作体验。

利用Dreamweaver中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。

不过，喜欢用手工直接编码，Dreamweaver还包括许多与编码相关的工具和功能。

并且，借助Dreamweaver，还可以使用服务器语言（例如ASP、ASP.NET、JSP）生成支持动态数据库的Web应用程序。

您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。

您可以在MacromediaFireworks中创建和编辑图像，然后将它们直接导入Dreamweaver，或者直接在Dreamweaver中添加MacromediaFlash对象，从而优化您的开发工作流程。

Dreamweaver还包括多种与编码相关的工具和功能，其中包括代码视图中的代码编辑工具（如代码加色和标签完成）；有关HTML、JavaScript、ASP和JSP的参考资料以及一个JavaScript调试器。

Macromedia的可自由导入导出HTML技术可导入您手工编码的HTML文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式。

Dreamweaver可以帮助您使用ASP、ASP.NET、标记语言（CFML）、JSP和PHP等服务器语言来生成由动态数据库支持的Web应用程序。

Dreamweaver可以完全自定义。

您可以创建您自己的对象和命令，修改键盘快捷方式，甚至编写JavaScript代码，用新的行为、属性检查器和站点报告来扩展Dreamweaver的功能。

第二章个人网站制作的总体规划

2.1主题与名称的确定

一般来说，个人网站的主题选择应遵从下面的三个原则：

1、小而精，即选材定位要小，内容要精。

2、最好是自己擅长或喜爱的内容，这样在制作时，才不会觉得无聊或力不从心。

兴趣是制作网站的动力，没有热情，很难实际制作出优秀的作品。

3、主题不要太滥，目标不要太高。

本网站的主题是个人收藏，网站名称为“收藏屋”，共有八个功能模块：

首页、站长简介、精美相册、百川归海、健康生活、佳作赏析、生活随笔、论坛。

2.2整体目录结构的确定

图一网站整体目录结构

图二bbs目录结构

2.3整体风格的确定

风格（Style）是一个非常抽象的概念，它是指站点的整体形象给浏览者的综合享受，包括站点的标志、色彩、字体、标语、版面布局、内容价值、存在意义和站点荣誉等诸多因素。

下面简要说明一下制作的方案，具体效果参看所附作品。

1、标志的设计

运用AdobeImageReady（一种能制作动画效果的软件）把文字“收藏屋”与图片充分结合起来，并添加动态的字幕“”。

2、标语的设计

同样通过AdobeImageReady制作了一个动态的广告条，先显示“希望我的收藏就是你的需要”，慢慢隐现，再显示“你满意我快乐”，如此反复。

3、版面布局的粗略设计

布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。

新建的页面就象一张白纸，没有任何表格，框架和约定俗成的东西，可以尽情的发挥想象力，将想到的"景象"画上去。

不必讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。

尽可能多画几张，最后选定一个满意的作为继续创作的样板。

下图即为本网站的粗略布局：

图三网站布局

4、主色调的确定

一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。

一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑；而近似颜色的搭配，能给人一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。

但最好能给网站定一个主色调，在此基础上再去搭配其他颜色。

本网站选择的是墨绿与浅绿的搭配，而墨绿背景上的字体颜色为白色，这样方能使内容达到醒目的效果。

5、文字属性的设置

一个美观的网站，文字属性（包括字体、大小、颜色等）的设置是不容忽视的。

总的来讲，同一页面中字体种类少，差异性小使页面具有文静、雅致的特点，多用于表现精致、高格调等特征；字体种类多、差异性大使人感觉画面热闹、信息量大，但是运用不当回给人杂乱的感觉。

除非特别需要的情况，同一页面中字体不宜过多，一般不超过4种。

另外，文字排列紧密会给人喧闹、通俗、拥挤、随便的感觉；反之，给人高雅、正式、轻松、通畅的印象。

而字体颜色应与背景色有明显的区别。

第三章制作本网站所采用的方法与技术

总体来说，本网站是运用Dreamweaver工具结合HTML语言与ASP技术完成的，其中HTML（HyperTextMarkupLanguage，超文本标记语言）是表示网页的一种规范，它通过标记符定义了网页内容的显示。

ASP（ActiveServerPage，动态服务器页面）是一个服务器端的脚本执行环境，用户可用它产生和执行动态的、交互的、高性能的Web服务器应用程序，当程序在服务器而不是在客户端执行时，Web服务器将完成产生浏览器的HTML网页的所有工作。

3.1ASP与数据库技术

1、使用“OLEDB连接字符串”将ASP与数据库连接起来

<%

DimobjConn,connStr

SetobjConn=Server.CreateObject（"ADODB.Connection"）

connStr="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath（"../webdb.mdb"）

objConn.OpenconnStr

%>

其中，webdb为所要连接的数据库名称。

2、关闭数据库

当不需要访问数据库时，要先关闭记录集，再关闭数据库连接，最后释放对象变量：

<%

objRS.Close

objConn.Close

SetobjRS=Nothing

SetobjConn=Nothing

%>

3.2验证技术

1、用户注册验证技术

用户注册时所填写的用户名要求不能与已注册的用户同名，而所有的注册用户信息均保存在服务器的数据库中，这就需要用户注册验证技术来完成这一工作。

首先与数据库建立连接，定义所需变量，用Request获取用户提交表单的各个字段数据并用函数Trim去除字符串前后的空格以使信息规范化。

然后定义SQL语句，从Users表中查看是否有UserName字段与用户提交的用户名相同的记录，若有，则说明该用户已有人注册，定义错误提示；否则将用户信息存入数据库中：

<%

SetobjRS=Server.CreateObject（"ADODB.RecordSet"）

sqlStr="SELECT*FROMUsersWHEREUserNameLIKE'"&UserName&"'"

objRS.OpensqlStr,objConn,1,3

IfNotobjRS.EOFThen

ErrMsg="该用户名已被别人注册了，请换个用户名！

"

Else

objRS.AddNew

objRS（"UserName"）=UserName

……（同上，保存用户提交的一系列注册资料）

objRS（"RegTime"）=Now（）

objRS.Update

EndIf

%>

关闭数据库。

2、登录验证技术

用户登录验证技术是用来处理用户登录时提交的登录名和密码是否正确这类问题的。

同样先与数据库建立连接，定义所需变量，用Request获取用户输入的用户名和密码并用函数Trim对其进行规范化设置。

然后对用户名与密码输入的各种情况分别进行设置：

若用户名为空，则输出“你没有填写用户名，无法登录！

”；若密码为空，则输出“您没有填写密码，无法登录！

”；若用户名与密码均不为空，而用户名为“GUEST”，则直接调用输出Cookie的子过程，否则根据用户输入的用户名从Users表中检索记录，看用户输入的密码是否正确：

<%

IfIsEmpty（ErrMsg）Then

IfUserName="GUEST"Then

OutPutCookies

Else

SetobjRS=Server.CreateObject（"ADODB.Recordset"）

sqlStr="SELECTPwd,LoginTimesFROMUsersWHEREUserNameLIKE'"&UserName&"'"

objRS.OpensqlStr,objConn,1,3

＇用Recordset对象的EOF属性来判断是否有记录

IfobjRS.EOFThen

＇没有记录说明没有这个注册用户，设置错误提示

ErrMsg="没有该注册用户！

"

ElseIfobjRS（"Pwd"）<>PwdThen

＇密码不一致，设置错误提示

ErrMsg="对不起，您的密码有误，请重新核对！

"

Else

＇累加并更新用户的登录次数

LoginTimes=objRS（"LoginTimes"）+1

objRS（"LoginTimes"）=LoginTimes

objRS.Update

OutPutCookies

%>

关闭数据库。

3.3BBS中分页显示记录的技术

分页显示不仅可以提高页面的浏览速度，也极大地方便了用户进行页面浏览。

ASP执行SQL语句查询数据库后，返回的记录集被存在Recordset对象中，可以利用Recordset对象的属性：

PageSize、PageCount以及AbsolutePage来对记录集进行分页处理，最终将客户端请求的页内容发送到客户端浏览器。

首先在程序中定义一个保存页码的变量Page,该变量在用户请求ASP页时一并发送，通过Request对象进行读取：

Page=Request（“Page”）

接着检查Page变量得到的这个页码是否为有效的值（页码必须是大于等于1的正整数）。

先用IsNumeric来判断是否为数字，若不是就将它改为1，否则用CLng将其转换为长整型数据类型，最后判断是否小于1，若小于1也将它该为1：

IfNotIsNumric（Page）ThenPage=1ElsePage=CLng（Page）

IfPage<1ThenPage=1

创建一个Recordset对象实例，执行SQL语句查询数据库：

SetobjRS=Server.CreateObject（"ADODB.Recordset"）

sqlStr="SELECT*FROMSubjectORDERBYPubTimeDesc"

objRS.OpensqlStr,objConn,1,1

判断Recordset对象中是否有记录：

IfNotobjRS.EOFThen

若有记录，就用PageSize定义页的大小，得到总页数。

再判断Page的有效性，看其是否超过了总页数，若超过了就将其设为最大页数，也就是总页数：

objRS.PageSize=thePageSize

ttlPage=objRS.PageCount

IfPage>ttlPageThenPage=ttlPage

接着，使用AbsolutePage属性将记录指针定位到要显示的页的第一条记录上：

objRS.AbsolutePage=Page

最后用循环语句配合MoveNext方法，一条一条地读取并显示记录就可以了。

3.4BBS中发表、回复、搜索文章所采用的技术

1、发表文章所采用的技术

发表文章需要用户端与服务端配合完成：

用户端输入信息时需要在用户端检验用户输入信息的有效性；在服务端将用户提交的信息保存到数据库中。

在用户端检验用户输入信息的有效性是由以下脚本完成的：

SubCheckData

'检查用户是否填写了文章标题

Ifmyform.title.value=EmptyThen

Alert（"请填写文章标题!

"）

ExitSub

EndIf

'检查用户是否填写了文章内容

Ifmyform.content.value=EmptyThen

Alert（"请填写文章内容!

"）

ExitSub

EndIf

……（同上,检查一系列用户填写信息是否符合要求）

'提交表单

myform.Submit

EndSub

其中的myform是用户填写的表单的名称，是通过…

在服务器端保存用户提交的信息是通过newsubject_add.asp完成的：

先定义所需变量，通过Request.Cookies（“UserInfo”）

（“UserName”）获取用户名信息，看是否是游客或未登录用户，若是，则不允许其回复文章，将其重新定向到错误提示页；否则，连接数据库并添加一笔新记录，同时累加并更新用户发表的文章数：

<%

SetobjRS=Server.CreateObject（"ADODB.Recordset"）

sqlStr="SELECT*FROMSubjectWHERESubjectIDISNULL"

objRS.OpensqlStr,objConn,1,3

objRS.AddNew

objRS（"UserName"）=UserName

objRS（"Title"）=Title

objRS（"Content"）=Content

objRS（"PubTime"）=Now（）

objRS（"EmImage"）=EmImage

objRS.Update

objRS.Close

sqlStr="SELECTPubCountFROMUsersWHEREUserNamelike'"&UserName&"'"

objRS.OpensqlStr,objConn,1,3

objRS（"PubCount"）=objRS（"PubCount"）+1

objRS.Update

%>

关闭数据库。

2、回复文章所采用的技术

回复文章与发表文章类似，也分两部完成：

在用户端检验用户输入信息的有效性；在服务端将用户提交的信息保存到数据库中。

检验用户输入信息有效性使用了和发表文章相同的过程CheckData,另外，在回复表单中，使用了一个隐藏的输入框，设置的值就是文章的ID号，这个值是由show.asp传递过来的：

”>

回复文章的标题会根据主题文章的标题自动生成，生成的方式就是在主题文章的标题前面加上“[回复]”字样：

”>

其中的Title参数也是通过show.asp传递到reply.asp中的。

在服务器端保存用户提交的信息是通过reply_add.asp完成的,与newsubject_add.asp相似，只是把相应的Subject信息改为Reply信息。

3、搜索文章所采用的技术

搜索文章是通过search_list.asp来执行的，其原理是使用SQL命令中的LIKE运算符，在数据表的相应字段中搜索包含搜索关键字的记录即可：

sqlStr="SELECT*FROM"&SerType

sqlStr=sqlStr&"WHERE"&SerField

sqlStr=sqlStr&"LIKE'%"&SerKey&"%'"

其中SerKey代表要检索的关键词,SerField代表要检索的字段,SerType代表要检索的表。

第四章网站制作过程中的一些细节问题

1、考虑到每台机子显示器英寸大小的问题，另外800*600的分辨模