基于Dreamweaver毕业设计.docx

基于Dreamweaver毕业设计.docx

《基于Dreamweaver毕业设计.docx》由会员分享，可在线阅读，更多相关《基于Dreamweaver毕业设计.docx（30页珍藏版）》请在冰点文库上搜索。

基于Dreamweaver毕业设计

基于Dreamweaver毕业设计

前言

2010年1月15日，中国互联网络信息中心（CNNIC）发布了《第25次中国互联网络发展状况统计报告》（以下简称《报告》）。

《报告》数据显示，截至2009年12月，我国网民规模达3.84亿，互联网普及率进一步提升，达到28.9%，随着我国互联网普及率的逐年提高，互联网正在走进人们的工作与生活。

CNNNIC《报告》调查显示，在家和单位上网的网民比例在2009年有了明显的提高，有83.2%网民选择在家上网，另有30.2%的网民选择在单位上网，互联网作为人们日常工具的价值正在日益提升。

随着计算机信息技术和网络技术的发展和日益成熟，国际互联网的普及，很多人已经不满足仅仅在Internet上的浏览信息，而是希望更深入的参与其中，拥有自己的Web网站，这似乎已经成为一种潮流。

如果说企业建立网站是为了适应当代市场的竞争，那么个人建立一个属于自己网站也是必然的选择了。

作为个人网站最普遍的一种形式：

博客已经成为很多用户的追求，以微博最为显著。

现在越来越多的个人网站推出了自己的博客基地。

博客英文blog，是Weblog的简称。

Weblog，其实是Web和Log的组合词。

Web，指WorldWideWeb，当然是指互连网了；Log的原义则是“航海日志”，后指任何类型的流水记录。

合在一起来理解，Weblog就是在网络上的一种流水记录形式或者简称“网络日志”。

本次毕业设计我做的就是一个个人博客网站的设计，是用DreamweaverCS3中的ASP技术实现的。

第一章网站的相关介绍

1.1博客的概述

博客能让个人在互联网上表达自己的心声。

这是一个收集和共享任何感兴趣的事物的地方--可以是政治评论、个人日记或是指向您想记住的网站的链接。

许多人使用博客只是要组织自己的想法，而有些人则在全球成千上万的浏览者中赢得影响力。

职业和业余新闻记者使用博客发布特发新闻，而有写日记习惯的人则会在博客中宣示自己内心的想法。

而摄影和美术发烧者，可以通过博客系统的管理自己的作品，无论您要发表什么意见，博客都可以帮您表达出来。

博客作为一种新表达的方式，它的传播不仅情绪，包括大量的智慧、意见和思想。

某种意义上说，它也是一种新的文化现象，博客的出现和繁荣，真正凸现网络的知识价值，标志着互联网发展开始步入更高的阶段。

我本次的毕业设计就是做的一个个人博客网站的设计，在这里你可以发表自己的心情日志，可以把自己的所思所想表达出来，这点正好与现时需要很好的结合在一起。

1.2相关软件的简介

本次网站系统使用了很多软件，下面就这些软件做些简单的介绍：

1.2.1PhotoshopCS2的简介

PhotoshopCS2是Adobe公司2005年5月推出的一款在全球得到最为广泛应用的优秀图像软件。

Photoshop历经十多年的发展，已经成为全球专业图像编辑软件的典范，并被广泛应用于平面设计、网页设计和三维动画及多媒体设计等多个领域，越来越多的的艺术家、广告设计者都将其作为自己的得力助手，用它创造出了无数出神入画的作品。

1.2.2FlashCS3的简介

FlashCS3是Flash软件的最新版本，它在继承了以前版本诸多优点，又增加了很多新的功能，是由Adobe公司推出的一款动画制作软件，是目前应用最广泛的动画制作软件之一。

目前，Flash动画已成为Internet上一道独特的风景线，打开网页，扑面而来的便是Flash网页广告、Flash动画短片、Flash音乐以及MTV等。

1.2.3DreamweaverCS3的简介

DreamweaverCS3是Adobe公司最新推出的网页制作软件，用于对网站、网页和Web应用程序进行设计、编码和开发，广泛用于网页制作和网站管理，该软件集合了网页制作和网站管理于一身，是一款“所见即所得”的网页制作软件。

它强大的功能和清晰的操作界面备受广大网页制作用户的欢迎。

DreamweaverCS3作为Dreamweaver系列中的最新版本，在增强了面向专业的基本工具和可视技术外，同时提供了功能强大、开放式且基于标准的开发模式，可以轻而易举地制作出跨平台和基于浏览器的动感效果网页。

1.2.4Access2003的简介

本系统的后台数据库采用Access2003,Access2003一个最突出的功能就是将Access数据库中的数据动态地提供给Web页。

Access2003另一个突出的优点就是使用起来特别简单，就和你使用“窗体”一样，非常的简单。

而且这种联接是动态的，不需要创建很多的页面，一切繁琐的工作Access都自己包了。

掌握这个对象的用法，以后往Internet发布数据就更加得心应手了。

Access数据库管理系统是MicrosoftOffice套件的重要组成部分。

Access适用于小型商务活动，用以存贮和管理商务活动所需要的数据。

Access不仅是一个数据库，而且它具有强大的数据管理功能，它可以方便地利用各种数据源，生成窗体（表单），查询，报表和应用程序等。

Access数据库以文件形式保存，文件的扩展名是MDB。

1.3本网站的可行性分析

可行性分析（FeasibilityAnalysis）也称为可行性研究，是在系统调查的基础上，针对新系统的开发是否具备必要性和可能性，对新系统的开发从技术、经济、社会的方面进行分析和研究，以避免投资失误，保证新系统的开发成功。

可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。

为了确定开发具有可行性，对本系统主要进行了以下四个方面的分析。

（1）经济可行性。

经济可行性主要是对项目的经济效益进行评价。

本系统对系统开发者来说并不需要太高的成本支出，只是对系统的管理者付出管理报酬即可，而且开发周期不需要太长，节省了人力、物力、财力资源，所以本系统在经济上是可行的。

（2）技术上的可行性。

技术上的可行性分析主要是分析技术条件能否顺利完成开发工作，硬、软件能否满足开发者的需要等。

在软件方面，本系统采用的是ASP（ActiveSeverPages）进行开发，前台网页设计使用的是DreamweaverCS3，而数据库系统采用的是MicrosoftAccess2003。

通过分析，在软、硬件方面现有工具与环境完全可以实现系统的开发，因此具有技术上的可行性。

（3）时机可行性。

时机可行性是分析系统开发时机是否成熟。

目前越来越多的应用程序都已经是转向基于Web的开发，并且Internet已经广泛使用，因此系统的设计具有时机可行性。

（4）管理上的可行性：

主要是管理人员是否支持，现有的管理制度和方法是否科学，规章制度是否齐全，原始数据是否正确等。

系统的开发主要就是为了方便博友信息的管理，补充现在传统管理方式的不足，因此具备了管理上的可行性。

综上所述，本系统开发目标已明确，在技术和经济等方面具备可行性，并且投入少、见效快，因此系统的开发是完全可行的。

第二章构建网站开发环境

2.2网站开发环境的简述

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

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

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

图2.1ASP工作原理

利用DreamweaverCS3完成对ASP应用程序的开发之前，首先必须在本地计算机构建和配置ASP动态网页所需的软件环境，包括配置本地计算机IP地址，安装与设置IIS,在DreamweaverCS3中定义ASP器站点以及设置站点相关参数等。

ASP应用程序开发核心操作在于作为Web服务器的本地计算机上安装了IIS等Web服务器程序，然后利用Web服务器程序映射真正的可访问，并确保该站点与Dreamweaver指定的远程站点相一致。

2.2IIS的安装与配置

1.打开“控制面板”，双击“添加或删除程序”图标；

2.系统弹出“添加或删除程序”对话框；

3.单击左侧的“添加、删除Windows组件”按钮，系统弹出“Windows组件”向导窗口，在组件列表框中将“Internet信息服务IIS”前的复选框勾选，单击“下一步”按钮；

4.系统即会开始安装IIS，在此过程中，可能会要求插入Windows的系统

5.安装盘，选择相应的安装包；

6.安装完成后，系统会出现提示窗口，此时单击“完成”按钮，然后重新启动系统即可。

7.完成IIS的安装工作后，选择“开始—设置—控制面板”命令，打开“管理工具”窗口；

8.双击“管理工具”中的“Internet信息服务”图标，系统弹出“Internet信息服务”对话框，将左侧中的“网站”前的加号展开，就可以看到“默认网站”的图标；

9.右击“默认网站”，选择属性，在出现的“默认网站属性”对话框中，选择“主目录”，可以设置主目录的本地路径，并对其属性进行设置；也可以在“文档”选项卡中，根据需要添加适当的启动默认内容文档，单击“确定”按钮，结束IIS的配置操作。

2.3新增虚拟目录

1.在“Internet信息服务”窗口的“默认网站”上右击，在弹出的快捷菜单中单击“新建/虚似目录”命令，打开“虚拟目录创建向导”对话框；

2.在“别名”文本框中输入一个别名，如：

blog，将使用此名称来获得此虚拟目录的访问权限；

3.单击“下一步”按钮，单击“浏览”，选择网站所在的物理目录；

4.单击“下一步”按钮，出现设置虚拟目录访问权限的窗口。

默认为“读取”和“运行脚本”；

5.单击“下一步”按钮，打开“已成功完成虚拟目录创建向导”对话框。

2.4创建本地站点

在建立网站之前，首先应设计和规划好整个站点，继而才能进行具体的网页制作过程。

创建好一个本地站点后，可以进行管理站点操作，还可以创建文档并将其保存在站点文件夹中。

创建本地站点的方法如下：

6.启动Dreamweaver应用程序，选择“站点—管理站点”命令，打开“管理站点”对话框，单击“新建”按钮，在弹出的菜单中选择“站点”命令，打开“站点定义为”对话框；

7.在“站点定义为”对话框中，默认打开的是“基本”选项卡，在“您打算为您的站点取什么名字？

”文本框中输入站点名称，如：

blog，单击“下一步”按钮，将会打开一个对话框，要求否打算使用服务器，因为是作动态站点，所以选择“是，我想使用服务器技术”单选按钮，这时会显示“哪种服务器技术”下拉列表，在下拉列表中选择ASPVBscript服务器技术即可，单击“下一步”按钮，打开下一个对话框，在该对话框中可以指定文件存储在计算机上的位置；

8.单击“下一步”按钮，打开您应该使用什么URL来浏览站点根目录的对话框，在文本框中输入相应文本，如：

http:

//localhost/blog/;

9.单击“下一步”按钮，出现两个单选按钮让你选择，选择“否”这一单选按钮，然后单击“下一步”，出现显示站点设置的相关信息的对话框，包括本地信息、远程信息和测试服务器信息；

10.单击“完成”，打开“管理站点”对话框，这时在对话框中显示了刚才创建的本地站点名称，单击“完成”，完成创建本地站点操作，创建的本地站点会在“文件”面板中显示。

第三章网站数据库设计分析

3.1数据库技术概念

数据库（Database），是按照数据结构来组织、存储和管理数据的仓库，是用于查询的大量数据的存储区域。

使用数据库可以带来许多好处：

如减少了数据的冗余度，从而大大地节省了数据的存储空间，实现数据资源的充分共享等等。

近年来推出的计算机关系数据库管理系统，还具有操作直观，使用灵活，编程方便，功能强大，环境适应广泛，数据处理能力极强等诸多优点。

总的来说，数据库的设计对系统的经济性、功能性和效率有很大的影响，一个好的数据库，要求在设计时尽量避免数据的多余，另外，还要尽可能提高数据的存取速度。

数据库设计时速度与空间在范式上是相互矛盾的。

一方面按规范化理论的要求，关系模式应尽量取高级范式，尤其对记录数较多的关系，低级范式将会造成存储的大量重复，是空间遭受严重浪费；另一方面从存取速度上考虑，应该尽量做到一个模式涉及的属性越多越好，相互运算越少越好，这样，又应取低级范式。

因此我们在设计数据库时要严格地探讨它的使用环境，充分了解用户的需求，清楚地掌握数据库系统的特点。

经过综合的评价和分析后设计出的数据库应满足以下要求：

（1）数据库信息要能充分体现出用户使用系统的需求。

（2）能够支持用户对数据进行的所有处理。

（3）能够容易被数据库管理系统运行维护。

（4）数据一致性、完整性好，无更新异常。

3.2数据库逻辑结构设计

数据库的概念结构设计完毕后，现在可以将上面的数据库概念结构转化为某种数据库系统所支持的实际数据模型，也就是数据库逻辑结构。

根据博客的使用情况的不同，可以采用Access2003数据库，Access2003便于安装。

博客系统中的数据库名为blog.mdb,其中各个表的设计结果如下面表格所示。

每个表格表示在数据库中的一个表，表3.1为用户表，记录用户的详细信息。

表3.1Users用户表

字段名称

数据类型

字段大小

UsersID

自动编号

—

Usersname

文本

20

UsersPassword

文本

20

UsersQQ

文本

20

UsersWeb

文本

40

UsersEmail

文本

30

UsersLoginTime

日期/时间

—

ArticleClass表记录文章分类，其字段如表3.2所示

表3.2ArticleClass文章分类表

字段名称

数据类型

字段大小

ArticleClassID

自动编号

—

ClassName

文本

50

Index

数字

—

Article表记录发表的文章，其字段如表3.3所示

表3.3Article文章表

字段名称

数据类型

字段大小

ArticleID

自动编号

—

ClassID

数字

—

Title

文本

50

Renum

数字

—

Content

备注

—

Resum

数字

—

Subdate

日期/时间

—

ArticleComment表记录日志回复表，其字段如表3.4所示

表3.4ArticleComment日志回复表

字段名称

数据类型

字段大小

Commentid

自动编号

—

articleid

数字

—

CommentTitle

文本

50

UsersID

数字

—

Comment

备注

—

Redate

日期/时间

—

3.3数据库的安全性

数据库的安全性是指保护数据库以防止不合法的使用所造成的数据泄漏、更改或破坏。

在数据库系统中，大量的数据集中存放，同时又为许多用户直接共享，是宝贵的信息资源，因此系统的安全保护措施就显得更为重要。

键全的数据库安全机制可以防止数据库被恶意的破坏和非法的存取。

本系统的安全设计包括服务器和数据库两方面设计。

当用户使用系统时，系统首先会检查用户是否登录，如果用户还没有登录，则无法发表文章，只能看看网站的其它方向的东西。

用户提交登录信息后，系统会对用户的身份进行核对，如果在数据库中查找到了相关记录，打开用户页面，表明用户登录成功。

对于数据库的安全，主要是通过对授权用户的身份验证实现的。

3.4数据库的连接：

为了操作数据库方便，把连接数据库、查询、更新、插入、关闭连接等数据库操作都写在一个公用文件conn.asp中，这样其他页面引入这个页面，就可以调用数据库操作方法，操作数据库了，这样便于提高程序的重用性。

在Dreamweaver中，添加数据库的步骤如下：

1.选择“文件/新建”命令，打开“新建文档”对话框，在“空白页”选项卡的“页面类型”列表框中选择ASPVBScript选项，在“布局”框中选择“无”选项，再单击“创建”按钮创建一个动态页；

2.选择“窗口/数据库”命令，打开“数据库”面板，单击加号按钮，在弹出的下拉菜单中选择“自定义连接字符串”命令；

3.打开“自定义连接字符串”对话框，在“连接名称”文本框中输入连接名conn，在“连接字符串”文本框中输入连接字符串：

"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath（"Data/blog.mdb"），再选中“使用测试器上的驱动程序”单选按钮；

4.单击“测试”按钮，如果连接成功，将弹出“成功创建连接脚本”的对话框，单击“确定”按钮返回“自定义连接字符串”对话框；

5.单击“确定”按钮关闭“自定义连接字符串”对话，完成数据库连接的创建。

创建的数据库连接即出现在“数据库”面板中；

保存网页，完成数据源的创建。

其代码如下：

<%

DimMM_conn_STRING

MM_conn_STRING="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath（"Data/blog.mdb"）

%>

第四章个人博客的实现

设计整个网站，必须从整体入手，更全面的从大方向把握设计总体性，Dreamweaver作为优秀的可视化网页编辑工具，为我们提供了一整套可视化网页制作平台，让你的网站开发效率得到极大提升。

在做了配置IIS、建站站点、连接数据库等准备之后，我们就可以做实现一个个人博客网站系统了。

4.1设计流程的总体分析：

在做该博客系统之前我上网浏览了几个博客系统，并成为其中的一员，本次系统有的界面的实现就是参照网易博客来制作的，有发表文章，留言等功能，根据网站设计分析得到现行处理流程，对于一个博客来说，我认为首要目标是发表及评论文章，其处理流程如图所示：

图4.1总体功能表

4.2网站的具体实现：

4.2.1片头的实现

本系统是动态的，所以在做之前要进行相应的配置才能开始制作，而且动态的不能跟静态的一样可以直接用IE打开预览，必须在前面输入相应的东西，所以为了方便使用，在本次博客系统中我做了一个片头来连接，此片头是由Flash来完成的，首先我找了一张跟我这次博客系统相吻合的图片，作为片头的背景，然后找了几个小的文件放在里面，做了一些动画的效果，最主要的是按钮那边的制作，在按钮那边加了一个语句，点击即可进入后面的页面，语句如下：

On（press）{

getURL（“http:

//localhost/blog/index.asp”,“-self”）;

}

图4.2片头的界面

4.2.2首页的实现

本次我做的网站是使用Dreamweaver中自动生成DIV+CSS来布局的。

CSS样式全名为CascadingStyleSheet,精美的网页离不开CSS技术，使用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。

本系统中我就用一个名为twoColFixLtHdr.css来控制页面的。

对于本网站来说第一个页面是非常重要的，因为后面的页面都是用一个布局来做的，第一个页面的制作方法是,首先选择菜单栏中“文件—新建”命令，打开“新建文档”对话框，选择“空白页”类别，在“页面类型”选择“ASPVBScript”，在“布局”列表中选择一个与本次设计框架相符的模板，我选择的是“2列固定，左侧栏、标题和脚注”这个模板。

因为这个布局是使用CSS样式表来控制的，因此，要先指定一下样式表文件的名称和保存位置，在“新建文档”对话框右下角的“布局CSS布置”下拉列表中选择“新建文件”，单击“创建”按钮，此时弹出“将样式表文件另存为”对话框，在对话框中来设置样式表文件保存在站点目录下，名称使用默认名称，单击“保存”即可，此时系统自动创建了一个DIV+CSS布局的页面，把首页命名为index.asp。

本次页面的主色调我使用的粉色系的，在CSS中设置了标题栏和页面的背景，页面的背景主要是由背景色来决定的，当然也用PS做了一个背景图片，标题栏的背景也是用PS实现的，这张图片的优点主要体现在图片的色彩和位置合理的安排上，标题背景页面如下：

图4.3标题栏背景

标题是由{Session.MM_Username}'sblog这个语句来控制的，当某个用户登录了以后，就会显示该用户的用户名，如：

lovesky’sblog；

接下来就是导航链接的制作了，在开始之前必须在数据库中的ArticleClass数据表中输入一些栏目数据，然后再返回到制作页面，在“服务器行为”面板中添加“记录集”，名称为RsMenu,连接为conn，表格为ArticleClass,测试一下，然后将ClassName字段放导航链接处，则会显示{RsMenu.ClassName}，然后选择{RsMenu.ClassName},在服务器行为面板中添加“重复区域”，并选择所有记录单选按钮，然后在属性面板中的链接到选择index.asp文件,并在参数中添加动态参数menuclass，单击值后而后面的按钮，在动态数据对话框中打开RsMenu记录集，从中选择ArticleClassID,确定后表ArticleClass中的ClassName就会显示在导航条那儿了，并且已经加好了链接，最后再加上首页、电影海报、下载专区，这样导航链接就做好了。

退出登录代码：

退出

是连接一个文件而成的，logout.asp这个文件的用处是退出到首页，而不是全退，其代码如下：

<%

session.Abandon（）

response.redirect"index.asp"

%>

图4.4首页界面

如图所示，左侧还有一个用户资料的和日历表格，用户资料将在下面注册和登录那儿再介绍，日历是手动编辑JavaScript代码，是从网上下的一个代码来实现的，是一个简单的日历样式。

在首页版权的上方还有一个重复区域的“如果记录集不为空则显示区域”命令，这是为了防止表中没有数据时程序出错。

当然在此之前也要新建一个记录集RsArtic。

首页显示发表文章的日期是由下面的语句实现的：

<%=month（（RsArtic.Fields.Item（"Subdate"）.Value））%>月

<%=Day（（RsArtic.Fields.Item（"Subdate"）.Value））%>日