html网页设计实训心得

倚栏轩整理的html网页设计实训心得（精选6篇），供大家参考，希望对大家有帮助。

html网页设计实训心得 篇1

学习H5我们不需要过度的关注细节，五柳先生的“不求甚解”的态度就很好，遇到能想起来，用到明白来源，不用作为扩展知识。

其次，H5的设计起点就是从实用出发的，也就是说很多特性都是怎么方便就怎么来。所以我们可以关注我们感兴趣的技术，但是开发的时候还是不要特意的使用H5，能用到而且兼容性也不错就用，用不到也不要“画蛇添足”，比如163邮箱就有用到nav标签等，但是如果自己不是很精通H5或者是没必要重构就不要去把一些东西改为H5的，比如编写JS的时候特意的用WebWorker，这就很不好!除非我们很明确的知道，这就是针对移动端这种基本上全面支持H5的'Browser设计开发的功能。

最后，H5技术不复杂，它从来都不是什么新技术，只是HTML的延续，我认为的H5包括如下三点:

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

(2)增强了的JS交互接口:WebWorker、WebStorage、WebDB、OfflineApplication、Geolocation、Canvas，可以说H5和JS相互增强更上一层，但是还是要小心使用!

(3)CSS3:改进增强CSS功能，让页面效果更绚丽，开发更简单，尤其是“移动先行”的现代互联网网页设计理念能让“响应式设计”越来越简单、流行，甚至出现了很多框架，比如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树的构建、RenderTree的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。

html网页设计实训心得 篇2

HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。北京恒泰博远软件开发公司对HTML5的解释是，为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。

由目前it行业使用html5开发app来看，如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的'最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。

即使这样，我们还是很看好html5app开发，原因有一下几点。

一、是基于html5强大的兼容性，因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。

二、html5app开发支持的手机系统有android、ios。

三、html5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

四、html5app开发，能提供更快、更简便的服务，代码可高度重用，服务发布方便。

五、动画、游戏动态效果，地理定位等很多app应用正在崛起，而html5技术的强大优势就是这种让我们惊叹的效果。而未来采用html5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。

html网页设计实训心得 篇3

风尘仆仆的来到了大连，来参加汇博组织的HTML5培训，从HTML5基础讲起，起初并不以为然，想这HTML这个平常上课也经常接触到的东西，但是听完第一堂课后，后面的兴趣越来越浓厚，尤其是讲到HTML5的新特性时候，讲到canvas画布时候，突然感觉HTML的功能远远超出了我的想象，超出了我的预期，当自己做完第一个实例的时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一定会感兴趣。当老师简单讲完CSS和JS时候，然后将HTML5+CSS+JS结合起来的时候，就感觉这是个强大无比的组合，不次于使用C#在VS平台上实现的功能。尤其是其在游戏和动画上的效果，使得页面可以轻松抛弃Flash的枷锁也同样能够实现强大的动画效果。

最后一天Intel的老师讲到如何将HTML5的APP上传到不同平台的应用商店时候，这时候就更感到自己学到的东西有意义了。不像以前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个思路用在教学上，一定能有所收获，学生一定能感兴趣。

这次培训对于自己在今后教学过程中提出了一个新的思路，我们的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为学生由被动学习变为主动激发资深兴趣去学习。这才是最重要的，才能培养出高质量人才。总之，感谢Intel，感谢微软，感谢汇博给我们提供了这次培训，期待下次培训。

html网页设计实训心得 篇4

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识，只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。

申明一点，我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不对的地方，还请大家见谅。

html网页设计实训心得 篇5

时间过得很快，从刚开始的.培训开始到现在的培训结束，似乎都是眨眼间的事情。首先很感谢任课老师莫老师和班主任以及其他腾科工作人员的工作付出，还有班级上共同学习进步的小伙伴们，让我顺利的学完了HTML5所有课程。这次HTML5课程的学习让我学到了很多前端方面的知识，感觉自身的IT技术提升了不少。

此次课程培训让我对HTML5有了更加深入的了解。HTML指的是超文本标记语言，标记语言是一套标记标签，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。

学习都是一步一个脚印，H5学习也是从前端开发的基础学起，首先学习使用HTML、CSS、Java、Jquery等一系列前端技术，实现一些网页动态效果。再到后面的Vue。js、bootstrap、Type等一些主流框架，还有微信小程序的学习。培训课程当然不是上课听懂就可以，而是必须能要去动手操作，达到熟练使用的要求和效果，为了保证学习效果，课程以理论和实例相结合的方式进行授课。而且每个学习阶段的结束都会做一个实训项目，做项目不仅能是学到一些新知识，也能查缺补漏，巩固自己所学知识。

最好希望自己早日找到工作，在前端开发这条路上创造辉煌！

html网页设计实训心得 篇6

如今移动互联网发展迅速，技术不断的更新迭代，所学知识也需与时俱进。现在市场上的主流互联网网站，需要打造的是一流用户交互体验。对于前端开发者的要求，不再是简单的页面展示，而是需要全栈式的前端开发工程师。

方法一：注重实践，由实践出真知

在HTML5知识学习过程中，有些学员不喜欢动手，更喜欢听讲师讲或者自己背诵，这种学习方法是万万不可取的。因为代码的学习，是个需要动手的过程。掌握代码不仅仅只有记忆还有尝试。尝试自己去写代码，然后发现问题，最后进行归纳总结，同时形成理论并记忆。

方法二：由整体到局部，由骨架到血肉

我们在学习HTML和CSS时，会涉及到网页的搭建等相关知识。在学习这部分知识时我们采取的是“由外及内”、“由整体到部分”、“由全局到细节”的学习方法。我们在接触某一个新的知识点时，一定要从主干到枝叶，不要拘泥于某一个细节而沉溺于其中。主干如同知识的一个主线，这种先找主干后添枝叶的学习方法能够让知识遗漏变成最少，也会比较容易建立起知识与知识间的关系。

方法三：记忆很重要

我们刚才在方法一中提到注重实践，并不是让我们忽略记忆。记忆也是同样重要的，学习时我们通常会遇到需要记忆的知识点。如有哪些数据类型、有哪些标签元素等等。遇到这类知识点时我们一定要通过记忆将其熟练掌握，很多人在学习的过程中觉得还是理解是最重要的，这种想法是错误的。因为如果连记都记不住还谈什么理解呢?

方法四：类比

在学习CSS引入方式这种知识点时，我们采用了另一种学习方法。类比，或者也可以叫做辨析。这种方法主要针对于区分相似的两种或多种事物。如strong与em，块元素与行元素，同步与异步等等此类知识具有相似性的知识，应多多思考，抓取几种事物的不同点，结合去记忆。

方法五：循序渐进的学习

学习是一个日积月累的过程，不能一口吃成一个胖子。在学习的过程中我们通常会遇到一些大型的知识，这种知识是比较难啃的。当我们遇到此类知识时，不要急于求成，要脚踏实地一步一步的来，例如动画框架的学习就是一个典型的例子。

在循序渐进的学习过程中，学习思路也是很重要的。换句话说，我们面对一个“大型”的知识点，知道要按部就班的一步一步的来完成，但是就是不知道该怎么开始，从哪儿开始。这时候就需要我们有明确的学习思路，在学习知识的过程中重点是关注思路，而具体的小知识点就是血和肉。

方法六：有一双善于发现的眼睛，利用生活辅助学习。

这种学习方法简单来讲就是利用生活中的实际事物辅助抽象知识的学习。利用这种方法能够让我们更快更好的理解和吸收知识，例如在讲解AJAX时我们利用了信件邮寄。在讲解构造函数时，我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系等等。

学习并不是一蹴而就的，在学习过程中有一个良好的学习方法这是至关重要的。掌握一套自己的学习方法，日后必定受益终生的。

还有最重要的一个关键，那就是你必须要坚持，必须要有求知的欲望。

随着互联网的高速发展，软件行业更加火爆，几乎高薪职位都与软件行业挂勾，程序员成了高薪的标志。HTML5作为近几年非常火的软件开发语言，更是得到了多人一致的好评和青睐。既然HTML5这么火，学习这门课程当然前景更可观。

只要努力学到真东西，前途自然不会差。如果你想学好HTML5开发语言，应该根据自己的实际需求去实地看一下，先去试听之后，再选择比较适合自己的，希望能给你带去帮助。

其实你会使用HTML4.01，那么HTML5不需要多学，知道几个删除的标签和新增的标签就好。H5主要体现在新的javascript的api上，比如canvas的绘图，js与video标签结合来代替传统的flash player的.播放模式。

个人认为HTML5不止是超文本标签语言，更像是一种集合，包含了HTML5CSS3JS，HTML5配合CSS3JS结合起来才能发挥作用，所以要学习HTML5还需要学习CSS3和javascript。