网页设计毕业设计任务书.docx

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

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

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

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

5、技术资料）硬件：计算机软件：Dreamweaver MX2004、Photoshop CS3、Flash CS3、FireworksCS3,使用IIS浏览网页效果。技术资料：使用 Dreamweaver MX 2004编写 ASP VBScript 动态网站， 来确定网页的布局、 栏目和板块， 编写后台管理的一系列的代码， 后面有相关的代码介绍。 Photoshop CS3 用来制作及修改图片， 通常与 FireworksCS3 、Flash CS3 结合使用， FireworksCS3 只 要是用来制作gif格式的动画，而Flash CS3完成动画更完美一 些。O在编写网页时通常用到 Jav

6、aScript 脚本和 VBScript 脚本， 是为了网页的美观或要实现某种特殊功能， 编写代码时可也采用 记事本，然后在网页代码相应的位置插入。（ 四 ） 应用范围和前景 （ 采用设计产品后能给用户带来的直接效益 以及可预见的发展前景 ）前景是可观的，随着网络的发展，网页也迅速发展， 可以 这样说：“能上网的地方就有网页的存在” 。我们的生活已完全离 不开网络了，而网页与网络分不开，不管是企业网还是个人网。 第一、网页节省了资源， 制作成本低、 速度快、更改灵活。 第二、 网上宣传可以避免浪费自己或他人时间， 更加方便、 而且覆盖面 积广。应用范围可以说是全球性的，它包括生活的方方面面，如

7、： 购物网、学术方面、太极拳网站、教育网、食品方面等等。网页也给我们企业、个人带来了可观的效益，一、节省了成 本（最主要的是宣传方面） 。二、可以使更多的人通过网站观看 到自己的产品。 三、网络的即时性传输可以使产品在最短的时间 内传遍全球。从而带来各方面的效益、收入。（五） 计划进度 :（ 请详细列出开发工作的规划步骤和计划分 配的时间 ）规划步骤及时间分配第一周：【1】设计前的素材收集：网上搜一些网页背景， FIASH源代码、小图标和一些 gif 格式的动画等。【2】首页的确定栏目和板块：1首先要考虑整个网页的长和宽， 以及长度和宽度之间的比 例。2其次就应该考虑导航条的设置了。3正文的框

8、架设置（横向因素和纵向因素交错） 第二周第三周：【1】数据库与ASP连接及注册账户、登录账户、管理员模 块组建、及各模块的编写代码。【2】各个网页的连接，分为文字连接、图片链接。 第四周： 对网站进行测试、 修改， 浏览并查看是否达到预期 的效果，在这里使用 IIS 服务器。在使用前先要安装它。（六）设计产品（最后所提交的软件或者源代码及相应开发文档，可附页）一、设计网站内容1、 用户的登录：仅接受指定信息的用户登录，确保数据安 全性。2、 用户注册：是为用户提供进入系统，从而浏览网站所提 供的资源。3、 管理员管理：对已注册的用户管理，其中可也对用户的 修改、删除添加。登录方法在地址栏中输入

9、 http:/localhost:8081/wa ngyeshiji/admi n ，即进入管理员登陆界面输入密码账户，账户是admin、密码是123。4、 网站信息管理主页样式二、网用 管I勺链接主要代码;理登Access）: 亠 玄.二，：-!：一 -二二 M = 二 P二二亡二汀 -a- * . - = L - L . - _ - _ _ -_ 一在数据库中，需建立两个表用户信息表和管理员信息表。 用link，字段名包括id、name mimal、等。用户管adminth、，有两个子段及 admin、passwrod。丁 龙 f-沖 . m，广 S -7户的修改I：在汎+UN 霽显Pt嵐

10、走柔! J文IW 輛旧视圈Qfl MA(E 工盘(D 窗口 OiO / : Svmeta http-equiv=C onten t-Type conten t=text/html;charset=gb2312用户登录 vstyle type=text/cssaction=dengluchenggong.aspcellpadding=10 cellspacing=0name=name1 type=text id=name1 maxlength=4 /bgcolor=#FFCCFFxi nput type=password id=mima1 /v/trvin put n ame=Submit type=submitclass=style2 value=确定 v/tdv/tdv/trv/tablev/bodyv/html3 、用户注册界面，它与登录所呈现界面的代码相似：