网页设计设计报告

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作为进入网站的首页。

脚本技术：

应用了 这句代码，插入了框架。调用了另一个网页。

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

星期一：确定主题，构建网站的框架。

星期二：查找素材包括图片、特效代码、flash及文字资料等

星期三：网站布局，做各个页面。

星期四：精细细节，做好链接。

星期五：网页展示。

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

建立网站一定要有一个明确的主题，知道自己是在做什么，准备做什么，规划要做细致，要精确到网页的每一个部分。千万不要做到一半偏离主题，做了一个大杂烩的网页。收集素材是必不可少，前期规划好后就应该把相应的素材找好，这样可以在后期制作时省去大部分时间，不用再忙来忙去找素材。还要注意色彩的搭配，图片与背景的搭配是否应景，是否与主题相呼应。另外，素材在运用前应该进行相关处理，这样可以大大减少后期的制作的工作量。

十、参考资料网页素材库

百度