网页设计报告

网页设计报告
网页设计报告

XXXXXX学校

课程设计计划书课程设计任务书课程设计指导书

2013/2014学年上期

课程名称:网页设计与制作

系别:计算机科学系

年级专业:软件XX班

学生姓名:XXX

学号:XXXXXXXXX

指导教师:XXX

目录

?网站全名及logo 标志

·3

?建立网站的目的、意义

·3

?网页设计制作最突出的创意

·3

?网站的栏目设计

·5

?色彩搭配及其含义

·6

?网站的结构图和页面组成

·8

?网站设计中具体实现的几个关键功能和相关技术说明·9

?如何安排进度和计划完成时间

·9

?网站建设的心得体会和扩展性分析

·9

?参考资料

·10

一、网站全名及logo 标志

网站全名:Jewelry珠宝公司

Logo标志:

二、建立网站的目的、意义

建立网站的目的:面向全世界宣传高级定制珠宝。

建立网站的意义:高级定制,绝无仅有的珠宝。

三、网页设计制作最突出的创意

我最喜欢这个页面的设计,这个页面用来展示了一个系列的婚戒。点击下面的小图片,上面的图片也会随之变换。而且图片背景为透明,也使整个页面的效果更佳了。

而对于这效果的实现,我是先在网页素材库里面找了这个图片特效,然后再运用了一个框架将这个特效嵌入到框架里面。

其中运用了嵌入框架的的代码是:

还有这个页面也是用的这个特效:

点击箭头符号,图片也随之切换。

网站的首页我设计是一个进入flash,点击enter字符进入公司简介

这个页面我也很是喜欢,虽然简单,但是很精彩。Flash是在网上找的素材。

四、网站的栏目设计

这个导航栏是我自己用firework做的,当鼠标移动到每个栏目上都会有两个横向的下拉菜单。详见结构图。

五、色彩搭配及其含义(如绿色+ 金黄+ 淡白,体现优雅, 舒适的感觉)

例如下面:

公司简介肯定是代表整个公司的形象,所以要大气,而珠宝是华贵而又奢华的,所以我选用的是美国纽约的帝国大厦的城市夜景作为背景。既有低调的奢华,又不失大气。

品牌历史是有着历史的沉淀的,所以我选择了古希腊的历史建筑作为背景,再与公司创始人的黑白照片搭配,更显出历史厚重感。

这个页面用喷泉作为背景,有着一种朦胧的美感,与钻石的闪耀形成鲜明的对比。

用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应订婚钻戒用热恋中相拥的男女作为背景,但图片并不是很清

楚,深色的背景更能突显出钻戒熠熠生辉。

六、网站的结构图和页面组成

flash进入页面

公司简介产品系列珠宝系列换钻升卡

品牌历史傲

星眷

恋人

婚戒

系列

页面组成:

我每个栏目都做了一个网页,除了“经典系列”与“独特珠宝”没有做页面。

七、网站设计中具体实现的几个关键功能和相关技术说明(例如布局的方法:应用层、应用表格、应用模板、应用F lash 或其他脚本技术)

布局方法:

页面的大部分都是应用的表格布局的,都是一个表格嵌套的一个表格,少部分应用的层布局。因为表格比较稳定,打开不容易混乱。应用flash:

我在首页应用了flash作为进入网站的首页。

脚本技术:

应用了