网页设计毕业设计任务书.docx
- 文档编号：27259010
- 上传时间：2023-06-28
- 格式：DOCX
- 页数：18
- 大小：269.32KB
网页设计毕业设计任务书.docx
《网页设计毕业设计任务书.docx》由会员分享，可在线阅读，更多相关《网页设计毕业设计任务书.docx（18页珍藏版）》请在冰豆网上搜索。
网页设计毕业设计任务书
河南XXXX学院
信息技术系
毕
业
设
计
任
务
书
名称:
动态网页制作（ASP）
专业：
信息应用技术
姓名:
XXX
学号：
09424xxx
指导老师：
XXX
小组其他成员姓名：
_____________________
2012年4月
（一）本设计的依据和意义（包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点）:
网络在中国的发展是非常迅猛的,随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷,对于人性化的诠释达到了淋漓尽致,企业的经营观念、个人的生活观念都在发生着根本的变化。
目前许多政府机关、学校、企事业单位已建立自己的网站。
为了宣传自己和传递信息,建设自己部门的网站已经是迫切需要.因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅.
通过网站，全面宣传,展示网页的风采与特色，给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求，例如收集信息，数据存储,数据修改以及数据删除等.
（二）设计内容及目标（包括要实现的主要功能,采用的主要开发工具，开发方法或者开发模型）
实现的主要功能：
1、用户注册及用户登录。
2、主页的浏览。
3、管理员用户登录及管理用户（的添加、修改、删除）.
4、数据库的建立及ASP与数据库的连接。
5、其次是IIS服务器的安装及设置。
设计内容：
1、讨论网站主题：
建立一个关于个人学生的网站，其中有关于大学生就业、动态、健身、学习等。
2、定位网站CI形象:
网站最重要的就是与浏览者产生共鸣。
于是在网页设计上面，要淡到浏览者最关心的话题。
3、材料收集，网上搜一些网页背景，FIASH源代码、小图标和一些gif的动画等.
4、确定栏目和板块：
⑴首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
本次设计中网页宽1024像素，长由每个部分的内容不同而设置.表格三行一列，居中设置,第一行放头图片，第二行是导航栏，第三行主页内容,第四行放置版权和地址等内容。
⑵其次就应该考虑导航条的设置了.
导航栏的设置既是在上面第二行出插入一个一行十三列的表格，内容包括首页、动态、健身、文章欣赏等。
⑶正文的框架设置（横向因素和纵向因素交错）
在浏览了很多精美网站之后，再结合自己的想法，先在草纸上画出了大体的栏目和板块。
5、网站的整体风格和创意:
建立一个清新、朴素的网站，目的是使浏览者留下映像。
采取的主要工具:
Dreamweaver、Photoshop、Flash、Fireworks等.
（三）实现本设计已具备的条件（说明已具备的软硬件设备，包括计算机和软件﹑相关技术资料）
硬件：
计算机
软件：
DreamweaverMX2004、PhotoshopCS3、FlashCS3、FireworksCS3,使用IIS浏览网页效果。
技术资料:
使用DreamweaverMX2004编写ASPVBScript动态网站，来确定网页的布局、栏目和板块,编写后台管理的一系列的代码,后面有相关的代码介绍.PhotoshopCS3用来制作及修改图片，通常与FireworksCS3、FlashCS3结合使用，FireworksCS3只要是用来制作gif格式的动画，而FlashCS3完成动画更完美一些。
在编写网页时通常用到JavaScript脚本和VBScript脚本，是为了网页的美观或要实现某种特殊功能,编写代码时可也采用记事本，然后在网页代码相应的位置插入。
（四）应用范围和前景（采用设计产品后能给用户带来的直接效益以及可预见的发展前景）
前景是可观的，随着网络的发展,网页也迅速发展，可以这样说：
“能上网的地方就有网页的存在"。
我们的生活已完全离不开网络了，而网页与网络分不开，不管是企业网还是个人网。
第一、网页节省了资源，制作成本低、速度快、更改灵活。
第二、网上宣传可以避免浪费自己或他人时间，更加方便、而且覆盖面积广。
应用范围可以说是全球性的，它包括生活的方方面面,如:
购物网、学术方面、太极拳网站、教育网、食品方面等等.
网页也给我们企业、个人带来了可观的效益,一、节省了成本（最主要的是宣传方面）。
二、可以使更多的人通过网站观看到自己的产品。
三、网络的即时性传输可以使产品在最短的时间内传遍全球.从而带来各方面的效益、收入。
（五）计划进度:
（请详细列出开发工作的规划步骤和计划分配的时间）
规划步骤及时间分配
第一周:
【１】设计前的素材收集:
网上搜一些网页背景,FIASH源代码、小图标和一些gif格式的动画等。
【２】首页的确定栏目和板块：
①首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
②其次就应该考虑导航条的设置了。
③正文的框架设置（横向因素和纵向因素交错）
第二周-—第三周：
【１】数据库与ASP连接及注册账户、登录账户、管理员模块组建、及各模块的编写代码。
【２】各个网页的连接，分为文字连接、图片链接。
第四周：
对网站进行测试、修改，浏览并查看是否达到预期的效果，在这里使用IIS服务器.在使用前先要安装它.
（六）设计产品（最后所提交的软件或者源代码及相应开发文档,可附页）
一、设计网站内容
1、用户的登录：
仅接受指定信息的用户登录，确保数据安全性。
2、用户注册：
是为用户提供进入系统，从而浏览网站所提供的资源。
3、管理员管理:
对已注册的用户管理，其中可也对用户的修改、删除添加。
登录方法在地址栏中输入http：
//localhost:
8081/
wangyeshiji/admin，即进入管理员登陆界面输入密码账户，账户是admin、密码是123。
4、网站信息管理
主页样式
二、网页用户管理与数据库的链接主要代码;
1、数据库的创建（使用Access）：
在数据库中，需建立两个表用户信息表和管理员信息表。
用户信息表名为link，字段名包括id、name、mima1、等。
用户管理表名师admin，有两个字段及admin、passwrod。
2、用户登录界面:
代码如下:
〈％＠LANGUAGE=”VBSCRIPT"CODEPAGE=”936"％>
〈！
DOCTYPEHTMLPUBLIC”-//W3C//DTDHTML4。
01Transitional//EN””http:
//www.w3.org/TR/html4/loose.dtd"〉
〈html>
〈head>
〈metahttp-equiv="Content—Type”content="text/html；charset=gb2312”>
〈styletype=”text/css”〉 〈! —— .style2｛font—size: 24px｝ 。 style5｛font—size： 24px;font-weight: bold；｝ 。 style6{font-size： 14px} ——> 〈bodybgcolor="＃99FF66”> 〈tablewidth=”543”border=”0"align=”center”cellpadding="0”cellspacing=”0”bgcolor="#CCCCCC"> asp”> 〈trbgcolor="＃CCCCCC”> 〈/tr〉 〈tdwidth=”150”bgcolor=”＃9999FF"〉〈divalign="right”class=”style5style6"〉〈strong〉用户名： 〈/strong>〈/div〉 〈tdbgcolor=”＃FFCCFF”width=”450”〉 〈/tr> 〈tr> 〈tdwidth=”150"bgcolor=”＃9999FF”>〈divalign=”right”class=”style6style5”〉〈strong〉密 码： 〈tdbgcolor="＃FFCCFF"> 〈/td〉 〈/tr〉 〈trbgcolor=”#D4D0C8”> 〈tdcolspan="2"〉 〈/tr〉 〈/tr> 〈/table〉 〈/html〉 3、用户注册界面,它与登录所呈现界面的代码相似： 将所填信息记录到数据库,需与数据库建立链接代码如下： 〈%OptionExplicit％> <％ ’如果上面的信息全了,就添加记录，否则给出错误信息 IfRequest。 Form（”name1”）<〉"”AndRequest.Form（”mima1”）〈〉”"AndRequest。 Form（”dianhua”）〈>"”Then ’以下连上数据库,建立一个Connection对象示例db Dimdb Setdb=Server。 CreateObject（”ADODB.Connection"） db。 Open”Dbq="＆Server.MapPath（”。 。 /data/www_link”）＆”；Driver=｛MicrosoftAccessDriver（＊。 mdb）｝；” ’以下添加记录 DimstrSql，varname1，varmima1，vardianhua varname1=Request.form（”name1”） varmima1=Request.form（"mima1"） vardianhua=Request。 Form（”dianhua”） strSql=”InsertIntolink（name1,mima1,dianhua）Values（’”＆varname1&”’,’"＆varmima1＆"’,'”＆vardianhua＆"'）” db。 Execute（strSql） Response.Redirect".。 /index1。 asp" Else Response。 Write"请将所有信息填写完整,” Response。 Write”〈ahref='Regedit—zhuce。 asp’〉重新添加〈/a>” endif ％> 然而，登录信息与注册所需的代码就不同了： Conn。 asp文件的内容： 〈％db=”。 。 /data/www_link。 mdb” connstr=”Provider=Microsoft。 Jet。 OLEDB。 4。 0;DataSource=”＆Server。 MapPath（db） Setconn=Server。 CreateObject（”ADODB。 Connection”） conn.openconnstr setrs=server。 createobject（"Adodb。 Recordset”） ％〉 <！ -—＃includefile="Conn。 asp”——> <％dimname1,mima1 name1=replace（trim（request（”name1”）），"’",””） mima1=replace（trim（request（"mima1"）），”'”，”"） ifname1=””ormima1=””then response。 Write"〈center〉〈ahref=denglu。 asp>〈fontcolor=redsize=2〉对不起,登陆失败，请检查您的登陆名和密码〈/font〉〈/a〉〈/center〉" response。 end endif setrs=server。 CreateObject（"adodb。 recordset”） rs。 Open”select＊fromlinkwherename1=’”&name1&”'andmima1=’”＆mima1＆"’”，conn,1,1 ifnot（rs。 bofandrs。 eof）then 'rs（"super"）=1 ifmima1=rs（”mima1"）then session（”name1"）=trim（rs（”name1”）） session.Timeout=200 rs。 Close setrs=nothing response。 Redirect”。 ./index1.asp” else session（”name1”）=”" response。 write" ’）;history。 go（-1）;〈/script>" endif else response.write”〈scriptLANGUAGE=’javascript'>alert（’对不起，登陆失败！ '）;history。 go（—1）； endif ％〉 三、管理员管理，包括登录、添加、删除、修改. 1、管理员的登录与上面所介绍的用户登录类似，只将所连接的表名和字段名改为admin、password即可。 2、管理用户界面： 代码如下: <%OptionExplicit％〉 〈%ifsession（"admin"）="”then response。 Redirect”login.asp” endif %〉 〈head〉 〈body〉 〈H2align=”center”〉用户查询管理 〈％ Dimdb Setdb=Server。 CreateObject（"ADODB。 Connection"） db。 Open"Dbq="&Server。 Mappath（”。 ./data/www_link。 mdb"）＆”;Driver={MicrosoftAccessDriver（*。 mdb）}” DimstrSql，rs strSql="Select＊fromlinkOrderByidDesc” Setrs=db。 Execute（strSql） %> 〈center〉 〈ahref=”add_form。 asp”>添加标记〈/a〉 〈trbgcolor=”＃eoeoeo"> 〈td>用户名〈/td〉 〈td〉密码 〈td>电话 〈/tr> 〈% DoWhileNotrs.eof ％> 〈tr〉 〈td〉〈%=rs（"name1”）％〉〈/td〉 〈td>〈％=rs（"mima1"）%>〈/td〉 〈td〉〈％=rs（”dianhua”）％〉〈/td> 〈td〉 id=〈％=rs（”id”）%〉”>删除 asp？ id=〈％=rs（”id”）%>"〉修改〈/td〉 〈% rs。 MoveNext loop ％〉 〈/table〉 〈/center〉 〈/body〉