网页课程设计报告Word下载.docx
- 文档编号:19769359
- 上传时间:2023-01-10
- 格式:DOCX
- 页数:11
- 大小:281.37KB
网页课程设计报告Word下载.docx
《网页课程设计报告Word下载.docx》由会员分享,可在线阅读,更多相关《网页课程设计报告Word下载.docx(11页珍藏版)》请在冰豆网上搜索。
交卷日期:
2012-06-10
分项目要求(共100分)
满分
学生自评分
教师评分
页面布局30分
CSS布局,布局合理。
10
6
页面风格简洁、明快
网站图标设计新颖,紧扣主题,突显风格。
色彩使用20分
色彩搭配合理,线条流畅,色彩反映主题
重心稳
5
2
不滥用图片、动画
3
界面友好10分
操作方便,导航明确
层次清楚20分
整个站点风格一致。
页面深度不超过3级。
各级页面之间往返访问方便、有效。
链接有效10分
各网页链接有效,不出现显示不出的图片。
4
没有无效链接、错误链接和非法链接。
文件管理10分
站点内文件、文件夹的命名和存放规范合理。
总分
60
课程设计报告
一、课程设计的开发目的
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"
>
<
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
title>
梦回江南<
/title>
linkhref="
图片/首页样式表.css"
rel="
stylesheet"
type="
text/css"
body>
divid="
container"
banner"
imgsrc="
图片/千岛湖龙川湾3.jpg"
/div>
globallink"
ul>
<
li>
ahref="
首页.html"
首页<
/a>
/li>
<
旅游线路简介页面.html"
旅游线路简介<
名胜古迹.html"
名胜古迹<
江南历史.html"
江南历史<
江南人文.html"
江南人文<
江南小吃.html"
江南小吃<
关于我们.html"
关于我们<
联系我们.html"
联系我们<
/ul>
left"
login"
form>
h3align="
center"
span>
用户登录<
/span>
/h3>
palign="
用户:
inputtype="
text"
name="
password"
size="
20"
/p>
密码:
submit"
class="
btn_2"
value="
登录"
注册"
/>
#"
忘记密码<
/form>
cs1"
h4align="
今日推荐<
/h4>
网页课程设计图片/新建文件夹/今日推荐/雷峰夕照.jpg"
雷峰夕照<
网页课程设计图片/新建文件夹/今日推荐/photo_156674.jpg"
"
同里古镇<
网页课程设计图片/新建文件夹/今日推荐/瘦西湖.jpg"
瘦西湖<
千湖岛<
cs2"
城市选择<
苏州<
杭州<
扬州<
嘉兴<
镇江<
上海<
南京<
绍兴<
济南<
main"
lydh"
旅游导航<
<
网页课程设计图片/新建文件夹/桐乡乌镇2.jpg"
width="
200"
height="
150"
p>
桐乡乌镇<
网页课程设计图片/新建文件夹/同里古镇2.jpg"
网页课程设计图片/新建文件夹/周庄古镇1.jpg"
周庄古镇<
网页课程设计图片/新建文件夹/茱萸湾.jpg"
茱萸湾<
网页课程设计图片/新建文件夹/拙政园.jpg"
拙政园<
网页课程设计图片/新建文件夹/凤凰岛.jpg"
凤凰岛<
网页课程设计图片/新建文件夹/临安天目山.jpg"
临安天目山<
网页课程设计图片/新建文件夹/留园.jpg"
留园<
网页课程设计图片/新建文件夹/鼋渚春涛.jpg"
鼋渚春涛<
jdyd"
酒店推荐<
网页课程设计图片/新建文件夹/海宁米兰假日酒店.jpg"
海宁米兰假日酒店<
网页课程设计图片/新建文件夹/杭州龙和假日酒店(美食街店).jpg"
杭州龙和假日酒店(美食街店)<
网页课程设计图片/新建文件夹/桐乡乌镇民宿.jpg"
桐乡乌镇民宿<
网页课程设计图片/新建文件夹/无锡789酒店.jpg"
无锡789酒店<
网页课程设计图片/新建文件夹/宿州金满楼汇源国际大酒店.jpg"
宿州金满楼汇源国际大酒店<
网页课程设计图片/新建文件夹/扬州红杉树酒店.jpg"
扬州红杉树酒店<
footer"
center>
联系方法<
-
招聘信息<
网站地图<
客服中心<
隐私政策<
用户许可协议<
/center>
2010&
copyrightbyWangYayun<
/body>
/html>
4.运行结果分析
网页运行整体效果良好,基本达到了预定的效果,小部分的CSS布局与定位需要进行改进和调整。
四、总结
经过将近一个月的时间,在同学和老师的帮助下,基本上完成了本次课程设计,基本完成了梦回江南旅游网站的功能要求。
这次网页设计课程设计给我的最大的印象是:
基本知识是一切的根本;
架构是重要的,想像的还要重要;
实践比一切空谈和理论更能学到东西。
从做这个网页设计开始无论遇到什么困难,我都没有一丝的放弃的念头。
在设计过程中一定要慎重,仔细。
来不得半点马虎。
布局是整个课程设计的中心,考虑要全面,分析彻底。
才会为后来的设计打下良好的基础。
否则,前功尽弃,甚至不能完成任务。
从这次课程设计中我也学到了额外的知识,初步了解到了制作网页的方法,熟悉了本学期的网页编程教程的知识,受益匪浅。
最后,感谢老师的耐心指导和同学的帮助,没有你们的无私教导和帮助,就没有今天的梦回江南旅游网站的实现,衷心感谢你们!
参考文献:
[1]任小琦,网页编程.清华大学出版社,20011.12
[2]李烨.别具光芒DIV+CSS网页布局与美化.北京:
人民邮电出版社,2006
[3]李超.CSS网站布局实录.北京:
科学出版社,2006
[4]贾素玲等.JavaScript程序设计.北京:
清华大学出版社,2007
[5]黄斯伟.HTML完全使用详解.北京:
指导教师评语
成绩:
指导教师签字:
年月日
院系意见:
负责人签字:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 课程设计 报告