文档介绍：交通运输学院课程设计 1 交通运输学院网页制作及管理课程设计学院交通运输学院___ 班级信管 11 交通运输学院课程设计 2 指导教师评语及成绩指导教师评语成绩导师签字: 年月日交通运输学院课程设计 3 兰州交通大学交通运输学院课程设计任务书所在系: 信息管理与信息系统课程名称: 网页设计指导教师(签名): 专业班级: 信管 11 学生姓名: 学号: 201000832 一、课程设计题目网页设计二、课程设计的目的发现课程学****中的不足和薄弱环节,予以补充和加强。综合运用在课程学****过程中所学知识,同时为了实现课程设计的规定成果进行更深入的理论学****和实践拓展。培养独立思考和解决问题的能力,探索和创新的能力。三、课程设计的主要内容和要求(包括原始数据、技术参数、设计要求、工作量要求等) 自选所需网页设计工具和语言,搜集或自创网页所需素材,实现网页的布局、美工、基本客户端校验等目的。如有余力者,可以进一步学****并应用数据库技术。要求所有设计为原创结果,布局合理,美观大方,细节处尽可能应用所学过的设计技术,如标签式导航、图像翻转等。在此基础上尽可能有所创新。工作量方面,要求设计一个网站的主页和其它至少两个页面,要求风格统一。课程设计报告须详细地阐述设计思路和过程,以网页布局结构为主线,分别注释代码功能。相似部分可适当省略。文档撰写须符合统一的格式规范。四、工作进度安排本课程设计的所有内容在一周内完成。第1天:复****巩固原有知识、查阅相关资料、构思出基本设计方案; 第2天:搜集素材、应用相关工具设计网页基本结构。将设计成果写入报告。第3-6 天:完成页面内容设计,进行细节美化,加入特定效果;将设计成果写入报告。第7天:完善细节,按要求完善修改课程设计报告。提交设计报告。五、主要参考文献[1] Andy Budd. 精通 CSS :高级 Web 标准解决方案(第二版) . 北京. 人民邮电出版社. [2] 张亚飞. CSS 开发. 北京. 电子工业出版社. 交通运输学院课程设计 4 审核批准意见系主任(签字) 年月日目录 1 说明 目的: 发现课程学****中的不足和薄弱环节,予以补充和加强。综合运用在课程学****过程中所学知识,同时为了实现课程设计的规定成果进行更深入的理论学****和实践拓展。培养独立思考和解决问题的能力,探索和创新的能力。 内容: 自选所需网页设计工具和语言,搜集或自创网页所需素材,实现网页的布局、美工、基本客户端校验等目的。如有余力者,可以进一步学****并应用数据库技术。 主要任务: 工作量方面,要求设计一个网站的主页和其它至少两个页面,要求风格统一。课程设计报告须详细地阐述设计思路和过程,以网页布局结构为主线,分别注释代码功能。相似部分可适当省略。文档撰写须符合统一的格式规范。 2 设计过程 设计思想: 总体上遵循从整体到部分的思路,由主及次,由大及小。首先,明确设计主题: 设计班级网站的三个网页,其中包括班级主页,班级简介页面,班级相册页码,并保持其风格的一致。其次,对每个页面的布局进行设计和安排。运用本学期对 css 及脚本的相关知识,对布局进行合理的安排。再次,主要通过对类和块的应用,对每块布局进行内容的设计和安排。最后,将三个网页通过连接的形式合成一个整体, 进而达到最终目的。、交通运输学院课程设计 5 设计内容 网页一的源代码及分析整体分析: …<style type="text/css"> *{margin:0; padding:0; }.wrapper {/*对整体框架进行设置*/ width: 1102px; height:1050px; margin:0 auto; text-align:center; /*对日期的属性进行设置*/ }.footer{ /*对底部布局的属性进行设置*/ overflow:hidden; height:300px ;}.content{ /*对内容框架的属性进行设置*/ overflow:hidden; height:700px }body{ background-image:url(D:/Mydcuments/MyPictures/ }/*为整体添加背景图片*/ .content .primary {/*对内容中右面主体部分的布局进行设置*/ 交通运输学院课程设计 6 width:64%; height:480px; float:right; display:inline; }.content .secondary{ /*对内容中第一列布局的属性进行设置*/ float:left; height:500px; width:36%; background-image:url(D:/My ocuments/MyPictu