html实训心得体会

html实训心得体会

（经典版）

编制人：__________________

审核人：__________________

审批人：__________________

编制单位：__________________

编制时间：____年____月____日

序言

下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家

解决实际问题。文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!

并且，本店铺为大家提供各种类型的经典范文，如演讲致辞、总结报告、心得

体会、合同协议、条据文书、规章制度、自我介绍、策划方案、职业规划、其他范

文等等，想了解不同范文格式和写法，敬请关注!

Download tips: This document is carefully compiled by this editor. I

hope that after you download it, it can help you solve practical problems.

The document can be customized and modified after downloading, please adjust

and use it according to actual needs, thank you!

Moreover, our store provides various types of classic sample texts for

everyone, such as speeches, summary reports, insights, contract agreements,

policy documents, rules and regulations, self introduction, planning plans,

career planning, and other sample texts. If you want to learn about different

formats and writing methods of sample texts, please stay tuned!

第 1 页

共 11 页

html实训心得体会

html实训心得体会范文6篇

了解HTML的基本语法是非常重要的，例如标签、属性、元素等，

掌握这些基础知识可以让我们更好地理解HTML代码的编写和结构。

例如文本、图片、链接和表格等元素的排版、样式和格式。本店铺今

天整理了html实训心得体会精选。欢迎你的阅读和借鉴。

html实训心得体会精选篇1

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然

时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生

的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比

较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上

了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的

悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要

求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做

好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并

且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较

接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。

确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进

行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过

第 2 页

共 11 页

大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现

了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试

后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格

内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得

太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效

果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。

复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为

可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占

满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy

教你玩转网页设计浏览的工具建站程序三分之一、左边有三分之二留

白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，

在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查

不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还

是没有效果。

就这样试着试着，突然想到了层这个概念。于是在布局中点击了

绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。

印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样

插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结

果居然都忘记了，于是自己在百度上收。

最后终于找到了一个可以使用的代码，但是在加入声音路径时出

第 3 页

共 11 页

现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，

然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格

式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现

了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学

习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进

步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得

到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更

完善。

html实训心得体会精选篇2

本学期的网业设计课程，开展了动态思维训练教学活动，对于我

们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动

手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，

创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习

过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，

有了一个展示自我的空间，我觉得很开心、很有成就感。

一、充分发挥动手能力

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计

出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前

学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，

通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题

和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手

能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我

第 4 页

共 11 页

都全身心投入，使我真正学到了网页设计的知识。

二、在设计过程中不断提高网页设计水平

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，

也从中学会了关于网络、编程等方面的知识。我从最初开始运用

FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks

等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上

网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，

学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。

在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老

师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是

内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程

中，网页设计水平得到了很大的提高。

三、不足之处

由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的

强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码

的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也

是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，

必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学

习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以

后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不

足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努

第 5 页

共 11 页

力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计

出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。

html实训心得体会精选篇3

一连上了两个星期的网页实训课，可以说学到很多以前没有学到

的东西。虽然在大一的时候我们的专业出开设了网页设计课，但感觉

这两个星期学到的远远比以前学一个学期的要多，要丰富。

每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马

上就把它给学会。通过这次实训使我更熟练掌握Dreamweaver、Flash、

Fireworks、Photoshop等软件的功能和应用。不但如此，更增加了

同学间的友谊，陪养了彼此间的团结。

在这期间，每一天老师都会发一些素材和实训给我们，首先是网

页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解

到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来

进行策划，在做首页之前，先用图纸把网页的结构画出来，内容和结

构都想清楚用Fireworks把网页设计出来，再切割图片，把它们导成

Html格式在Dreamweaver中进行进一步的编辑。

我们的网站主要是围绕宿舍而展开的一串活动、人物等，宿舍给

我们一种很温馨、很快乐的感觉，所以我们决定将这次的网页名叫

funnyroom。主题确定好了，那么分工出就明确了，我们组有三个人，

两个人负责找素材，另一个美术好的就负责网页的页面设计，但是我

们始终不是学美术方面的，所以色彩方面搭配的不是很好，后来采用

了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去

第 6 页

共 11 页

就有难忘的感觉。而从第二页开始就采用粉色为主色调，让人可以感

受到我们的主题，因为首页和其它的颜色不一样，所以我们就把首页

当作是过渡页，第二页开始才是网页的内容。为了增加网页的新鲜感

和活泼感，还适当在添加一些透明flash和一些网页特效。在这实训

的时间里面，我们分工合作，共同努力，对网页反复调试和修改，特

别是对于Fireworks软件不那么熟悉，有很多的实例都要看过老师的

演示才会明白，不过这也恰恰让我学到更多。虽然中途难不免会有因

为意见的不合而发生一些小小的争吵，但我觉得不影响我们的网页设

计，反而会因为这些不同的意见而重新学到更多的知识。

html实训心得体会精选篇4

风尘仆仆的来到了大连，来参加汇博组织的HTML5培训，从HTML5

基础讲起，起初并不以为然，想这HTML这个平常上课也经常接触到

的东西，但是听完第一堂课后，后面的兴趣越来越浓厚，尤其是讲到

HTML5的新特性时候，讲到canvas画布时候，突然感觉HTML的功能

远远超出了我的.想象，超出了我的预期，当自己做完第一个实例的

时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一

定会感兴趣。当老师简单讲完CSS和JS时候，然后将HTML5+CSS+JS

结合起来的时候，就感觉这是个强大无比的组合，不次于使用C#在

VS平台上实现的功能。尤其是其在游戏和动画上的效果，使得页面

可以轻松抛弃Flash的枷锁也同样能够实现强大的动画效果。

最后一天Intel的老师讲到如何将HTML5的APP上传到不同平台

的应用商店时候，这时候就更感到自己学到的东西有意义了。不像以

第 7 页

共 11 页

前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加

鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个

思路用在教学上，一定能有所收获，学生一定能感兴趣。

这次培训对于自己在今后教学过程中提出了一个新的思路，我们

的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出

学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为

学生由被动学习变为主动激发资深兴趣去学习。这才是最重要的，才

能培养出高质量人才。总之，感谢Intel，感谢微软，感谢汇博给我

们提供了这次培训，期待下次培训。

html实训心得体会精选篇5

HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的

标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、

对用户都更 有价值的数据驱动的Web。北京恒泰博远软件开发公司

对HTML5的解释是，为开发者提供了一个跨平台的移动apps开发方

案，并且该方案具有很好的扩展 性和灵活性。

由目前it行业使用html5开发app来看，如今国内使用html5

开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只

有两种方法，要不就是全使用HTML5的语法，要不就是仅使用

JavaScript引擎。

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由

于界面层很复杂，已预订了一个UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。

第 8 页

共 11 页

尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。

原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的

效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。

html实训心得体会精选篇6

学习H5我们不需要过度的关注细节，五柳先生的“不求甚解”

的态度就很好，遇到能想起来，用到明白来源，不用作为扩展知识。

其次，H5的设计起点就是从实用出发的，也就是说很多特性都

是怎么方便就怎么来。所以我们可以关注我们感兴趣的技术，但是开

发的时候还是不要特意的使用H5.能用到而且兼容性也不错就用，用

不到也不要“画蛇添足”，比如163邮箱就有用到nav标签等，但是

如果自己不是很精通H5或者是没必要重构就不要去把一些东西改为

H5的，比如编写JS的时候特意的用WebWorker，这就很不好!除非我

们很明确的知道，这就是针对移动端这种基本上全面支持H5的

Browser设计开发的功能。

最后，H5技术不复杂，它从来都不是什么新技术，只是HTML的

延续，我认为的H5包括如下三点：

(（1)改进及增强的HTML属性，新页面可以尝试使用。

(2）增强了的JS交互接口：WebWorker、WebStorage、Web DB、

Offline Application、Geolocation、Canvas，可以说H5和JS相互

增强更上一层，但是还是要小心使用!

(3）CSS3、改进增强CSS功能，让页面效果更绚丽，开发更简单，

第 9 页

共 11 页

尤其是“移动先行”的现代互联网网页设计理念能让“响应式设计”

越来越简单、流行，甚至出现了很多框架，比如bootstrap。

学习方法：

学习HTML这类的标记语言，我们需要从四个方面入手：

(（1)语法：即怎样的书写格式是Browser接受和支持的，HTML

技术的语法很简单，只要注意大小写在HTML、XHTML、H5中的一些细

节不同就可以了。

(2）元素：也就是标签，这个就靠经验和记忆了，不求甚解多用

就好。但是有一点，系统的学习和杂乱记忆的不同点就是：系统的学

习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不

必要的错误嵌套。一般会把HTML标签分为文档结构标签、文本格式

标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这

8类，有些标签不实用就不用看了。

(3）属性：知道每类标签都有什么属性，一般来说学习方法是知

道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了

name、id、class、style外很多元素属性我们都很少用，涉及到格

式的属性，我们都用CSS来代替了。这也是H5推荐的做法，那些属

性在H5中都被废弃了，比如background属性。

（4)其他：其他的东西就是去了解一些额外的知识：历史背景、

关联技术、深入技术，比如XML、DTD，甚至是Browser对页面的解

析、渲染过程，DOM树的构建、Render Tree的构建过程，来帮助我

们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由

第 10 页

共 11 页

他强，清风拂山岗”的境界了。

学习计算机技术，千万不能沉迷外家功夫!

第 11 页

共 11 页