训练附件3训练报告(学生填写-计工)详解.doc

PAGE  武汉工程大学 计算机科学与工程学院 专业综合训练报告 训练名称： 专业综合训练Ⅰ 学生学号： 专业班级： 13计算机科学与技术02 学生姓名： 指导教师（职称）： 刘菲（讲师） 学业导师（职称）： 学生成绩： 完成时间： 2016年12月2号 武汉工程大学计算机科学与工程学院 制 说明： 1、训练报告正文中的训练目的与任务、训练地点、训练内容和要求等项，可由负责人统一给出，在训练开始前填写完并发给每个学生。 2、学业导师负责批改学生的训练报告，并给出相应的得分。同时，就训练报告的完成质量撰写评语。 3、训练指导教师一般由学院教师担任，若是与校外企业联合进行的训练，校外教师也可担任指导教师。指导教师就学生在训练期间的表现及训练完成情况分别给出相应的得分。同时，就此两项情况撰写评语。 4、训练的总评成绩由上述各部分累加得出，由指导教师汇总，并填写于报告的封面。 5、训练报告正文字数一般应不少于5000字，也可由训练负责人根据本项训练的具体情况酌情增加字数或内容。 6、此表格式为武汉工程大学计算机科学与工程学院提供的基本格式（适用于学院各项课程设计），各专业也可根据本项训练的特点及内容做适当的调整，并上报学院批准。 成绩评定表 学生姓名： 学号： 班级： 13级计算机科学与技术02 类别合计 分值各项分值评分标准实际得分评语报告质量3010报告格式规范，表述清晰，章节内容组织恰当。符号统一，图表完备，符合规范要求。参考文献数量在5篇以上，格式及引用符合要求。学业导师（签字）：10报告内容翔实，结构严谨合理。课题背景介绍清楚，综述充分。设计与实现等主要过程完整，论述具体透彻。能运用所学专业知识对问题加以分析和求解。无抄袭现象。10报告对整个训练过程进行了全面总结，体现了收获，得???了有价值的结论或结果。平时表现2020遵守学习纪律，表现良好，积极完成课程设计任务，无旷课、迟到、早退等情况。指导教师（签字）：设计完成情况5030按照要求完成训练内容，方案合理，功能完善，设计工作量饱满，能运用专业知识和技能去发现与解决实际问题。20在训练过程中展现出了较强的学习能力、动手实践能力、团队协作能力和创新意识。总评成绩 武汉工程大学计算机科学与工程学院 训练报告 -  PAGE 10 - 武汉工程大学计算机科学与工程学院 训练报告 一、训练的目的与任务 本次专业综合训练，让学生开发或设计一个由学业导师指定的实践项目，使得学生能将学到的理论知识应用到实践中去。通过实践项目，要求学生熟练掌握一种开发语言及平台，初步具有独立完成项目的设计、编码、测试、部署的能力。本次综合训练的项目要求和学生的毕业设计（论文）相关，为下学期的毕业设计（论文）工作打下坚实的基础。 二、训练地点 403机房 三、内容和要求 运用前端方面的技术，设计一个静态具有交互的网页【1】，满足如下要求： 完成主页的布局，以及对css【3】公共样式进行初始化设置。 完成头部区域、导航菜单、banner焦点图的制作； 使用滑动门技术，实现图片可以自动切换效果。 四、总结及分析 4.1、总结 由于本人的美术设计能力有限，根据内容和要求，我就模仿了小米商城首页，完成了类似的具有交互效果的页面。这个网页的任何图标都是我从Iconfont-阿里巴巴矢量库中的图，每个图标对应一个数值，然后通过链入外部样式表的方式引入。 4.2、分析 对这个网页的实现和一些功能的详细设计和分析。 4.2.1、导航栏的制作 网页的导航一般位于网页的最顶部，是在header标签里面，一般用nav这个标签表明是导航栏。 图1 图2 导航栏是上面二幅图中颜色黑色的部分。图1是打开网页的初始化效果，图2是当鼠标放在购物车上时的效果。导航栏中又3个div标签，分为小米商城、登录和购物车，最左边使用了float：left，向左浮动，而右边2个使用了float：right。当鼠标放在字上面，字体的颜色从#b0b0b0变成#ffffff，而购物车这个导航是背景色变成#ffffff，字体颜色变成#ff6700。这都是使用css中的hover属性，当鼠标放上去的时候变的颜色。当鼠标