HTML5实训报告-原创实训总结

1、物理电子工程学院专业的培训报告。学生名： * * *学位： 20130341100专业：电子信息科学和技术班：十三班的电科本一班指导教师： * * *2017年9月15日专业的培训报告。实训单位：物理电子工程学院地点：实验楼信号和系统实验室实训时间： 2017.9.52017.9.11指导教师： * * *1、实践训练的目的和要求：(根据指导教师在教育过程中给出的具体要求填写)通过这次实践训练，以亲自参加各项实际写作为目的，了解了新兴的HTML5语言的发展历史，掌握了这项新技术在IT行业的具体应用范围和使用方法。 在对H5语言进行初步理解后，通过实际训练课程的安排，逐渐学习基础H5语言的指令代

2、码，用所学习的指令代码，进行更深入的效果设计，如定位、浮动、3D动画设计、卡尔塞尔图等初步的H5设计，最后把所有学习的指令操作在实际训练期间，认真学习H5的各种指令操作，认真完成作业，写日报，如有不得迟到、早退、缺勤的问题，应立即与学校负责的教师和项目工程师联系。 2、实践训练的流程和内容，包括前期准备和实践训练过程实训开始前，负责实训的主要负责人和实训老师蓝鸥公司的老师杨成龙总结了这次实训，说明了这次实训所需的sublime软件、谷歌浏览器，显示了预期完成的设计效果，说明了研修期间的各种要求。在实践训练的具体流程中，第一天，整体介绍了实践训练，主要介绍了H5语言的发展历史，说明了这次实践训练

3、的任务，并介绍了所使用的sublime软件的操作方法和相关插件的安装方法。 第二天，在sublime软件中学习了固定代码形式，主要有头文件名、网页标题、形式，学习了添加颜色的代码操作等基本的设定。 第三天，我学习了浮动指令和追加图像的操作。 第四天，我学习了JC语言、CSS在线样式的代码标记。 第五天，学习了CSS外链样式的代码标记，学习了3D动画的代码标记，学习了轮流动画的设计，并对学到的各种代码操作进行了总结复习。 第六天，学习了飞镖项目的设计和代码的记述，开始了答辩项目的设计。 第七天，完成自己设计的项目，进行项目答辩，结束实践训练。3、实际训练过程中的相关问题和解决方法(如实填写)这次

4、研修集中在JC语言的学习和CSS在线、在线风格的学习和理解上。JC语言是偏向脚本语言的代码表示，虽然与c语言有相似之处，但有不同之处，所以在理解过程中理解其原理需要精力，而困难的原理，不想理解的原理马上与老师、同学交流，努力在最短时间内解决问题，不留下问题。此外，学习CSS外链是一个重点，也是一个很大的难点。 CSS互连是指在编写主程序的代码时，仅用JC语言生成脚本代码，并通过主程序调用的指令。 问题主要是由于JC语言本身的学习不充分，和两个项目之间的调用有关，代码错误频繁发生，难以察觉。 解决这些问题的主要方法，首先要寻求同一个小组的人的帮助，检查错误，特别是首先解决基础错误，不能解决的话，

5、就要向老师求助。在CSS在线学习中，发生的问题几乎和在线问题一样。 所谓CSS内联模式，是写在主程序内部的某个功能性代码，将其调用。 问题虽然不多，但存在。最后，最重要的问题集中在学习三维动画的过程上。 在这个模块的学习中，我想理解主要设计的动画效果是什么。 因为存在三维空间，即以其轴为中心旋转的问题，所以即使代码有点错误或旋转轴错误，也得不到期望的效果。 问题的主要表现是，对代码指令的熟悉引起动画错误，要设计的动画效果不清楚就引起代码使用错误，如果基本的动画设计和代码指令的连接不同步，就无法期待动画的效果等问题一般情况下，这些问题发生时，要解决需要专业知识，所以基本上要向老师求助，根据老师的

6、说明自己进行变更，如果还有错误的情况下，请老师修改代码大师的步骤，找出错误的原因。4、实践训练总结，包括心得和后期学习计划七天的实训课，无意中结束了。 虽然只是七天的实训收获很多，所学的HTML5语言的相关知识也很多。首先，我想谈谈这次研修的主要学习内容，HTML5语言。 HTML是超文本标记语言，标记语言是一系列标记标签，HTML使用标签来描述网页。 HTML5与HTML的标准不同，基于新的规则手册，提供了几个新的要素和属性，在web技术发展过程中成为了新的里程碑。 HTML5在Web平台的游戏开发和手机移动领域中普及，从市场上看，无论是桌面应用程序还是移动应用程序，HTML5都是现在Web

7、技术中最受欢迎的新宠物，是创新的主旋律，也是不久前我认为这也是这次研修的主要意义之一。 所以，就我个人而言，我也很重视这次研修课程的学习。在实际训练课程整体的计划中，能简单概括的是，7天内，整体理解H5语言的发展和前景，进行基础知识的学习，最后进行项目的设计和答辩。 主要内容是第一天，总结了实际训练、H5语言的发展历史，说明了这次训练的任务，并介绍了所使用的sublime软件的操作和相关的插件、安装。 第二天，主要学习了sublime软件中的固定代码形式，主要学习了头文件名、网页标题、形式和一些基础设置，并添加了颜色的代码操作。 第三天，我学习了浮动，学习了添加图像的操作。 第四天，我学习了J

8、C语言、css内联样式的代码标记。 第五天，学习了css外链样式的代码标记，学习了3D动画的代码标记，学习了轮流动画的设计，并对学到的各种代码操作进行了总结复习。 第六天，学习了飞镖项目的设计和代码的记述，开始了答辩项目的设计。 第七天，对自己设计的项目进行答辩，结束实践训练。 让我们来谈谈我在这次教训中的收获和感受。第一，学习HTML5语言的设计和编码命令自不必说，锻炼思维能力，培养设计创新能力是很重要的。 在全H5学习过程中，代码的运用、基础知识的学习可以说是技术的基础水平，但要真正完成一个项目，需要思考能力的训练和项目的创新。 关于学习代码，学习3D动画需要空间想象力和思考力，不怕这个能

9、力的不足，怕不学习，怕不培养。 如果没有这个能力，或者很弱的话，一方面能想到新项目的想法，另一方面又无法想到动画的反转和各种效果的指令代码的记述。 这些都是通过H5的实训过程的。 更具体的将来，不要把学到的每条命令都记住，而是要让我们对每条代码有自觉的认识。 在什么情况下应用，如何使用，使用时的技术，这些是对自己能力的重要锻炼。 另外，其中还包括培养独立思考能力。 这一点很明显。 无论是制定新项目，还是学习个别命令，老师和同学的帮助都是引导和解决难题的作用，要真正掌握自己的命令，需要独立思考，独立学习的过程和环节是不可或缺的。第二，通过这次培训，我进一步理解了IT行业。 在实际训练过程中，老师

10、也对IT行业相关的就业前景作了很多描述，给自己和同学们带来了很大的帮助。 HTML5在网页的开发中，给网页提供了更好的意义和结构，HTML5手机应用的最大优点是可以在网页上直接调试和修改。 HTML5中的新标签有助于开发人员定义重要内容，可以为网站提供更多多媒体元素(视频和音频)，并可以取代FLASH和Silverlight，以捕获和索引网站这些优势几乎都涉及到工作岗位。 因此，在未来的某个时期，随着互联网的普及和优化，H5尖端开发的相关部门一定也很热。 这也是这次研修的另一个意义，他对就业很有帮助。第三，实践训练课把理论与实践结合起来，产生了直观和整体上好的效果。 在大学本科的学习过程中，c

11、语言的学习是不可或缺的。 但是，我个人在学习c语言的时候，只为了学习语法结构，只在考试水平上理解、记忆、编程。 但是这次HTML5的实际课完全不同。 最根本的是用sublime写的代码可以用浏览器直接用直观的声音和视频的形势来表现，给人最直观的感觉。 这会刺激学习的兴趣，影响学习的精神。 例如，在学习轮播项目的情况下，事先准备的素材、声音或图像在网页上刊登，它开始时显示10张图像循环的样子，鼠标停止时，视频停在该图像上播放。 这就是卡鲁塞尔效应，但在编码的过程中，在中国，光看就觉得很麻烦。 这主要涉及图像的插入、视频插入的代码表示、轮播动作的大代码表示、轮播效果的调整、视频、图像的位置格式的调

12、整等问题。 但是，如果在调试整个项目之前写完所有指令，则某些参数的设置会影响不同的表示效果。 为了追求理想的效果，不断地调试程序，不断地尝试着。 这就是H5语言的动力。第四，这次实践训练增强了自己的团队合作意识、团结合作能力。 在这一点上我感到很深。 在最后两天的项目设计中，将4人组成一个小组要求项目设计，并从素材、动画效果、说明展示中给予评价。 然后要求在一天内完成项目设计，第二天进行项目答辩。 老实说，我觉得刚听完任务是不可能的，冷静地思考后，可以用这几天学到的命令进行简单的项目设计，但是时间很紧迫，技术很有限。 因此，在四人一组中，大家分工合作，分别担任不同的任务部分。 代码的编制和调整

13、，素材的收集和整理，每个人的工作被细分，细分，按时确保数量完成。 这个结果确实提高了工作效率。 原来制定的第二天早上之前没有完成的工作，在课程设计的第一天就完成了。 我认为这表明了合作的重要性。 如果所有的任务都能一个人完成，在这么短的时间内，完成一定质量的任务是绝对不可能的。另外，如果有合作，意见的分歧是不可避免的。 这次实训课项目设计的一环也绝对是我个人的沟通、沟通能力的训练。 最初，在确定项目设计方面，出现了两个不同的视点。 一个是把整个画面分成两个部分，一个是收音机，另一个是简单地改造老师给的模板，以按时完成任务为目标。 这两个方案都有可行性，而且各有缺点。 显然的第一方案可以给观众呈

14、现视觉，而技术上第二方案很难的第二方案可以确保在所需时间内完成任务，但视觉效果明显不好。 因此，对这两个方案进行了充分的讨论，最终改造第一方案，谋求优势的互补和效果的优化。 在这里的是团队成员各自的企划，彼此的表现、交流、交流也是必要的。 我想这不仅在这次研修中展示，在今后的生活和学习交流中也能充分表现出来。 沟通能力强的人，有利于得到别人的帮助，也有利于开展工作。最后，简要总结了这次的教训。 这次培训课程通过了解HTML语言的发展历史和前景的技能训练为毕业后就业提供了好的方向。 通过这次训练，锻炼了自己的独立思考和实践操作能力，把自己学到的相关理论应用到实践中，加强了自己的合作和沟通能力，培养了自己的创新意识，获得了很大的收获。