网页设计毕业设计任务书Word格式.docx
- 文档编号:22139676
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:9
- 大小:111.11KB
网页设计毕业设计任务书Word格式.docx
《网页设计毕业设计任务书Word格式.docx》由会员分享,可在线阅读,更多相关《网页设计毕业设计任务书Word格式.docx(9页珍藏版)》请在冰豆网上搜索。
通过网站,全面宣传,展示网页的风采与特色,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据存储,数据修改以及数据删除等。
(二)设计内容及目标(包括要实现的主要功能,采用的主要开发工具,开发方法或者开发模型)
实现的主要功能:
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"
>
html>
head>
vmetahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
title>
用户登录<
/title>
vstyletype="
text/css"
--
.style2{font-size:
24px}
.style5{font-size:
24px;
font-weight:
bold;
}
.style6{font-size:
14px}-->
/style>
/head>
bodybgcolor="
#99FF66"
tr>
action="
dengluchenggong.asp"
cellpadding="
10"
cellspacing="
0"
trbgcolor="
#CCCCCC"
/tr>
name="
name1"
type="
text"
id="
maxlength="
4"
/>
/td>
/strong>
/div>
bgcolor="
#FFCCFF"
xinputtype="
password"
mima1"
v/tr>
#D4D0C8"
tdcolspan="
2"
spanclass="
style2"
vinputname="
Submit"
submit"
class="
value="
确定"
<
/span>
v/td>
/table>
/form>
v/td>
v/table>
v/body>
v/html>
3、用户注册界面,它与登录所呈现界面的代码相似:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 毕业设计 任务书