网页课程设计报告.docx

1、网页课程设计报告西安翻译学院课 程 设 计 报 告院 系： 工程技术学院 课程名称： 网页编程 设计题目： 梦回江南旅游网站 专 业： 软件工程 班 级： 103110701 学 号： 05号 姓 名： 王亚云 指导教师： 任小琦 设计时间： 2012年5月至2012年6月 2012年6月10日网页编程课程设计评分表班级： 103110701 姓名： 王亚云 学号： 10311070105 分数：_ 交卷日期： 2012-06-10分项目要求（共100分）满分学生自评分教师评分页面布局 30分CSS布局 ，布局合理。106页面风格简洁、明快106网站图标设计新颖，紧扣主题，突显风格。106色彩

2、使用20分色彩搭配合理，线条流畅，色彩反映主题106重心稳52不滥用图片、动画53界面友好10分操作方便，导航明确106层次清楚20分整个站点风格一致。53页面深度不超过3级。53各级页面之间往返访问方便、有效。106链接有效10分各网页链接有效，不出现显示不出的图片。54没有无效链接、错误链接和非法链接。53文件管理10分站点内文件、文件夹的命名和存放规范合理。106总 分60课 程 设 计 任 务 书设计题目梦回江南旅游网站学生姓名王亚云专业软件工程班级103110701设计要求：1. 课程设计要求一组一题，每题之间不得有雷同现象。2. 课程设计过程中，首先要进行项目调研分析、技术设计分析

3、及页面布局。3. 每个题目至少要有10个不同页面（不能利用模板生成）。作品中必须有index.htm为索引页，作品中需包含flash动画、超链接、图片、声音等多媒体元素。学生应完成的工作：1、分析2、规划3、设计4、实现5、测试6、撰写课程设计报告参考文献阅读：1 任小琦，网页编程.清华大学出版社，20011.122 李烨.别具光芒DIV+CSS网页布局与美化.北京：人民邮电出版社，20063 李超.CSS网站布局实录 .北京：科学出版社,20064 贾素玲等.JavaScript程序设计.北京：清华大学出版社,20075 黄斯伟.HTML完全使用详解.北京：人民邮电出版社，2006工作计划：

4、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、通过实训加深和扩展我们的理论知识与专业技能2、提高了我们的动手编程能力3、学会理论与实践相结合、培养了应用所学的理论知识和技能、解决实践中所遇到的实际问题的能力4、培养了

5、正确的设计思想和思维方法网页的设计区别于实体化的一些东西，其多为多媒体的存在，意味着它可以容纳更多的信息以及更多的展示形式，网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点，只有这样才能满足他们的需要。二、课程设计题目描述及要求网页设计是将技术性与艺术性融为一体的创造性活动。网页设计是以功能行为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。近几年随着网络的发展而逐渐受到人们的重视，它本身已网络为载体，把各种信息以快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美需求和功能需求等。人们对美的

6、追求是不断深入的，网页设计同样如此。如何使受众能更好的和有效率地接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对视觉设计美学的一种继承和延伸，两者的表现形式和目的都有一定的相似性。网页设计的主题为梦回江南旅游网站，它是一种网络旅游公共平台，是以视听互动为核心、融网络特色与旅游特色于一体的全球化、多渠道、多终端的交流平台，是开放的网民互动交流选择平台。梦回江南旅游网站对江南的美景向全球网民全面、及时地反应，让更多的旅游达人和向往大自然风景的游客们可以足不出户，就了解有关江南水乡最新的旅游情况，选择自己心仪的景点，在忙碌的工作之后，全身心的放松自我。通过梦回江南旅游网站，广大网民不

7、仅可以选择旅游景点，还可以参与评论、发表意见、表达观点，具有传民情、聚民意、汇民智的功能。三、课程设计报告内容1需求分析1.1、考虑该用怎样的表格与CSS来实现各个模块之间的布局与定位；1.2、代码写错时，浏览并分析出错的地方是否是属性名称没拼对还是缺少标点或者代码没打全等等。2. 开发平台本系统的开发平台:硬件: CPU:E7400 2.80Ghz 内存:2GB 硬盘:500G 显示器:HP L1710软件: 操作系统:windows 7 开发语言:HTML、CSS3.设计的部分代码及运行效果图 梦回江南 首页 旅游线路简介 名胜古迹 江南历史 江南人文 江南小吃 关于我们 联系我们 用户登

8、录 用户： 密码： 忘记密码 今日推荐 雷峰夕照 同里古镇 瘦西湖 千湖岛 城市选择 苏州 杭州 扬州 嘉兴 镇江 上海 南京 绍兴 济南 旅游导航 桐乡乌镇 同里古镇 周庄古镇 茱萸湾 拙政园 凤凰岛 临安天目山 留园 鼋渚春涛 酒店推荐 海宁米兰假日酒店 杭州龙和假日酒店（美食街店） 桐乡乌镇民宿 无锡789酒店 宿州金满楼汇源国际大酒店 扬州红杉树酒店 联系方法- 招聘信息- 网站地图- 客服中心- 隐私政策- 用户许可协议 2010©right by WangYayun 4.运行结果分析 网页运行整体效果良好，基本达到了预定的效果，小部分的CSS布局与定位需要进行改进和调整。四

9、、总结经过将近一个月的时间，在同学和老师的帮助下，基本上完成了本次课程设计，基本完成了梦回江南旅游网站的功能要求。这次网页设计课程设计给我的最大的印象是：基本知识是一切的根本；架构是重要的，想像的还要重要；实践比一切空谈和理论更能学到东西。从做这个网页设计开始无论遇到什么困难，我都没有一丝的放弃的念头。在设计过程中一定要慎重，仔细。来不得半点马虎。布局是整个课程设计的中心，考虑要全面，分析彻底。才会为后来的设计打下良好的基础。否则，前功尽弃，甚至不能完成任务。从这次课程设计中我也学到了额外的知识，初步了解到了制作网页的方法，熟悉了本学期的网页编程教程的知识，受益匪浅。最后，感谢老师的耐心指导和同学的帮助，没有你们的无私教导和帮助，就没有今天的梦回江南旅游网站的实现，衷心感谢你们！参考文献：1 任小琦，网页编程.清华大学出版社，20011.122 李烨.别具光芒DIV+CSS网页布局与美化.北京：人民邮电出版社，20063 李超.CSS网站布局实录 .北京：科学出版社,20064 贾素玲等.JavaScript程序设计.北京：清华大学出版社,20075 黄斯伟.HTML完全使用详解.北京：人民邮电出版社，2006指导教师评语 成 绩：指导教师签字：年 月 日院系意见：负责人签字：年 月 日