西安翻译学院课 程 设 计 报 告院 系： 工程技术学院 课程名称： 网页编程 设计题目： 梦回江南旅游网站 专 业： 软件工程 班 级： 103110701 学 号： 05 号 姓 名： 王亚云 指导教师： 任小琦 设计时间： 2012 年 5 月至 2012 年 6 月 2012 年 6 月 10 日 网页编程课程设计评分表班级： 103110701 姓名： 王亚云 学号： 10311070105 分数：_交卷日期： 2012-06-10分项目要求（共 100 分） 满分学生自评分教师评分CSS 布局 ，布局合理。 10 6页面风格简洁、明快 10 6页面布局 30分网站图标设计新颖，紧扣主题，突显风格。 10 6色彩搭配合理，线条流畅，色彩反映主题 10 6重心稳 5 2色彩使用20分 不滥用图片、动画 5 3界面友好10分操作方便，导航明确 10 6整个站点风格一致。 5 3页面深度不超过 3 级。 5 3层次清楚20分 各级页面之间往返访问方便、有效。10 6各网页链接有效，不出现显示不出的图片。 5 4链接有效10分没有无效链接、错误链接和非法链接。 5 3文件管理10分站点内文件、文件夹的命名和存放规范合理。 10 6总 分 60 课 程 设 计 任 务 书设计题目 梦回江南旅游网站学生姓名 王亚云 专业 软件工程 班级 103110701设计要求：1. 课程设计要求一组一题，每题之间不得有雷同现象。2. 课程设计过程中，首先要进行项目调研分析、技术设计分析及页面布局。3. 每个题目至少要 有 10 个不同页面（不能利用模板生成） 。作品中必须有 index.htm 为索引页，作品中需包含 flash 动画、超链接、图片、声音等多媒体元素。学生应完成的工作：1、分析2、规划3、设计4、实现5、测试6、撰写课程设计报告参考文献阅读：1 任小琦，网页编程.清华大学出版社，20011.122 李烨.别具光芒 DIV+CSS 网页布局与美化.北京：人民邮电出版社，20063 李超.CSS 网站布局实录 .北京：科学出版社,20064 贾素玲等.JavaScript 程序设计.北京：清华大学出版社,20075 黄斯伟.HTML 完全使用详解.北京：人民邮电出版社，2006工作计划：2012 年 5 月 3 日至 2012 年 5 月 4 日分析2012 年 5 月 5 日至 2012 年 5 月 10 日网页结构的构思2012 年 5 月 11 日至 2012 年 5 月 21 日编写网页代码编写2012 年 5 月 22 日至 2012 年 6 月 15 日测试网页，修改美化2012 年 6 月 16 日至 2012 年 6 月 20 日撰写课程设计报告 任务下达日期： 2012 年 5 月 2 日 任务完成日期： 2012 年 6 月 26 日指导教师（签名）： 学生（签名）： 目 录一、课程设计目的 .1二、课程设计题目描述及要求 .1三、课程设计报告内容 .2四、总结 .61课程设计报告一、课程设计的开发目的1、通过实训加深和扩展我们的理论知识与专业技能2、提高了我们的动手编程能力3、学会理论与实践相结合、培养了应用所学的理论知识和技能、解决实践中所遇到的实际问题的能力4、培养了正确的设计思想和思维方法网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。二、课程设计题目描述及要求网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美需求和功能需求等。人们对美的追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。网页设计的主题为梦回江南旅游网站，它是一种网络旅游公共平台，是以视听互动为核心、融网络特色与旅游特色于一体的全球化、多渠道、多终端的交流平台，是开放的网民互动交流选择平台。梦回江南旅游网站对江南的美景向全球网民全面、及时地反应，让更多的旅游达人和向往大自然风景的游客们2可以足不出户，就了解有关江南水乡最新的旅游情况，选择自己心仪的景点，在忙碌的工作之后，全身心的放松自我。通过梦回江南旅游网站，广大网民不仅可以选择旅游景点，还可以参与评论、发表意见、表达观点，具有传民情、聚民意、汇民智的功能。三、课程设计报告内容1需求分析1.1、考虑该用怎样的表格与 CSS 来实现各个模块之间的布局与定位；1.2、代码写错时，浏览并分析出错的地方是否是属性名称没拼对还是缺少标点或者代码没打全等等。2. 开发平台本系统的开发平台:硬件:CPU:E7400 2.80Ghz内存:2GB硬盘:500G显示器:HP L1710软件:操作系统:windows 7开发语言:HTML、CSS3.设计的部分代码及运行效果图梦回江南 3首页旅游线路简介 4名胜古迹江南历史江南人文江南小吃关于我们联系我们用户登录用户：密码：忘记密码 今日推荐雷峰夕照同里古镇瘦西湖千湖岛5城市选择苏州杭州扬州嘉兴镇江上海南京绍兴济南旅游导航桐乡乌镇同里古镇周庄古镇茱萸湾拙政园凤凰岛临安天目山留园鼋渚春涛酒店推荐海宁米兰假日酒店 杭州龙和假日酒店（美食街店）桐乡乌镇民宿无锡 789 酒店宿州金满楼汇源国际大酒店 扬州红杉树酒店联系方法-招聘信息-网站地图-客服中心-隐私政策-用户许可协议2010©right by WangYayun4.运行结果分析网页运行整体效果良好，基本达到了预定的效果，小部分的 CSS 布局与定位需要进行改进和调整。四、总结经过将近一个月的时间，在同学和老师的帮助下，基本上完成了本次课程设计，基本完成了梦回江南旅游网站的功能要求。这次网页设计课程设计给我的最大的印象是：基本知识是一切的根本；架构是重要的，想像的还要重要；实践比一切空谈和理论更能学到东西。从做这个网页设计开始无论遇到什么困难，我都没有一丝的放弃的念头。在设计过程7中一定要慎重，仔细。来不得半点马虎。布局是整个课程设计的中心，考虑要全面，分析彻底。才会为后来的设计打下良好的基础。否则，前功尽弃，甚至不能完成任务。从这次课程设计中我也学到了额外的知识，初步了解到了制作网页的方法，熟悉了本学期的网页编程教程的知识，受益匪浅。最后，感谢老师的耐心指导和同学的帮助，没有你们的无私教导和帮助，就没有今天的梦回江南旅游网站的实现，衷心感谢你们！8参考文献：1 任小琦，网页编程.清华大学出版社，20011.122 李烨.别具光芒 DIV+CSS 网页布局与美化.北京：人民邮电出版社，20063 李超.CSS 网站布局实录 .北京：科学出版社,20064 贾素玲等.JavaScript 程序设计.北京：清华大学出版社,20075 黄斯伟.HTML 完全使用详解.北京：人民邮电出版社，2006 指导教师评语 成 绩： 指导教师签字：年 月 日院系意见：负责人签字：年 月 日