优短文提供的html5实习心得体会（精选4篇），经过用心整理，希望能对您有所帮助。
html5实习心得体会 篇1
21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站来进入企业宣传，通过企业网站来打广告，宣传产品、品牌推广，促进销售等 方法来实现企业营利的目的。所以，中国的互联网在中国的近几年来，有了非常大的发展空间，如“网上商店”“网上服务”“网络资源”非常的流行。所以网页设计师中一个紧缺的人才。对一个企业来说，做好一个网站是必不可少的。我们现在做为电子商务专业的，我们的最终目标是针对全球这个大的市场，还有这个网络市场。作为一个企业的管理者，应当为自己设计一个能够促进销而且能够代表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。
我们学了一个学期的网页设计，这周我们开始实践我们专用的计划如下：
第一天：网页设计与布局。网页的题材自己定，可以任选。
第二天：准备材料。建立站点，将所有的题材放到自己所建立好的站点里去，以便在做的可以更方便、快捷的应用到网页中，提高速率。
第三天：将所在准备的材料一起联接起来，放到自己的所设计的布局结构中。再做二级网页，建立超链接，把一级和二级网页连接起来。
第四天：将所做的网页进行整理、调试、发布。在网站上申请一个空间，将自己做的网页传到网上去。
第五天：写实习报告。将写好的实习报告打成电子文档，传到老师处，审查。
网页的布局：
网页的布局指的是网页的整体架构，也就是排版。在一个被别人打开网页之后，如何才能突出我们网站里面最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息和内容。这首先就要从网页布局做起. 我觉得网页布局应当注意以下几点：1、整个网页的长和宽的比例，2、导航条的设置，3、正文的框架结构。我的这个上网页中，我的大体布局就是“F“型的。从我的首页上看上去虽然有点乱的感觉，但整个的布局是清楚的，乱而有型。在大多数企业网站中的布局都是大同小异，但是它们做出来的效果显得非常的完美，所也是他们企业的成功之处所在。因此，一个网页布局是一个非常重要的一个工作。
网页的设计：
网页的设计不仅需要学好网页设计软件的方法，还需要和其它的软件一起使用，如动画设计软件，静态图像处理软件，等等。所以学习起来的确有点困难，所以需要有有点耐心去学习，不要是因为一时的好奇而去做网站，那肯定是不得行的。当我们遇到问题的时候要总要想着自己去面对解决，不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。
网页的整个形象：
在一个网页做成之后，就要去找开看下网站的整个效果。首先是给视觉效果人视觉效果的，而在视觉效果中又最注重是颜色的，所以色彩的配合是必不可少的知识。在调整好之后，到网上去申请一个空间，传到网上去，看下效果。
总结：
从我不知从何下手做网页时到现在学习了一学期和这个专用周结束，总算有一个大体的方向和设置的格式了。我一开始对什么网页的布局和设置啊，什么都着落，对于一个好的网站的是如何做出来的和它所应用的方法都大概有一个认识。比如说那些动画、流动的窗口和按钮、弹出图片等等一些广告、视屏之类的。在我们的课本中没有多少的代码，只有文字性的操作步骤。还有那些什么JAVA代码一个都没有。然而在我们制作过程中，我们很多的时候都需要使用那些JAVA代码，我们又不知道，只有到网上去找。但是这并不是一件坏事。我们还可以学到很多东西，这也是我们所需要的。我觉得我现在做出的网页虽然不是很好，但是通过了这一周的实习，我收获也是不少啊!
html5实习心得体会 篇2
真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.
在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。
网页的调试
之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。
一.网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。
2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3.确定栏目和板块：
1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置 (横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。
4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。
二.网页制作的前期策划与准备
1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。
2.熟悉制作工具软件：
主页制作的基本条件有：网页设计实习总结
硬件：
一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;
软件：
HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver;
图像处理软件：常用的有Photoshop、flash、Fireworks 等;
文件上传软件：常用的有Cuteftp、WSftp等。
html5实习心得体会 篇3
选择到XX公司参加企业实训，我们算是比较另类的，因为绝大部分的同班同学都选择到中软国际实训。未去之前，大家都非常担心会不会遇到不良公司的特别对待。直到28号我们抵达了公司，我们的心才算安稳下来。XX公司是在广州天河区，距离地铁口比较近，而公司给我们安排的住宿叫做“飞马公寓”。讲到这里，同学们对公寓的概念是不是应该很上档次，高大上的那种。其实，我们住的叫公寓，但是现实并不是如此，这只能算是一个大单间，配有浴室，厕所和阳台。我们向公司提出不和外人住的要求，所以公司给我我们四个人安排住在一个大单间（公司对我们的照顾还算比较周到）。在我们入住这个大单间的时候，收到了一个礼物，一只巴掌大的蜘蛛，躲在了厕所的角落，这让我觉得很刺激。由于10月份已经开始入冬，空调等设备我们都没有去太在意。公寓管理员给我们提供了洗衣机，虽然这个月里它也罢工过一次，这也见证了飞马公寓管理人员的随叫随到的高效服务。飞马公寓，就坐落在一所小学前面，而我们这个单间就背对着课室。所以这也有一个得天独厚的资源，每天7点准时的朗读声。说到这里就不得不说下我当时的感受，也许这看起来比较矫情，因为你要适应这个环境，起初总会让你感觉到心烦，但慢慢的适应了就好。飞马公寓提供的基础设施都比较简陋，比如我们睡的床，上下铁架床的那种，是一种比较容易摇晃的床，这点我感触颇深，因为睡我下铺的同学是一个夜猫子，喜欢看平台直播，在看的期间难免会翻转躺姿，动作稍微大点就能体会到摇床的效果。这也是第一次让我觉得我不再是那个可以挑剔住宿环境的大学生了。社会有很多的东西不随你的意愿，挑三拣四只会让你变得更加的弱小，学会适应也算是我这个月的课程之一。因为这附近有学校，所以这里有关吃的方面还是比较齐全的，只要几分钟就能赶到餐馆，对于这些餐馆的味道，我就不过多的评论，萝卜青菜各有所爱。公寓到公司的路程大概就在步行十分钟左右，不用每天起早赶地铁。
XX公司是一个复合型公司，有外包和培训机构。而我们这次去的目的就是为了学习，所以只能去培训机构。此次培训，我们四个人都选择了HTML 5项目。公司给我们列了一个表单，关于学习HTML 5的课程，并给我们安排在一个小研发室，起初只有8个人，最后扩展成18人的规模。出于我们的研发室比较小，所有带我们的导师比较容易照顾周到。这里来讲讲导师，导师名字叫罗志刚，是一位在外面工作三年的网页工程师，年龄也在27岁左右，性格非常的开朗的小伙，对于HTML 5的知识非常了解，善于讲解知识。在导师给我们上课的时候，我们的氛围都非常的活跃，也没有多少人会开小差。在讲知识方面，因为我是一个基础薄弱的人，确切的讲我是一个没有什么基础的人，所以开始的基础课程对于我来讲是比较适合的。前面的几节课是给我们讲基础知识，所用的开发工具sublime text 2和我们大学的开发工具dreamware不一样。在过后才了解到外头公司基本都不再使用dreamware，而更多的使用sublime text 2等。在第一个星期打完基础后，我们开始尝试第一个项目，北汽网站的开发，这是一个关于北汽幻速s6网站的项目，我们需要学习怎么运用HTML去布局，实现一些动画的效果等。再之后的每个星期都有一到两个工程项目，比如说百度搜索主页的设计，商城手机端的设计，灵幻主页的设计等。这里个人觉得最好的学习效果就是将所学的知识运用到实践中去。所以这一个月对于我来讲是非常有意义的旅程。你必须准点到公司打卡，迟到就要罚款，下班也要打卡。这里的每一次打卡都将记录下我们的成长。
此次实训虽然是学院强制要求的，但现在的我由衷的感谢学院这次强制的安排。XX公司是一个可以让人学到东西的地方，这点清晰的记得辅导员陈洁老师曾经讲过的一句话，讲诉来自她过往的经历：“无论学校给我什么安排或者说让我去做什么，我都会去试一试，因为这些都是我们成长需要经历的，可以给与我们学习的机遇”。所以，当计算机的师弟师妹们看到这篇文章的时候，学校给你们机会去学习，你们就尽管去试一试，也许会学到你喜欢的东西呢，最起码你不能错过它。在这里师兄希望各位师弟师妹们，珍惜你的大学生活，珍惜你的学习机会，多去尝试一些你不愿意的挑战。
html5实习心得体会 篇4
学习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功能，让页面效果更绚丽，开发更简单，尤其是“移动先行”的现代互联网网页设计理念能让“响应式设计”越来越简单、流行，甚至出现了很多框架，比如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的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。
学习计算机技术，千万不能沉迷外家功夫!