网页设计报告.docxVIP

XXXXXX学校 课程设计计划书 课程设计任务书课程设计指导书 2013/2014学年上期 课程名称： 网页设计与制作 系 别： 计算机科学系 年级专业： 软件XX班 学生： XXX 学 号： XXXXXXXXX 指导教师： XXX 目录 ? 全名及logo标志 3 ? 建立的目的、意义 3 ? 网页设计制作最突出的创意 3 ? 的栏目设计 5 ? 色彩搭配及其含义 6 ? 的结构图和页面组成 8 ? 设计中具体实现的几个关键功能和相关技术说明 9 ? 如何安排进度和计划完成时间 9 ? 建设的心得体会和扩展性分析 9 ? 参考资料 10 、全名及logo 标志 全名：Jewelry珠宝公司 Logo 标志： / 二、 建立的目的、意义 建立的目的：面向全世界宣传高级定制珠宝 建立的意义：高级定制，绝无仅有的珠宝 三、 网页设计制作最突出的创意 生罠天星圃- 生 罠天星圃- 備曲会被r和禮眇的引力互相牵引 串F列或不同一‘小 当中澱耀眼. 为星柯夜空带来生命? int不同月尸泊曾垢性 恋爱炖谊* * THf SIGN OF.tOV-E星眷恋人 星用妙戒系列.*…亠】 我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚 戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为 透明，也使整个页面的效果更佳了。 而对于这效果的实现，我是先在网页素材库里面找了这个图片特 效，然后再运用了一个框架将这个特效嵌入到框架里面。 其中运用了嵌入框架的的代码是： viframe width二640 heigh t二760 src=地址/iframe 还有这个页面也是用的这个特效： Tht Graff Sweethearts■格竝芙粉钻石相QW年）The Tvm Stars（2010 Tht Graff Sweethearts ■ 格竝芙粉钻石相QW年） The Tvm Stars（2010年） 裕拉吳星座之刁仙BJ年） 点击箭头符号，图片也随之切换 的首页我设计是一个进入flash，点击enter字符进入公司简介 这个页面我也很是喜欢，虽然简单，但是很精彩。 Flash是在网 上找的素材。 四、 的栏曰设计 -A可伺 /飞门頑刈 1 订“/cj； 系列 换钻升卡 这个导航栏是我自己用firework做的，当鼠标移动到每个栏目 上都会有两个横向的下拉菜单。详见结构图。 五、 色彩搭配及其含义（如绿色 +金黄+淡白，体现优 雅，舒适的感觉） 例如下面: 公司简介肯定是代表整个公司的形象， 所以要大气，而珠宝是华 贵而又奢华的，所以我选用的是美国纽约的帝国大厦的城市夜景作为 背景。既有低调的奢华，又不失大气。 品牌历史是有着历史的沉淀的，所以我选择了古希腊的 历史建筑作为背景，再与公司创始人的黑白照片搭配，更显 出历史厚重感 轻古业毘■的站石t艺鼻滅貝金的捡验.扌台引嶽rrit ：;“叭秋. 獻＜1 訳 雷技卓?{?帰持 if* ■- ry ■ 舟mWF站山“*圧宁櫚知焜利 r劃 5 師蛊I臨评甌 才謹疋就踐加 全新钻饰 这个页面用喷泉作为背景，有着一种朦胧的美感，与钻石的 闪耀形成鲜明的对比。 …ThCSigN of,Love星春恋人\\牢和兀“閉用谀早平丢㈢空合， …ThCSigN of,Love星春恋人 \\ 牢和兀“閉用谀早平丢㈢空合，■… 覆此膽虫番引晉翻幅奉淫、: 互不町務樂逞迟驾一辈m的绦梢二■ u ■ — 演天垦購?*- ? ■ft綁荊土腴二种畔的引刀互相華儿 fll列成不同朗祸狀i 4f 当中杲傭甲白:十一泪. 为塁诃电空带来生A,- P惓右、打苗;R潘卜 丁*』 : 星座婚戒系列:「I 用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应 用漫天的繁星作为背景与“星眷恋人”这个主题恰好相呼应  订婚钻戒用热恋中相拥的男女作为背景， 但图片并不是很清 楚，深色的背景更能突显出钻戒熠熠生辉。 六、的结构图和页面组成 flash进入页面 公司简介产品系列珠宝系列换钻升卡 公司简介 产品系列 珠宝系列 换钻升卡 品牌历史傲 人 之 处t经 典 系 列传世名钻独 特 珠 宝 品牌历史 傲 人 之 处 t 经 典 系 列 传世名钻 独 特 珠 宝 星眷 恋人 婚戒 系列 页面组成: 我每个栏目都做了一个网页，除了“经典系列”与“独特珠宝” 没有做页面。 七、 设计中具体实现的几个关键功能和相关技术说明（例 如布局的方法：应用层、应用表格、应用模板、应用 Flash 或其他脚本技术） 布局方法： 页面的大部分都是应用的表格布局的，都是一个表格嵌套的一个表 格，少部分应用的层布局。因为表格比较稳定，打开不容易混乱。 应用flash : 我在首页应用了 flash作为进入的首