网页设计---毕业设计任务书

河南XXXX学院 信息技术系

毕 业 设 计 任 务 书

名称:动态网页制作(ASP)

专业： 信 息 应 用 技 术

姓名: X X X

学号：0 9 4 2 4 x x x

指导老师：X X X

小组其他成员姓名：_____________________

2012年4月

信息技术系毕业设计任务书

（一)本设计的依据和意义（包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点）:

网络在中国的发展是非常迅猛的,随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷,对于人性化的诠释达到了淋漓尽致,企业的经营观念、个人的生活观念都在发生着根本的变化。目前许多机关、学校、企事业单位已建立自己的网站。为了宣传自己和传递信息,建设自己部门的网站已经是迫切需要.因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅.

通过网站，全面宣传,展示网页的风采与特色，给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求，例如收集信息，数据存储,数据修改以及数据删除等.

第1页

信息技术系毕业设计任务书

（二）设计内容及目标(包括要实现的主要功能,采用的主要开发工具，开发方法或者开发模型）

实现的主要功能：

1、 用户注册及用户登录。 2、 主页的浏览。

3、 管理员用户登录及管理用户（的添加、修改、删除). 4、 数据库的建立及ASP与数据库的连接。 5、 其次是IIS服务器的安装及设置。

设计内容：

1、讨论网站主题：建立一个关于个人学生的网站，其中有关于大学生就业、动态、健身、学习等。

2、定位网站CI形象:网站最重要的就是与浏览者产生共鸣。于是在网页设计上面，要淡到浏览者最关心的话题。

3、材料收集，网上搜一些网页背景，FIASH源代码、小图标和一些gif的动画等.

4、确定栏目和板块：

⑴首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。本次设计中网页宽1024像素，长由每个部分的内容不同而设置.表格三行一列，居中设置,第一行放头图片，第二行是导航栏，第三行主页内容,第四行放置版权和地址等内容。

⑵其次就应该考虑导航条的设置了.

导航栏的设置既是在上面第二行出插入一个一行十三列的表格，内容包括首页、动态、健身、文章欣赏等。

⑶正文的框架设置（横向因素和纵向因素交错)

在浏览了很多精美网站之后，再结合自己的想法，先在草纸上画

第2页

信息技术系毕业设计任务书

出了大体的栏目和板块。

5、网站的整体风格和创意:建立一个清新、朴素的网站，目的是使浏览者留下映像。

采取的主要工具:Dreamweaver、 Photoshop、Flash、Fireworks等.

第3页

信息技术系毕业设计任务书

（三）实现本设计已具备的条件（说明已具备的软硬件设备，包括计算机和软件﹑相关技术资料) 硬件：

计算机 软件：

Dreamweaver MX 2004、Photoshop CS3、Flash CS3、Fireworks CS3,使用IIS浏览网页效果。 技术资料:

使用Dreamweaver MX 2004编写ASP VBScript动态网站，来确定网页的布局、栏目和板块,编写后台管理的一系列的代码,后面有相关的代码介绍.Photoshop CS3用来制作及修改图片，通常与FireworksCS3、Flash CS3结合使用，FireworksCS3只要是用来制作gif格式的动画，而Flash CS3完成动画更完美一些。

在编写网页时通常用到JavaScript脚本和VBScript脚本，是为了网页的美观或要实现某种特殊功能,编写代码时可也采用记事本，然后在网页代码相应的位置插入。

第4页

信息技术系毕业设计任务书

（四）应用范围和前景(采用设计产品后能给用户带来的直接效益以及可预见的发展前景)

前景是可观的，随着网络的发展,网页也迅速发展， 可以这样说：“能上网的地方就有网页的存在\"。我们的生活已完全离不开网络了，而网页与网络分不开，不管是企业网还是个人网。第一、网页节省了资源，制作成本低、速度快、更改灵活。第二、网上宣传可以避免浪费自己或他人时间，更加方便、而且覆盖面积广。

应用范围可以说是全球性的，它包括生活的方方面面,如:购物网、学术方面、太极拳网站、教育网、食品方面等等.

网页也给我们企业、个人带来了可观的效益,一、节省了成本(最主要的是宣传方面）。二、可以使更多的人通过网站观看到自己的产品。三、网络的即时性传输可以使产品在最短的时间内

传遍全球.从而带来各方面的效益、收入。

第5页

信息技术系毕业设计任务书

（五）计划进度:(请详细列出开发工作的规划步骤和计划分配的时间)

规划步骤及时间分配 第一周:

【１】设计前的素材收集:网上搜一些网页背景,FIASH源代码、小图标和一些gif格式的动画等。

【２】首页的确定栏目和板块：

①首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

②其次就应该考虑导航条的设置了。

③正文的框架设置（横向因素和纵向因素交错） 第二周-—第三周：

【１】数据库与ASP连接及注册账户、登录账户、管理员模块组建、及各模块的编写代码。

【２】各个网页的连接，分为文字连接、图片链接。 第四周：对网站进行测试、修改，浏览并查看是否达到预期的效果，在这里使用IIS服务器.在使用前先要安装它.

第6页

信息技术系毕业设计任务书

（六)设计产品（最后所提交的软件或者源代码及相应开发文档,可附页)

一、设计网站内容

1、用户的登录：仅接受指定信息的用户登录，确保数据安全性。

2、用户注册：是为用户提供进入系统，从而浏览网站所提供的资源。

3、管理员管理:对已注册的用户管理，其中可也对用户的修改、删除添加。登录方法在地址栏中输入http：//localhost:8081/ wangyeshiji/admin，即进入管理员登陆界面输入密码账户，账户是admin、密码是123。

4、网站信息管理

管理用户 用户注册用户登录管理员登录 登录到主页登录主页用户的删除用户的添加用户的修改 第7页

信息技术系毕业设计任务书

主页样式

二、 网页用户管理与数据库的链接主要代码; 1、 数据库的创建(使用Access）：

在数据库中，需建立两个表用户信息表和管理员信息表。用户信息表名为link，字段名包括id、name、mima1、等。用户管理表名师admin，有两个字段及admin、passwrod。

2、用户登录界面:

代码如下:

〈％＠LANGUAGE=”VBSCRIPT\" CODEPAGE=”936\"％> 〈！DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4。01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd\"〉 〈html>

第8页

信息技术系毕业设计任务书

〈head> 〈meta

http-equiv=\"Content—Type”

content=\"text/html；

charset=gb2312”> .style2 ｛font—size: 24px｝

。style5 ｛font—size： 24px; font-weight: bold； ｝ 。style6 {font-size： 14px} ——> 〈body bgcolor=\"＃99FF66”>

〈table width=”543” border=”0\" align=”center” cellpadding=\"0” cellspacing=”0” bgcolor=\"#CCCCCC\"> width=”541”

align=”left\"

valign=\"top”

bgcolor=\"#99ff66”〉〈form name=\"form1” method=”post” action=\"dengluchenggong。asp”>

〈/tr〉

信息技术系毕业设计任务书

3、用户注册界面,它与登录所呈现界面的代码相似：

将所填信息记录到数据库,需与数据库建立链接代码如下： 〈% Option Explicit ％> <％

’如果上面的信息全了,就添加记录，否则给出错误信息 If Request。Form(”name1”）<〉\"” And Request.Form(”mima1”）〈〉”\" And Request。Form(”dianhua”)〈>\"” Then

’以下连上数据库,建立一个Connection对象示例db Dim db

Set db=Server。CreateObject（”ADODB.Connection\") db。Open ”Dbq=\" ＆ Server.MapPath（”。。/data/www_link”） ＆ ”；Driver=｛Microsoft Access Driver （＊。mdb）｝；” ’以下添加记录

Dim strSql，varname1，varmima1，vardianhua varname1=Request.form(”name1”） varmima1=Request.form（\"mima1\") vardianhua=Request。Form(”dianhua”）

strSql=”Insert Into link(name1,mima1,dianhua） Values(’” ＆

varname1 & ”’,’\" ＆ varmima1 ＆ \"’,'” ＆ vardianhua ＆ \"'）” db。Execute（strSql）

Response.Redirect \".。/index1。asp\" Else

第11页

信息技术系毕业设计任务书

Response。Write \"请将所有信息填写完整,”

Response。Write ”〈a href='Regedit—zhuce。asp’〉重新添加〈/a>” end if ％>

然而，登录信息与注册所需的代码就不同了： Conn。asp文件的内容：〈％db=”。。/data/www_link。mdb” connstr=”Provider=Microsoft。Jet。OLEDB。4。0;Data Source=” ＆ Server。MapPath（db）

Set conn = Server。CreateObject（”ADODB。Connection”） conn.open connstr

set rs=server。createobject（\"Adodb。Recordset”） ％〉

引用conn.Asp文件 <！-—＃include file=\"Conn。asp”——> <％dim name1,mima1

name1=replace（trim（request(”name1”）)，\"’\） mima1=replace(trim（request（\"mima1\")），”'”，”\"） if name1=”” or mima1=”” then

response。Write \"〈center〉〈a href=denglu。asp>〈font color=red size=2〉对不起,登陆失败，请检查您的登陆名和密码〈/font〉〈/a〉〈/center〉\" response。end end if

set rs=server。CreateObject（\"adodb。recordset”）

rs。Open ”select ＊ from link where name1=’”&name1&”' and mima1=’”＆mima1＆\"’ ” ，conn,1,1

第12页

信息技术系毕业设计任务书

if not（rs。bof and rs。eof） then 'rs（\"super\")=1

if mima1=rs（”mima1\"） then session(”name1\"）=trim（rs（”name1”)） session.Timeout=200 rs。Close set rs=nothing

response。Redirect ”。./index1.asp” else

session（”name1”)=”\"

response。write \"