html网页心得

html网页心得

　　心中有不少心得体会时，常常可以将它们写成一篇心得体会，这样就可以总结出具体的经验和想法。是不是无从下笔、没有头绪？以下是小编收集整理的html网页心得，仅供参考，欢迎大家阅读。

html网页心得1

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

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

　　在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。

html网页心得2

　　通过这次实训，我收获了很多。以下是我的实训总结。

　　在实训中除了学到了许多新的知识，还锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力。实训中的项目作业也使我更加有团队精神。

　　一、继续学习，不断充实自我。

　　在实训中除了学到了许多新的知识，了解了关于HTML5的相关知识，对互联网+有了新的认识，对于未来工作的方向也多了一种选择。

　　二、努力实践，不断提升自我。

　　只有将理论付诸于实践才能实现理论自身的`价值，也只有将理论付诸于实践才能使理论得以检验。同样，一个人的价值也是通过实践活动来实现的，也只有通过实践才能锻炼人的品质，彰显人的意志。这次跟随老师实训完成了四个项目，和我的小伙伴们独立完成了一个小项目，满满的激动，未来还要更加努力。

　　三、完善总结，不断深造自我。

　　实训，展现在自己面前的是一片任自己驰骋的沃土，耕种梦想，成就未来。我将继续学习，深入实践，不断提升自我，多反思，多总结，吸取经验，为以后打下基础。

　　可以说这次实训不仅使我学到了知识，丰富了经验；将会有利于我更好的适应以后的工作。最后，我要感谢学院组织的这次十分有意义的实训，使我们学到了很多，也领悟了很多。

html网页心得3

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

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

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

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

html网页心得4

　　一、了解HTML5前端开发技术

　　HTML？指的是超文本标记语言？，标记语言是一套标记标签？HTML？使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的'规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。HTML5被推广用于Web平台游戏开发，及手机移动领域，从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。

　　二、课程能让你学到什么

　　从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。以开发实例展示为主导，循序渐进让学员掌握HTML5技术的应用。强化学员基础，尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。

　　HTML5培训内容首先是学习HTML5文档结构和基础语法，了解HTML5新特性，CSS3基础语法和布局样式，图形图像软件使用等。移动前端的交互JavaScript编程基础、JavaScript交互编程实战、JavaScript异步操作基础、Ajax、JQuery、AngularJS使用方法。移动前段综合开发；主要集中在H5+C3+jQ？Mobile，基于HTML5的移动网页布局、移动网页界面样式（CSS3）、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用（3D网页游戏）、WEB前端框架（JQuery，mobile、Sencha？Touch、PhoneGap）、Cocos2d—HTML游戏引擎等。最后，项目实训。项目实训能够提高综合开发能力。

html网页心得5

　　时光飞逝，转眼间在千锋学习html5开发生活半年了，如今学成毕业找到心仪的工作，最要感谢的莫过于千锋了。

　　起初刚来千锋还是有些不适应，习惯了大学散漫的生活，突然正经的按时上课，每天学习那么久的时间，觉得好累，还记得第一天上完课完成作业是21:15，那时候我感触特别深，上了3年的大学都从没有认真学习到这个点的时候，真是奇迹，当时还兴奋的不行，觉得不可思议，直到后来，在千锋的学习，才知道这是家常便饭，也习以为常。

　　从起初的不适应觉得不现实，到如今的`每天主动学习，到关教学楼才会回寝室，这对于我来说就是从一个学渣逆袭成为学霸，千锋成就了我。

　　有缘遇见助教华哥尽职尽责

　　来到千锋先认识的就是我们26班的助教华哥，其实来千锋学习最终收获满意的成果最要感谢的莫过于华哥了，初入千锋远离家人，不懂不会的好多，华哥都会尽心尽力的帮我们解决，无论生活还是学习，就是我们的大哥哥，带领我们学习，还记得当初有问题，问华哥，为我们改问题找错到好晚，

　　一直陪着我们学习，9.30下晚自习就可以回去休息的他，每天陪我们到关教学楼，是班级最后一个走的人，周六我们上自习，还来陪我们给我们解决问题。

　　用自己休息的时间来带我们，真的是尽心尽力，从未遇见这么负责的老师。

　　后来来到了32班，又有缘遇见华哥，那时候正是3阶段，最关键的时候，华哥每天晚自习考我们面试题，给我们讲面试题，让我们找到一个好工作，真是尽职尽责。

　　昨日的付出才有今日的成绩

　　还记得我们不学好不会你认真讲解的样子，还记得我们贪玩不认真，你跟我们着急生气的样子，还记得我们拿到心仪的offer，你高兴的样子，还记得太多太多，都是你带给我们的，没有你当初陪我们激励我们学习，也就没有今天的我们，在此特别感谢华哥。感谢千锋的老师。

　　还记得做项目期间cookie不会，想抄以前的代码改一改，高老师就坐在我旁边，一步一步的教我怎么写，直到我自己写出来为止，我回来为止。

　　在我自己想放弃的时候，高老师都没有放弃我，而是带着我，一步一步的讲解，耐心的给我教会，也让我重拾了信心，还有鹏哥，知道我们几个人基础差，每次讲完课都会下来问一遍学会了没有，没听懂就再讲一遍，一遍不会讲两遍，午休给我们讲，晚自习还给我们讲，直到我们学会了为止。

　　尽心尽力从无怨言。

　　真的有你们昨日的付出，才有我们今日的成绩。

　　感谢遇见这样的团队，这样的老师。

　　如今，已完成这半年的艰苦奋斗，终于‘修成正果’。

　　找到理想的工作，是千锋成就了我，给了我希望，给了我未来。

　　在这里特别向千锋致敬，感谢有这么负责的教育机构，同时希望千锋越来越好，培养出更多的人才。

html网页心得6

　　6.10号是我去培训学校学习的第一天，刚来时什么也不懂也不会，可以这么说完全是零基础。一天的学习下来，自己深受触动，认真听讲，认真笔记。一天的学习量很多也很充实。于是每天这么度过，一刻也不敢懈怠。渐渐地，我从无知到接触

　　揣摩H5，开始老师讲的听不懂，但请教老师同学后，问题迎刃而解。老师同学都很亲切积极帮助。来的`时候老师就说三天学完基础，第四天就要求能做出页面。我一听不敢相信。因为自己零基础，短短四天怎么可能，但是跟着老师一步步下来到第四天，自己还真能马马虎虎做出来页面。

　　时光流逝，很快在这里度过了一个月。然而月考即将到来，我忐忑不安。觉得自己第一阶段还没学好学扎实就考试了，感叹时间过得好快，考试的一天，面对笔试题，我笑了，因为我这些日子日以继夜的背全都会。机试本来我其实是应该发挥的特别好的，但是可惜的是框架搭错了，除了俩个bug耽误了一个小时，否则三个页面我都能够敲出来，不说满分九十多分也是妥妥的。在这段时间里我拼命的背笔记，敲页面练习。稳固扎实。我觉得很好，起码对得起自己，起码自己学到手了。

　　H5说难也不难，说不难也难，关键看自己有没有付出，全身心投入。爱不爱好。

html网页心得7

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

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

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

html网页心得8

　　一、要进行个人网站前台功能设计

　　包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

　　二、个人网站后台管理功能设计

　　包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。

　　三、网站发布

　　通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。

　　四、个人网站推广

　　一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。

　　在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。

　　给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。

　　可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学

　　广。

　　做出一个好的网页一般都离不开dreamweaver，flash，photoshop这三个软件，当然，还可以用到其他一些辅助软件就会加快网页的设计了，比如：SothinkDHTMLMenu，Sothink_Logo_Maker等软件，这些软件不仅可以快速开发出导航，logo等，而且很漂亮，美观。

　　制作网页，首先是确定主题，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。而我们这次的实习就是用这几款软件来设计，主要使用div+css来布局，避开传统的table（表格）布局DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题：很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。

　　使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛（Spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

　　DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。

　　代码精简所带来的直接好处有两点：一是提高蜘蛛（Spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到蜘蛛（Spider）欢迎，这样对收录数量有很大好处。而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer（seo工作者们）们在文章中说明了这一点，相信他们也不是没有依据。

　　DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。

　　DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度：DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛（Spider）爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛（Spider）就会认为这个页面无法访问，影响收录及权重。

　　真正的SEOer（seo工作者们）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的.基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的，可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的方面。

　　总之Div+css布局的优势如下：

　　由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

　　页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

　　DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

　　我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

　　好的网页，也离不开photoshop，前面我也说了，flash的制作所需要的图片都要在photoshop中事先PS好的。那photoshop的作用就显得很重要了，网页中的flash都仅仅是一小部分，图片占的分量还是比flash要大的，故好的photoshop技术，那么PS出来的图片就会显得更好，这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。

　　从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。

html网页心得9

　　从大一暑假进入实验室，进的这个实验室叫做网络实验室，是一个充满爱、充满欢笑的大家庭，每个人都很努力，都知道自己的目标，尽管我不知道自己的具体目标是什么，但是我一直在寻找，寻找自己的道路，绘画自己的精彩。

　　现在就开始说说自己开发历程吧，先从html说起。

　　html是一种标记语言，是用在web网络上的标记语言，从开始html1.0到现在很流行的html5.0，我开始学的时候是从4.0开始学的，其实看起来4.0和5.0没有多大的区别，但是html5.0比4.0的兼容性更好，代码更简洁，运行速度更快。

　　下面就从html的完整 式来说明。

　　一般的html 式,这样的` 式没有那么严谨，适合刚开始学的同学。

　　如果严谨的话，那我们就从表头开始说起:在表头上还有一行代码，它是用于声明一个页面的文档类型定义(document type declaration, 即dtd).此元素声明位于文档中的最前面的位置，处于 标签之前。

　　通过确认页面的dtd,可以同时确定页面使用哪种w3c规范(比如html 或 xhtml 规范)。

　　html 4.01 规定了三种文档类型:strict、transitional 以及 frameset。

　　总上面来看，其实两者的表示形式没有太大的差别，但是html和xhtml的表示形式就有点不一样，在这里就不详细说了，等下一遍再跟大家详细比较这两者的详细区别。

　　再往下说就是标签里的写法了，如果上面的不写的话，在里也不用写什么，所以在这里我们严 的来说在中要写xmlns="http://www.w3.org/1999/xhtml"来表明这个文件是可以自定义自己的标记，但你定义的标记和其他人定义的标记有可能相同，但表示不同的含义。

html网页心得10

　　利用假期和休息时间，初步学习了有关html+css的知识，感触颇多。做网站原来一直处于一种茫然的状态，边学边做，边实践边维护，每每遇到问题了，便会花费很大的精力去解决，在解决问题的过程中也慢慢提高，但工作有时相当的吃力。通过一段时间详细的接触到html+css，从基础知识补起，利用空闲时间看书及有关div+css“布局入门教程”，它通过举一个例子，然后让你上机测试效果，让我有对样式表CSS有一个初步的印象，知道了CSS能做什么。我觉得这份教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么。

　　在些之前，我是从未接触过div+css的，甚至连dreamwear、photoshop的工具也都是皮毛。我的学习思路是这样的：

　　一、先写HTML还是先写CSS？

　　对于一个新手而言，在有了一点html知识之后，对于CSS、DIV都感觉特别的疑惑，不知道这其中到底是什么联系？为什么用了CSS的网页不能像其它代码一样直观？html和css哪个先写？其实这些问题在我看完教程，但还没真正上手实践时的疑惑！等真正上手自己做时，我才发现应该－－－两者同时写！

　　二、把站点建好，目录建好，比如建好文件夹css,images,这两个是最其本的，然后新建一个.html空文件，一个.css空样式表，把.css外部样式表连接到.html这个文件上，链接写在中。

　　三、写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。

　　四、到样式表中写各个布局层的样式。

　　五、写一段代码后就进行浏览器的测试，同时用IE6与FF一起测试。在浏览器中调试，调试时发现许多之前没有预料的问题，如浏览器的兼容问题、浮动的`问题等。

　　六、不断的找出问题、理解怎么出错的，不断的再测试！

　　这样的学习和研究过程，让我体验到了许多次的付出与回报的乐趣，如：

　　第一：阅读一本书，一般来说我第一次要先把整个书通读一遍，不理解的也要往下看，因为在往下看的过程中也许会找到那个问题的答案，等看完后我会有一个大概的印象，但一定会有很多不明白的地方，没关系，继续往下看。

　　第二：就要边看边做学习笔记了，我有随时写笔记的习惯，电子稿或手写稿均可。把自己认为是重点的部分写上，便于以后查阅；再者，把觉得有疑问的部分记下，带着疑问看下去，如果没有答案，上网查询或是问前辈，解疑是提高知识最快的一种方式。

　　第三：心态很重要，一定得静下心看书，能不越过的看就不越过，要树立信心，坚持再坚持下去。系统的将教程学完，一遍不行两遍，持之以恒。

　　第四：当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。

　　学习永远没有终点，随着学习，知识不断提高，所接触的技术领域也随之扩大。坚持看书，坚持以任何一种方式学习，都将受益无穷，也都是一件十分快乐的`事情。

html网页心得11

　　学习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网页心得12

　　在平日里，心中难免会有一些新的想法，不如来好好地做个总结，写一篇心得体会，这么做可以让我们不断思考不断进步。那么写心得体会要注意的.内容有什么呢？以下是小编为大家整理的html网页设计心得体会范文（精选8篇），欢迎大家借鉴与参考，希望对大家有所帮助。

html网页心得13

　　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网页心得】相关文章：

html网页心得体会12-24

网页html设计心得体会12-23

html网页设计心得体会12-23

html网页心得体会15篇12-28

html网页设计心得体会9篇02-18

html网页设计心得体会(9篇)02-23

html网页设计心得体会范文（精选8篇）12-13

HTML5培训心得体会03-09

网页设计心得12-22