html体会和心得.docx
《html体会和心得.docx》由会员分享，可在线阅读，更多相关《html体会和心得.docx（13页珍藏版）》请在冰豆网上搜索。
html体会和心得
第一篇、网页设计心得体会报告
html体会和心得
网页设计心得体会报告
初期的网站都是由静态网页组成，网页中只有文字、图形、图像等，用户只能被动的接受这些信息。
那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。
现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。
HTML的历史最早可以追溯到20世纪40年代。
在1945年，VannevarBush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。
随后经过一系列的发展研究，1989年TimBerners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。
生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。
通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。
通过Dreamweaver制作网页，我用到了一些基本的功能图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。
但是在自己尝试着做的时候，总是出现这里那里的问题。
不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。
而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。
除了查找解决问题我还总结了经验。
例如1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。
2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。
虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。
在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。
例如Flash提供了功能齐全的绘图和编辑图形工具。
可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。
在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。
页面设计应以美观、大方、简洁为原则，保持一致的风格。
为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。
网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。
要研究网页设计，就需要站在用户的角度来看。
用户是一个网站成败的关键。
如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。
所以网页容量即包括图像在内的网页字节数最好不要超过50K。
还涉及到界面弱化的问题。
一个好的界面设计它的界面是弱化的，它突
出的是功能，着重体现的是网站业提供给使用者主要是什么。
这就涉及到浏览顺序、功能分区等等。
要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。
当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。
网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。
效果可以体现意境，点到为止。
第一次自学这种网页制作方面的知识，刚开始有点无力，随后边看书边在电脑上试着操作，基本掌握了相关知识。
下面简单介绍下网页设计的理念和要点。
在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。
整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。
用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了，
下面要开始的便是优化工作，html体会和心得
内容是整个网页的核心。
在网页设计之前必须明确网页的内容安排。
优秀网页设计是要建立在平凡的基础上的。
然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站（有很多页面）的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。
大纲列出来后，还必须考虑每个页面之间的链接关系。
是星形，树形，或是网形链接。
这也是判别一个网站优劣的重要标志。
链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。
框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。
下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。
如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。
大部分人的方法是从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。
在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。
可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。
在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。
然后是开始正式制作主页。
通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
网页设计理念
（1）内容决定形式先把内容充实上，再分区块，再定色调，再处理细
节。
（2）先整体，后局部，最后回归到整体全局考虑，把能填上的都填上，占位置。
然后定基调，分模块设计。
最后调整不满意的几个局部细节。
（3）功能决定设计方向:
看网站的用途，决定设计思路。
商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。
网页设计的两大要点是整体风格和色彩搭配。
一、确定网站的整体风格:
1、将标志logo，尽可能的放在页面最突出的位置。
2、突出标准色彩。
3、总结一句能反映网站精髓的宣传标语。
4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。
二、网页色彩的搭配:
1、用一种色彩。
指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。
2、用两种色彩。
先选定一种色彩，然后选择它的对比色。
3、用一个色系。
就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区
1）、不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2）、背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背
景），以便突出主要文字内容。
通过学习，静态网页的制作可以概括为5个部分
1、网页素材搜集与制作html体会和心得
即网页中一些图像的处理与动画的制作。
2、网页版式设计
规划各元素在网页中的位置按大方关系和表现方法，合理安排图像、文
本等元素，是网页布局合理，美观大方。
3、文本编写
自己的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写，也可以利用网页编辑工具的相关功能，直接写入文字。
4、处理网页之间的关联
这主要是建立合理、高效的网页导航系统。
5、网页发布
主要是将建设好的网页上传到服务器中供用户浏览。
html体会和心得
虽然知道网页制作的基本过程，但对其细节还点朦胧，特别是网页中图
像及动画的制作处理。
有时候一个网页得处理好几次最终才能成功显示。
想来我们对于此项处理还是不够熟练、敏感，以后还要多加练习，并对其细节做以仔细研究，日后必可下这一巨石！
在21世纪，信息技术的发展保持着强劲的势头，信息千变万化。
而网站则提供了展示这些信息的平台。
有了网页，能更好更方便快捷的将世界各个角落的面孔展现在人们面前，可以使万千企业的业务展现给客户。
对我们眼下最近的对于个人电脑的购买更是有利。
我们可以在相关网页上找到各种信息进而避免受骗。
网页使得信息快速交流，更为新时代之一大成功。
是的，信息技术是当代人类社会发展最快，渗透性最强，应用面最广的
先导技术。
这些日新月异的新技术不仅仅改变了世界，也改变了人们的生活。
而信息时代离不开信息化人才,掌握计算机的各项基础知识并提高应用能力，是信息话人才培养的一个重要环节。
这是从事许多行业必备的基本技能。
当然，有关HTML的学习只是学习中的一小部分，我们还要学习更多的有
关计算机各个方面的知识。
只有心志坚定，行动仔细严谨才能掌握好知识。
今后我们还会接触更多的东西，在计算机这片大海中，我们得一步一个脚印，为自己打好基础。
万事开头难，我们要开好头！
但同时在以后的学习中也要保持初有的热情与信息。
未来世界，必是我们的天下。
不敢放出大话说将来会成多大气候，实事求是，现在多学一点知识多掌握点技能，我们将来的路也可以宽一点。
最实在的是可以找一份好一点的工作。
针对我所学的方向，这次应用到了创意思维，版面设计，色彩配置。
图
形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设计通过文字图形的空间组合，表达出和谐与美。
不积跬步，无以至千里。
我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。
目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是
习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。
如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。
人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。
由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。
从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻
辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。
没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。
互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。
在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。
从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的
一个圆圈模式自身具有的应用价值。
如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。
表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。
由此构成形式逻辑同一律的实质。
本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生
来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风
格、个性的个人网页。
总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在intenet领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。
一.充分发挥动手能力
作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个
美观、实用、内容丰富的个人网页。
本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。
在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。
二.在设计过程中不断提高网页设计水平
在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从
中学会了关于网络、编程等方面的知识。
我从最初开始运用frontpage设计网页，到后来运用dreamweaver、flash、fireworks等网软件设计网页，完善网页。
在这个过程中，我通过自学教材、上网查询，学习了dreamweaver、flash、fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。
在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。
可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。
三.不足之处
由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功
能运用得还不够。
在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。
在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。
在将后的学习中，我们应该为自己制定一项计划，照计划行事，争取早
日成才，做一个真正有能力、有底气的大学生。
班级132055206姓名程亚
日期201129
第二篇、Html5开发心得
html体会和心得
Html5开发心得
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的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。
第三篇、HTML5学习心得体会
html体会和心得
HTML5学习心得体会
时光飞逝，转眼间在千锋学习HTML5开发生活半年了，如今学成毕业找到心仪的工作，最要感谢的莫过于千锋了。
起初刚来千锋还是有些不适应，习惯了大学散漫的生活，突然正经的按时上课，每天学习那么久的时间，觉得好累，还记得第一天上完课完成作业是2115，那时候我感触特别深，上了3年的大学都从没有认真学习到这个点的时候，真是奇迹，当时还兴奋的不行，觉得不可思议，直到后来，在千锋的学习，才知道这是家常便饭，也习以为常。
从起初的不适应觉得不现实，到如今的每天主动学习，到关教学楼才会回寝室，
这对于我来说就是从一个学渣逆袭成为学霸，千锋成就了我。
有缘遇见助教华哥尽职尽责
来到千锋先认识的就是我们26班的助教华哥，其实来千锋学习最终收获满意的成果最要感谢的莫过于华哥了，初入千锋远离家人，不懂不会的好多，华哥
都会尽心尽力的帮我们解决，无论生活还是学习，就是我们的大哥哥，带领我们学习，还记得当初有问题，问华哥，为我们改问题找错到好晚，一直陪着我们学习，30下晚自习就可以回去休息的他，每天陪我们到关教学楼，是班级最后一个走的人，周六我们上自习，还来陪我们给我们解决问题。
用自己休息的时间来带我们，真的是尽心尽力，从未遇见这么负责的老师。
后来来到了32班，又有缘遇见华哥，那时候正是3阶段，最关键的时候，华哥每天晚自习考我们面试
题，给我们讲面试题，让我们找到一个好工作，真是尽职尽责。
html体会和心得
昨日的付出才有今日的成绩
还记得我们不学好不会你认真讲解的样子，还记得我们贪玩不认真，你跟我们着急生气的样子，还记得我们拿到心仪的offer，你高兴的样子，还记得太多太多，都是你带给我们的，没有你当初陪我们激励我们学习，也就没有今天的我们，在此特别感谢华哥。
感谢千锋的老师。
还记得做项目期间cookie不会，想抄以前的代码改一改，高老师就坐在我旁边，一步一步的教我怎么写，直到我自
己写出来为止，我回来为止。
在我自己想放弃的时候，高老师都没有放弃我，而是带着我，一步一步的讲解，耐心的给我教会，也让我重拾了信心，还有鹏哥，知道我们几个人基础差，每次讲完课都会下来问一遍学会了没有，没听懂就再讲一遍，一遍不会讲两遍，午休给我们讲，晚自习还给我们讲，直到我们学会了为
止。
尽心尽力从无怨言。
真的有你们昨日的付出，才有我们今日的成绩。
感谢遇见这样的团队，这样的老师。
如今，已完成这半年的艰苦奋斗，终于‘修成正果’。
找到理想的工作，是千锋成就了我，给了我希望，给了我未来。
在这里特别向千锋致敬，感谢有这么负责的教育机构，同时希望千锋越来越好，培养出更多的人才。
第四篇、关于html5培训知识学习体会总结
html体会和心得
关于html5培训知识学习体会总结
整理红树林教育HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。
HTML5优点
1、提高可用性和改进用户的友好体验；
2、有几个新的标签，这将有助于开发人员定义重要的内容；
3、可以给站点带来更多的多媒体元素（视频和音频）；
4、可以很好的替代FLASH和Silverlight；
5、当涉及到网站的抓取和索引的时候，对于SEO很友好；
6、将被大量应用于移动应用程序和游戏；学习阶段
html5与css3基础。
移动前端的交互。
移动前段综合开发。
项目实训。
HTML5手机应用的最大优势就是可以在网页上直接调试和修改。
原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。
总之，学习是一个漫长的日子，只有静下心来一步一个脚印去学，去努力，终将会有收获。
第五篇、关于html5培训心得总结
html体会和心得
关于html5培训心得总结
一了解HTML5前端开发技术
HTML指的是超文本标记语言（HyperTextMarkupLanguage），标记语言是一套标记标签（markuptag），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+jQMobile，基于HTML5的移动网页布局、移动网页界面样式（CSS3）、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用（3D网页游戏）、WEB前端框架（JQuerymobile、SenchaTouch、PhoneGap）、Cocos2d-HTML游戏引擎等。
最后，项目实训。
项目实训能够提高综合开发能力。
第六篇、网页制作心得体会
html体会和心得
《文文工作室网站设计说明书》
姓名陈家文学号200936627204班级电商092
一、网站规划
本工作室主要用来做个人网站，主题是介绍自
升级会员 