html5实训心得

从某件事情上得到收获以后，就很有必要写一篇心得体会，这样有利于培养我们思考的习惯。那么心得体会怎么写才恰当呢？以下是我收集整理的html5实训心得，希望能够帮助到大家。

html5实训心得 篇1

风尘仆仆的来到了大连，来参加汇博组织的HTML5培训，从HTML5基础讲起，起初并不以为然，想这HTML这个平常上课也经常接触到的东西，但是听完第一堂课后，

后面的兴趣越来越浓厚，尤其是讲到HTML5的新特性时候，讲到canvas画布时候，突然感觉HTML的功能远远超出了我的想象，超出了我的预期，当自己做完第一个实例的时候，就想以后一定要把这个充满未来潜力的东西传到学校，学生一定会感兴趣。

当老师简单讲完CSS和JS时候，然后将HTML5+CSS+JS结合起来的时候，就感觉这是个强大无比的组合，不次于使用C#在VS平台上实现的功能。

尤其是其在游戏和动画上的效果，使得页面可以轻松抛弃Flash的枷锁也同样能够实现强大的动画效果。

最后一天Intel的老师讲到如何将HTML5的APP上传到不同平台的应用商店时候，这时候就更感到自己学到的东西有意义了。

不像以前单纯教学，为了完成教学任务而教学，通过应用的上传，可以更加鼓励学生的积极性，激发他们的学习动力，嗯，不错的思路，把这个思路用在教学上，一定能有所收获，学生一定能感兴趣。

这次培训对于自己在今后教学过程中提出了一个新的思路，我们的教学可以找到学生的兴趣点，像欧美国家教育环境那样能够激发出学生自身的兴趣，而这个激发就需要我们老师和企业共同想办法能为学生由被动学习变为主动激发资深兴趣去学习。

这才是最重要的，才能培养出高质量人才。

总之，感谢Intel，感谢微软，感谢汇博给我们提供了这次培训，期待下次培训。

html5实训心得 篇2

一、了解HTML5前端开发技术

HTML指的是超文本标记语言(Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTML使用标记标签来描述网页。

HTML5区别于HTML的标准，基于全新的规则手册，提供了一些新的元素和属性，在web技术发展的过程中成为新的里程碑。

HTML5被推广用于Web平台游戏开发，及手机移动领域，国内，腾讯手机QQ浏览器、WEBQQ、QQLive，手机新浪，优酷视频等都在支持HTML5。

从市场来看，无论是桌面应用还是移动应用，HTML5都是当下Web技术中最炙手可热的新宠，是创新的主旋律，在不久的时间里一定会大有作为。

二、课程能让你学到什么?

从前端开发的基础出发，学习使用HTML，CSS，JavaScript等一系列前端技术，实现动画特效。

以开发实例展示为主导，循序渐进让学员掌握HTML5技术的应用。

强化学员基础，尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。

构建开放的教学环境，鼓励相互的技术交流，让学员树立良好的持续学习态度，分享最新前端技术革新和理念。

为学员在这一领域能有进一步的发展和造诣提供帮助和机遇。

三、胜任的岗位:

前端开发工程师，Web开发工程师，JS/AJAX工程师，人机交互设计师

四、培训模式:

项目开发实训+网络课程

前端培训课程不是轻松听课就可以，而是必须能动手 *** 作，达到熟练使用的要求和效果，为了保证学习效果，课程以理论和实例相结合的方式进行授课。

除了上课后，学员还可以通过网络课程对知识进行课前预习和课后巩固，学会并掌握是学员要达到的目标。

html5实训心得 篇3

通过近一个多月的对HTML的学习，我们已经能够熟练得使用HTML中的一些常用的标签以及页面的布局，我们这一期的课程安排只是要我们能够初步熟悉HTML。

所以书本上的介绍也很详细。

第一章主要介绍了HTML的主要结构，以及一些基本的标签，这一章需要记的东西稍多一点，因为每个标签都要记它的用法和单词。

我觉得这一章最好玩的标签应该就算是“marquee”这个标签了，因为它可以使文字或图片动起来。

第二章整个章节都是在介绍表格的用法。

表格在网页设计中很重要，它可以算是整个页面布局的半个灵魂(因为后面还有一个DIV)。

这一章不光要了解表格的建立方式，还要了解表格中涉及到的一些属性及其用法。

另外我觉得学好这一章为我们以后借鉴别人的作品也很有帮助。

第三章主要介绍了两个部分，一个是表单，在表单里涉及到了几个控件，如:文本框，密码框，单选按钮，复选框，下拉列表框，多行文本，提交按钮和重置按钮。

这些为我们以后什么登录系统时很有帮助。

这一章的另一个部分是框架，框架可以实现网页局部的刷新。

第四章又是这一本书的另一个重点，就是CSS样式表。

网页就是一个门面，做为门面当然要漂亮，而CSS样式就是来装扮门面的彩妆。

样式表可以实现网页编码和美工的分离这样即方便了编码人员的修改又方便了后来人员对代码的阅读，同时他还可以实现一些很炫的效果，

例如鼠标停在某个超链接上时超链接的背景发生变化，设置文字有背景色，雾状显示图片等。

第五章和第六章主要是介绍了一个设计工具-Dreamweave，它是一款可视化的编写工具，并且提供一些控件，这就很大程度上方便了网页的编码量。

当然在第四章中还介绍到了DIV层的使用，这个也是很重要的。

上面说到表格是页面布局的半个灵魂，现在表格+DIV就是页面布局的整个灵魂。

可见DIV的重要性，当页面部局规则的话可以使用表格，当页面部局不规则的话我们的DIV就要登场了。

另外在第五章中还介绍了一些IIS的配置和网站发布的方法。

HTML可以说是许多门语言的基础，因为和他同宗的就有很多，如:XML、SHTML……。

甚至近几年刚出现的ajax技术也是使用HTML进行编写的。

随着B/S模式系统的发展，HTML也就成为了作为一个IT人必须要掌握的语言。

刚开始学这门语言的时候老师要我们在记事本里面写，现在想起来确实是很必要的，因为有了那样的一段经历你才会记住那些以前看上去让人眼花缭乱的标记，以前见过一些人打开记事本就写代码，让人觉得有点高不可攀，现在想来也只能自嘲的笑笑罢了。

小事加小事要合理安排才能成大事，我把这一个多月里的每一天用表格和层进行了布局。

也许只做一块感受很简单，但如果是一整页呢?结束时的项目实战和网页设计大赛还真让我头痛了一把，另外还总遇到些“奇怪”的问题，什么表格拖不了了，布局没问题，浏览就出问题了……

原来要裁一件漂亮的“衣服”还真难呀!

这一个多月过得还是很有趣。

总会遇到一些奇怪的小错误，然后一堆人去那儿抱头苦思，最后发现原来少了一个尖括号,严密的逻辑思维和对思节的注意是对作为一个IT人的基本要求。

我觉得编程很有趣，尤其是做出一个程序后会觉得很有成就感。

所以我会努力。

html5实训心得 篇4

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

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

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

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

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

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

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

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

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

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

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

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

尽心尽力从无怨言。

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

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

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

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

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

html5实训心得 篇5

HTML5在网页开发上，赋予网页更好的意义和结构，更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。北京恒泰博远软件开发公司对HTML5的解释是，为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。

由目前it行业使用html5开发app来看，如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。

纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。

html5实训心得 篇6

回顾这一个月来的实习生活是一件很值得纪念的事，这是我第一次在外实习，第一次在网上投简历能收到回复。对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。在外实习前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试，衣服当然要穿正装，其实我也想的只是大二实习期没有大三的三个月那么长，就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。

记得刚开始的一个多星期，公司并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。所以一般公司会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美--web界面设计如果让用户心动》(点击跳到本人的读书笔记)一书后，就再也很难抽取一点时间来阅读了。

在接下来的这个月里，除了必要的培训以熟悉公司及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再X月X日这个好日子发布。刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很“学校”但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多版权问题，所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计，其次因为涉及商业利益，在商业的角度上，商业的资金来源是客户，所以他们的需求来源于客户，注重用户感受的设计，是一个好设计。其实设计是件看起来简单，但是 *** 作起来却感觉很漫长的一件事情，每一个细节自己不断的琢磨推敲，自己就会让工作时间变长，效率变低，却又希望哪天能像那些设计家门随心所欲的设计出自己喜欢，人们喜欢，客户满意的东西。设计来源与生活，应用于生活，我还需要多多积累。

X月X日这个内部版本中，我主要的工作就是设计界面，然后photoshop切图，然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后，我决定还是回到dreamweaver的怀抱，因为毕竟知识不够强，在兼容性方面还需要有dreamweaver来实时的告诉我，以提高我的工作效率。期间william杨还多次与我熟悉，很感激他们都关心我，提醒我应该有自己的就业方向，3年5年XX年的计划，说长不长说短不短的大学2年已经过去了。我应该有怎样的人生，我有想过，但却还没如此认真的付出着。我想起老板那句，你喜欢设计?你觉得设计适合你吗?我真的很需要考虑我的以后，但目前设计还是我喜欢的事情，我也愿意身心的投入到其中，有时候可以不必得到回报，只是为了满足我小小的心灵。

当X月X日一过，为庆祝产品大卖，公司还组织爬山活动，然而平常我们在深山中休养学习的多，爬山的少。爬山是锻炼毅力的一种好方法，工作之余不能忘了生活，忘了自然。这次高强度的爬山活动从下午3点一直爬到了晚上10点多才下到山脚，经历的时间之长，让我感受到一个人在公司里，不仅要有强硬的专业知识，还需要强壮的身体支撑来效益公司，而下山mk的那段话，真的让我感受到他们很关心我，因为毕竟他们都是过来人，谢谢他们的指导。

产品的初步版本确定之后，就要开始慢慢的改进了。william作为产品经理，不仅要领导着整个团队，还要协调工作的进度。他会制作出甘特图，通知每个人需要做什么事情，大概需要多长时间来完成。在其中，我会不时的停滞，因为某些小bug会导致我去转牛角尖，而这样会导致拖慢整个进度，然而在这个环节，我学会的最多的事，做事情要分优先级。总体要现出来，大方向，模糊地对，细节的错，慢慢改。而那个定律资源一定了，时间也定了，只能减少的剩下特性。

从X月X日开始到XX日，又是另一个版本的小跨越，一个星期里做的事并不多，除了不断配合小杨完善页面的重构和美化工作，还要检查最繁琐的兼容性问题，心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统，所以基本上都是ie6 ie7为主流的浏览器，兼容性方面的确在工作上成为一个重点。

XX日的第二个小版本后，会议总结了3页的分条建立修改文件，当看见满是修改意见的一行行文字，写上我负责的q，心理是有点担心，是否能在期限内完成工作，然而15日这次的爬山活动并没有参加，因为我知道我应该更加抓紧时间处理问题，一天下来最让我自己感到满意的是导航，亲力亲为的感觉，颇有成就感。一方面不仅要不断的完善页面的布局，一方面还要抽时间设计虎之翼公司的logo和网页，他们真是替我捏了把汗似的，都有种压力很大吧。我感觉还好吧，不过脑子真的要转的很快了，因为没有创作来源，让我在上下班的途中朝思暮想的想着设计，充分利用上下班的塞车时间，不断的'观看经过车窗的各型各类的广告来寻来创意来源。最后还是有惊无险的完成这些工作。除了这些工作，公司越来越多人了，刚进去的时候只有我和sandy，后来多了好多个人，很羡慕参数组，能有说有笑的工作，但是我这项工作，我不是一个人在战斗。再后来，开始招聘销售，因为产品到XX号就要正式发布了，有点让我走也走的不放心的感觉，要配合销售展开小单张的宣传。时至XX日，才基本完成。

希望，我的能力能帮到公司，献出我自己一份的力量。

从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。

最后感谢给我这么一个机会，留在公司实习，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受感谢mk，认真的时候很认真，玩的时候还像个大孩子，喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢感谢小杨，能够和你愉快的合作，如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了感谢adam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了谢谢一起在虎之翼公司里工作的所有工作人员。

我很喜欢你们,喜欢这样的工作氛围，谢谢你们!

html5实训心得 篇7

学习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的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。

学习计算机技术，千万不能沉迷外家功夫!

制作网页的实习心得5篇

某些事情让我们心里有了一些心得后，将其记录在心得体会里，让自己铭记于心，如此就可以提升我们写作能力了。但是心得体会有什么要求呢?以下是我收集整理的制作网页的实习心得5篇，欢迎阅读与收藏。

制作网页的实习心得1

杨老师下午讲解的是网页制作，他从网页布局(三段式)讲解，接着展示新浪、师院首页给我们看，在这过程中，始终都以实例讲解为主。接着讲网页布局的方法：

1、纸上布局法

许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。

2、软件布局法

如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。

最后重点讲了布局的技术

1、层叠样式表的应用

2、表格布局

3、框架布局

最后，杨老师就DIV+CSS给我们进行详细介绍，我们按照他的进度，创建网站站点、创建文件夹、创建文件。然后在DIV容器中插入动画，创建CSS文件，对不同的块元素进行排版，主要是浮动—float。由于时间实在是太短了，很多知识都没的讲，比如我们常遇到的外边距，内边距，线条，以及一些基本的代码知识。

哈哈，我就不多说了，对于网页我也研究了好几年了，问题还真多，学过网页布局(table、DIV+CSS)，学过平面设计(PS、CDR)，学过编程(ASP、ASP。NET)，学过数据库(AC、SQL)。可以说我现在完全可以独当一面，接过学校、企业、武警等的网页制作，评价都还不错!目前就是缺一个团队，从郑小军老师他们的成果看，不是一个人的努力能完成的，更多的是要一个志同道合的团队，回去我也该好好想想这个问题了。

制作网页的实习心得2

转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生!

在页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会：

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1、标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次上了当，下次再也不会光顾了。

2、内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。

3、图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小(即字节数)，在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

4、网页排版

网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。

5、背景

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

制作网页的实习心得3

目前，互联网是最快捷的信息传播渠道之一，学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单网页》教学中值得注意的几个问题：

一、激发学生的学习兴趣，唤醒求知欲望

现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为，它在学生的学习中具有重要的作用。我认为，教师激发学习兴趣，挖掘学习需求是授课前必须解决的问题。从知识结构看，网页制作是在学生掌握了一定的理论基础和 *** 作技能之后，对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。

例如，在学习浏览网页时，我有计划地挑选一些专题网站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改?如果把你做一个站点该如何设计?在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做网页?用什么工具?有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。

二、合理调整教学顺序和重点，理顺理论与 *** 作的关系

学习网页制作，首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程，肯定不是先把理论背熟，而是从 *** 作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教 *** 作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。

三、注重培养学生知识迁移的能力

正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和 *** 作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作网页和保存网页两个知识点：可以在介绍了工具软件(如frontpage)窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些 *** 作都是前面学过的，对学生来讲既是学习也是复习。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint中必须写在文本框里。通过比较，加深印象，达到学习和提高的目的。在这部分中，除文字处理外，像修饰网页、插入表格等内容都可以这样比较着讲。

四、认识螺旋式上升的学习模式和探究式学习的方式，重视课前准备

学习是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如，在学习网页修饰时，可采用了示范法和演示法结合的教学方法，先设计几个页面，都是在上一节课作的、样例页面的基础上改的。上课时，让学生打开上节课制作的网页，他一看，老师的页面上比他多了个图片，马上问怎么做的，我演示给他看，他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰，他们就不断地提问，不断地学习新技巧，再不断地付诸实践。用这种示范加演示的方法教学，效果还不错。但对老师来讲，备课的工作量比较大，课堂上的辅导任务也重一些。

五、组织协作学习，培养学生自学能力和合作精神

信息技术划分为精英技术和大众技术。目前，信息技术基础模块中讲授的均属大众技术，要求学生掌握的是可以广泛迁移的知识。但是，大众技术太简单了，有些学生不用我们教，自己玩电脑就玩会了。这类学生，上课时通常不愿再听，还经常搞些小动作，或者做些小软件来炫耀一下。小孩多半有这种心理，我们不妨给他创造这个条件，让他充分发挥特长。有一次，刚开课不久，有个学生把他的个人主页演给我看，当时我考虑了一下，让他在全班同学面前作了演示，解说他的创作思想，并指出了他作品中的亮点。这个学生当然很自豪了，别的同学也都很佩服他的能力。在其他同学眼中，他就是高手了，以后的学习过程中有了问题，不问老师，先问他去，逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估，如果你班里有几个这样有一定特长的学生，不妨考虑采取任务驱动、分组合作等方法进行教学，让他们带动全班的同学学习提高。学生之间相互学习、相互帮助、相互带动比单纯的老师教效果更好。

六、适当引入分层次教学，体现教学目标的差异性

学生的基础差别很大和心智发展水平很大不同。在这种情况下，分层次教学是一种行之有效的办法。一般的，我把学生分成三个a、b、c三个层次。a层次的学生是基础好，特长明显，自学能力强的一部分，对这部分学生，倡导自主学习，给他们布置任务或课题，学生独立完成，只是在需要的时候向他们提供帮助b层次的学生是基础一般，能在老师的讲解、示范和引导下学习，对这部分学生可采用灵活多样的教学方法按步就班地学习，b层次的学生是学生群体中的大多数c层次的学生是学习有一定困难的学生，我对他们的要求是掌握基础，除了给他们进行特别辅导之外，还采取结对子的办法，给每人配一个a层次的学生作为助理，帮助他们学习。但在分层次教学中要格外注意保护c层次学生的自尊心和学习积极性。

七、加强联系实际，培养学生的创新能力

创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识，解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复习阶段可以适当采用主题型课或任务驱动式的方法，设计引导学生从头至尾制作一个专题站点。当然，复习中也可以适当采取教学对话、教学讨论、示范等教学方法。

制作网页的实习心得4

一、网站规划

本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作(包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果)

本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果(我的相册)，还用到了视频和音乐等素材(如我的主页)。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

四、学习体会

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页，对于图片部分的处理，个人觉得Photoshop比较好用。

最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家!

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足(如：背景过于单调和网页布置不合理)。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢!

制作网页的实习心得5

在炎热的夏季，又在闷热的机房中，我们又一次的完成了网站建设的实习。在这实习期间，有太多的话想说，都是苦不堪言。但事后又想想，苦过了，才知道有甜。

在这实习当中，我知道了div是html(超文本语言)中的一个元素，div+cs是一种网页的布局方法，div+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别：id不允许重复使用，只能用一次，css规范和其他规范javascript控制方法一样。

说实话，我对div+css一点儿都不懂，但起码我知道了这是一种网页的布局格式，总比不知道强。有句话说，不懂就要学。是的，既然学了了这个专业，就不能对这个专业模糊。所以，就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法，就是去做你害怕的事，直到你获得成功的经验。

我们经过两周的实训，通过前期的合同洽谈、签订，到后期的网站制作、网站发布，让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节，也让我的网站制作知识及技能有了很大提高。

前期我们通过发送电子邮件，进行网上商务的接洽。由于没有做好工作。了解商务邮件的格式，导致邮件发了很长一段时间，双方还仅仅停留在认识阶段，确实说来很失败。

在拟定合同时，由于不能真正满足客户的需求，一些条款及报价不合理，因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求，并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

在网站制作的起初阶段，由于不曾制作过网页，虽然团队确立了分工，但还是有些迷茫。公司没有确立风格和大体的布局，并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站，心里大概有了一定的想法和设计。

我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”，我是参照中国电信诚聘英才首页做的，它看似制作简单，其实布局十分复杂、精致。在处理图片是我遇到了不少困难，最典型的就是有一次我想在图片中插入文字，但始终插入不了，后来通过请教老师，总算知道了其中的奥妙。原来是图层被锁定了，要重新拷贝图层，再考贝的图层上就可以插入文字了，并且文字其实也是一个图层，它是可以移动的。尽管我为诚聘英才网页付出了很多，但并没有被采纳，并且此时我也设计了logo，也没有被采纳。

“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕，而它与合同上的“产品导航”页面布局类似，于是这让我一时间很难抉择。我就一边设计一边思考，此时我为公司定的色彩风格是红色，我为导航栏设计的是交互式按钮，并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费，由于后来我们将风格确定为蓝色，并且导航栏确定都采用首页中插入的图片，但我觉得这样有些不好：例如它不可以设置超链接的字体颜色，这是很不专业的体现。团队由于缺乏及时的沟通，导致其他组员一些好的想法得不到实施，确实是我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局，设计上没有什么难点，只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时，都特别注意修改网页标题。网页标题是十分重要的，它是每打开一张网页的头标。

前面这一阶段的工作我还有一个小收获，这就是图片位置，其实在图片属性中图片定位选择绝对定位，再在下面输入距左距上的距离即可，这是一个很不错的方法。

后期我们进行每个人作的网页整合时遇到了不少问题，原先我们认为超链接是可以整合的，其实不然，只能在一个文件内作。当时已经花了一天的工时，可后来在晚上才发现，不只这个问题，还有每个人做的网页都是保存在网站文件夹下，而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了，可是当我们把网站通过windows__iis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来，一些超链接也无法连接，这下让我们有些惊慌失措。通过向老师了解，知道可能是图片命名的问题，web服务器无法识别中文命名的图片，此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下，导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来，并且检查超链接，而这些只能在frontpage文件夹试图下进行。同时还要在http上检测，进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”，反复的进行超链接都无法成功，其实是因为我所连接的超链接路径不对，其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

经过这翻调试、测试，网站不存在图片显示不出来的问题，以及超链接无法连接的问题。

在互联网越来越深入到生活中每一个角落的年代，网页的表现形式就如同以前书本上的文字，传达着的是网络语言，每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素。它是一种创造性、有成就感的工作。

---