网页设计心得体会报告

网页设计心得体会报告

初期的网站都是由静态网页组成，网页中只有文字、图形、图像等，用户只能被动的接受这些信息。那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。

HTML的历史最早可以追溯到20世纪40年代。在1945年，Vannevar Bush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。随后经过一系列的发展研究，1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。

页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突

1

网页设计课程心得体会

出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

第一次自学这种网页制作方面的知识，刚开始有点无力，随后边看书边在电脑上试着操作，基本掌握了相关知识。

下面简单介绍下网页设计的理念和要点。

在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

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

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

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

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

网页设计理念：

（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细

2

网页设计课程心得体会

节。

（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

（3）功能决定设计方向: 看网站的用途，决定设计思路。商业性的就要 突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

网页设计的两大要点是：整体风格和色彩搭配。 一、确定网站的整体风格:

1、将标志logo，尽可能的放在页面最突出的位置。 2、突出标准色彩。

3、总结一句能反映网站精髓的宣传标语。

4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。 二、网页色彩的搭配:

1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色。

3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：

1）、不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2）、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

通过学习，静态网页的制作可以概括为5个部分： 1、网页素材搜集与制作

即网页中一些图像的处理与动画的制作。 2、网页版式设计

规划各元素在网页中的位置按大方关系和表现方法，合理安排图像、文

本等元素，是网页布局合理，美观大方。 3、文本编写

自己的网页中需要大量的文字材料，这就要在网页编辑器中用HTML语言中的标签编写，也可以利用网页编辑工具的相关功能，直接写入文字。 4、处理网页之间的关联

这主要是建立合理、高效的网页导航系统。 5、网页发布

主要是将建设好的网页上传到服务器中供用户浏览。

虽然知道网页制作的基本过程，但对其细节还点朦胧，特别是网页中图像及动画的制作处理。有时候一个网页得处理好几次最终才能成功显示。想来我们对于此项处理还是不够熟练、敏感，以后还要多加练习，并对其细节做以仔细研究，日后必可下这一巨石！

在21世纪，信息技术的发展保持着强劲的势头，信息千变万化。而网站则提供了展示这些信息的平台。有了网页，能更好更方便快捷的将世界各个角落的面孔展现在人们面前，可以使万千企业的业务展现给客户。对我们眼下最近的对于个人电脑的购买更是有利。我们可以在相关网页上找到各种信息进而避免受骗。网页使得信息快速交流，更为新时代之一大成功。

3

网页设计课程心得体会

是的，信息技术是当代人类社会发展最快，渗透性最强，应用面最广的先导技术。这些日新月异的新技术不仅仅改变了世界，也改变了人们的生活。而信息时代离不开信息化人才,掌握计算机的各项基础知识并提高应用能力，是信息话人才培养的一个重要环节。这是从事许多行业必备的基本技能。 当然，有关HTML的学习只是学习中的一小部分，我们还要学习更多的有关计算机各个方面的知识。只有心志坚定，行动仔细严谨才能掌握好知识。今后我们还会接触更多的东西，在计算机这片大海中，我们得一步一个脚印，为自己打好基础。万事开头难，我们要开好头！但同时在以后的学习中也要保持初有的热情与信息。未来世界，必是我们的天下。不敢放出大话说将来会成多大气候，实事求是，现在多学一点知识多掌握点技能，我们将来的路也可以宽一点。最实在的是可以找一份好一点的工作。

针对我所学的方向，这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

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

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

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

本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风

4

网页设计课程心得体会

格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在intenet领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。 一.充分发挥动手能力

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用frontpage设计网页，到后来运用dreamweaver、flash、fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了dreamweaver、flash、fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 三.不足之处

由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代 码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

在将后的学习中，我们应该为自己制定一项计划，照计划行事，争取早日成才，做一个真正有能力、有底气的大学生。

班级：132055206 姓名：程亚

日期：2015.12.29

5