【www.scabjd.com--网页设计】

托管班，有利也有弊，是可以说是家长的帮手，为没有空接送孩子的家长解决了问题。以下是小编整理的网页设计的心得体会精选4篇，仅供参考，希望能够帮助到大家。

第一篇: 网页设计的心得体会

一连上了两个星期的网页实训课，可以说学到很多以前没有学到的东西。虽然在大一的时候我们的专业出开设了网页设计课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。

每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给学会。通过这次实训使我更熟练掌握dreamweaver、flash、fireworks、photoshop等软件的功能和应用。不但如此，更增加了同学间的友谊，陪养了彼此间的团结。

在这期间，每一天老师都会发一些素材和实训给我们，首先是网页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划，在做首页之前，先用图纸把网页的结构画出来，内容和结构都想清楚用fireworks把网页设计出来，再切割图片，把它们导成html格式在dreamweaver中进行进一步的编辑。

我们的网站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温馨、很快乐的感觉，所以我们决定将这次的网页名叫funnyroom。主题确定好了，那么分工出就明确了，我们组有三个人，两个人负责找素材，另一个美术好的就负责网页的页面设计，但是我们始终不是学美术方面的，所以色彩方面搭配的不是很好，后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去就有难忘的感觉。而从第二页开始就采用粉色为主色调，让人可以感受到我们的主题，因为首页和其它的颜色不一样，所以我们就把首页当作是过渡页，第二页开始才是网页的内容。为了增加网页的新鲜感和活泼感，还适当在添加一些透明flash和一些网页特效。在这实训的时间里面，我们分工合作，共同努力，对网页反复调试和修改，特别是对于fireworks软件不那么熟悉，有很多的实例都要看过老师的演示才会明白，不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的不合而发生一些小小的争吵，但我觉得不影响我们的网页设计，反而会因为这些不同的意见而重新学到更多的知识。

第二篇: 网页设计的心得体会

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习，对网页设计有了初步的认识和了解，并基本掌握了Dreamweaver的应用。

在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握，学习网页设计的基础部分便显得较为轻松。虽然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要确定网页设计的内容，一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作。

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。 另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。 通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个学期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

第三篇: 网页设计的心得体会

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

┌自身形式┤

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

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

└联系形式┤

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

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

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

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

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

第四篇: 网页设计的心得体会

作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员，在没有人指导，只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来，其中的艰辛只能自己体会。不过，虽然过程艰辛，但自己的收获颇大。一直以来希望能够转型做互联网的产品，但总是没有机会。这次公司网站的策划及设计给了自己很好的学习和实践机会。在这断断续续的七个月中，自己对于网站的策划和设计有了一定的认识，也通过实践的对照，对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。

在此，将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经理的人可能没有用处。但，我想，可能对于那些想要入行，或者希望在自己的公司内部转入产品行业的人来说，可能多少有一点点用。

_要注意网站的定位

任何一个公司或单位，要设计一个网站，都必然有其核心定位，即这个网站设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的定位把握好，作为一个设计人员，其工作往往会是无功而返。因此，在网站策划阶段，产品设计人员必须多和上层沟通，甚至多和领导争辩，通过沟通和争辩来明晰公司对网站的定位。同时，也可以让领导对网站的定位更加明晰。只有完成了这一项，其余的策划和设计工作才应该继续进行。

_要了解用户

产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用，但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。比如，在网站设计过程中，发现本网站的使用人群中 竟然有不知道如何注册网站的人，这这真是出乎意料。但这就是现实。所以，在产品设计的过程中，不能以自己为中心，把自己当做用户。事实上，很多用户的互联网水平真得没有达到我们的水平。

_明确、牢记目的和需求

网站的定位明确后，接下来要明确的是网站设计的目的和要满足的需求。即：网站整体设计完成要达成什么目的，每个模块设计完成要达成什么目的。从另一个层面来讲，也就是，网站整体要满足用户什么需求，每个模块又要满足用户什么需求。同时，在网站的设计过程中，要一直将目的和需求牢记心中，不断地对照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调整最终导致偏离目的和需求的情况屡见不鲜。

_保持简洁

为什么要简洁?因为，无论是设计一个网站，还是设计一个其他的产品，都不可能一步到位。尤其在人力物力时间等资源有限的情况下，更是不可能一次性满足所需求，达成所有目的。因此，在这种情况下，为了确保核心目标和需求的达成，只能也必须优先保证核心功能的完成，只上核心模块或功能。同时，在产品设计的过程中，也要不断地向同事和领导灌输这种意识。否则，需求无止境，网站永远难以完成上线。

_注意细节

这次的网站设计师自己第一次设计网站。因此，在设计网站的过程中自然而然地非常关注网站的整个架构，什么模块放什么地方，模块之间如何相互联系等等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够，网站的设计和实现结果和想象中出入很大，甚至一些格式、排版上的问题都出现在了网站的各个地方。自然，最终的结果就是网站成品与原始设计相差甚远。因此，在产品设计的过程中，作为设计人员，一定不能小看细节。一定要将细节想细致，没有细节饿网站很容易出问题。

_注重逻辑性

网站的设计过程中，必须要注意逻辑判断。对于输入信息或注册流程中的每一个环节的每一种状态都要考虑到。举一个最简单的例子，一个输入框输入数据，有正确的输入、必然有错误的输入，也必然有空输入。那么，每种状态下系统都要考虑到，也都要有相应的反应。

_流程图很重要。

说到逻辑性，就不能不谈流程图。作为梳理逻辑的工具，流程图非常重要。它不但可以帮助我们梳理每隔一环节的不同状态，更可以帮助我们和技术进行沟通，确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错，但在编程的过程中不可能次次帮我们想到逻辑的不合理处。因此，一个合格的流程图就非常重要了。

_没想清楚的事情不错

即使是一个非常小的网站，也是一个系统，如果需要添加功能或模块，就需要考虑到方方面面的变动，是一个比较复杂的过程。而若是一个较大的网站，那需要考虑的方面就更多了。因此，在设计过程中要本着一个原则：如果一个功能或模块没有想清楚为什么添加，有什么用处，那就不要无谓地添加这类功能或模块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外，基本没有啥好处。

_一定要评审

评审对于所有的产品设计人员来说都是一场“噩梦”。但是评审可不可以省略呢?不可以。一方面，我们需要通过评审让大家认可自己的设计。如果对我们的设计不认可，那么在真正执行过程中便会有更多的障碍。另一方面，我们需要通过评审收集意见，查漏补缺，找到我们没有注意到的地方。不过，在评审过程中，我们也一定要做好心理准备，毕竟，让一大堆人说你设计的这不行那也不行，心里是绝对不会好受的。唯一能够减少这种情况出现的方法，也许就是尽可能细致地想到各个方面，有充足的理由来说服对方。

_一定要写产品需求文档。

在自己设计网站之前，看过一些产品经理方面的书，每本书里都介绍到了产品需求文档的撰写，可见产品需求文档的重要性。但说来奇怪，在自己真正做网站时，由于团队里人很少，所以自己竟然认为不需要写产品需求文档，认为只要当面沟通就可以了。但事实是，没有需求文档，很多细节的东西，自己设计的时候哦想得很好，但过段时间却模糊了，结果技术人员询问时只能凭感觉给出解决方案。当然，结果可想而知，出现了很多不应该出现的问题和BUG。这些问题和BUG让我真正体会到了产品需求文档的重要性。

_要懂得妥协和听取意见。

在产品设计过程中，经常会出现一种情况：产品设计人员或产品经理苦思冥想找到一种解决方案或展现形式，可以上级领导或公司管理层不认可。这种情况下，我们常常会因为“自家孩子就是好”的心理而忽略他人的意见，或者坚决不妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此，在这种时候，产品人员一要沉下心来，耐心听取别人的意见，看看是否有可取之处。而是要懂得妥协，不在非常细节的地方和领导层较劲，阻碍工作的推进。

_要坚定，更要执行。

当然，在产品设计过程中，也会出现这种情况：我们认为某个功能非常重要，可上级认为不需要，要砍掉;或者，我们认为一个功能或模块完全没必要展现，可上级坚持要求添加。这种不可调和的矛盾怎么处理呢?我的建议是：要坚定，更要执行。首先，我们要坚定我们的想法和做法，尽量通过种.种方法去说服上级。只要我们的说法和做法有道理，上级应该会同意我们的做法。其次，如果无法说服上级，那么，一旦上级决定如何做，我们则坚决执行。虽然我们常说产品是为客户设计的，但很多时候，产品也是为老板设计的。

_要抱着做完美产品的心态去设计产品。

看过很多产品类的书籍，都说完美主义要不得。在这点上，我也同意。但是，从另一个层面来讲，在产品设计或构思的过程中，一定要保证做完美产品的心态去设计。因为，很多时候，即使完美的设计，在通过执行的种.种换届后，也可能变得惨不忍睹，或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心态来设计产品，那做出来的东西可能真的就没办法用了。

_要相信自己的直觉

在产品设计或制作的过程中，可能常常会有这种感觉：“好像哪儿不对呀。”以我的经验来说，这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错误，潜意识在提醒我们。所以，在这种情况下，一定要相信自己的直觉，来对相应的模块或功能进行审查，找出不合理的地方进行修改或弥补。

_要看锅下菜

现实里，每个公司的资源都是有限的。而做一个网站也好，做一个产品也好，公司能够提供的资源也是有限的。因此，作为产品经理或设计人员，一定要有现实感。要知道在现有资源情况下，能够做到什么程度。比如：不要指望一个拿3000块工资的美工设计出一流的页面，也不要指望一个临时来帮忙上传资料的同事能够一步到位地将资料的格式调整到最好的状态，更不要指望刚毕业的程序员能够迅速地解决你所提出的BUG。一句话，不要指望同事做出超过其能力以外的事情，不要指望公司提供超出其能力范围外的资源。

_永远不要偷懒。

最后一条，永远不要偷懒。我的感受是，偷懒绝对会让我们在后期多花费更多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术，那样后期会让你有无穷BUG去修改;不要因为自己懒或时间紧急就不做评审，否则，一旦领导层看到设计没有满足其要求，你可能得重头再来;不要技术改了BUG你就天真地相信一定是没问题了，一定要自己确认，否则，过两天就会有人找你问为什么BUG没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。

本文来源：http://www.scabjd.com/jisuanji/240333/