《(完整word版)HTML5实训报告-原创实训总结》由会员分享，可在线阅读，更多相关《(完整word版)HTML5实训报告-原创实训总结（6页珍藏版）》请在金锄头文库上搜索。
1、专业实训报告学生姓名：* * *学 号：20130341100专业：电子信息科学与技术班级：13级电科本1班指导教师：*2017年9月15日物理与电子工程学院专业实训报告专业实训报告实训单位：物理与电子工程学院地 点：实验楼信号与系统实验室实训时间：2017.9.5- 2017.9.11指导教师：* * *1、实训目的及要求：（根据指导教师在教学过程中给出的具体要求填写）通过本次实训，旨在以亲身参与各类项目的实际编写工作，来了解新兴的HTML5语言的发展历程，并了解和掌握这一新技术在IT行业中的具体应用范围和使用方法。在进行对 H5语言进行初步了解后，通过实训课程的安排，逐步学 习基础的H5语
2、言的指令代码，运用所学习的指令代码进行更深入的效果设计， 如定位、浮动、3D动画设计、轮播图等初级的 H5设计，最后通过运用所有学习 的指令操作完成总体的项目设计，从而对 H5语言展开比较全面的了解和具备应 用能力。要求实训期间认真学习H5的各种指令操作，认真完成作业并书写日报， 不得迟到、早退、旷课；若有问题需及时与校负责老师和项目工程师沟通联系。2、实训的流程及内容（包括前期准备及实训过程）实训开始前，由承担实训的主要负责人和实训老师，即蓝鸥公司老师杨 成龙对这次实训做了总体概述，并说明了本次实训所需要的sublime软件、谷歌 浏览器；展示了预期需要完成的设计效果，并说明了实训期间的各项
3、要求。实训的具体流程为：第一天，总体介绍实训，主要介绍了 H5语言的发展 历程，说明了本次实训的任务，介绍了所使用的sublime软件的操作方法和相关 插件的安装方法。第二天，主要学习了在sublime软件中的固定代码格式，主要 有头文件名、网页标题、 v/style 格式，并学习了一些基础的设置，女口 添加颜色的代码操作。第三天，学习了浮动指令、添加图片的操作。第四天，学 习了 JC语言，CSS内联样式的代码书写。第五天，学习了CSS外联样式的代码书写，并学习3D动画的代码书写，学习了轮播动画的设计，并对所学的各种代 码操作加以总结复习。第六天，学习了当当优品项目的设计和代码书写，并开始 设
4、计答辩项目。第七天，完成自己设计的项目，并进行项目答辩，实训结束。3、实训过程中的相关问题与解决方法（如实填写）在本次实训中，主要的问题集中在对 JC语言的学习和对CSS内联、外联 样式的学习和理解上。由于 JC语言是一种偏向于脚本语言的代码书写，与 C语言有相似之处但 是又有不同之处，这就使得在理解过程需要花费精力去想明白其原理， 有些较难 的原理、想不明白的原理就及时和老师、 同学进行沟通和交流，力争在最短时间 里解决问题，不留下遗留问题。除此之外，CSS外联的学习是一个重点，也是一个很大的难点。CSS外联是指在书写主程序代码时，某一些指令需要单独使用 JC语言生成脚本代码，然 后再在主程
5、序中调用。出现的问题主要表现在一是对 JC语言本身学习的不是很 充分，再加上涉及到两个项目间的调用， 使得经常出现代码错误，且难以自行察 觉。解决这些问题的主要方法就是，首先要寻求同组人的帮助，检查错误，尤其 是首先要解决基础性的错误，如果仍然无法解决，则需要向老师寻求帮助。在CSS内联的学习上，出现的问题大体上与外联的问题相同。所谓CSS内联样式，就是在主程序内部书写的某种功能性代码， 并对其加以调用。出现的 问题不是很多，但是存在。最后，最主要的问题集中在学习3D动画的过程中。在这一模块的学习时， 主要涉及到首先要想明白所设计的动画效果是什么。由于涉及到3维空间，也就是涉及到绕着那个轴旋转
6、的问题， 稍有代码错误，或者旋转轴出错都不能达到预 期效果。问题主要表现为，对代码指令的不熟悉导致动画错误， 对要设计的动画 效果不清晰导致代码使用错误，基本的动画设计与代码指令衔接不同步导致动画 出现的效果不是预期效果等问题。一般出现这些问题时，由于涉及到需要有专业 知识才能解决，基本上都是向老师寻求帮助， 根据老师的讲解先自行更改，仍有 错误的，则让老师帮助修改代码主程序，并找到出现错误的原因。4、实训总结(包括心得体会与后期学习计划)为期七天的实训课，不经意间就结束了，虽然只是短短的七天实训，但是却 收获很多，学习到的关于 HTML5语言的知识也比较多。首先，我想先来说说这次实训的主要学
7、习内容， 即HTML5语言。HTML指 的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag), HTML 使用标记标签来描述网页。HTML5区别于HTML的标准， 基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。HTML5被推广用于 Web平台游戏开发，及手机移动领域，从 市场来看，无论是桌面应用还是移动应用， HTML5都是当下 Web技术中最炙手 可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。 我想这也是这 次实训课的主要意义之一。因此，从我个人的角度上，我也很重视这
8、次的实训课 程的学习。在整个实训课程的安排上，简要的可以概括为在七天的时间中，整体对H5语言的发展和前景有所了解，然后进行基础知识的学习，最后进行项目的设计和 答辩。主要内容是第一天，总体介绍实训，H5语言的发展历程，说明了本次实训的任务，介绍了所用的sublime软件的操作和相关的插件、安装。第二天，主 要学习了在 sublime软件中的固定代码格式，主要有头文件名，网页标题， v/style格式，并学习了一些基础的设置的，添加颜色的代码操作。第三 天，学习了浮动，添加图片的操作。第四天，学习了 JC语言，css内联样式的代 码书写。第五天，学习了 css外联样式的代码书写，并学习 3D动画
9、的代码书写， 学习了轮播动画的设计，并对所学的各种代码操作加以总结复习。第六天，学习了当当优品项目的设计和代码书写， 并开始设计答辩项目。第七天，进行对自己 设计的项目，进行答辩，实训结束。下面来谈谈我在这次实训中的收获和感受。第一点，学习到了 HTML5语言的设计和代码指令自然不必再赘述，但更重 要的是锻炼了思维能力，培养了设计创新的能力。在整个H5学习的过程中，代码的运用、基础知识的学习可以说只是作为技术的基础层面，而要想真正完成一个项目，更多的是需要思维能力的锻炼和项目的创新。就学习代码而言，3D动画的学习，就十分需要空间想象力和思维能力， 不怕这种能力的不足，怕的是不 去学习，不去培养
10、。因为如果没有这种能力，或者比较薄弱，一方面难以想出新 的项目的构思，另一方面无法想出动画的翻转或者各种效果的指令代码的书写。所有的这些都贯穿于H5的实训过程中。再具体的将来，就是对于所学的每个指 令，并非是记忆住其书写的格式，而是需要我们加入自己对每个代码感悟和认识。 怎样的情况下去应用，如何用，使用时的技巧，这些都是重要的对于自己能力的 锻炼。另外，结合于其中的，还有对于独立思考的能力的培养。这一点是显而易 见的。无论是对于一个新的项目的编写，还是对于学习每一条单独的指令，老师 和同学所能帮助的是引导和解决难题的作用，而要想真正做到自己学会指令，则离不开独立思考，独立学习的过程和环节。第二
11、点，通过这次实训，使得自己对 IT行业有了进一步的了解。在实训的 过程中，老师也对IT行业和相关的就业前景进行了诸多叙述，对于自己和同学 们有很大的帮助。HTML5在网页开发上，赋予网页更好的意义和结构，HTML5手机应用的最大优势就是可以在网页上直接调试和修改。因此在HTML5中的新的标签，将有助于开发人员定义重要的内容， 可以给站点带来更多的多媒体元素 （视频和音频）、可以很好的替代 FLASH和Silverlight并且当涉及到网站的抓取和 索引的时候，对于 SEO很友好。对于这些优势性的，几乎也都有相关的工作岗 位。由此可见在未来的一段时间里，伴随着互联网的不断普及和优化，H5的前端开
12、发的相关岗位也必将是很火热的。 这也是这次实训的另一意义所在， 他对于 就业是很有帮助的。第三点，实训课将理论与实践相结合，从直观和整体上带来了很好的效果。在大学本科的学习过程中，C语言的学习可以说是不可或缺的、必不可少的。但 是就我个人而言，在学习 C语言时，只是为了学习其语法结构而学习语言，只 是在应试的层面上对其理解，记忆，编程。但是这次的 HTML5的实训课却完全 是不同的。最根本之处就是通过在 sublime的编写的代码可以在浏览器中直接以 直观的音频、视频的形势表现出来，给人最直观的感受。这对于激发学习兴趣， 激发探索学习的精神是很有影响的。 例如在学习轮播项目时，就是将事先准备好
13、 的素材，包括音频和图片，放到网页中，让其开始的时候以十张图片循环旋转的 形势展现，当鼠标停留时，停留在那张图片上会有视频播放。这就是轮播效果， 但是在代码编写的过程中国， 还是要比只管看起来有所繁琐的。 它主要涉及到图 片的插入，视频的插入的代码书写，轮播动作的大代码的书写，调整轮播效果， 调整视频、图像的位置格式等问题。尽管如此，在书写完所有指令之后，再对整 体项目进项调试的时候，某个参数的设置都会影响不同的展现效果。对于理想效果的追求，激励着不断调试程序，不断尝试。这就是 H5语言的激励作用所在。第四点，这次实训加强了自己的团队合作的意识、 团结协作的能力。这一点 上我是感受很深的。在最
14、后两天的项目设计上，要求以四个人为一个小组进行项 目设计，从素材，动画效果，讲解展示都会给出评分。并且是要求在一天内完成 项目设计，第二天进行项目答辩。诚实的将在刚刚听到任务时感觉是不可能的， 冷静思考之后，运用到这几天所学的指令进行一个简单的项目设计还是可以的， 但是，时间紧任务重，技术有限。因此，在四个人一组的小组中，大家开始分工 合作，各自负责不同的任务部分。代码编写与调试，素材的收集与整理，每个人 的工作都进行细化，再细化，定时保量的去完成。这样的结果是，的确提高了工 作的效率。原本制定的要到第二天早晨才能完成的工作，在课程设计的第一天就 完成了。我想这就展示出了合作的重要性。 如果所
15、有的任务都去一个人完成， 那 么在这么短的时间内，又要保证一定质量的完成任务，绝对是不可能的。此外，有合作，就难免有分歧。这次的实训课的项目设计环节也绝对是对我 个人沟通、交流能力的锻炼。一开始，在确定项目的设计上，就出现了两种不同 的观点。一种，整体画面分为两部分，上方一个轮播，下方三张静态效果展示， 另一种方案是将老师给的模板进行简单改造，力求按时完成任务。这两种方案都 是具有可行性的，而且有都有各自的有点和缺点。 很明显第一种方案，可以很好 地给观众以视觉呈现，但是在技术上要难于第二种方案； 而第二种方案则一定能 够保证在要求的时间里完成任务，但是很明显的是在视觉效果上并不好。为此， 对
16、于这两种方案大家进行了充分的讨论， 最终决定对第一种方案进行改造， 力求 优势互补，效果最佳。在这其中的是小组成员的各自的出谋划策，也必须需要相互的表达、沟通和交流。我想这一点不仅仅在这次的实训课中被展示出来，也一定会在今后的牛活和学习交流中充分展现。 沟通能力强的人，是有利于获得别人 的帮助的，也是有利于工作展开的。最后，简要的对这次实训加以总结。这次的实训课程，让我了解到了 HTML 语言的发展历史和前景；在技能培训上为自己毕业后就业提供了一个很好的方 向。通过这次培训，锻炼了自己的独立思考和实践操作的能力， 让自己所学习的 相关理论在实践中得以应用； 加强了自己的合作能力和沟通交流的能力， 培养了 自己的创新意识，收获很大。#
