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

1、物理与电子工程学院专业实训报告学生姓名:学号：20210341100专业：电子信息科学与技术班级：13级电科本1班指导教师：*2021年9月15日专业实训报告实训单位：物理与电子工程学院地点：实验楼信号与系统实验室实训时间：2021.9.5-2021.9.11指导教师：*1、实训I目的及要求：根据指导教师在教学过程中给出的具体要求填写通过本次实训,旨在以亲身参与各类工程的实际编写工作,来了解新兴的HTML5S言的开展历程,并了解和掌握这一新技术在IT行业中的具体应用范围和使用方法.在进行对H5语言进行初步了解后,通过实训课程的安排,逐步学习根底的H5语言的指令代码,运用所学习的指令代码进行更深

2、入的效果设计,如定位、浮动、3D动画设计、轮播图等初级的H5设计,最后通过运用所有学习的指令操作完成总体的工程设计,从而对H5语言展开比拟全面的了解和具备应用水平.要求实训期间认真学习H5的各种指令操作,认真完成作业并书写日报,不得迟到、早退、旷课；假设有问题需及时与校负责老师和工程工程师沟通联系.2、实训的流程及内容包括前期准备及实训过程实训开始前,由承当实训的主要负责人和实训老师,即蓝鸥公司老师杨成龙对这次实训做了总体概述,并说明了本次实训所需要的sublime软件、谷歌浏览器；展示了预期需要完成的设计效果,并说明了实训期间的各项要求.实训的具体流程为：第一天,总体介绍实训,主要介绍了H5

3、语言的开展历程,说明了本次实训的任务,介绍了所使用的sublime软件的操作方法和相关插件的安装方法.第二天,主要学习了在sublime软件中的固定代码格式,主要有头文件名、网页标题、<style></style>格式,并学习了一些根底的设置,如添加颜色的代码操作.第三天,学习了浮动指令、添加图片的操作.第四天,学习了JC语言、CSS内联样式的代码书写.第五天、学习了CSS外联样式的代码书写、并学习3D动画的代码书写、学习了轮播动画的设计、并对所学的各种代码操作加以总结复习.第六天,学习了当当优品工程的设计和代码书写,并开始设计辩论工程.第七天,完成自己设计的工程,并进

4、行工程辩论,实训结束.3、实训过程中的相关问题与解决方法如实填写在本次实训中,主要的问题集中在对JC语言的学习和对CSS内联、外联样式的学习和理解上.由于JC语言是一种偏向于脚本语言的代码书写,与C语言有相似之处但是又有不同之处,这就使得在理解过程需要花费精力去想明白其原理,有些较难的原理、想不明白的原理就及时和老师、同学进行沟通和交流,力争在最短时间里解决问题,不留下遗留问题.除此之外,CS的卜联的学习是一个重点,也是一个很大的难点.CS.卜联是指在书写主程序代码时,某一些指令需要单独使用JC语言生成脚本代码,然后再在主程序中调用.出现的问题主要表现在一是对JC语言本身学习的不是很充分,再加

5、上涉及到两个工程间的调用,使得经常出现代码错误,且难以自行察觉.解决这些问题的主要方法就是,首先要寻求同组人的帮助,检查错误,尤其是首先要解决根底性的错误,如果仍然无法解决,那么需要向老师寻求帮助.在CSS内联的学习上,出现的问题大体上与外联的问题相同.所谓CSS内联样式,就是在主程序内部书写的某种功能性代码,并对其加以调用.出现的问题不是彳艮多,但是存在.最后,最主要的问题集中在学习3D动画的过程中.在这一模块的学习时,主要涉及到首先要想明白所设计的动画效果是什么.由于涉及到3维空间,也就是涉及到绕着那个轴旋转的问题,稍有代码错误,或者旋转轴出错都不能到达预期效果.问题主要表现为,对代码指令

6、的不熟悉导致动画错误,对要设计的动画效果不清楚导致代码使用错误,根本的动画设计与代码指令衔接不同步导致动画出现的效果不是预期效果等问题.一般出现这些问题时,由于涉及到需要有专业知识才能解决、根本上都是向老师寻求帮助、根据老师的讲解先自行更改、仍有错误的、那么让老师帮助修改代码主程序、并找到出现错误的原因.4、实训总结(包括心得体会与后期学习方案)为期七天的实训课,不经意间就结束了,虽然只是短短的七天实训,但是却收获很多,学习到的关于HTML5语言的知识也比拟多.首先,我想先来说说这次实训的主要学习内容,即HTML5语言.HTML指的是超文本标记语言(HyperTextMarkupLanguag

7、e),标记语言是套标记标签(markuptag),HTML使用标记标签来描述网页.HTML5区别于HTML的标准,基于全新的规那么手册,提供了一些新的元素和属性,在web技术开展的过程中成为新的里程碑.HTML5被推广用于Web平台游戏开发,及移动领域,从市场来看,无论是桌面应用还是移动应用,HTML5都是当下Web技术中最炙手可热的新宠,是创新的主旋律,在不久的时间里一定会大有作为.我想这也是这次实训课的主要意义之一.因此,从我个人的角度上,我也很重视这次的实训课程的学习.在整个实训课程的安排上,简要的可以概括为在七天的时间中,整体对H5语言的开展和前景有所了解,然后进行根底知识的学习,最后

8、进行工程的设计和辩论.主要内容是第一天,总体介绍实训,H5语言的开展历程,说明了本次实训的任务,介绍了所用的sublime软件的操作和相关的插件、安装.第二天、主要学习了在sublime软件中的固定代码格式,主要有头文件名,网页标题,<style></style>格式,并学习了一些根底的设置的,添加颜色的代码操作.第三天、学习了浮动、添加图片的操作.第四天、学习了JC语言、css内联样式的代码书写.第五天、学习了css外联样式的代码书写、并学习3D动画的代码书写、学习了轮播动画的设计.并对所学的各种代码操作加以总结复习.第六天.学习了当当优品工程的设计和代码书写,并开始

9、设计辩论工程.第七天,进行对自己设计的工程.进行辩论.实训结束.下面来谈谈我在这次实训中的收获和感受.第一点.学习到了HTML5语言的设计和代码指令自然不必再赘述.但更重要的是锻炼了思维水平.培养了设计创新的水平.在整个H5学习的过程中.代他的运用、某础知识的学习可以说只是作为技术的某础层面,而要想真正争成一个工程,更多的是需要思维水平的锻炼和工程的创新.就学习代码而言,3D动画的学习,就十分需耍空间想象力和思维水平,不怕这一种水平的缺乏,怕的是不去学习、不去培养.由于如果没有这种水平、或者比拟薄弱、一方面难以想出新的工程的构思：另一方面无法想出动画的翻转或者各种效果的指令代码的书写.所有的这

10、些都贯穿于H5的实训过程中.再具体的将来,就是对于所学的每个指令,并非是记忆住其书写的格式,而是需要我们参加自己对每个代码感悟和熟悉.怎样的情况下去应用,如何用,使用时的技巧,这些都是重要的对于自己水平的锻炼.另外,结合于其中的,还有对于独立思考的水平的培养.这一点是显而易见的.无论是对于一个新的工程的编写,还是对于学习每一条单独的指令,老师和同学所能帮助的是引导和解决难题的作用,而要想真正做到自己学会指令,那么离不开独立思考,独立学习的过程和环节.第二点,通过这次实训,使得自己对IT行业有了进一步的了解.在实训的过程中,老师也对IT行业和相关的就业前景进行了诸多表达,对于自己和同学们有很大的

11、帮助.HTML5在网页开发上,赋予网页更好的意义和结构,HTML5应用的最大优势就是可以在网页上直接调试和修改.因此在HTML5中的新的标签,将有助于开发人员定义重要的内容,可以给站点带来更多的多媒体元素视频和音频、可以很好的替代FLASH和Silverlight并且当涉及到网站的抓取和索引的时候,对于SEO很友好.对于这些优势性的,几乎也都有相关的工作岗位.由此可见在未来的一段时间里,伴随着互联网的不断普及和优化,H5的前端开发的相关岗位也必将是很炽热的.这也是这次实训的另一意义所在,他对于就业是很有帮助的.第三点、实训课将理论与实践相结合、从直观和整体上带来了很好的效果.在大学本科的学习过

12、程中,C语言的学习可以说是不可或缺的、必不可少的.但是就我个人而言、在学习C语言时、只是为了学习其语法结构而学习语言、只是在应试的层面上对其理解,记忆,编程.但是这次的HTML5的实训课却完全是不同的.最根本之处就是通过在sublime的编写的代码可以在浏览器中直接以直观的音频、视频的形势表现出来、给人最直观的感受.成对于激发学习兴趣、激发探索学习的精神是很有影响的.例如在学习轮播工程时,就是将事先准备好的素材.包括音频和图片.放到网页中.让其开始的时候以十张图片循环旋转的形势展现,当鼠标停留时,停留在那张图片上会有视频播放.这就是轮播效果,但是在代码编写的过程中国,还是耍比只管看起来有所繁琐

13、的.官.要涉及到图片的插入,视频的插入的代码书写,轮椅动作的大代码的书写,调整轮播效果,调整视频、图像的位置格式等问题.尽管如此、在书写完所有指令之后、再对整体工程讲项调试的时候：某个参数的设置都会影响不同的展现效果.对干理想效果的追求、鼓励着不断调试程序、不断尝试.这就是H5语言的鼓励作用所在.第四点,这次实训增强了自己的团队合作的意识、团结协作的水平.这一点上我是感受很深的.在最后两天的工程设计上,要求以四个人为一个小组进行项目设计,从素材,动画效果,讲解展示都会给出评分.并且是要求在一天内完成工程设计,第二天进行工程辩论.老实的将在刚刚听到任务时感觉是不可能的,冷静思考之后,运用到这几天

14、所学的指令进行一个简单的工程设计还是可以的,但是,时间紧任务重,技术有限.因此,在四个人一组的小组中,大家开始分工合作,各自负责不同的任务局部.代码编写与调试,素材的收集与整理,每个人的工作都进行细化,再细化,定时保量的去完成.这样的结果是,确实提升了工作的效率.原本制定的要到第二天早晨才能完成的工作,在课程设计的第一天就完成了.我想这就展示出了合作的重要性.如果所有的任务都去一个人完成,那么在这么短的时间内,又要保证一定质量的完成任务,绝对是不可能的.此外,有合作,就难免有分歧.这次的实训课的工程设计环节也绝对是对我个人沟通、交流水平的锻炼.一开始,在确定工程的设计上,就出现了两种不同的观点.一种,整体画面分为两局部,上方一个轮播,下方三张静态效果展示,另一种方案是将老师给的模板进行简单改造,力求按时完成任务.这两种方案都是具有可行性的,而且有都有各自的有点和缺点.很明显第一种方案,可以很好地给观众以视觉呈现,但是在技术上要难于第二种方案；而第二种方案那么一定能够保证在要求的时间里完成任务、但是很明显的是在视觉效果上并不好.为此、对于这两种方案大家进行了充分的讨论,最终决定对第一种方案进行改造,力求优势互补、效果最正确.在这其中的是小组成员的各自的出谋划策、也必须需要相互的表