HTML5实训报告实训总结.docx

物理与电子工程学院

物理与电子工程学院

专业实训报告

学生姓名: ***

学 号: 20130341100

专 业： 电子信息科学与技术班 级： 13级电科本1班指导教师： * * *

2017年9月15日

物理与电子工程学院专业实训报告

物理与电子工程学院

专业实训报告

1

1

专业实训报告

实训单位：物理与电子工程学院

地 点：实验楼信号与系统实验室实训时间：2017.9.5—2017.9.11

指导教师：***

1、实训目的及要求：（根据指导教师在教学过程中给出的具体要求填写）

通过本次实训，旨在以亲身参与各类项目的实际编写工作，来了解新兴的HTML5语言的发展历程，并了解和掌握这一新技术在IT行业中的具体应用范围和使用方法。在进行对H5语言进行初步了解后，通过实训课程的安排，逐步学习基础的H5语言的指令代码，运用所学习的指令代码进行更深入的效果设计，如定位、浮动、3D动画设计、轮播图等初级的H5设计，最后通过运用所有学习的指令操作完成总体的项目设计，从而对H5语言展开比较全面的了解和具备应用能力。要求实训期间认真学习H5的各种指令操作，认真完成作业并书写日报，不得迟到、早退、旷课；若有问题需及时与校负责老师和项目工程师沟通联系。2、实训的流程及内容（包括前期准备及实训过程）

实训开始前，由承担实训的主要负责人和实训老师，即蓝鸥公司老师杨成龙对这次实训做了总体概述，并说明了本次实训所需要的sublime软件、谷歌浏览器；展示了预期需要完成的设计效果，并说明了实训期间的各项要求。

实训的具体流程为：第一天，总体介绍实训，主要介绍了H5语言的发展历程，说明了本次实训的任务，介绍了所使用的sublime软件的操作方法和相关插件的安装方法。第二天，主要学习了在sublime软件中的固定代码格式，主要有头文件名、网页标题、style/style格式，并学习了一些基础的设置，如添加颜色的代码操作。第三天，学习了浮动指令、添加图片的操作。第四天，学习了JC语言，CSS内联样式的代码书写。第五天，学习了CSS外联样式的代码书写，并学习3D动画的代码书写，学习了轮播动画的设计，并对所学的各种代码操作加以总结复习。第六天，学习了当当优品项目的设计和代码书写，并开始

物理与电子工程学院专业实训报告

物理与电子工程学院

专业实训报告

PAGE

PAGE2

设计答辩项目。第七天，完成自己设计的项目，并进行项目答辩，实训结束。3、实训过程中的相关问题与解决方法（如实填写）

在本次实训中，主要的问题集中在对JC语言的学习和对CSS内联、外联样式的学习和理解上。

由于JC语言是一种偏向于脚本语言的代码书写，与C语言有相似之处但是又有不同之处，这就使得在理解过程需要花费精力去想明白其原理，有些较难的原理、想不明白的原理就及时和老师、同学进行沟通和交流，力争在最短时间里解决问题，不留下遗留问题。

除此之外，CSS外联的学习是一个重点，也是一个很大的难点。CSS外联是指在书写主程序代码时，某一些指令需要单独使用JC语言生成脚本代码，然后再在主程序中调用。出现的问题主要表现在一是对JC语言本身学习的不是很充分，再加上涉及到两个项目间的调用，使得经常出现代码错误，且难以自行察觉。解决这些问题的主要方法就是，首先要寻求同组人的帮助，检查错误，尤其是首先要解决基础性的错误，如果仍然无法解决，则需要向老师寻求帮助。

在CSS内联的学习上，出现的问题大体上与外联的问题相同。所谓CSS内联样式，就是在主程序内部书写的某种功能性代码，并对其加以调用。出现的问题不是很多，但是存在。

最后，最主要的问题集中在学习3D动画的过程中。在这一模块的学习时，主要涉及到首先要想明白所设计的动画效果是什么。由于涉及到3维空间，也就是涉及到绕着那个轴旋转的问题，稍有代码错误，或者旋转轴出错都不能达到预期效果。问题主要表现为，对代码指令的不熟悉导致动画错误，对要设计的动画效果不清晰导致代码使用错误，基本的动画设计与代码指令衔接不同步导致动画出现的效果不是预期效果等问题。一般出现这些问题时，由于涉及到需要有专业知识才能解决，基本上都是向老师寻求帮助，根据老师的讲解先自行更改，仍有错误的，则让老师帮助修改代码主程序，并找到出现错误的原因。

4、实训总结（包括心得体会与后期学习计划）

为期七天的实训课，不经意间就结束了，虽然只是短短的七天实训，但是却收获很多，学习到的关于HTML5 语言的知识也比较多。

首先，我想先来说说这次实训的主要学习内容，即HTML5 语言。HTML 指

的是超文本标记语言(HyperTextMarkupLanguage，