网页编程课程设计报告.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 黑板报 / 工作计划：工作计划： 5.205.25 构思网站主题，确定网站风格及重构方案 5.266.1 用 CSS 进行网站布局，完成主页框架 6.26.10 完成网站基本元素，调整个别视觉效果 6.106.15 充实网站内容，完成整个网站 6.156.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 课程设计目的 通过课程设计，每个学生在指导教师的指导下，完成一定的任务，受到一次综合 运用所学知识、独立完成某项技术工作的训练，从而培养和提高其独立工作能力，主 要有以下四个方面的业务能力： 1综合运用所学专业基本理论，提高查阅文献和资料的能力。 2培养学生进行方案设计，分析比较和设计、计算的能力。 3培养学生网站开发，和调试计算机程序的能力。 4提高学生进行技术总结和撰写说明书的能力。 2.课程设计题目描述和要求课程设计题目描述和要求 2.1 课程设计题目描述 本次课程设计的题目为鲜花蛋糕礼品店 ，这是一个以网上订花，订蛋糕为主体的 文化网站。该网站不仅能完成网上订餐等便捷服务，还能使用户了解花艺文化，富有文化 气息。 2.2 课程设计题目要求 本课程是为了配合网页设计课程开设，通过使用 Dreamweaver 完成设计。主要使 学生在规定的时间内，完成课程内容涉及到的主要课题设计、实现和训练。使学生掌握网 页制作的理论知识与实践结合，扩大加深对网站建设的理解，并提高学生的实践能力。 对学生要求如下： 1要充分认识课程设计对培养自己的重要性，认真做好设计前的各项准备工作。 2既要虚心接受老师的指导，又要充分发挥主观能动性。结合课题，独立思考，努力 钻研，勤于实践，勇于创新。 3独立按时完成规定的工作任务，不得弄虚作假，不准抄袭他人内容。 4在设计过程中，要严格要求自己，树立严肃、严密、严谨的科学态度，必须按时、 2 按质、按量完成课程设计。 3.课程设计报告内容课程设计报告内容 3.1 网站的总体规划 作为一个网上订花网站，需要有拥有花艺文化气息。在花样订购的基础上，贯穿花艺 文化，使网站充满亲和力。 网站结构图如下： 3.2 网站风格定位 虽说本网站为一个电子商务功能的网站，但主题为销售，所以我并没有设计为商务感 很强的风格，而是采用绿色和橙色为主色调的清新风格。 绿色，粉色有花朵美好之义，从视觉上调动用户的喜爱。 鲜花蛋糕礼品店 店铺首页付款帮助购物保证留言板信用评价 卡通花束鲜花专区蛋糕专区买家须知关于本店 3 网站首页预览图：网站首页预览图： 图图 1 1 图图 2 2 3.3 网站代码方案 本网站采用 HTML+CSS 布局排版，经测试，IE6.0 版本以上浏览器均可正常浏览。 4 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.北