html网页设计实训心得范文（精选17篇）
当我们受到启发，对学习和工作生活有了新的看法时，通常就可以写一篇心得体会将其记下来，这样有利于我们不断提升自我。那么心得体会到底应该怎么写呢？下面是小编帮大家整理的html网页设计实训心得范文（精选17篇），仅供参考，大家一起来看看吧。
html网页设计实训心得范文（精选17篇）1
6.10号是我去培训学校学习的第一天，刚来时什么也不懂也不会，可以这么说完全是零基础。一天的学习下来，自己深受触动，认真听讲，认真笔记。一天的学习量很多也很充实。于是每天这么度过，一刻也不敢懈怠。渐渐地，我从无知到接触
揣摩H5，开始老师讲的听不懂，但请教老师同学后，问题迎刃而解。老师同学都很亲切积极帮助。来的时候老师就说三天学完基础，第四天就要求能做出页面。我一听不敢相信。因为自己零基础，短短四天怎么可能，但是跟着老师一步步下来到第四天，自己还真能马马虎虎做出来页面。
时光流逝，很快在这里度过了一个月。然而月考即将到来，我忐忑不安。觉得自己第一阶段还没学好学扎实就考试了，感叹时间过得好快，考试的一天，面对笔试题，我笑了，因为我这些日子日以继夜的背全都会。机试本来我其实是应该发挥的特别好的，但是可惜的是框架搭错了，除了俩个bug耽误了一个小时，否则三个页面我都能够敲出来，不说满分九十多分也是妥妥的。在这段时间里我拼命的背笔记，敲页面练习。稳固扎实。我觉得很好，起码对得起自己，起码自己学到手了。
H5说难也不难，说不难也难，关键看自己有没有付出，全身心投入。爱不爱好。
html网页设计实训心得范文（精选17篇）2
这个学期学习了网页设计实训基础这门课程，使我增加了计算机的基础知识，同时也增加了对学习计算机的浓厚兴趣。
第一、从这次实训当中我深刻的体会到理论知识的重要性，只有在自己熟练理论知识后再能在实践中游刃有余，才不会出现“用时方恨少的境地。”
第二、实训中我印象最深的是对各种网页制作工具的使用不熟练，甚至还有个别不会用的，只是自己想要做个图片或图标等都做不好，其心情想而知。所以对这些网页是做工具的使用都要练习。
第三、集体协作是我又一个体会。这次网页制作由于某些原因我一个人一组，是我搞掘到压力很大而且很累，而且我自己的思维能力很有限，网站设计和制作上也略显粗糙和不足，正所谓：你有一个思想，我有一个思想，分享后我们就都有两个思想。所以与同学合作是很有必要的。
人生的快乐莫过于做自己喜欢的事情，我很庆幸能有这次实训机会，因为我喜欢静静地坐着去做做自己心里的故事，或许做的不是特别完美，从此也可以看出我以后还需要更多的努力，我会奋勇向前不断不努力的，希望能够得到老师的肯定！
html网页设计实训心得范文（精选17篇）3
通过这次实训对这门课程的学习，做好网页，并不是一件容易的事，它包括网页的选题、 内容采集整理、 图片的处理、 页面的排版设置、 背景及其整套网页的色调等很多东西。
所以我得出一下总结：
一、 准备资料和挑选符合目的主题的合适素材
做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来， 作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹， 养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改就成你自己的东西了。
二、 规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面 过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力， 很难令他们深入观赏， 而且他们恐怕再也不会访问你的网站了。
三、 善用图片，增强艺术效果
我记得老师说过网页的迷人之处之一， 要算它上面能点缀许多漂亮的图片。 精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌 虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时， 都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码 调出来仔细揣摩，并模仿着一步一步去实现。
最后感谢老师多日来的辛勤教导！
html网页设计实训心得范文（精选17篇）4
时光飞逝，转眼间在千锋学习html5开发生活半年了，如今学成毕业找到心仪的工作，最要感谢的莫过于千锋了。
起初刚来千锋还是有些不适应，习惯了大学散漫的生活，突然正经的按时上课，每天学习那么久的时间，觉得好累，还记得第一天上完课完成作业是21:15，那时候我感触特别深，上了3年的大学都从没有认真学习到这个点的时候，真是奇迹，当时还兴奋的不行，觉得不可思议，直到后来，在千锋的学习，才知道这是家常便饭，也习以为常。
从起初的不适应觉得不现实，到如今的每天主动学习，到关教学楼才会回寝室，这对于我来说就是从一个学渣逆袭成为学霸，千锋成就了我。
有缘遇见助教华哥尽职尽责
来到千锋先认识的就是我们26班的助教华哥，其实来千锋学习最终收获满意的成果最要感谢的莫过于华哥了，初入千锋远离家人，不懂不会的好多，华哥都会尽心尽力的帮我们解决，无论生活还是学习，就是我们的大哥哥，带领我们学习，还记得当初有问题，问华哥，为我们改问题找错到好晚，
一直陪着我们学习，9.30下晚自习就可以回去休息的他，每天陪我们到关教学楼，是班级最后一个走的人，周六我们上自习，还来陪我们给我们解决问题。
用自己休息的时间来带我们，真的是尽心尽力，从未遇见这么负责的老师。
后来来到了32班，又有缘遇见华哥，那时候正是3阶段，最关键的时候，华哥每天晚自习考我们面试题，给我们讲面试题，让我们找到一个好工作，真是尽职尽责。
昨日的付出才有今日的成绩
还记得我们不学好不会你认真讲解的样子，还记得我们贪玩不认真，你跟我们着急生气的样子，还记得我们拿到心仪的offer，你高兴的样子，还记得太多太多，都是你带给我们的，没有你当初陪我们激励我们学习，也就没有今天的我们，在此特别感谢华哥。感谢千锋的老师。
还记得做项目期间cookie不会，想抄以前的代码改一改，高老师就坐在我旁边，一步一步的教我怎么写，直到我自己写出来为止，我回来为止。
在我自己想放弃的时候，高老师都没有放弃我，而是带着我，一步一步的讲解，耐心的给我教会，也让我重拾了信心，还有鹏哥，知道我们几个人基础差，每次讲完课都会下来问一遍学会了没有，没听懂就再讲一遍，一遍不会讲两遍，午休给我们讲，晚自习还给我们讲，直到我们学会了为止。
尽心尽力从无怨言。
真的有你们昨日的付出，才有我们今日的成绩。
感谢遇见这样的团队，这样的老师。
如今，已完成这半年的艰苦奋斗，终于‘修成正果’。
找到理想的工作，是千锋成就了我，给了我希望，给了我未来。
在这里特别向千锋致敬，感谢有这么负责的教育机构，同时希望千锋越来越好，培养出更多的人才。
html网页设计实训心得范文（精选17篇）5
20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。
网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人。
1、一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
2、题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。
3、不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。
选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。
规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 （有很多页面） 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。
大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。
html网页设计实训心得范文（精选17篇）6
学习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网页设计实训心得范文（精选17篇）7
本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。
一、充分发挥动手能力
作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。
二、在设计过程中不断提高网页设计水平
在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。
三、不足之处
由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。
总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。
html网页设计实训心得范文（精选17篇）8
转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。
记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。
第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。
中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。
因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。
就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。
最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。
html网页设计实训心得范文（精选17篇）9
通过这次实训，我收获了很多。以下是我的实训总结。
在实训中除了学到了许多新的知识，还锻炼了我做项目的能力，提高了独立思考问题、自己动手操作的能力。实训中的项目作业也使我更加有团队精神。
一、继续学习，不断充实自我。
在实训中除了学到了许多新的知识，了解了关于HTML5的相关知识，对互联网+有了新的认识，对于未来工作的方向也多了一种选择。
二、努力实践，不断提升自我。
只有将理论付诸于实践才能实现理论自身的价值，也只有将理论付诸于实践才能使理论得以检验。同样，一个人的价值也是通过实践活动来实现的`，也只有通过实践才能锻炼人的品质，彰显人的意志。这次跟随老师实训完成了四个项目，和我的小伙伴们独立完成了一个小项目，满满的激动，未来还要更加努力。
三、完善总结，不断深造自我。
实训，展现在自己面前的是一片任自己驰骋的沃土，耕种梦想，成就未来。我将继续学习，深入实践，不断提升自我，多反思，多总结，吸取经验，为以后打下基础。
可以说这次实训不仅使我学到了知识，丰富了经验；将会有利于我更好的适应以后的工作。最后，我要感谢学院组织的这次十分有意义的实训，使我们学到了很多，也领悟了很多。
html网页设计实训心得范文（精选17篇）10
风尘仆仆的来到了大连，来参加汇博组织的HTML5培训，从HTML5基础讲起，起初并不以为然，想这HTML这个平常上课也经常接触到的东西，但是听完第一堂课后，后面的兴趣越来越浓厚，尤其是讲到HTML5的新特性时候，讲到canvas画布时候，突然感觉HTML的功能远远超出了我的想象，超出了我的预期，当自己做完第一个实例的时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一定会感兴趣。当老师简单讲完CSS和JS时候，然后将HTML5+CSS+JS结合起来的时候，就感觉这是个强大无比的组合，不次于使用C#在VS平台上实现的功能。尤其是其在游戏和动画上的效果，使得页面可以轻松抛弃Flash的枷锁也同样能够实现强大的动画效果。
最后一天Intel的老师讲到如何将HTML5的APP上传到不同平台的应用商店时候，这时候就更感到自己学到的东西有意义了。不像以前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个思路用在教学上，一定能有所收获，学生一定能感兴趣。
这次培训对于自己在今后教学过程中提出了一个新的思路，我们的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为学生由被动学习变为主动激发资深兴趣去学习。这才是最重要的，才能培养出高质量人才。总之，感谢Intel，感谢微软，感谢汇博给我们提供了这次培训，期待下次培训。
html网页设计实训心得范文（精选17篇）11
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网页设计实训心得范文（精选17篇）12
利用假期和休息时间，初步学习了有关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网页设计实训心得范文（精选17篇）13
时间过得很快，从刚开始的培训开始到现在的培训结束，似乎都是眨眼间的事情。首先很感谢任课老师莫老师和班主任以及其他腾科工作人员的工作付出，还有班级上共同学习进步的小伙伴们，让我顺利的学完了HTML5所有课程。这次HTML5课程的学习让我学到了很多前端方面的知识，感觉自身的IT技术提升了不少。
此次课程培训让我对HTML5有了更加深入的了解。HTML指的是超文本标记语言，标记语言是一套标记标签，HTML使用标记标签来描述网页。HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。
学习都是一步一个脚印，H5学习也是从前端开发的基础学起，首先学习使用HTML、CSS、Java、Jquery等一系列前端技术，实现一些网页动态效果。再到后面的Vue。js、bootstrap、Type等一些主流框架，还有微信小程序的学习。培训课程当然不是上课听懂就可以，而是必须能要去动手操作，达到熟练使用的要求和效果，为了保证学习效果，课程以理论和实例相结合的方式进行授课。而且每个学习阶段的结束都会做一个实训项目，做项目不仅能是学到一些新知识，也能查缺补漏，巩固自己所学知识。
最好希望自己早日找到工作，在前端开发这条路上创造辉煌！
html网页设计实训心得范文（精选17篇）14
一、了解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网页设计实训心得范文（精选17篇）15
在炎热的夏季，又在闷热的机房中，我们又一次的完成了网站建设的实习。在这实习期间，有太多的话想说，都是苦不堪言。但事后又想想，苦过了，才知道有甜。
在这实习当中，我知道了div是html(超文本语言)中的一个元素,div+cs是一种网页的布局方法,div+css包括 行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别：id不允许重复使用，只能用一次，css规范和其他规范javascript控制方法一样。
说实话，我对div+css一点儿都不懂，但起码我知道了这是一种网页的布局格式，总比不知道强。有句话说，不懂就要学。是的，既然学了了这个专业，就不能对这个专业模糊。所以，就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法，就是去做你害怕的事，直到你获得成功的经验。
我们经过两周的实训，通过前期的合同洽谈、签订，到后期的网站制作、网站发布，让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节，也让我的网站制作知识及技能有了很大提高。
前期我们通过发送电子邮件，进行网上商务的接洽。由于没有做好工作——了解商务邮件的格式，导致邮件发了很长一段时间，双方还仅仅停留在认识阶段，确实说来很失败。
在拟定合同时，由于不能真正满足客户的需求，一些条款及报价不合理，因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求，并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。
在网站制作的起初阶段，由于不曾制作过网页，虽然团队确立了分工，但还是有些迷茫。公司没有确立风格和大体的布局，并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站，心里大概有了一定的想法和设计。
我的主要任务有“诚聘英才” 、“产品导航” 、“展会礼品” 、“广告促销礼品” 。我最先做的是“诚聘英才” ，我是参照中国电信诚聘英才首页做的，它看似制作简单，其实布局十分复杂、精致。在处理图片是我遇到了不少困难，最典型的就是有一次我想在图片中插入文字，但始终插入不了，后来通过请教老师，总算知道了其中的奥妙。原来是图层被锁定了，要重新拷贝图层，再考贝的图层上就可以插入文字了，并且文字其实也是一个图层，它是可以移动的。尽管我为诚聘英才网页付出了很多，但并没有被采纳，并且此时我也设计了logo，也没有被采纳。
“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕，而它与合同上的“产品导航”页面布局类似，于是这让我一时间很难抉择。我就一边设计一边思考，此时我为公司定的色彩风格是红色，我为导航栏设计的是交互式按钮，并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费，由于后来我们将风格确定为蓝色，并且导航栏确定都采用首页中插入的图片，但我觉得这样有些不好：例如它不可以设置超链接的字体颜色，这是很不专业的体现。团队由于缺乏及时的沟通，导致其他组员一些好的想法得不到实施，确实是我们团队合作的一个问题所在。
展会礼品、广告促销礼品由于套用相同的布局，设计上没有什么难点，只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时，都特别注意修改网页标题。网页标题是十分重要的，它是每打开一张网页的头标。
前面这一阶段的工作我还有一个小收获，这就是图片位置，其实在图片属性中图片定位选择绝对定位，再在下面输入距左距上的距离即可，这是一个很不错的方法。
后期我们进行每个人作的网页整合时遇到了不少问题 ，原先我们认为超链接是可以整合的，其实不然，只能在一个文件内作。当时已经花了一天的工时，可后来在晚上才发现，不只这个问题，还有每个人做的网页都是保存在网站文件夹下，而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了，可是当我们把网站通过 windowsxxiis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来，一些超链接也无法连接，这下让我们有些惊慌失措。通过向老师了解，知道可能是图片命名的问题，web服务器无法识别中文命名的图片，此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下，导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来，并且检查超链接，而这些只能在frontpage文件夹试图下进行。同时还要在http上检测，进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页” ，反复的进行超链接都无法成功，其实是因为我所连接的超链接路径不对，其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。
经过这翻调试、测试，网站不存在图片显示不出来的问题，以及超链接无法连接的问题。
在互联网越来越深入到生活中每一个角落的年代，网页的表现形式就如同以前书本上的文字，传达着的是网络语言，每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素。它是一种创造性、有成就感的工作。
html网页设计实训心得范文（精选17篇）16
如今移动互联网发展迅速，技术不断的更新迭代，所学知识也需与时俱进。现在市场上的主流互联网网站，需要打造的是一流用户交互体验。对于前端开发者的要求，不再是简单的页面展示，而是需要全栈式的前端开发工程师。
方法一：注重实践，由实践出真知
在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网页设计实训心得范文（精选17篇）17
一连上了两个星期的网页实训课，可以说学到很多以前没有学到的东西。虽然在大一的时候我们的专业出开设了网页设计课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。
每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给学会。通过这次实训使我更熟练掌握Dreamweaver、Flash、Fireworks、Photoshop等软件的功能和应用。不但如此，更增加了同学间的友谊，陪养了彼此间的团结。
在这期间，每一天老师都会发一些素材和实训给我们，首先是网页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划，在做首页之前，先用图纸把网页的结构画出来，内容和结构都想清楚用Fireworks把网页设计出来，再切割图片，把它们导成Html格式在Dreamweaver中进行进一步的编辑。
我们的网站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温馨、很快乐的感觉，所以我们决定将这次的网页名叫funnyroom。主题确定好了，那么分工出就明确了，我们组有三个人，两个人负责找素材，另一个美术好的就负责网页的页面设计，但是我们始终不是学美术方面的，所以色彩方面搭配的不是很好，后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去就有难忘的感觉。而从第二页开始就采用粉色为主色调，让人可以感受到我们的主题，因为首页和其它的颜色不一样，所以我们就把首页当作是过渡页，第二页开始才是网页的内容。为了增加网页的新鲜感和活泼感，还适当在添加一些透明flash和一些网页特效。在这实训的时间里面，我们分工合作，共同努力，对网页反复调试和修改，特别是对于Fireworks软件不那么熟悉，有很多的实例都要看过老师的演示才会明白，不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的不合而发生一些小小的争吵，但我觉得不影响我们的网页设计，反而会因为这些不同的意见而重新学到更多的知识。