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

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

河南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 MX2004、Photoshop CS3、Flash CS3、Fireworks CS3,使用IIS浏览网页效果。

技术资料：
使用Dreamweaver MX 2004编写ASP VBScript 动态网站，来确定网页的布局、栏目和板块，编写后台管理的一系列的代码，后面有相关的代码介绍。

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

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

（四）应用范围和前景（采用设计产品后能给用户带来的直接效益以及可预见的发展前景）
前景是可观的，随着网络的发展，网页也迅速发展，可以这样说：“能上网的地方就有网页的存在” 。

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

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

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

应用范围可以说是全球性的，它包括生活的方方面面，如：购物网、学
术方面、太极拳网站、教育网、食品方面等等。

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

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

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

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

（五）计划进度:（请详细列出开发工作的规划步骤和计划分配的时间）
规划步骤及时间分配
第一周：
【1】设计前的素材收集：网上搜一些网页背景，FIASH源代码、小图标和一些gif 格式的动画等。

【2】首页的确定栏目和板块：
①首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

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

③正文的框架设置（横向因素和纵向因素交错）第二周——第三周：
【1】数据库与ASP连接及注册账户、登录账户、管理员模块组建、及各模块的编写代码。

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

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

在使用前先要安装它。

link ，字段名包括id 、name mimal 、等。

用户管 admin ，有两个子段及 admin 、passwrod 。

■丁 •龙
f-沖
..
m
户
的修改
主页样式
二、网
用
管
I 勺链接主要代码;理
登
Access ）: 亠玄.「…二
■，："-!："一 -二二 M = ■二 P ■二二亡二•'汀
--a- * '—
.— -- =—
— L - 'L — .
— -- ― _ - • _ _ — » -_ 一
在数据库中，需建立两个表用户信息表和管理员信息表。

用
（六）设计产品（最后所提交的软件或者源代码及相应开发文
档，可附页）
一、设计网站内容
1、用户的登录：仅接受指定信息的用户登录，确保数据安全性。

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

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

登录方法在地址栏中输入 http://localhost:8081/
wa ngyeshiji/admi n ，即进入管理员登陆界面输入密码账户，账
户是admin 、密码是123。

4、网站信息管理
th
、
…，广 S -
7
I ：■在汎+UN ・霽显Pt 嵐走柔»
圭用户登录界面: _ minrhal
dianlnia 自
文
文
文
曰间
43
P=E
Id
用
密
电
申
」
一
■
寸
局
户
码
话
HTML
! J文IW 輛旧视圈Qfl MA(E 工盘(D 窗口OiO
■ /■'■" ■: S< ■ /!-.
拠曲型
会员登陆
代码如下:
V%@LANPUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCT YPE HTML PUBLIC "-//W3C//DTD
Transitional//EN" 〔邂直
"/TR/html4/loose.dtd">
<html>
<head>
vmeta http-equiv="C onten t-Type" conten t="text/html; charset=gb2312">
<title>用户登录</title>
vstyle type="text/css">

<table width="543" border="0" align="center"
cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td width="541" align="left" valign="top" bgcolor="#99ff66"><form name="form1" method="post"
<table width="535" border="1" align="center"
cellpadding="10" cellspacing="0">
<tr bgcolor="#CCCCCC">
<td
class="style5"> colspan="2"><div align="center"><span 会员登陆</span></div></td>
</tr> <tr>
<td width="150" align="right" class="style5
bgcolor="#9999FF"><div style6"><strong>用户名：
</style></head>
<body bgcolor="#99FF66"> action="dengluchenggong.asp">
</strong></div></td>
bgcolor="#FFCCFF"
<td width="450"><input name="name1" type="text" id="name1" maxlength="4" /></td> </tr>
<tr>
<td width="150" align="right class="style6 bgcolor="#9999FF"><div style5"><strong>密码：
</strong></div></td>
vtd n ame="mima1"
bgcolor="#FFCCFF"xi nput
type="password" id="mima1" />
</td>
v/tr>
<tr bgcolor="#D4D0C8">
<td colspa n="2">
<spa n class="style2"> vin put n ame="Submit" type="submit" class="style2" value="确定">
</spa n> v/td>
</tr>
</table>
</form>
v/td>
v/tr>
v/table>
v/body>
v/html> 3 、用户注册界面，它与登录所呈现界面的代码相似：。