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

1、关于个人网站的制作与研究 33 童建东山西大学继续教育学院毕 业 论 文类 别 专 科 年 级 2006级 专 业 计算机信息与管理 姓 名 童 建 东 学 号 06418538033 论文题目 关于个人网站的制作与研究论 文 评 语建议成绩 指导老师 年 月 日目 录论 文 提 要 4第一章 系统环境概述 51.1 ASP 简介51.2 DREAMWEAVER 介绍 7第二章 个人网站制作的总体规划 82.1 主题与名称的确定 82.2 整体目录结构的确定 92.3 整体风格的确定 9第三章 制作本网站所采用的方法与技术 123.1 ASP与数据库技术123.2 验证技术133.3 BBS中

2、分页显示记录的技术163.4 BBS中发表、回复、搜索文章所采用的技术17第四章 网站制作过程中的一些细节问题 21第五章 作品运行环境 22结 束 语 23参 考 文 献24论 文 提 要随着信息技术的不断发展，个人计算机的不断普及，个人网站的制作规模在不断的扩大，尤其在各大高校中，许多大学生都热衷于个人网站的制作。但怎样才能制作出一个优秀的个人网站，这就涉及到技巧与方法的问题，更须在制作过程中不断的尝试与总结。本文通过实际制作的个人网站说明了个人网站的总体规划及在制作过程中涉及到的一些细节问题,其中总体规划包括主题与名称的确定、整体目录结构的确定、整体风格的确定；重点阐述了制作本网站所采用

3、的方法与技术，即ASP与数据库的使用、用户注册的验证、用户登录的验证、分页显示记录和发表、回复、搜索文章所采用的技术。此个人网站的主题设为个人收藏，网站名称为“收藏心情”，共有八个功能模块：首页(网站功能与设计者个性的呈现)、站长简介（站长的个人资料与自我介绍）、精美相册（精美瞬间的突显）、百川归海（一些文学知识的整理）、健康屋（健康知识小诀窍）、佳作赏析(一些精彩的作品收臧)、生活随笔（贴近生活的原创文学作品）、论坛（所有登陆此网页的朋友们，一起聊天和讨论问题的地方）。由于设计时间与个人水平的限制，存在一些不完美之处，希望老师给予指证，以便更加完善，呈现出精彩网页。关键词： 个人网站；ASP

4、；数据库；验证技术；分页显示 第一章 系统环境概述1.1 ASP 简介Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器

5、的负担，大大提高了交互的速度。一、ASP 所独具的一些特点：1、使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2、无须 compile 编译，容易编写，可在服务器端直接执行。3、使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。4、与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript)

6、 均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。5、Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。6、Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。7、可使用服务器端的脚本来产生

7、客户端的脚本。8、ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Server Component 。二、ASP的运行环境*Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server *Microsoft Peer Web Services Version 3.0 on Windows NT Workstation *M

8、icrosoft Personal Web Server on Windows 95/98 .asp 程序无须编译， ASP 程序的控制部份，是使用 VBScript 、 JScript 等脚本语言来设计的，当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器 ( 即脚本引擎 ) ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样， ASP 程序的编写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写 ASP 程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装 ASP 时，系统提供了两种脚本语言： VBsrcipt 和 JScript

9、 ，而 VBscript 则被作为系统默认的脚本语言。1.2 DREAMWEAVER 简介Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为提供有用的工具，使您拥有更加完美的 Web 创作体验。利用 Dreamweaver 中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。不过，喜欢用手工直接编码，Dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 Dre

10、amweaver，还可以使用服务器语言（例如 ASP、ASP.NET、JSP）生成支持动态数据库的 Web 应用程序。 您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在 Macromedia Fireworks 中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者直接在 Dreamweaver 中添加 Macromedia Flash 对象，从而优化您的开发工作流程。 Dreamweaver 还包括多种与编码相关的工具和功能，其中包括代码视图中的代码编辑工具（如代码加色和标签完成）；有关 HTML、JavaScript、ASP 和 JSP 的参考资料以

11、及一个 JavaScript 调试器。Macromedia 的可自由导入导出 HTML 技术可导入您手工编码的 HTML 文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式。Dreamweaver可以帮助您使用 ASP、ASP.NET、标记语言 (CFML)、JSP 和 PHP 等服务器语言来生成由动态数据库支持的 Web 应用程序。Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令，修改键盘快捷方式，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。第二章 个人网站制作的总体规划2.

12、1主题与名称的确定一般来说，个人网站的主题选择应遵从下面的三个原则：1、小而精，即选材定位要小，内容要精。2、最好是自己擅长或喜爱的内容，这样在制作时，才不会觉得无聊或力不从心。兴趣是制作网站的动力，没有热情，很难实际制作出优秀的作品。3、主题不要太滥，目标不要太高。本网站的主题是个人收藏，网站名称为“收藏屋”，共有八个功能模块：首页、站长简介、精美相册、百川归海、健康生活、佳作赏析、生活随笔、论坛。2.2整体目录结构的确定图一 网站整体目录结构图二 bbs目录结构2.3整体风格的确定风格（Style）是一个非常抽象的概念，它是指站点的整体形象给浏览者的综合享受，包括站点的标志、色彩、字体、标

13、语、版面布局、内容价值、存在意义和站点荣誉等诸多因素。下面简要说明一下制作的方案，具体效果参看所附作品。1、标志的设计运用Adobe ImageReady(一种能制作动画效果的软件)把文字“收藏屋”与图片充分结合起来，并添加动态的字幕“”。2、标语的设计同样通过Adobe ImageReady制作了一个动态的广告条，先显示“希望我的收藏就是你的需要”，慢慢隐现，再显示“你满意 我快乐”，如此反复。3、版面布局的粗略设计布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。新建的页面就象一张白纸，没有任何表格，框架和约定俗成的东西，可以尽情的发挥想象力，将想到的景象画上去。不必讲究细腻工整

14、，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个满意的作为继续创作的样板。下图即为本网站的粗略布局：图三 网站布局4、主色调的确定一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑；而近似颜色的搭配，能给人一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。但最好能给网站定一个主色调，在此基础上再去搭配其他颜色。本网站选择的是墨绿与浅绿的搭配，而墨绿背景上的字体颜色为白色，这样方能使内容达到醒目的效果。5、文

15、字属性的设置一个美观的网站，文字属性（包括字体、大小、颜色等）的设置是不容忽视的。总的来讲，同一页面中字体种类少，差异性小使页面具有文静、雅致的特点，多用于表现精致、高格调等特征；字体种类多、差异性大使人感觉画面热闹、信息量大，但是运用不当回给人杂乱的感觉。除非特别需要的情况，同一页面中字体不宜过多，一般不超过4种。另外，文字排列紧密会给人喧闹、通俗、拥挤、随便的感觉；反之，给人高雅、正式、轻松、通畅的印象。而字体颜色应与背景色有明显的区别。第三章 制作本网站所采用的方法与技术总体来说，本网站是运用Dreamweaver工具结合HTML语言与ASP技术完成的，其中HTML（HyperText

16、Markup Language，超文本标记语言）是表示网页的一种规范，它通过标记符定义了网页内容的显示。ASP（Active Server Page，动态服务器页面）是一个服务器端的脚本执行环境，用户可用它产生和执行动态的、交互的、高性能的Web服务器应用程序，当程序在服务器而不是在客户端执行时，Web服务器将完成产生浏览器的HTML网页的所有工作。3.1 ASP与数据库技术1、使用“OLE DB连接字符串”将ASP与数据库连接起来其中，webdb为所要连接的数据库名称。2、关闭数据库当不需要访问数据库时，要先关闭记录集，再关闭数据库连接，最后释放对象变量：3.2 验证技术1、用户注册验证技术

17、用户注册时所填写的用户名要求不能与已注册的用户同名，而所有的注册用户信息均保存在服务器的数据库中，这就需要用户注册验证技术来完成这一工作。首先与数据库建立连接，定义所需变量，用Request获取用户提交表单的各个字段数据并用函数Trim去除字符串前后的空格以使信息规范化。然后定义SQL语句，从Users表中查看是否有UserName字段与用户提交的用户名相同的记录，若有，则说明该用户已有人注册，定义错误提示；否则将用户信息存入数据库中：关闭数据库。2、登录验证技术用户登录验证技术是用来处理用户登录时提交的登录名和密码是否正确这类问题的。同样先与数据库建立连接，定义所需变量，用Request获取

18、用户输入的用户名和密码并用函数Trim对其进行规范化设置。然后对用户名与密码输入的各种情况分别进行设置：若用户名为空，则输出“你没有填写用户名，无法登录！”；若密码为空，则输出“您没有填写密码，无法登录！”；若用户名与密码均不为空，而用户名为“GUEST”，则直接调用输出Cookie的子过程，否则根据用户输入的用户名从Users表中检索记录，看用户输入的密码是否正确： %If IsEmpty(ErrMsg) ThenIf UserName = GUEST Then OutPutCookiesElse Set objRS = Server.CreateObject(ADODB.Recordset

19、) sqlStr = SELECT Pwd,LoginTimes FROM Users WHERE UserName LIKE & UserName & objRS.Open sqlStr,objConn,1,3 用Recordset对象的EOF属性来判断是否有记录If objRS.EOF Then 没有记录说明没有这个注册用户，设置错误提示ErrMsg = 没有该注册用户！ ElseIf objRS(Pwd) Pwd Then密码不一致，设置错误提示 ErrMsg = 对不起，您的密码有误，请重新核对！ Else累加并更新用户的登录次数 LoginTimes = objRS(LoginTim

20、es) + 1objRS(LoginTimes) = LoginTimes objRS.Update OutPutCookies%关闭数据库。3.3 BBS中分页显示记录的技术分页显示不仅可以提高页面的浏览速度，也极大地方便了用户进行页面浏览。ASP执行SQL语句查询数据库后，返回的记录集被存在Recordset对象中，可以利用Recordset对象的属性：PageSize、PageCount以及AbsolutePage来对记录集进行分页处理，最终将客户端请求的页内容发送到客户端浏览器。首先在程序中定义一个保存页码的变量Page,该变量在用户请求ASP页时一并发送，通过Request对象进行读

21、取：Page=Request(“Page”)接着检查Page变量得到的这个页码是否为有效的值（页码必须是大于等于1的正整数）。先用IsNumeric来判断是否为数字，若不是就将它改为1，否则用CLng将其转换为长整型数据类型，最后判断是否小于1，若小于1也将它该为1：If Not IsNumric(Page) Then Page=1 Else Page=CLng(Page)If Page ttlPage Then Page = ttlPage接着，使用AbsolutePage属性将记录指针定位到要显示的页的第一条记录上：objRS.AbsolutePage = Page最后用循环语句配合Mov

22、eNext方法，一条一条地读取并显示记录就可以了。3.4 BBS中发表、回复、搜索文章所采用的技术1、发表文章所采用的技术发表文章需要用户端与服务端配合完成：用户端输入信息时需要在用户端检验用户输入信息的有效性；在服务端将用户提交的信息保存到数据库中。在用户端检验用户输入信息的有效性是由以下脚本完成的： Sub CheckData 检查用户是否填写了文章标题 If myform.title.value = Empty Then Alert(请填写文章标题!) Exit Sub End If 检查用户是否填写了文章内容 If myform.content.value = Empty Then A

23、lert(请填写文章内容!) Exit Sub End If （同上,检查一系列用户填写信息是否符合要求） 提交表单 myform.Submit End Sub其中的myform是用户填写的表单的名称，是通过标签定义的：在服务器端保存用户提交的信息是通过newsubject_add.asp完成的：先定义所需变量，通过Request.Cookies(“UserInfo”)(“UserName”)获取用户名信息，看是否是游客或未登录用户，若是，则不允许其回复文章，将其重新定向到错误提示页；否则，连接数据库并添加一笔新记录，同时累加并更新用户发表的文章数：关闭数据库。2、回复文章所采用的技术回复文章

24、与发表文章类似，也分两部完成：在用户端检验用户输入信息的有效性；在服务端将用户提交的信息保存到数据库中。检验用户输入信息有效性使用了和发表文章相同的过程CheckData,另外，在回复表单中，使用了一个隐藏的输入框，设置的值就是文章的ID号，这个值是由show.asp传递过来的：input name=”SubjectID” type=”hidden” value=”回复文章的标题会根据主题文章的标题自动生成，生成的方式就是在主题文章的标题前面加上“回复”字样：input name=”Title” type=”text” value=”回复”其中的Title参数也是通过show.asp传递到re

25、ply.asp中的。在服务器端保存用户提交的信息是通过reply_add.asp完成的,与newsubject_add.asp相似，只是把相应的Subject信息改为Reply信息。3、搜索文章所采用的技术搜索文章是通过search_list.asp来执行的，其原理是使用SQL命令中的LIKE运算符，在数据表的相应字段中搜索包含搜索关键字的记录即可：sqlStr=SELECT * FROM & SerTypesqlStr=sqlStr & WHERE & SerFieldsqlStr=sqlStr & LIKE %& SerKey &%其中SerKey代表要检索的关键词,SerField代表要检索的字段,SerType代表要检索的表。第四章 网站制作过程中的一些细节问题1、考虑到每台机子显示器英寸大小的问题，另外800*600的分辨模