网页编程课程设计报告.doc

西安翻译学院 课 程 设 计 报 告 院 系 工程技术学院 课程名称 网页编程 设计题目 鲜花蛋糕礼品店 专 业 软件技术 班 级 113120701113120701 学 号 1131207011011312070110 学生姓名 杜奇 指导教师 王艳丽 设计时间 2012 年 6 月 二二 一二一二 年年 六六 月月 二十六日二十六日 课课 程程 设设 计计 任任 务务 书书 设计题目鲜花蛋糕礼品店 学生姓名杜奇专业软件技术班级11312070110 设计要求 设计要求 1 使用 CSS 布局网页 页面风格简洁 明快 设计新颖 紧扣主题 2 色彩搭配合理 线条流畅 色彩反映主题 重心稳 不滥用图片 动画 3 界面友好 操作方便 导航明确 4 层次清楚 整个站点风格一致 页面深度不超过 3 级 各级页面之间往返访问方便 有效 5 链接有效 各网页链接有效 不出现显示不出的图片 没有无效链接 错误链接和非法链 接 6 文件管理 站点内文件 文件夹的命名和存放规范合理 学生应完成的工作 学生应完成的工作 1 素材收集 2 充分理解盒子模型 3 使用 CSS DIV 布局一个电子商务网站 4 完成网站设计 使网站具有文化气息 5 完成课程设计报告 参考文献 参考文献 1 任小琦 网页设计与制作 西安 西安交通大学出版社 2011 12 2 杨水清 Javascript 动态网页开发详解 北京 电子工业出版社 2008 1 3 CSS 黑板报 http www css 工作计划 工作计划 5 20 5 25 构思网站主题 确定网站风格及重构方案 5 26 6 1 用 CSS 进行网站布局 完成主页框架 6 2 6 10 完成网站基本元素 调整个别视觉效果 6 10 6 15 充实网站内容 完成整个网站 6 15 6 20 对网站进行兼容性等测试 完善各项细节 任务下达日期 2012 年 5 月 14 日 任务完成日期 2012 年 6 月 20 日 指导教师 签名 学生 签名 目目 录录 1 课程设计目的 1 1 1 课程设计目的 1 2 课程设计题目描述和要求 1 2 1 课程设计题目描述 1 2 2 课程设计题目要求 1 3 课程设计报告内容 2 3 1 网站的总体规划 2 3 2 网站风格定位 2 3 3 网站代码方案 3 4 总结 4 5 参考文献 4 1 课程设计目的课程设计目的 1 1 课程设计目的 通过课程设计 每个学生在指导教师的指导下 完成一定的任务 受到一次综合 运用所学知识 独立完成某项技术工作的训练 从而培养和提高其独立工作能力 主 要有以下四个方面的业务能力 1 综合运用所学专业基本理论 提高查阅文献和资料的能力 2 培养学生进行方案设计 分析比较和设计 计算的能力 3 培养学生网站开发 和调试计算机程序的能力 4 提高学生进行技术总结和撰写说明书的能力 2 课程设计题目描述和要求课程设计题目描述和要求 2 1 课程设计题目描述 本次课程设计的题目为 鲜花蛋糕礼品店 这是一个以网上订花 订蛋糕为主体的 文化网站 该网站不仅能完成网上订餐等便捷服务 还能使用户了解花艺文化 富有文化 气息 2 2 课程设计题目要求 本课程是为了配合 网页设计 课程开设 通过使用 Dreamweaver 完成设计 主要使 学生在规定的时间内 完成课程内容涉及到的主要课题设计 实现和训练 使学生掌握网 页制作的理论知识与实践结合 扩大加深对网站建设的理解 并提高学生的实践能力 对学生要求如下 1 要充分认识课程设计对培养自己的重要性 认真做好设计前的各项准备工作 2 既要虚心接受老师的指导 又要充分发挥主观能动性 结合课题 独立思考 努力 钻研 勤于实践 勇于创新 3 独立按时完成规定的工作任务 不得弄虚作假 不准抄袭他人内容 4 在设计过程中 要严格要求自己 树立严肃 严密 严谨的科学态度 必须按时 按质 按量完成课程设计 3 课程设计报告内容课程设计报告内容 3 1 网站的总体规划 作为一个网上订花网站 需要有拥有花艺文化气息 在花样订购的基础上 贯穿花艺 文化 使网站充满亲和力 网站结构图如下 3 2 网站风格定位 虽说本网站为一个电子商务功能的网站 但主题为销售 所以我并没有设计为商务感 很强的风格 而是采用绿色和橙色为主色调的清新风格 绿色 粉色有花朵美好之义 从视觉上调动用户的喜爱 鲜花蛋糕礼品店 店铺首页付款帮助购物保证留言板信用评价 卡通花束鲜花专区蛋糕专区买家须知关于本店 网站首页预览图 网站首页预览图 图图 1 1 图图 2 2 3 3 网站代码方案 本网站采用 HTML CSS 布局排版 经测试 IE6 0 版本以上浏览器均可正常浏览 4 总结总结 通过这次课程设计 学会了怎样使用 Dreamweaver 和手写代码制作静态网站 并且在 查阅资料和请教他人的过程中掌握了许多课本上没有的内容 制作过程中 和同学老师相互交流 充分认识到团队精神的重要性 并且在专业知识的基础上 还了解了饮食文化 扩大了知识面 这次网站制作中 有以下心得经验 1 CSS 布局用浮动时 margin 在 IE7 0 以下得不到很好的兼容 容易出现层错位现 象 2 使用定位方案来布局网页 能使得各层精准 并且兼容性强 3 充分利用 Photoshop 4 背景图片用小尺寸图片进行填充 这样可以减小文件大小 加快下载时间 5 所有文件夹及文件应当用英文命名 5 参考文献参考文献 1 陈轶 姚晓昆 Java 程序设计实验指导 M 北京 清华大学出版社 2006 6 2 吴其庆 java 程序设计实例教程 M 北京 冶金工业出版社 2006 7 3 陈国君 java2 程序设计基础 M 北京 清华大学出版社 2006 6 4 郑莉 王行言 马素霞 java 语言程序设计 M 北