- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
PAGE
PAGE \* MERGEFORMAT 24
交通运输学院
网页制作及管理课程设计
学 院 交通运输学院___班 级 信管11
指导教师评语及成绩
指
导
教
师
评
语 ?
?
?
?
?
?
?
?
?
?
?
?
? 成
绩 ?
?
?
?
导师签字:
年 月 日
兰州交通大学交通运输学院课程设计任务书
所在系:信息管理与信息系统 课程名称: 网页设计 指导教师(签名):
专业班级: 信管11 学生姓名: 学号: 201000832
一、课程设计题目
网页设计二、课程设计的目的
发现课程学习中的不足和薄弱环节,予以补充和加强。综合运用在课程学习过程中所学知识,同时为了实现课程设计的规定成果进行更深入的理论学习和实践拓展。培养独立思考和解决问题的能力,探索和创新的能力。
三、课程设计的主要内容和要求(包括原始数据、技术参数、设计要求、工作量要求等)
自选所需网页设计工具和语言,搜集或自创网页所需素材,实现网页的布局、美工、基本客户端校验等目的。如有余力者,可以进一步学习并应用数据库技术。
要求所有设计为原创结果,布局合理,美观大方,细节处尽可能应用所学过的设计技术,如标签式导航、图像翻转等。在此基础上尽可能有所创新。
工作量方面,要求设计一个网站的主页和其它至少两个页面,要求风格统一。
课程设计报告须详细地阐述设计思路和过程,以网页布局结构为主线,分别注释代码功能。相似部分可适当省略。文档撰写须符合统一的格式规范。四、工作进度安排
本课程设计的所有内容在一周内完成。
第1天:复习巩固原有知识、查阅相关资料、构思出基本设计方案;
第2天:搜集素材、应用相关工具设计网页基本结构。将设计成果写入报告。
第3-6天:完成页面内容设计,进行细节美化,加入特定效果;将设计成果写入报告。
第7天:完善细节,按要求完善修改课程设计报告。提交设计报告。
五、主要参考文献
[1] Andy Budd. 精通CSS:高级Web标准解决方案(第二版). 北京. 人民邮电出版社.
[2] 张亚飞. CSS开发. 北京. 电子工业出版社.审核批准意见
系主任(签字) 年 月 日
目 录
1 说明
1.1目的:
发现课程学习中的不足和薄弱环节,予以补充和加强。综合运用在课程学习过程中所学知识,同时为了实现课程设计的规定成果进行更深入的理论学习和实践拓展。培养独立思考和解决问题的能力,探索和创新的能力。
1.2 内容:
自选所需网页设计工具和语言,搜集或自创网页所需素材,实现网页的布局、美工、基本客户端校验等目的。如有余力者,可以进一步学习并应用数据库技术。
1.3主要任务:
工作量方面,要求设计一个网站的主页和其它至少两个页面,要求风格统一。
课程设计报告须详细地阐述设计思路和过程,以网页布局结构为主线,分别注释代码功能。相似部分可适当省略。文档撰写须符合统一的格式规范。
2 设计过程
2.1设计思想:
总体上遵循从整体到部分的思路,由主及次,由大及小。首先,明确设计主题:设计班级网站的三个网页,其中包括班级主页,班级简介页面,班级相册页码,并保持其风格的一致。其次,对每个页面的布局进行设计和安排。运用本学期对css及脚本的相关知识,对布局进行合理的安排。再次,主要通过对类和块的应用,对每块布局进行内容的设计和安排。最后,将三个网页通过连接的形式合成一个整体,进而达到最终目的。、
2.2设计内容
2.2.1网页一的源代码及分析
整体分析:
…
style type=textcss
*{
margin:0;
padding:0;
}
.wrapper { *对整体框架进行设置*
width: 1102px;
:0 auto;
text-align:center; *对日期的属性进行设置*
}
.footer{ *对底部布局的属性进行设置*
overflow:;
;
:none;
}
style
整体布局:
文档评论(0)