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

信息技术系毕业设计任务书河南XXXX学院信息技术系毕业设计任务书名称:动态网页制作(ASP) 专业: 信 息 应 用 技 术 姓名: X X X 学号:0 9 4 2 4 x x x指导老师:X X X小组其他成员姓名:_2012年4月（一）本设计的依据和意义（包括本毕业设计的必要性、可行性、国内外同类设计产品现状、发展趋势、已到达的水平以及存在的问题和本设计的特点）：网络在中国的发展是非常迅猛的，随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷，对于人性化的诠释达到了淋漓尽致，企业的经营观念、个人的生活观念都在发生着根本的变化。目前许多政府机关、学校、企事业单位已建立自己的网站。为了宣传自己和传递信息，建设自己部门的网站已经是迫切需要。因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅。通过网站，全面宣传，展示网页的风采与特色，给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求，例如收集信息，数据存储,数据修改以及数据删除等。(二)设计内容及目标(包括要实现的主要功能,采用的主要开发工具,开发方法或者开发模型)实现的主要功能:1、 用户注册及用户登录。 2、 主页的浏览。3、 管理员用户登录及管理用户（的添加、修改、删除）。4、 数据库的建立及ASP与数据库的连接。5、 其次是IIS服务器的安装及设置。设计内容：1、讨论网站主题：建立一个关于个人学生的网站，其中有关于大学生就业、动态、健身、学习等。2、定位网站CI形象：网站最重要的就是与浏览者产生共鸣。于是在网页设计上面，要淡到浏览者最关心的话题。3、材料收集，网上搜一些网页背景，FIASH源代码、小图标和一些gif的动画等。4、确定栏目和板块：首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。本次设计中网页宽1024像素，长由每个部分的内容不同而设置。表格三行一列，居中设置，第一行放头图片，第二行是导航栏，第三行主页内容，第四行放置版权和地址等内容。其次就应该考虑导航条的设置了。导航栏的设置既是在上面第二行出插入一个一行十三列的表格，内容包括首页、动态、健身、文章欣赏等。正文的框架设置（横向因素和纵向因素交错）在浏览了很多精美网站之后，再结合自己的想法，先在草纸上画出了大体的栏目和板块。5、网站的整体风格和创意：建立一个清新、朴素的网站，目的是使浏览者留下映像。采取的主要工具：Dreamweaver、 Photoshop、Flash、Fireworks等。(三)实现本设计已具备的条件(说明已具备的软硬件设备,包括计算机和软件相关技术资料)硬件：计算机软件：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脚本，是为了网页的美观或要实现某种特殊功能，编写代码时可也采用记事本，然后在网页代码相应的位置插入。(四)应用范围和前景(采用设计产品后能给用户带来的直接效益以及可预见的发展前景)前景是可观的，随着网络的发展，网页也迅速发展， 可以这样说：“能上网的地方就有网页的存在”。我们的生活已完全离不开网络了，而网页与网络分不开，不管是企业网还是个人网。第一、网页节省了资源，制作成本低、速度快、更改灵活。第二、网上宣传可以避免浪费自己或他人时间，更加方便、而且覆盖面积广。 应用范围可以说是全球性的，它包括生活的方方面面，如：购物网、学术方面、太极拳网站、教育网、食品方面等等。网页也给我们企业、个人带来了可观的效益，一、节省了成本（最主要的是宣传方面）。二、可以使更多的人通过网站观看到自己的产品。三、网络的即时性传输可以使产品在最短的时间内传遍全球。从而带来各方面的效益、收入。 (五)计划进度:(请详细列出开发工作的规划步骤和计划分配的时间)规划步骤及时间分配第一周：【】设计前的素材收集：网上搜一些网页背景，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、用户登录界面：代码如下：用户登录 会员登陆 用户名： 密码： 3、用户注册界面，它与登录所呈现界面的代码相似： 将所填信息记录到数据库，需与数据库建立链接代码如下：%如果上面的信息全了，就添加记录，否则给出错误信息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,vardianhuavarname1=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.aspElse Response.Write 请将所有信息填写完整，Response.Write 重新添加end if%然而，登录信息与注册所需的代码就不同了：Conn.asp文件的内容：%dim name1,mima1name1=replace(trim(request(name1),)mima1=replace(trim(request(mima1),)if name1= or mima1= thenresponse.Write 对不起，登陆失败，请检查您的登陆名和密码response.endend ifset rs=server.CreateObject(adodb.recordset)rs.Open select * from link where name1=&name1& and mima1=&mima1& ,conn,1,1if not(rs.bof and rs.eof) thenrs(super)=1if mima1=rs(mima1) thensession(name1)=trim(rs(name1)session.Timeout=200rs.Closeset rs=nothingresponse.Redirect ./index1.aspelsesession(name1)=response.write alert(对不起，登陆失败！);history.go(-1);end ifelseresponse.write alert(对不起，登陆失败！);history.go(-1);end if%三、 管理员管理，包括登录、添加、删除、修改。 1、管理员的登录与上面所介绍的用户登录类似，只将所连接的表名和字段名改为admin、password即可。2、管理用户界面： 代码如下：利用Select语句查询记录示例 用户查询管理 添加标记 用户名 密码 电话 删除 修改 a href=delete.asp?id=删除a href=update_form.asp?id=修改 3、 用户的删除代码：用户的删除操作步骤既是在用户查询管理界面中单击相应用户后面的删除连接。4、 用户修改代码：进入修改用户信息界面即在用户查询管理界面中单击修改连接。利用Update语句修改记录示例 修改网站 用户名input type=text name=name1 size=40 value= 密码input type=password name=mima1 size=40 value= 电话 input name=dianhua type=text size=40 value= 修改完之后单击确定既是将信息保存的数据库，需要与数据库的链接，代码如下。%Dim varlink_idvarlink_id=Session(id)If Request.Form(name1) and Request.Form(mima1) And Request.Form(dianhua) Then Dim dbSet db=Server.CreateObject(ADODB.Connection)db.Open Dbq=&Server.MapPath(./data/www_link.mdb)&;Driver=Microsoft Access Driver (*.mdb);Dim varname1,varmima1,vardianhua,strSqlvarname1=Request.Form(name1)varmima1=Request.Form(mima1)vardianhua=Request.Form(dianhua)strSql=Update link Set name1= & varname1 & ,mima1= & varmima1 & ,dianhua= & vardianhua & Where id= & va