网页设计设计报告

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

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做的,当鼠标移动到每个栏目上都会有两个横向的下拉菜单。详见结构图。

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

例如下面:

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

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

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

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

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

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

页面组成:

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

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

布局方法:

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

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

脚本技术:

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

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

星期一:确定主题,构建网站的框架。

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

星期三:网站布局,做各个页面。

星期四:精细细节,做好链接。

星期五:网页展示。

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

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

十、参考资料

网页素材库

百度

相关文档
最新文档