网页设计设计报告

1、XXXXXX 学校 课程设计计划书 课程设计任务书 课程设计指导书 2013/2014学年上期 课程名称：网页设计与制作 系 别：计算机科学系 年级专业：软件XX班 学生姓名：XXX 学 号： XXXXXXXXX 指导教师： 目录 网站全名及logo标志 3 ?建立网站的目的、意义 3 ?网页设计制作最突出的创意 3 ?网站的栏目设计 5 ?色彩搭配及其含义 6 ?网站的结构图和页面组成 8 ?网站设计中具体实现的几个关键功能和相关技术说明 9 ?如何安排进度和计划完成时间 9 ?网站建设的心得体会和扩展性分析 9 ?参考资料 10 10 、网站全名及logo 标志 网站全名：Jewelry珠

2、宝公司 Logo标志： 二、建立网站的目的、意义 建立网站的目的：面向全世界宣传高级定制珠宝 建立网站的意义：高级定制，绝无仅有的珠宝 三、网页设计制作最突出的创意 .THCS1GN OF EOVE星眷恋人 *: :星座婚戒系列匚 詡咐紅!冃J.t旳三齐. 排列或不同护战 当中晟耀眠軒二组” 为星:可丧空持京生席.-. 魅显环同月宿的JB栉ST性 * 闪耀看幸福很泯的 恋娈历穆*- 职和牡相遇飪天的契2 引着丈.涌的不性.： 亙尸订试王横这嚴一罟泌种: 我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚 戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为 透明，也使整个页面的效果

3、更佳了。 而对于这效果的实现，我是先在网页素材库里面找了这个图片特 效，然后再运用了一个框架将这个特效嵌入到框架里面。 其中运用了嵌入框架的的代码是：viframe width二640 heigh t二760 src=地址 还有这个页面也是用的这个特效： Tht Graff Sweethearts 德乩里日世纺（加M年） 格拉芙粉钻石熄Q氏年） The Tvin Stars（201Q年） 裕卷芙星座之石伽10年） 点击箭头符号，图片也随之切换 网站的首页我设计是一个进入flash，点击enter字符进入公司 简介 这个页面我也很是喜欢，虽然简单，但是很精彩。Flash是在网 上找的素材。 阪1

4、寺上的栏曰裙丰 * VXfZJfiFf l 壽镇显竹 珠宝系列 换钻升長 这个导航栏是我自己用firework做的，当鼠标移动到每个栏目 上都会有两个横向的下拉菜单。详见结构图。 五、色彩搭配及其含义 （如绿色+金黄+淡白，体现优雅 ,舒适的感觉） 例如下面： 公司简介肯定是代表整个公司的形象， 所以要大气，而珠宝是华 贵而又奢华的，所以我选用的是美国纽约的帝国大厦的城市夜景作为 背景。既有低调的奢华，又不失大气。 irrnti 品牌历史是有着历史的沉淀的，所以我选择了古希腊的 彎萨 历史建筑作为背景，再与公司创始人的黑白照片搭配，更显 出历史厚重感。 Jowl砒川泌对兄丟少別丽視SJU,巧檻

5、坎鼎执首. 輕雪业培D的站石工绅酬具褂年口丄讹桂.tM*fTffjLrr DlwMKd. 愠fJM精;Mli用.存如暉豪+MtMMfiMTMWtei 只円烽嚴心據兀牛欄武吐丛聲 %）至 ffifAj 的评異 JKtlUiJJ.Lry IHid LLifflLirr讯册和1対虑划杠他艺#幕皐” 全新钻饰 这个页面用喷泉作为背景，有着一种朦胧的美感，与钻石的 闪耀形成鲜明的对比。 TH&SIGZ OF LOV-E星眷恋人 星康婚戒备列 J : 曾】 浜止呈韦*-* 丽紳|二讨 用鶴眇的引力互粕華刖 措利成玮同谕狀I 当电毘握眼金十泪 卅蚩河夜了帚来牛. 沁丰同月杪的JE特寓洼. P傕右打曲宓看和*

6、沾 匸杭用 . | 3 用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应 订婚钻戒 姫勺永恫用直的魚槪 订婚钻戒用热恋中相拥的男女作为背景 但图片并不是很清 深色的背景更能突显出钻戒熠熠生辉 楚 LAlMUWULn W!肌卜瞩暑議 jHf PF IVT CU#tA 六、网站的结构图和页面组成 页面组成： 我每个栏目都做了一个网页，除了“经典系列”与“独特珠宝” 没有做页面。 七、网站设计中具体实现的几个关键功能和相关技术说明 （例如布局的方法：应用层、应用表格、应用模板、应用F lash或其他脚本技术） 布局方法： 页面的大部分都是应用的表格布局的，都是一个表格嵌套的一个表 格，少部分应用

7、的层布局。因为表格比较稳定，打开不容易混乱。 应用flash : 我在首页应用了 flash作为进入网站的首页。 脚本技术： 应用了 viframe width二640 height二760 src=地址v/iframe 这句代码，插入了框架。调用了另一个网页。 八、如何安排进度和计划完成时间 星期一：确定主题，构建网站的框架。 星期二：查找素材包括图片、特效代码、flash及文字资料等 星期三：网站布局，做各个页面。 星期四：精细细节，做好链接。 星期五：网页展示。 九、网站建设的心得体会和扩展性分析 建立网站一定要有一个明确的主题， 知道自己是在做什么，准备 做什么，规划要做细致，要精确到网页的每一个部分。千万不要做到 一半偏离主题，做了一个大杂烩的网页。收集素材是必不可少，前期 规划好后就应该把相应的素材找好，这样可