德州学院济南综合工程训练报告.docVIP

成绩 德州学院物电学院 综合工程训练报告 训练地点 山东贝沃信息科技有限公司 指导教师　 公司导师 专业年级 13级电子信息科学与技术 完成时间：2016年5月4日 一、实践教学环节名称 综合工程训练 二、综合工程训练目的 借助校外实习实训基地资源，开展本专业相关的综合工程项目开发训练，提高学生的专业综合素养，为后续就业提供一定的专业技能、工程实践经验。 三、训练概况 2016年4月18日-4月22日，在我院带队老师组织带领下，13级电子信息工程、电子信息科学与技术专业170名同学在我校校外实习实训基地山东贝沃信息科技有限公司（济南），开展了为期5天的综合工程训练。返校后，继续完善项目并撰写训练报告。 山东贝沃信息科技有限公司简介： 山东贝沃汇力隶属于北京贝沃汇力信息科技有限公司，是目前中国最权威的移动互联网实训研发基地，也是国内最具创新力的IT教育培训机构。贝沃汇力致力于iOS开发和HTML5开发的高端人才培养与项目研发，此公司是山东移动互联网iOS和HTML5高薪人才培养基地，他们拥有具有自主知识产权的iOS开发课程体系，并具有权威的资深IT培训师资的庞大阵容，均是由具有大型实战项目经验的专业讲师现场授课。可使学员经过系统的学习从零基础到精通，利用最短的时间掌握最精深的系统研发技术，学业完成后便可具备充分的就业资质，快速适应高薪岗位要求，走向成功之路。山东贝沃信息科技有限公司是从事苹果iOS项目研发、培训的品牌企业，山东贝沃信息科技有限公司从移动互联网开始兴起便投身其中，秉着“创新”“务实”的宗旨，专注于苹果iOS的研发和培训。 从2014年10月起至2015年1月，短短三个月已开办四个教学班，人数已达到100多学员，计划2015年扩展到十个苹果实验室，培养优秀的iOS应用技术领域的中高端开发人员。山东贝沃信息科技有限公司与北京无限互联合作，在济南市长清区倾力打造了打造山东省移动互联网高端人才培养基地、成立山东省移动互联网技术研发中心。它被行业评为“全球领先的IT精英教育专家”与“中国移动互联网行业的黄埔军校”。 贝沃汇力总部位于北京，并在上海、武汉、西安、哈尔滨、济南、青岛、潍坊、郑州、濮阳等地开设分校区，每年可培养5000余名移动互联网领域的IT高端技术人才，满足上千家企业的需求。同时，也为中国移动互联网信息化建设提供了强有力的人才保障。 图1 公司实训基地 图2 上课环境 四、训练过程 （一）训练项目简介 1.项目名称 HTML5手机网页制作——生活不止眼前的苟且 项目功能 手机网页的主要功能有自动跳转、兼容性、信息的同步、移动交互等。 本次我们通过学习的html5技术，来设计了“生活不止眼前的苟且”这个主图的网页。 下面将分别介绍每一个界面的功能： 第一页：第一页是本次主题的主界面，采用三张有关主题的照片平铺，文字的飞入及淡入等效果，图片的旋转飞入能功能，对整个界面进行渲染。 第二页：第二页是生活不止眼前的苟且这首歌的歌词及音乐，歌词采用由上到下延时滚动飞入的效果，歌曲插入为许巍新出的专辑。 第三页：介绍这首歌的词、曲作者，背景为几张图片延时飞入，文字为延时飞入或淡入，图片选用许巍的专辑图片。 第四页：关于对未来的关注，一张图片平铺，几张图片切割为圆形旋转飞入，文字为 旋转淡入或飞入。 第五页：静态图片配文字，主要解析“青春不止眼前的苟且”这个主题。 第六页：将视频导入，视频下为解析文字，文字为延时飞入。 所需开发技术和环境介绍 （1）开发技术： 采用HTML5技术 （2）开发环境：Notepad++编辑器、html文件、css、js、Javascript （二）项目开发过程 1.开发环境搭建 （1）打开Notepad++编辑器，见下图3 图3 （2）.html文件的搭建，见下图4 图4 css文件的搭建，见下图5 图5 js文件的搭建，见下图6 图6 2.开发具体步骤 （1）步骤： 第一步：确定手机网页的主题为“生活不止眼前的苟且。” 第二步：打开Notepad++，并创建html、css、js文件。见下图7： 图7 第三步：将图片添加到文件夹中去，见下图8： 图8 第四步：打开html及css文件，写入程序 1、第一页的html及css文件中的程序如图9所示 图9 2、第二页的html及css文件中的程序如图10所示 图10 3、第三页的html及css文件中的程序如图11-1、11-2所示 图11-1