本篇文章给大家谈谈静态网页制作心得体会，以及静态网页设计心得体会对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html5实训心得
• 2、网页制作
• 3、网页制作报告800字

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

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

网页制作

怎样设计网页

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了……

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。

其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。

首先，我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。

第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。

明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。

我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。

色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。

但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。

通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。

造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。

和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。

★建设自己的网站较好的步骤☆

必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行：

1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。

2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些）

3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。

4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页）

5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页）

6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧）

7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

8、把网站上传至空间里面，删了准备文件，就OK了！

不过也可以这样使用FP建站：

1、在FP里面选择新建站点。

2、然后在【导航】里面设置网页名称以及标题。

3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。

4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。

5、把网站上传至空间里面，删了准备文件。完毕。

如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站()将静态网页的特点简要归纳如下：

（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；

（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；

（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

（5）静态网页的交互性交叉，在功能方面有较大的限制

网页制作报告800字

给你个思路, 先写做这个网站的意义, 然后网页工具的介绍和使用方法, 然后就是做网页过程中难点问题怎么解决的, 最后贴几张网页的拷屏图片就OK了 示例： 随着Internet的发展，网页的制作越来越显得重要。要想制作出理想的网页，除了要有一定的网页制作基础外，还要正确选择开发工具。 在我们大学生的生活中拥有一个自己的网站，那是很令人高兴的事情，可是当你自己在做的时候，你会觉得那是一件很辛苦的事情，要有很大的耐心，这也是我们在生活中应该永远记得的，那就是无论你做什么事情，都要有耐心，不然你什么事也做不成。 在我跟我朋友做的时候，我真的想放弃，可是就在那个时候是我的朋友给有我信心，他说，你做到现在应该花了很多时间了，你放弃的话，那你不是白白的浪费了那么多的时间吗？你这样，一做不下去，就要放弃，那你的整个人生多不回有什么成功的。就是在他的言语的感化下，我们终于成功了，我很开心，也很高兴 在这个Internet时代，WWW网站到处都是，如今编写HomePage也没原来那么麻烦，只要会打字，几乎人人都会，但写得好不好，就要看个人功力与用心。网站的目的是为别人提供所需的信息，这样人家才会愿意光临，网站才有其真实意义，但有太多网站显然忘了这个目的，复杂的创意技巧跃居主角，内容信息反而沦为末端。不可否认，优异的网站比比皆是，但令人不予置评的网站还是到处都找得到。以下是我在做网页时候一些领悟： 1.首先主题选择不要落俗! 现在许多的个人主页就象"大锅饭".题材包罗万象,内容雷同无味.人人都是"软件速递""音乐宝库""主页教程"等等.让我一看就赶紧"back",我可是花钱上网的噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎，就象书路的电子图书,龙翔的游戏资讯.另外提醒您的一点就是,最好不要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空间提供商都不接受含此类信息的站点. 2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。 3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可待的将收集到的各种资料填入各个页面.转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy成N个页,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果您能结合borders的使用,可以天天轻松改变站点的风格. 4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在! 5.每个页面不要使用超过2个的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受.java会使您的网页速度减慢至少50%.由于浏览器的版本,有时候等候半天,却告诉您java applent不能启动,这种经历相信您也有! 6.为您的图片加注解.图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解.这是一个小地方,却体现一个网页的制作水准哦! 7. 备份您的主页.您要说了,这也算窍门?象在凑数!千万千万不要这样想."机有不测风云",现在系统大战,软件Bug百出,病毒横行的年代,您保不准什么时候机器罢工,辛辛苦苦制作的网页付之东流.这样的"惨痛教训"我可不止一次了.算俺罗唆也好,杞人忧天也好,您就备份了罢!

关于静态网页制作心得体会和静态网页设计心得体会的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。