2023年11月28日发(作者：)

制作网页的实习心得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、内容的采集

选定标题后，开始收集内容，内容必须与标题一致。在收

集内容的过程中，要注意特色。所谓特色，应该是我们自己的

东西。个人主页中的特色应该突出个人的个性，充分发挥个人

的兴趣爱好，因为在互联网上没有任何限制。主页是互联网上

的一个小家，你可以在里面放任何你喜欢的东西，包括一些文

章，一些好听的歌，一些你平时喜欢的好的动漫作品。将这些

内容按类别分类，设置栏目，让人一目了然。不要设置太多

列，最好不超过十列，最好少于五级。

下，图片的大小在很大程度上影响了网页的传输速度。那么如

何精简图片的大小呢，一般来说，图片颜色较少的及在256色

以内的最好把它处理成gif图像格式，如果是一些色彩比较丰

富的图片，最好把它处理成jpg图像格式，因为gif和jpg各

有各的压缩优势，应根据具体的图片来选择压缩比。

4、网页排版

网页页面整体的排版设计也是不可忽略的，要让读者在狭小的

电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自

己的网页井井有条，留下必要的空白，人觉得很轻松。不要把

整个网页都填得密密实实的，没有一点空隙，这样会给人一种

压抑感。

5、背景

网页的背景不一定是白色的。所选择的背景应该与整个页

面的色调相协调。色彩的合理运用非常关键。

制作网页的实习心得3

目前，互联网是最快捷的信息传播渠道之一，学习网页制作成

了学生必须掌握的一项技能。在几年的教学实践之中，我总结

了《制作简单网页》教学中值得注意的几个问题：

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

当前信息技术课程的主要任务之一是培养学生对信息技术

学生，可以采用演示、教学对话等方法。，或者结合各种方

法。

例如，在学习浏览网页时，我有计划地挑选一些专题网站和个

人站点推荐给学生，他们在看过之后一定会有自己的想法，老

师再给他们提些问题。我经常推荐给学生我校的学生及班级制

作的站点与网页。学生会把他们自己的见解说得头头是道。接

下来就提出问题：如果由你来做这个站点，哪些地方需要修改?

如果把你做一个站点该如何设计?在学生的头脑中先有了一些

模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理

成一个比较成型的站点框架，接下来就是：怎么做网页?用什

么工具?有了兴趣，带着这些问题，进入这一阶段的学习，就

比较主动，学习效果也会比较好。

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

学过的，对学生来讲既是学习也是复习。作为老师，我们在纠

正学生错误的同时，还可以帮助学生比较这几个软件在使用中

的异同。比如，输入文字，在word和frontpage中可在编辑

区中直接写，而在powerpoint中必须写在文本框里。通过比

较，加深印象，达到学习和提高的目的。在这部分中，除文字

处理外，像修饰网页、插入表格等内容都可以这样比较着讲。

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

前准备

学习是一个循序渐进、螺旋式提高的过程。在这个过程中，作

为教学组织者和指导者，教师的教学设计和准备工作非常重

要。例如，在学习网页修饰时，可采用了示范法和演示法结合

的教学方法，先设计几个页面，都是在上一节课作的、样例页

面的基础上改的。上课时，让学生打开上节课制作的网页，他

想，并指出了他作品中的亮点。这个学生当然很自豪了，别的

同学也都很佩服他的能力。在其他同学眼中，他就是高手了，

以后的学习过程中有了问题，不问老师，先问他去，逐渐地他

就成了我课堂上的一名小助教了。学生中的榜样作用和传、

帮、带作用不可低估，如果你班里有几个这样有一定特长的学

生，不妨考虑采取任务驱动、分组合作等方法进行教学，让他

们带动全班的同学学习提高。学生之间相互学习、相互帮助、

相互带动比单纯的老师教效果更好。

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

学生的基础差别很大和心智发展水平很大不同。在这种情况

下，分层次教学是一种行之有效的办法。一般的，我把学生分

成三个a、b、c三个层次。a层次的学生是基础好，特长明

显，自学能力强的一部分，对这部分学生，倡导自主学习，给

他们布置任务或课题，学生独立完成，只是在需要的时候向他

们提供帮助;b层次的学生是基础一般，能在老师的讲解、示

范和引导下学习，对这部分学生可采用灵活多样的教学方法按

步就班地学习，b层次的学生是学生群体中的大多数;c层次的

学生是学习有一定困难的学生，我对他们的要求是掌握基础，

除了给他们进行特别辅导之外，还采取结对子的办法，给每人

配一个a层次的学生作为助理，帮助他们学习。但在分层次教

学中要格外注意保护c层次学生的自尊心和学习积极性。

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

制作网页的实习心得4

一、网站规划

本工作室主要用来做个人网站，主题是介绍自我，让更多的朋

友认识我，面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

这个工作室只包括五个板块:我的主页，我的简介，我的日

记，我的相册，网站建议。你可以通过我的主页进入另外四个

板块，另外四个板块也可以通过超链接回到我的主页。

三、网站设计与制作(包括网页设计、图形设计、动画设计中

的主要技术、方法和设计效果)

本网站的布局大多是运用CSS进行布局的，这也是老师一直强

调我们的。为了增加视觉效果，个别网页还特别添加了flash

效果(我的相册)，还用到了视频和音乐等素材(如我的主页)。

个别网页添加了表格，这样显得网页更齐整。对于美化这部

分，我还特别用Photoshop对一部分图片进行了处理，让图片

和网页更好地搭配。在个别网页添加表单，可以让浏览者和网

站更好地互动，交流信息。

四、学习体会

不知不觉，我已经学习《网页设计与制作》这门课程一个学期

了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅

让我全面的、系统的学会了页设计与制作的基础知识，还让我

学会了自己动手去制作属于自己的网页，这对于我来说是很值

得高兴的，能让我在以后的工作生活中更好的展现自己。

建网站就像盖大楼一样。它是一个系统工程，有自己特定

一个网站必须有一个明确的主题。尤其是我这种个人网站，你

不可能做到综合网站那么大，那么全面。你没有能力也没有精

力。网站的主题没有规则。任何你感兴趣的都可以，但是主题

要明确，主题内的内容要大，要全面，要精炼，要有深度。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主

题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让

自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材

料，搜集得材料越多，以后制作网站就越容易。材料既可以从

图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，

然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的

素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，

很大程度上决定于设计者的规划水平，规划网站就像设计师设

最后，我们就需要按照规划一步步地把自己的想法变成现实

了，这是一个复杂而细致的过程，一定要按照先大后小、先简

单后复杂来进行制作。所谓先大后小，就是说在制作网页时，

先把大的结构设计好，然后再逐步完善小的结构设计。所谓先

简单后复杂，就是先设计出简单的内容，然后再设计复杂的内

容，以便出现问题时好修改。在制作网页时要多灵活运用模

板，这样可以大大提高制作效率。网页做好之后，就要发布到

Web服务器上，才能够让全世界的朋友观看，还要不断地进行

宣传，这样才能让更多的朋友认识它。这里推荐二个有免费空

间和域名的网址给大家!

以上就是我对于网页制作的一些个人心得，由于本人的技术还

不是很成熟，还存在很多的不足(如：背景过于单调和网页布

置不合理)。选择学习这门课是很正确的选择，虽然在以后不

会再有机会去上了，但我还是会通过各种方式继续学习网页设

计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去

学习有关网页的知识，谢谢!

制作网页的实习心得5

炎炎夏日，在闷热的机房里，我们又一次完成了网站建设

的练习。这次实习，有太多的话要说，都是苦不堪言。但是想

了想，吃了苦才知道甜。

在这实习当中，我知道了div是html(超文本语言)中的一个

元素，div+cs是一种网页的布局方法，div+css包括行内样

式、内嵌式、链接式、导入式、css选择器、标记选择器、类

别选择器、id选择器、选择器声明、css继承。还有id与

class区别：id不允许重复使用，只能用一次，css规范和其

他规范javascript控制方法一样。

说实话，我对div+css一点儿都不懂，但起码我知道了这是一

种网页的布局格式，总比不知道强。有句话说，不懂就要学。

是的，既然学了了这个专业，就不能对这个专业模糊。所以，

就要学习学习再学习。征服畏惧、建立自信的最快最确实的方

法，就是去做你害怕的事，直到你获得成功的经验。

经过两周的培训，从前期的合同谈判和签约，到后期的网

站制作和发布，我受益匪浅。不仅让我通过网络了解了商务谈

判的礼仪和细节，还提高了我的网站制作知识和技能。

前期通过发邮件的方式联系线上业务。因为没有做好工

作。知道了商务邮件的格式，导致邮件发送时间很长，双方还

只停留在了解阶段，真的很失败。

“产品导航”是一个困扰我一上午的问题(此刻公司首页已经

制作完毕，而它与合同上的“产品导航”页面布局类似，于是

这让我一时间很难抉择。我就一边设计一边思考，此时我为公

司定的色彩风格是红色，我为导航栏设计的是交互式按钮，并

且设计了初始字体、悬停、按下时字体颜色。可是这一切都是

白费，由于后来我们将风格确定为蓝色，并且导航栏确定都采

用首页中插入的图片，但我觉得这样有些不好：例如它不可以

设置超链接的字体颜色，这是很不专业的体现。团队由于缺乏

及时的沟通，导致其他组员一些好的想法得不到实施，确实是

我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局，设计上没有什

么难点，只是在这基础上进行产品的进一步分类和图片的搜集

称。我的所制作的展会礼品将网页都放在private文件夹下，

导致所有需要连接到展会礼品首页的都不能进行。我首先需要

把private文件夹下的网页全部剪切出来，并且检查超链接，

而这些只能在frontpage文件夹试图下进行。同时还要在

http上检测，进行及时的修改。超链接检测是我展会礼品网

页的一个主要问题。公司主页上的“展会礼品”始终连接不到

“展会礼品首页”，反复的进行超链接都无法成功，其实是因

为我所连接的超链接路径不对，其实我应该根据浏览器上不能

连接到的网页路径进行修改超链接。

经过调试测试，没有出现图片无法显示，超链接无法连接

的问题。