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

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

《网页设计毕业设计任务书.docx》由会员分享，可在线阅读，更多相关《网页设计毕业设计任务书.docx（9页珍藏版）》请在冰豆网上搜索。

网页设计毕业设计任务书

河南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等。

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

硬件：

计算机

软件：

DreamweaverMX2004、PhotoshopCS3、FlashCS3、Fireworks

CS3,使用IIS浏览网页效果。

技术资料：

使用DreamweaverMX2004编写ASPVBScript动态网站，来确定网页的布局、栏目和板块，编写后台管理的一系列的代码，后面有相关的代码介绍。

PhotoshopCS3用来制作及修改图片，通常与FireworksCS3、FlashCS3结合使用，FireworksCS3只要是用来制作gif格式的动画，而FlashCS3完成动画更完美一些。

—\O

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

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

前景是可观的，随着网络的发展，网页也迅速发展，可以这样说：

“能上网的地方就有网页的存在”。

我们的生活已完全离不开网络了，而网页与网络分不开，不管是企业网还是个人网。

第一、网页节省了资源，制作成本低、速度快、更改灵活。

第二、网上宣传可以避免浪费自己或他人时间，更加方便、而且覆盖面积广。

应用范围可以说是全球性的，它包括生活的方方面面，如：

购物网、学术方面、太极拳网站、教育网、食品方面等等。

网页也给我们企业、个人带来了可观的效益，一、节省了成本（最主要的是宣传方面）。

二、可以使更多的人通过网站观看到自己的产品。

三、网络的即时性传输可以使产品在最短的时间内传遍全球。

从而带来各方面的效益、收入。

（五）计划进度:

（请详细列出开发工作的规划步骤和计划分配的时间）

规划步骤及时间分配

第一周：

【1】设计前的素材收集：

网上搜一些网页背景，FIASH源

代码、小图标和一些gif格式的动画等。

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

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

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

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

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

【2】各个网页的连接，分为文字连接、图片链接。

第四周：

对网站进行测试、修改，浏览并查看是否达到预期的效果，在这里使用IIS服务器。

在使用前先要安装它。

（六）设计产品（最后所提交的软件或者源代码及相应开发文

档，可附页）

一、设计网站内容

1、用户的登录：

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

2、用户注册：

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

3、管理员管理：

对已注册的用户管理，其中可也对用户的修改、删除添加。

登录方法在地址栏中输入http:

//localhost:

8081/

wangyeshiji/admin，即进入管理员登陆界面输入密码账户，账

户是admin、密码是123。

4、网站信息管理

主页样式

二、网

用管

I勺链接主要代码;理

登

Access）:

亠玄.「…二

■，：

"-!

：

"一-二二M=■二P■二二亡二•'汀--a-*'—.—--=——L-'L—.—--―_-•__—»-_一

在数据库中，需建立两个表用户信息表和管理员信息表。

用

link，字段名包括id、namemimal、等。

用户管

admin

th、

，有两个子段及admin、passwrod。

■丁•龙f-沖..m

…，广S-

7

户的修改

I：

■在汎+UN・霽显Pt嵐走柔»

!

J文IW輛旧视圈QflMA（E工盘（D窗口OiO

■/■'■"■:

S<■/!

-.

拠曲型

会员登陆

代码如下:

HTML

v%@LANPUAGE="VBSCRIPT"CODEPAGE="936"%>

DOCTYPEHTMLPUBLIC"-//W3C//DTDTransitional//EN"〔邂直

"http:

//www.w3.org/TR/html4/loose.dtd">

vmetahttp-equiv="Content-Type"content="text/html;

charset=gb2312">

vstyletype="text/css">

--

.style2{font-size:

24px}

.style5{font-size:

24px;font-weight:

bold;}

.style6{font-size:

14px}-->

action="dengluchenggong.asp">

cellpadding="10"cellspacing="0">

name="name1"type="text"id="name1"maxlength="4"/>