网页设计设计报告文档格式.docx

网页设计设计报告文档格式.docx

《网页设计设计报告文档格式.docx》由会员分享，可在线阅读，更多相关《网页设计设计报告文档格式.docx（10页珍藏版）》请在冰豆网上搜索。

年级专业：

软件XX班

学生姓名：

XXX

学号：

XXXXXXXXX

指导教师：

目录

• 

网站全名及logo标志

·

3

建立网站的目的、意义

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

网站的栏目设计

5

色彩搭配及其含义

6

网站的结构图和页面组成

8

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

9

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

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

参考资料

10

一、网站全名及logo标志

网站全名：

Jewelry珠宝公司

Logo标志：

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

建立网站的目的：

面向全世界宣传高级定制珠宝。

建立网站的意义：

高级定制，绝无仅有的珠宝。

三、 

我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚戒。

点击下面的小图片，上面的图片也会随之变换。

而且图片背景为透明，也使整个页面的效果更佳了。

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

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

<

iframewidth="

640"

height="

760"

src="

地址"

>

/iframe>

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

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

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

这个页面我也很是喜欢，虽然简单，但是很精彩。

Flash是在网上找的素材。

四、 

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

详见结构图。

五、 

色彩搭配及其含义（如绿色+金黄+淡白，体现优雅,舒适的感觉）

例如下面：

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

既有低调的奢华，又不失大气。

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

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

用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应

订婚钻戒用热恋中相拥的男女作为背景，但图片并不是很清楚，深色的背景更能突显出钻戒熠熠生辉。

六、 

网站的结构图和页面组成

页面组成：

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

七、 

网站设计中具体实现的几个关键功能和相关技术说明（例如布局的方法：

应用层、应用表格、应用模板、应用Flash或其他脚本技术）

布局方法：

页面的大部分都是应用的表格布局的，都是一个表格嵌套的一个表格，少部分应用的层布局。

因为表格比较稳定，打开不容易混乱。

应用flash：

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

脚本技术：

应用了<

这句代码，插入了框架。

调用了另一个网页。

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

星期一：

确定主题，构建网站的框架。

星期二：

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

星期三：

网站布局，做各个页面。

星期四：

精细细节，做好链接。

星期五：

网页展示。

九、 

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

建立网站一定要有一个明确的主题，知道自己是在做什么，准备做什么，规划要做细致，要精确到网页的每一个部分。

千万不要做到一半偏离主题，做了一个大杂烩的网页。

收集素材是必不可少，前期规划好后就应该把相应的素材找好，这样可以在后期制作时省去大部分时间，不用再忙来忙去找素材。

还要注意色彩的搭配，图片与背景的搭配是否应景，是否与主题相呼应。

另外，素材在运用前应该进行相关处理，这样可以大大减少后期的制作的工作量。

十、 

网页素材库

XX