网页设计设计报告.doc

《网页设计设计报告.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、XXXXXX学校课程设计计划书课程设计任务书课程设计指导书2013/2014学年上期课程名称：网页设计与制作系别：计算机科学系年级专业：软件XX班学生姓名：XXX学号：XXXXXXXXX指导教师：XXX 目录• 网站全名及logo标志·········································································3• 建立网站的目的、意义·········································································3• 网页设计制作最突出的创

2、意·········································································3• 网站的栏目设计·········································································5• 色彩搭配及其含义········································································6• 网站的结构图和页面组成····································

3、·····································8• 网站设计中具体实现的几个关键功能和相关技术说明·········································································9• 如何安排进度和计划完成时间·········································································9• 网站建设的心得体会和扩展性分析···············································

4、··························9• 参考资料·········································································10一、网站全名及logo标志网站全名：Jewelry珠宝公司Logo标志：二、建立网站的目的、意义建立网站的目的：面向全世界宣传高级定制珠宝。建立网站的意义：高级定制，绝无仅有的珠宝。三、 网页设计制作最突出的创意我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为透明，也使整个页面的效果更佳了。而对于

5、这效果的实现，我是先在网页素材库里面找了这个图片特效，然后再运用了一个框架将这个特效嵌入到框架里面。其中运用了嵌入框架的的代码是：还有这个页面也是用的这个特效：点击箭头符号，图片也随之切换。网站的首页我设计是一个进入flash，点击enter字符进入公司简介这个页面我也很是喜欢，虽然简单，但是很精彩。Flash是在网上找的素材。四、 网站的栏目设计这个导航栏是我自己用firework做的，当鼠标移动到每个栏目上都会有两个横向的下拉菜单。详见结构图。五、 色彩搭配及其含义（如绿色+

6、金黄+淡白，体现优雅,舒适的感觉）例如下面：公司简介肯定是代表整个公司的形象，所以要大气，而珠宝是华贵而又奢华的，所以我选用的是美国纽约的帝国大厦的城市夜景作为背景。既有低调的奢华，又不失大气。品牌历史是有着历史的沉淀的，所以我选择了古希腊的历史建筑作为背景，再与公司创始人的黑白照片搭配，更显出历史厚重感。这个页面用喷泉作为背景，有着一种朦胧的美感，与钻石的闪耀形成鲜明的对比。用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应订婚钻戒用热恋中相拥的男女作为背景，但图片并不是很清楚，深色的背景更能突显出钻戒熠熠生辉。六、 网站的结构图和页面组成flash进入页面公司简介产品

7、系列珠宝系列换钻升卡品牌历史傲人之处独特珠宝传世名钻婚嫁系列经典系列星眷恋人婚戒系列页面组成：我每个栏目都做了一个网页，除了“经典系列”与“独特珠宝”没有做页面。七、 网站设计中具体实现的几个关键功能和相关技术说明（例如布局的方法：应用层、应用表格、应用模板、应用Flash或其他脚本技术）布局方法：页面的大部分都是应用的表格布局的，都是一个表格嵌套的一个表格，少部分应用的层布局。因为表格比较稳定，打开不容易混乱。应用flash：我在首页应用了flash作为进入网站的首页。脚本技术：应用了