html网页心得

html网页心得

我们有一些启发后，可用写心得体会的方式将其记录下来，这样我们就可以提高对思维的训练。相信许多人会觉得心得体会很难写吧，以下是小编收集整理的html网页心得，欢迎大家分享。

一、了解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网页设计心得体会范文（精选8篇），欢迎大家借鉴与参考，希望对大家有所帮助。

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

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

在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+css的知识，感触颇多。做网站原来一直处于一种茫然的状态，边学边做，边实践边维护，每每遇到问题了，便会花费很大的精力去解决，在解决问题的过 ……此处隐藏5827个字……也没有人会知道。

在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：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中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。

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