网页课程设计报告.docx
《网页课程设计报告.docx》由会员分享,可在线阅读,更多相关《网页课程设计报告.docx(13页珍藏版)》请在冰豆网上搜索。
网页课程设计报告
西安翻译学院
课程设计报告
院系:
工程技术学院
课程名称:
网页编程
设计题目:
梦回江南旅游网站
专业:
软件工程
班级:
103110701
学号:
05号
姓名:
王亚云
指导教师:
任小琦
设计时间:
2012年5月至2012年6月
2012年6月10日
网页编程课程设计评分表
班级:
103110701姓名:
王亚云学号:
10311070105分数:
___________
交卷日期:
2012-06-10
分项目要求(共100分)
满分
学生自评分
教师评分
页面布局30分
CSS布局,布局合理。
10
6
页面风格简洁、明快
10
6
网站图标设计新颖,紧扣主题,突显风格。
10
6
色彩使用20分
色彩搭配合理,线条流畅,色彩反映主题
10
6
重心稳
5
2
不滥用图片、动画
5
3
界面友好10分
操作方便,导航明确
10
6
层次清楚20分
整个站点风格一致。
5
3
页面深度不超过3级。
5
3
各级页面之间往返访问方便、有效。
10
6
链接有效10分
各网页链接有效,不出现显示不出的图片。
5
4
没有无效链接、错误链接和非法链接。
5
3
文件管理10分
站点内文件、文件夹的命名和存放规范合理。
10
6
总分
60
课程设计任务书
设计题目
梦回江南旅游网站
学生姓名
王亚云
专业
软件工程
班级
103110701
设计要求:
1.课程设计要求一组一题,每题之间不得有雷同现象。
2.课程设计过程中,首先要进行项目调研分析、技术设计分析及页面布局。
3.每个题目至少要 有10个不同页面(不能利用模板生成)。
作品中必须有index.htm为索引页,作品中需包含flash动画、超链接、图片、声音等多媒体元素。
学生应完成的工作:
1、分析
2、规划
3、设计
4、实现
5、测试
6、撰写课程设计报告
参考文献阅读:
[1]任小琦,网页编程.清华大学出版社,20011.12
[2]李烨.别具光芒DIV+CSS网页布局与美化.北京:
人民邮电出版社,2006
[3]李超.CSS网站布局实录.北京:
科学出版社,2006
[4]贾素玲等.JavaScript程序设计.北京:
清华大学出版社,2007
[5]黄斯伟.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、通过实训加深和扩展我们的理论知识与专业技能
2、提高了我们的动手编程能力
3、学会理论与实践相结合、培养了应用所学的理论知识和技能、解决实践中所遇到的实际问题的能力
4、培养了正确的设计思想和思维方法
网页的设计区别于实体化的一些东西,其多为多媒体的存在,意味着它可以容纳更多的信息以及更多的展示形式,网页设计则要求设计者具备一些特殊技能以营造特定浏览情景。
网页设计可以在短时间内增强我们的洞察力以更好察觉使用者的兴趣点,只有这样才能满足他们的需要。
二、课程设计题目描述及要求
网页设计是将技术性与艺术性融为一体的创造性活动。
网页设计是以功能行为第一指导原则,以技术因素为主要考虑对象,以完成或实现必要的功能为目标。
近几年随着网络的发展而逐渐受到人们的重视,它本身已网络为载体,把各种信息以快捷、方便的方式传达给受众,在这种标准的要求下,逐步产生了审美需求和功能需求等。
人们对美的追求是不断深入的,网页设计同样如此。
如何使受众能更好的和有效率地接受网页上的信息,这就需要从审美方面入手。
网页设计的审美需求是对视觉设计美学的一种继承和延伸,两者的表现形式和目的都有一定的相似性。
网页设计的主题为梦回江南旅游网站,它是一种网络旅游公共平台,是以视听互动为核心、融网络特色与旅游特色于一体的全球化、多渠道、多终端的交流平台,是开放的网民互动交流选择平台。
梦回江南旅游网站对江南的美景向全球网民全面、及时地反应,让更多的旅游达人和向往大自然风景的游客们可以足不出户,就了解有关江南水乡最新的旅游情况,选择自己心仪的景点,在忙碌的工作之后,全身心的放松自我。
通过梦回江南旅游网站,广大网民不仅可以选择旅游景点,还可以参与评论、发表意见、表达观点,具有传民情、聚民意、汇民智的功能。
三、课程设计报告内容
1.需求分析
1.1、考虑该用怎样的表格与CSS来实现各个模块之间的布局与定位;
1.2、代码写错时,浏览并分析出错的地方是否是属性名称没拼对还是缺少标点或者代码没打全等等。
2.开发平台
本系统的开发平台:
硬件:
CPU:
E7400@2.80Ghz
内存:
2GB
硬盘:
500G
显示器:
HPL1710
软件:
操作系统:
windows7
开发语言:
HTML、CSS
3.设计的部分代码及运行效果图
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
梦回江南