网页设计设计报告
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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做的,当鼠标移动到每个栏目上都会有两个横向的下拉菜单。详见结构图。
五、色彩搭配及其含义(如绿色 + 金黄 + 淡白,体现优雅 , 舒适的感觉)
例如下面:
公司简介肯定是代表整个公司的形象,所以要大气,而珠宝是华贵而又奢华的,所以我选用的是美国纽约的帝国大厦的城市夜景作为背景。既有低调的奢华,又不失大气。
品牌历史是有着历史的沉淀的,所以我选择了古希腊的历史建筑作为背景,再与公司创始人的黑白照片搭配,更显出历史厚重感。
这个页面用喷泉作为背景,有着一种朦胧的美感,与钻石的闪耀形成鲜明的对比。
用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应订婚钻戒用热恋中相拥的男女作为背景,但图片并不是很清楚,深色的背景更能突显出钻戒熠熠生辉。
六、网站的结构图和页面组成
我在首页应用了flash作为进入网站的首页。
脚本技术:
应用了 这句代码,插入了框架。调用了另一个网页。
八、如何安排进度和计划完成时间
星期一:确定主题,构建网站的框架。
星期二:查找素材包括图片、特效代码、flash及文字资料等
星期三:网站布局,做各个页面。
星期四:精细细节,做好链接。
星期五:网页展示。
九、网站建设的心得体会和扩展性分析
建立网站一定要有一个明确的主题,知道自己是在做什么,准备做什么,规划要做细致,要精确到网页的每一个部分。千万不要做到一半偏离主题,做了一个大杂烩的网页。收集素材是必不可少,前期规划好后就应该把相应的素材找好,这样可以在后期制作时省去大部分时间,不用再忙来忙去找素材。还要注意色彩的搭配,图片与背景的搭配是否应景,是否与主题相呼应。另外,素材在运用前应该进行相关处理,这样可以大大减少后期的制作的工作量。
十、参考资料
网页素材库
百度