网页设计---毕业设计任务书.doc_第1页
网页设计---毕业设计任务书.doc_第2页
网页设计---毕业设计任务书.doc_第3页
网页设计---毕业设计任务书.doc_第4页
网页设计---毕业设计任务书.doc_第5页
已阅读5页，还剩15页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、河南 XXXX 学院信息技术系毕业设计任务书名称 : 动态网页制作 (ASP)专业:信息应用技术姓名:X X X学号 :0 9 4 2 4 x x x指导老师 :X X X小组其他成员姓名:_2012年 4月（一）本设计的依据和意义（包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点） ：网络在中国的发展是非常迅猛的，随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、 快捷，对于人性化的诠释达到了淋漓尽致， 企业的经营观念、 个人的生活观念都在发生着根本的变化。目前许多政府机关、 学校

2、、企事业单位已建立自己的网站。为了宣传自己和传递信息，建设自己部门的网站已经是迫切需要。因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅。通过网站，全面宣传，展示网页的风采与特色，给用户提供需要的内容、 而且还应该做更多的事情、 完成比页面浏览更高层次的需求， 例如收集信息， 数据存储 , 数据修改以及数据删除等。( 二) 设计内容及目标 ( 包括要实现的主要功能, 采用的主要开发工具 , 开发方法或者开发模型)实现的主要功能 :1、用户注册及用户登录。2、主页的浏览。3、管理员用户登录及管理用户（的添加、修改、删除）。4、数据库的建立及ASP与数据库的

3、连接。5、其次是 IIS 服务器的安装及设置。设计内容：1、讨论网站主题：建立一个关于个人学生的网站，其中有关于大学生就业、动态、健身、学习等。2、定位网站 CI 形象：网站最重要的就是与浏览者产生共鸣。于是在网页设计上面，要淡到浏览者最关心的话题。3、材料收集，网上搜一些网页背景， FIASH 源代码、小图标和一些 gif 的动画等。4、确定栏目和板块：首先要考虑整个网页的长和宽， 以及长度和宽度之间的比例。本次设计中网页宽 1024 像素，长由每个部分的内容不同而设置。表格三行一列，居中设置，第一行放头图片，第二行是导航栏，第三行主页内容，第四行放置版权和地址等内容。其次就应该考虑导航条的

4、设置了。导航栏的设置既是在上面第二行出插入一个一行十三列的表格，内容包括首页、动态、健身、文章欣赏等。正文的框架设置（横向因素和纵向因素交错）在浏览了很多精美网站之后， 再结合自己的想法， 先在草纸上画出了大体的栏目和板块。5、网站的整体风格和创意：建立一个清新、朴素的网站，目的是使浏览者留下映像。采 取的 主要 工具 ： Dreamweaver、Fireworks等。Photoshop、 Flash、( 三 ) 实现本设计已具备的条件( 说明已具备的软硬件设备, 包括计算机和软件相关技术资料)硬件：计算机软件：Dreamweaver MX2004、Photoshop CS3、Flash CS

5、3、FireworksCS3，使用 IIS 浏览网页效果。技术资料：使用 Dreamweaver MX 2004 编写 ASP VBScript动态网站，来确定网页的布局、 栏目和板块，编写后台管理的一系列的代码，后面有相关的代码介绍。Photoshop CS3 用来制作及修改图片，通常与 FireworksCS3 、Flash CS3 结合使用， FireworksCS3 只要是用来制作 gif 格式的动画，而 Flash CS3完成动画更完美一些。在编写网页时通常用到 JavaScript 脚本和 VBScript 脚本，是为了网页的美观或要实现某种特殊功能， 编写代码时可也采用记事本，然

6、后在网页代码相应的位置插入。( 四 ) 应用范围和前景 ( 采用设计产品后能给用户带来的直接效益以及可预见的发展前景 )前景是可观的，随着网络的发展，网页也迅速发展，可以这样说：“能上网的地方就有网页的存在” 。我们的生活已完全离不开网络了，而网页与网络分不开，不管是企业网还是个人网。第一、网页节省了资源， 制作成本低、 速度快、 更改灵活。 第二、网上宣传可以避免浪费自己或他人时间， 更加方便、 而且覆盖面积广。应用范围可以说是全球性的，它包括生活的方方面面，如：购物网、学术方面、太极拳网站、教育网、食品方面等等。网页也给我们企业、个人带来了可观的效益，一、节省了成本（最主要的是宣传方面）

7、。二、可以使更多的人通过网站观看到自己的产品。 三、网络的即时性传输可以使产品在最短的时间内传遍全球。从而带来各方面的效益、收入。( 五 ) 计划进度 :( 请详细列出开发工作的规划步骤和计划分配的时间 )规划步骤及时间分配第一周：【】设计前的素材收集：网上搜一些网页背景， FIASH源代码、小图标和一些 gif 格式的动画等。【】首页的确定栏目和板块：首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。其次就应该考虑导航条的设置了。正文的框架设置（横向因素和纵向因素交错）第二周第三周：【】数据库与 ASP连接及注册账户、登录账户、管理员模块组建、及各模块的编写代码。【】各个网页的连接，分为

8、文字连接、图片链接。第四周：对网站进行测试、 修改，浏览并查看是否达到预期的效果，在这里使用 IIS 服务器。在使用前先要安装它。( 六 ) 设计产品 ( 最后所提交的软件或者源代码及相应开发文档，可附页 )一、设计网站内容1、用户的登录：仅接受指定信息的用户登录，确保数据安全性。2、用户注册：是为用户提供进入系统，从而浏览网站所提供的资源。3、管理员管理：对已注册的用户管理，其中可也对用户的修改、删除添加。登录方法在地址栏中输入wangyeshiji/admin ，即进入管理员登陆界面输入密码账户，账户是 admin、密码是 123。4、网站信息管理管理用户用用管户户理注登员册录登录登登用用

9、用录录户户户到主的的的主页删添修页除加改主页样式二、 网页用户管理与数据库的链接主要代码；1、数据库的创建（使用Access）：在数据库中， 需建立两个表用户信息表和管理员信息表。 用户信息表名为 link ，字段名包括 id 、name、mima1、等。用户管理表名师 admin，有两个字段及 admin、passwrod。2、用户登录界面：代码如下：<%LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <!DOCTYPE HTML PUBLIC "-tyle2 font-size: 24px .st

10、yle5 font-size: 24px; font-weight: bold; .style6 font-size: 14px-></style></head><body bgcolor="#99FF66"><tablewidth="543"border="0"align="center"cellpadding="0" cellspacing="0" bgcolor="#CCCCCC"><tr&

11、gt;<tdwidth="541"align="left"valign="top"bgcolor="#99ff66"><formname="form1"method="post"action=""><tablewidth="535"border="1"align="center"cellpadding="10" cellspacing="

12、0"><tr bgcolor="#CCCCCC"><tdcolspan="2"><divalign="center"><spanclass="style5">会员登陆 </span></div></td></tr><tr>align="right"class="style5style6"><strong>用 户 名 ：</stro

13、ng></div></td><tdbgcolor="#FFCCFF"width="450"><inputname="name1" type="text"id="name1" maxlength="4"/></td></tr><tdwidth="150"bgcolor="#9999FF"><divalign="right"c

14、lass="style6style5"><strong>密码 ：</strong></div></td><td bgcolor="#FFCCFF"><input name="mima1" type="password" id="mima1" /></td></tr><tr bgcolor="#D4D0C8"><td colspan="2"

15、><span class="style2"><inputname="Submit"type="submit"class="style2" value="确定 "></span></td></tr></table></form></td></tr></table></body></html>3 、用户注册界面，它与登录所呈现界面的代码相似：将所填信息

16、记录到数据库，需与数据库建立链接代码如下：<% Option Explicit %><%' 如果上面的信息全了，就添加记录，否则给出错误信息If("name1")<>""And ("mima1")<>""And ("dianhua")<>""Then' 以下连上数据库，建立一个 Connection 对象示例 db Dim dbSet db=("")"Dbq=" &a

17、mp; ("./data/www_link") & "Driver=MicrosoftAccess Driver (*.mdb);"' 以下添加记录Dim strSql,varname1,varmima1,vardianhuavarname1=("name1")varmima1=("mima1")vardianhua=("dianhua")strSql="InsertIntolink(name1,mima1,dianhua)Values('"&

18、 varname1& "','"&varmima1& "','"vardianhua & "')""./"Else"请将所有信息填写完整，"&"<a href=''>重新添加</a>"end if然而，登录信息与注册所需的代码就不同了：文件的内容： <%db="./data/"connstr="Provider= Sour

19、ce=" & (db)Set conn = ("")connstrset rs=("")%>引用文件<!-#include file=""-><%dim name1,mima1name1=replace(trim(request("name1"),"'","")mima1=replace(trim(request("mima1"),"'","")if name

20、1="" or mima1="" then"<center><a href=><font color=red size=2> 对不起，登陆失败，请检查您的登陆名和密码 </font></a></center>"end ifset rs=("")"select * from link where name1='"&name1&"' and mima1='"&m

21、ima1&"' " ,conn,1,1if not and then'rs("super")=1if mima1=rs("mima1")thensession("name1")=trim(rs("name1")=200set rs=nothing"./"elsesession("name1")="""<script LANGUAGE='javascript'>alert(&#

22、39;对不起，登陆失败！ ');(-1);</script>"end ifelse"<script LANGUAGE='javascript'>alert('对不起，登陆失败！ ');(-1);</script>"end if%>三、 管理员管理，包括登录、添加、删除、修改。1 、管理员的登录与上面所介绍的用户登录类似，只将所连接的表名和字段名改为 admin、 password 即可。2、管理用户界面：代码如下：<% Option Explicit %><%if

23、session("admin")="" then""end if%><html><head><title>利用 Select语句查询记录示例</title></head><body><H2 align="center">用户查询管理<%Dim dbSet db=("")"Dbq="&("./data/")&"Driver=Microso

24、ft</H2>AccessDriver (*.mdb)"Dim strSql,rsstrSql="Select * from link Order By id Desc"Set rs=(strSql)%><center><a href="">添加标记 </a><table border="1" width="600"><tr bgcolor="#eoeoeo"><td>用户名 </td>

25、;<td>密码 </td><td>电话 </td><td>删除 </td><td>修改 </td></tr><%Do While Not%><tr><td><%=rs("name1")%></td><td><%=rs("mima1")%></td><td><%=rs("dianhua")%></td>

26、;<td><a href="?id=<%=rs("id")%>">删除 </a></td><td><a href="?id=<%=rs("id")%>">修改 </a></td></tr><%loop%></table></center></body></html>3、 用户的删除代码：用户的删除操作步骤既是在用户查询管理界面

27、中单击相应用户后面的删除连接。<% Option Explicit %><%=true' 以下连上数据库，建立一个 connerction 对象示例 db Dim dbSet db=("")"Dbq="&("./data/")&"Driver=microsoftAccessDriver(*.mdb);"' 以下删除记录，注意这里是由传来的要删除的记录的网站编号Dim varlink_id,strSqlvarlink_id=("id")'获

28、取要删除的记录网站编号strSql="Delete from link Where id=" & varlink_id(strSql)""'删除完毕，重定向回首页%>4、 用户修改代码：进入修改用户信息界面即在用户查询管理界面中单击修改连接。<% Option Explicit %><html><head><title> 利用 Update 语句修改记录示例 </title> </head><body><h2 align="cente

29、r">修改网站</h2><%Dim varlink_idvarlink_id=("id")Dim dbSet db=("")"Dbq="&("./data/")&"Driver=MicrosoftDriver (*.mdb);"Dim strSql,rsstrSql="Select * from link Where id=" & varlink_idSet rs=(strSql)Access%><cent

30、er><table border="1" width="600"><form name="form1" method="post" action=""> <tr><td>用户名</td><td><inputtype="text"name="name1" size="40" value="<%=rs("name1")%&

31、gt;"></td></tr><tr><td>密码</td><td><inputtype="password"name="mima1" size="40" value="<%=rs("mima1")%>"></td></tr><tr><td>电话 </td><td><input name="dianhua" type="text" size="40" value="<%=rs("dianhua")%>"></td></tr><tr><td></td><td><input type="submit&

人人文库> 全部分类> 行业资料

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论