制作网页的实习心得

制作网页的实习心得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上检测，进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”，反复的进行超链接都无法成功，其实是因为我所连接的超链接路径不对，其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

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

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