目录
第一章 绪言……………………………………..
第一节 开发工具的选用及介绍…………….
第二节 关系型数据库的选择……………..
第二章 个人网站设计分析…………………………
第一节 相关术语及解释…………………..
第二节 个人网站的由来和发展………….
第三节 我的个人网站的设计与规划………
第三章 详细设计……………………………
第一节 数据库设计……………………..
第二节 页面的设计……………………
第四章 编码 测试与维护…………………..
第一节 测试与维护……………….
1
第二节 设计技巧和解决方案………….
第一章 绪言
在已跨入21世纪的今天,人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命,这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大,目前，我国上网的人口已经接近一个亿.碗盏的迷人指出在于综合使用文本.图像,声音，图画和视频的信息和内哦那个，具有丰富的多媒体表现与互动特点，无可置疑，网站已经成为最吸引人的也最有效的信息传递手段和方式。随着网络的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。
第一节 开发工具的介绍及选择
一. 梦幻网页的编制者---Dreamweaver8.0
Dreamweaver 是创建和管理页面的专业可视编辑器。使用Dreamweaver可以轻松创建跨平台,跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档无需重新设置代码格式。
Dreamweaver 可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它设置还可以检查用户的工作牌成果所在的流行平台和浏览器中可能发生的错误。
2
Dreamweaver 还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至便捷jacaScript 代码扩展Dreamweaver 的行为和属性检查器。
至于Dreamweaver 工作区是非常灵活的.因此 它可以适合各种不同的工作风格和使用水平。常用的Dreamweaver 工作区组件有一下如干种：
(一) 文档窗口可现实当前文档，文档的外观和浏览器和模版的按钮
(二) 装载器中包含一鞋打开和关闭常用检查器和模版按钮
(三) 对象工具栏包含创建不同类型的对象（例如图像，表格和层等）的按钮
(四) 属性检查器现实选定对象的属性。
(五) 快捷惨淡可以使用用户对当前选择或区域快速执行某些命令
(六) 可固定的浮动工具栏允许客户将浮动窗口，检查器和工具栏组合在一个或多个窗口选择窗口中。
二 图片的制作软件—Photoshop8.0
Photoshop 8.0 是目前最流行的图形，图像编辑设计软件，在数码影响处理，图像编辑合成，广告设计，美术绘画，网页世纪等领域都被广泛地应用。
（一） 文字处理更加方便
3
（二） 增加的图像层集使涂层管理更有序
（三） 新增图像功能：图像的剪切和剪裁更加方便。
（四） 将所有工具的选项板改进为工具选项栏防止在工作区顶部，方便项参数设置
三 动态网站的脚本语言-ASP
Active Server Pages:“动态服务器网页”一般简称为ASP，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行的，使用一般的浏览器（IE） 都可以正确的获得ASP的执行结果，并且将这ASP执行的结果直接在浏览器中浏览,不像VB和JAVA是在客户端在IE浏览器中可以现实程序执行的结果,可是客户端若使用Netscape浏览器就无法现实VBScript的执行结果。
（一） ASP的特点
1 任何开工具皆可发展ASP
只要使用一般的文书编辑程序，如 记事本就可以编辑
2语言相容性高
3隐秘安全性高
如果我们在浏览器中直接查看网页原始代码，就之能看到HTML文件。
4
4 易于操控数据库
ASP 可以轻易地通过ODBC驱动程序连接各种不同的数据库，例如Access 另外 ASP亦可将 文本文件 或是 Excel文件当成书库用。
第二节 关系型数据库的选择
一 Access
Microsoft Access 是一种桌面数据库，只适合数据量少的应用，在处理少量数据库和单击访问的数据库是很好的，效率也和高。但是它的同时访问客户端不能多余4个。Microsoft Access 数据库一定的极限，如果书库达到100M左右,很容易造成服务器iis假死,或者消耗掉服务器内存导致服务器崩溃。
第二章 个人网站设计分析
第一节 相关术语及解释
一,Internet
Internet诞生于上世纪60年代，发展非常慢，到90年代开始迅速发展，现在英特网已经是世界上最大的网络的。
二，站点
所谓站点，就是将网页文件和素材文件，有条例地防止站点的文件夹里，这些文件于文件
5
夹就构成了网站的实质内容。
第二节 个人网站的由来和发展
互联网在中国的出现只有短短10年左右，1994年中国科学院高能物理研究所设立了国内第一个 Web服务器,推出一个叫做´中国之窗 的网页。这个时期，个人网站出现的条件还不很成熟，国内上网的人数很少，也缺乏支持个人建站点的环境，用户很难找到理想的个人主页存放点。
个人碗盏发展的第二阶段是从1997年初到1998年。这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加，同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大从今了个人网站的发展，涌现了一批很著名的个人网页，1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站点成为意见非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
第三节 我的个人网站的设计与规划
一 明确假设网站的目的和客户的要求
通常情况下，假设个人网站主要是为了通过互联网表达个人在商业，科技，交际，生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验,让和我有共同爱好的朋友有一个轻松的地方。
二 我的个人网站的概貌
6
因为是个人网站，所以只是选择了自己擅长的喜爱的内容，在突出自己风格和特点的同时，还应用了现在流行的网站就设计技术和数据库技术，因此将网站分为前台页面展示和后台管理平台。
三 功能划分
网站设计 可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员---我，可以对网站信息进行管理。站内的其他页面均是我自己的精心收藏，于大家一起分享。
四 功能描述
（一）首页
宏观的观看我的页面内容
（二） 留言板
是一个我于大家谈心交流的地方，在留言板中，我们可以场所语言，和大家进行交流，就我们感兴趣的话题展开讨论，和大家进行沟通。
（三） 后台管理页面
是我管理和添加到内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。
（四） 日记
7
在其中展示我喜爱的东西，包括我的日记，精品文章，盛会文化和一些杂七杂八的文章。让大家从中认识我和了解我，让一些美好的东西我们大家共同欣赏。
（五）相册
在其中展示漂亮的图片，包括我的照片，我的同学，风景照片，让大家一起欣赏人物风景风采。
(六) 音乐
在其中展示个人喜欢的音乐，朋友们可以在里面点播自己喜欢的歌。
（七）页面组织和数据库设计
在明确了我的个人网站风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。 因此我将自己的个人网站分为五个栏目,分别是 首页 关于我 相册 日记 留言
第三章 详细设计
第一节 数据库的设计
一 数据库的搭建
使用Access2003 实现关系型数据库
（一）
用户留言登记表inforr_message 如图
8
（二）
管理员
（三）
用户
以上数据表为Access类型的库文件，将它定位为db,mdb
9
二 连接数据库
在上面，我们已经为我们的程序创建了一个数据库，在这里我们用ASP把程序和数据库连接起来，以后就可以连接到数据库.在ASP中现实。
第二节 页面设计
一 界面设计
（一）相册
是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到我自己个人风采和自己喜欢的图片。相册浏览效果图
（二）日记
是一个记录个人日记的地方，供给大家一起分享。
二 关键代码设计
1 设计 日志相关的代码
.messageInput{
width: 630px;
10
position: relative;
height: 250px;
border: 1px solid #242424;
margin-left: 50px;
margin-top: 30px;
}
.messageInput h3{
height: 18px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #242424;
text-indent: 10px;
11
background-color: #141414;
}
.messageInput ul{
position: absolute;
left: 40px;
top: 45px;
}
.messageInput li{
padding-top: 5px;
padding-bottom: 5px;
}
.messageInput span{
padding-right: 10px;
12
}
.messageInput .input1{
background-color: #141414;
border: 1px solid #242424;
line-height: 18px;
height: 20px;
color: #666;
}
.messageInput .textarea1{
background-color: #141414;
border: 1px solid #242424;
color: #666;
}
13
.messageInput .btn1{
position: absolute;
left: 105px;
top: 210px;
font-size: 12px;
padding: 5px;
width:100px;
text-align:center;
}
.messageList{
width: 630px;
position: relative;
height: auto;
14
border: 1px solid #242424;
margin-left: 50px;
margin-top: 30px;
overflow: hidden;
padding-bottom: 30px;
}
.messageList h3{
height: 18px;
padding-top: 7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #242424;
text-indent: 10px;
15
background-color: #141414;
}
.messageList ul{
position: relative;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
}
.messageList li{
height: auto;
width: 580px;
position: relative;
padding-top: 60px;
16
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 2px solid #242424;
background-color: #141414;
overflow: hidden;
margin-top: 20px;
}
.messageList .name{
position: absolute;
left: 10px;
top: 10px;
}
17
.messageList .date{
position: absolute;
top: 10px;
right: 10px;
}
.messageList .title{
position: absolute;
left: 10px;
top: 25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #242424;
padding-top: 7px;
18
display: block;
width: 580px;
text-indent: 10px;
height: 18px;
color: #D2C78C;
}
.messageList .content{
line-height: 25px;
padding-bottom: 10px;
}
.messageList .myContent{
line-height: 25px;
color: #D2C78C;
19
border-top-width: 1px;
border-top-style: solid;
border-top-color: #242424;
}
<%
if request(\"act\")=\"saveMessage\" then
set rsMessageAdd=server.createobject(\"adodb.recordset\")
sql=\"select * from inforr_message\"
rsMessageAdd.open sql,conn,3,3
rsMessageAdd.addnew
rsMessageAdd(\"name_n\")=request(\"name\")
rsMessageAdd(\"title_t\")=request(\"title\")
20
rsMessageAdd(\"content_c\")=request(\"content\")
rsMessageAdd(\"date_d\")=now()
rsMessageAdd.update
rsMessageAdd.close
set rsMessageAdd=nothing
response.Write(\"\")
Set Conn=Server.CreateObject(\"ADODB.Connection\")
'connstr=\"driver={SQL Server}; server=a;uid=sa;pwd=111;database=zzz11zzz\"
db=\"w_m/db.mdb\"
connstr=\"Provider=Microsoft.Jet.OLEDB.4.0;Data Server.MapPath(\"\"&db&\"\")
conn.Open connstr
sub CloseConn()
conn.close
set conn=nothing
end sub
三 网站管理系统
（一）完成对网站信息管理以及更新的系统，包括以下几部分：1 管理员登陆页面 manage.asp
(二) 管理登陆
22
Source=\" &
管理系统的登陆页面,主要用于管理留言板
第四章 测试与维护
第一节 测试与维护
一 测试网站打IIS管理器 如图
添加站点
23
24
二 维护
网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。通过FIP软件将更新过的网页上传到服务器或通过Dreamweaver来远程管理站点，同时还要认真回复浏览者的电子邮件和留言，做到有问必答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。
第二节 设计技巧和解决方案
一 用服务器端包含技术实现对文件的引用
系统中有许多页面都会引用相同的代码文件，所以使用include语句将已完成代码的文件包含进来，就可以简化代码的缩写。如果首页indes.asp中第二行和第三行代码。
25
<！--#include file=”conn.asp”-->
<！--#include file=”include.asp”-->
结束语
经过老师耐心细致的知道，以及同学之间的相互交流，同时翻阅了大量的资料包括网上资料，书本 经过一段时间的努力，终于告一段落
总结这次“我的空间我做主”个人网站开发制过程我们综合了目前因特网上比较流行的各种静态制作方法以及互动动态的制作手段并对初步利用后台程序王城了网站的动态相应与生成网页的技术。
本次设计由于设计时间比较紧，经验不足，在网站的整体设计及模块功能可能设计的不完全，有待于进一部的完善和改进。
谢辞
在这说明书完成之际，在此我衷心的感谢我的指导老师赵老师，老师在百忙之中抽出时间为我知道讲解，并提出许多宝贵的意见和建议，我的论文菜得以顺利完成，在即将离开学校之际，在此衷心感谢我系所有老师对我的帮主，谢谢你们为我的大学生活画上一个圆满的句号！
参考文献
26
[1]李世杰，编著 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 1999
[2] 刘卫东，编著网站建立与维护，天津：南开大学出版社出版
[3] 周洪政，编著 网页梦工厂Dreamweaver MX实例与操作，北京希望电子出版社 海洋出版社
[4] 姚奇富、张立燕、周凯编著，网页设计与制作，中国电力出版社
[5] 谢永超编著，网页设计与制作，中国电力出版社
[6] 陆伟锋编著，计算机网络安全，高等教育出版社
[7] 黄梯云编著，管理信息系统，经济科学出版社
[8] 张立云、马皓、孙辨华编著，计算机网络基础教程，清华大学出版社 北方交通大学出版社
27
因篇幅问题不能全部显示，请点此查看更多更全内容