网页制作学习心得5篇

在学习网页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。

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

标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

主页中不光要有文字，还要适当地加一些图片。俗话说“一图胜千言”，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。

我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

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

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

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

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

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

1.标题

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

2.内容的采集

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

3.图片

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

4.网页排版

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

5.背景

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

6.其它

如果想自己的网页更有特色一些，可适当地加一些网页制作的技巧，诸如声音、动态网页、java、applet等，当然这些小技巧最好不要加太多，它会影响网页的下载速度。

等个人主页做得差不多了，可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的访问者；后者能让知道主页参观者的统计数据，可以及时调整设计，适应不同的浏览器和参观者的要求。

7.宣传

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友，那时因为李导师的辛勤栽培！

明天，网页与我一生相伴，终身相随，那是因为我领悟了什么是“一个网络，整个世界”。

总而言之，我将用毕生的精力，心血去换取网络中最灿烂的那颗夜明珠，在网页的蓝图里，我将记下人生不朽的个人诗篇！

在学习网页制作的这几天里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索;同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生!

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

①标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格。

②内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。

③图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。

④网页排版

网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。

⑤特色

让自己的网页更有特色一些，可适当地加一些声音、动态网页、Java、Applet。

⑥感悟

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会!

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友!

明天，网页与我一生相伴，终身相随，因为我已领悟了 一个网络，整个世界 。

我在网上进行的逻辑教学工作已经完成了，闲暇无事之余，便想将个人的主页——《思东书屋》重新进行一下规划和设计，为此购买了几本有关网页设计和制作的书籍，开始学习网页的基本语言HTML。尽管网页制作方法早已经从最简单的文本编辑器发展到可视化的网页编辑工具，但是，编辑形式的改变并没有影响到HTML语言的整体结构，它只是简化了编程方式，用直观的具体形式取代了传统的不可见的抽象形式。

这就如同哲学理论自身发展的两个阶段——理性的思辨和直观的图像一样。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言表达的缺陷是片面性和抽象性，而图像形式则具有直观性和具体性这一特点。如今我们生活的时代已经进入到互联网的动漫时代，此时抽象的语言表达方式与时代发展的脉搏呈现出极不同步的状态，这种表达方式远远落后于时代科学技术创新和发展取得的成果，它明显地缺乏与时俱进的特点。人们只要看看有关系统论的教材，就会被书中展示的图形和图像所吸引。由此看来，作为时代的哲学理论也应该充分利用电脑给人们带来的多媒体技术，通过编制幻灯片、动画片和电脑仿真模式展开既直观又生动的教学，只有这样做才能使哲学理论跟上时代发展的步伐，真正做到与时俱进。

从互联网的操作平台和编程语言的发展过程中我们可以清楚地看到，逻辑思维在当今时代具有的重要作用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联网的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联网的演化过程中已经充分显露出来。

从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。

数理逻辑是计算机硬件自身具有的逻辑规则，它把握了中央处理器CPU、信息交换的存储器、记载时间和次数的计数器以及丰富多彩的颜色区分模式之间的相互关系，它直接通过逻辑真值表、二进制的语言和编码结构展示出来，这是纯粹抽象的逻辑规则在现实中的应用模式。其鲜明特征是：它把握了思维和存在二者本质同一这一属性。

哲学逻辑则体现在计算机软件上面，例如电脑的操作系统平台以及网页设计和制作的具体方法，它是真实逻辑模式的体现。电脑中动画图像的制作就是通过层次来把握过程和系统，把握繁杂的关系网模式。从而实现了互联网模式与客观存在模式二者之间的同一性，它们全都以“多样性的统一”这一模式出现，不是理性思辨强调的“从一到多”的发展和演变模式。其理论根据在于：互联网的根基是建立在相互联系和相互作用的关系上面，它不是单纯的存在物自身具有属性，而是以关系网形式出现的新事物。可见，随着互联网的发展，人类思维就会从直观的具体存在提升到间接的关系网模式这一高度。而老子的哲学理念恰恰就建立在系统联系的关系网基础上，可见它与时代发展的气息是紧密联系在一起的。通过网页制作中的逻辑规则这种形式理解和把握老子大道的哲学理念，将是破解老子大道之谜的一条捷径。人们在学习网页设计和编程语言的过程中就可以把握住老子讲述的逻辑规则。二者之间只有表现形式不同，在逻辑规则环节绝对同一，没有本质的区别。

这就是人类的智慧，它在远古时代就把握了复杂多变的关系网。然而，只有在互联网充分发展的今天，人们才能够深刻地理解老子大道的内涵，才能够揭示出真实逻辑自身具有的一个圆圈模式。

从老子大道的终极谜底中人们看到，真实的逻辑模式是一个将四种逻辑规则有机结合在一起的关系网。它与互联网的存在模式和运行模式完全一致。其中存在模式表现为大小圆圈环环相套，大圆圈就相当于服务器，小圆圈则相当于终端的电脑。整体的运动模式则体现出对立统一的矛盾关系。操作系统相当于基础理论：它是本质环节的工具，各种软件则是它的具体应用工具。

如果我们用逻辑图的形式将三种逻辑规则和相互之间的关系展示出来的话，它是这样的形式：

┌属性：思维和存在直接同一，无矛盾的关系

┌语言逻辑┤具体环节：经验理论

│ └形式：如日常交流、刑侦破案，无概念的形式

│ ┌属性：抽象的本质关系，无矛盾的形式

逻辑┼思辨逻辑┤本质环节：计算机硬件中的逻辑规则：图形、符号理论

│ └形式：符号逻辑、数理逻辑、模式逻辑，知识理论

│ ┌属性：具体存在的关系模式，无矛盾的模式

└真实逻辑┤系统环节：计算机软件中的逻辑规则：图像、概念理论

└形式：哲学逻辑、辩证逻辑、逻辑模式，可视化编程

从这个逻辑图中人们看到，逻辑的属性是强调思维和存在的同一性，它是实现思维和存在同一性的手段、方法、形式。不同的逻辑规则把握思维和存在的同一性程度不同，它分为三种形式：具体环节是形式同一，理性环节是本质同一，系统环节是模式同一。亚里士多德的《工具论》就停留在形式同一环节，德国古典哲学上升到本质同一的高度。老子的大道以隐藏形式把握了模式同一，《思维工具论》将这种模式同一从隐藏形式转化为直观的显露形式。由此构成人类逻辑思维发展演变的全过程。

随着互联网的普及，网页制作技术的广泛应用，人们对于逻辑规则就不会感到陌生，因为HTML语言结构已经将哲学的逻辑模式以可视化的形态展示出来，同时也将哲学逻辑自身具有的应用价值和能够发挥的巨大威力展示出来。此时，“逻辑”对于懂得电脑知识的人们来说已经不再是一个抽象的名词概念，而是帮助人们迈进网络世界大门的思维工具。

以框架结构的逻辑规则为例，它充分体现出思维规则：两个层次、两种形式的对立统一。逻辑图为：

┌具体：内联式样式表：只对使用它的元素起作用：文字和段落

┌自身形式┤

┤ └一般：嵌入式样式表：通过标记形式规范整个文本：统一格式

│ ┌外部式样式表，通过CSS模式进行规范整个网站的风格

└联系形式┤

└系统模式：同时使用多层样式表，即各种格式之间的有机结合

这就是思维规则在网页制作中的具体应用。人们只要通过学习网页制作的方法，就能够理解《思维工具论》讲述的逻辑规则。这就是电脑与人脑在逻辑规则上面具有的高度同一性。它就是谢林哲学强调的“绝对同一”理念。

逻辑属于抽象的形式联系，它不涉及里面的具体内容，属于科学的思维方法和工具。网页语言结构恰恰将逻辑的属性、形式和特点全面地展示出来。它扬弃了里面的内容，只考虑抽象的结构和形式之间的关系，无论是文本，图片、还是动画，都可以作为“同一的事件”看待起来，具体内容的变化与逻辑形式、逻辑规则无关。可见，人们在学习网页制作的时候只要反思一下里面的逻辑规则，就会把握住科学的思维方法。只要将编制网页的方法应用到各种理论问题的分析过程中，就能够摆脱经验理论的束缚，从而上升到科学理论的高度。

逻辑是方法、手段、工具，它是人类智慧创造出来的精神财富，是认识论规律的表现形式。人们的头脑中如果没有逻辑规则的话就会偏离真理的轨道，就会停留在经验理论和生活常识中，不能迈进科学理论的门槛。

这就是老子讲述的不言之教包含的丰富内容，它是科学的认识方法、认识模式、逻辑规则、思维工具。

教育技术是一门跟计算机密不可分的的专业，这学期我们开了网页制作这门课程，从上大学以来我就一直期待这门课程，因为在我们日常网络中网页是不可缺少的，我也对它非常感兴趣。所以要认真的学习。争取多学习一些这方面的东西。

通过第一堂课的学习，我对网页有了更深一步的了解和认识了，网页分为静态网页和动态网页两种。打开静态网页只需

一、静态网页与动态网页的关系

1、静态

静态网页的网址形式通常以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与动态网页是不同的概念。

运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、JavaScript、VBScript等等，它们是永远不变的。

静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。

2、动态

是与静态网页相对应的，也就是说，网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”。

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。

1）开发公司：微软（Microsoft）

2）服务器IIS（Internet information service）

ASP---IIS的安装与配置

二、动态网页技术

IIS的安装与配置

a.安装IIS

若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动 “添加/删除程序”，在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装

b.启动Internet信息服务（IIS）

Internet信息服务简称为IIS，单击Windows开始菜单---所有程序---管理工具---Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具.

c.配置IIS

IIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:\\Inetpub\\www.root。

用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。

启动与停止IIS服务

在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击可启动IIS服务器；单击 则停止IIS服务器。

3、PHP是英文超级文本预处理语言Hypertext Preprocessor的缩写。

PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法

1）、开发：有个人开发

2）、服务器 Apache HTTP server

4、JSP(Java Server Pages)

1）、开发：是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。

2）、服务器：Apache Tomcat

三、静态网页布局

参照屏幕录像，本节主要讲表格式布局，学习了表格拆分的方法！

四、代码