网页设计设计报告

XXXXXX 学校 课程设计计划书 课程设计任务书 课程设计指导书 2013 2014 学年上期 课程名称课程名称 网页设计与制作网页设计与制作 系系 别别 计算机科学系计算机科学系 年级专业年级专业 软件软件 XXXX 班班 学生姓名学生姓名 XXXXXX 学学 号号 XXXXXXXXXXXXXXXXXX 指导教师指导教师 XXX 2 目录目录 网站全名及 logo 标志 3 建立网站的目的 意义 3 网页设计制作最突出的创意 3 网站的栏目设计 5 色彩搭配及其含义 6 网站的结构图和页面组成 8 网站设计中具体实现的几个关键功能和相关技术说明 9 如何安排进度和计划完成时间 9 网站建设的心得体会和扩展性分析 9 参考资料 3 10 一 网站全名及一 网站全名及 logologo 标志标志 网站全名 Jewelry 珠宝公司 Logo 标志 二 建立网站的目的 意义二 建立网站的目的 意义 建立网站的目的 面向全世界宣传高级定制珠宝 建立网站的意义 高级定制 绝无仅有的珠宝 三 三 网页设计制作最突出的创意网页设计制作最突出的创意 4 我最喜欢这个页面的设计 这个页面用来展示了一个系列的婚 戒 点击下面的小图片 上面的图片也会随之变换 而且图片背景 为透明 也使整个页面的效果更佳了 而对于这效果的实现 我是先在网页素材库里面找了这个图片 特效 然后再运用了一个框架将这个特效嵌入到框架里面 其中运用了嵌入框架的的代码是 还有这个页面也是用的这个特效 点击箭头符号 图片也随之切换 网站的首页我设计是一个进入 flash 点击 enter 字符进入公 司简介 5 6 这个页面我也很是喜欢 虽然简单 但是很精彩 Flash 是在 网上找的素材 四 四 网站的栏目设计网站的栏目设计 这个导航栏是我自己用 firework 做的 当鼠标移动到每个栏目 上都会有两个横向的下拉菜单 详见结构图 五 五 色彩搭配及其含义 如绿色色彩搭配及其含义 如绿色 金黄金黄 淡白 体现优淡白 体现优 雅雅 舒适的感觉 舒适的感觉 例如下面 公司简介肯定是代表整个公司的形象 所以要大气 而珠宝是公司简介肯定是代表整个公司的形象 所以要大气 而珠宝是 华贵而又奢华的 所以我选用的是美国纽约的帝国大厦的城市夜景华贵而又奢华的 所以我选用的是美国纽约的帝国大厦的城市夜景 作为背景 既有低调的奢华 又不失大气 作为背景 既有低调的奢华 又不失大气 7 品牌历史是有着历史的沉淀的 所以我选择了古希腊品牌历史是有着历史的沉淀的 所以我选择了古希腊 的历史建筑作为背景 再与公司创始人的黑白照片搭配 的历史建筑作为背景 再与公司创始人的黑白照片搭配 更显出历史厚重感 更显出历史厚重感 这个页面用喷泉作为背景 有着一种朦胧的美感 与钻石这个页面用喷泉作为背景 有着一种朦胧的美感 与钻石 的闪耀形成鲜明的对比 的闪耀形成鲜明的对比 8 用漫天的繁星作为背景与用漫天的繁星作为背景与 星眷恋人星眷恋人 这个主题恰好相呼这个主题恰好相呼 应应 订婚钻戒用热恋中相拥的男女作为背景 但图片并不是很订婚钻戒用热恋中相拥的男女作为背景 但图片并不是很 清楚清楚 深色的背景更能突显出钻戒熠熠生辉 深色的背景更能突显出钻戒熠熠生辉 六 六 网站的结构图和页面组成网站的结构图和页面组成 flash 进入页面 公司简介产品系列珠宝系列换钻升卡 品 牌 历 史 傲 人 之 处 独 特 珠 宝 传 世 名 钻 婚 嫁 系 列 经 典 系 列 星眷 恋人 婚戒 系列 9 页面组成 我每个栏目都做了一个网页 除了 经典系列 与 独特珠宝 没有做页面 七 七 网站设计中具体实现的几个关键功能和相关技术说明网站设计中具体实现的几个关键功能和相关技术说明 例如布局的方法 应用层 应用表格 应用模板 应用 例如布局的方法 应用层 应用表格 应用模板 应用 FlashFlash 或其他脚本技术 或其他脚本技术 布局方法 页面的大部分都是应用的表格布局的 都是一个表格嵌套的一个表 格 少部分应用的层布局 因为表格比较稳定 打开不容易混乱 应用 flash 我在首页应用了 flash 作为进入网站的首页 脚本技术 应用了 这句代码 插入了框架 调用了另一个网页 八 如何安排进度和计划完成时间八 如何安排进度和计划完成时间 星期一 确定主题 构建网站的框架 星期二 查找素材包括图片 特效代码 flash 及文字资料等 星期三 网站布局 做各个页面 星期四 精细细节 做好链接 星期五 网页展示 九 九 网站建设的心得体会和扩展性分析网站建设的心得体会和扩展性分析 10 建立网站一定要有一个明确的主题 知道自己是在做什么 准 备做什么 规划要做细致 要精确到网页的每一个部分 千万不要 做到一半偏离主题 做了一个大杂烩的网页 收集素材是必不可少 前期规划好后就应该把相应的素材找好 这样可以在后期制作时 省去