web设计心得体会.docx

1、web设计心得体会web设计心得体会篇一：页设计心得体会报告页设计心得体会报告 初期的站都是由静态页组成，页中只有文字、图形、图像等，用户只能被动的接受这些信息。那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。 HTML的历史最早可以追溯到20世纪40年代。在1945年，Vannevar Bush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的

2、计算机Memex的设计方案。随后经过一系列的发展研究，1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。页设计伴随着络的快速发展而快速兴起，作为上的主要依托，由于人们使用络的频繁而变得非常重要。生活中我每天上都要接触到页，原来没有留意过页的设计，但是经过这段时间的学习了解，现在我打开一个页都会习惯性的先看看排版、布局和色彩运用。通过老师的讲解和对课本的翻阅，我学习到了一些关于建设站和制作页的知识，对页制作的基础知识也有了一定的掌握。通过Dreamweaver制作页，我用到了一些基本的功

3、能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的

4、元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。页最主要的功能就是给每个上者提供一

5、种形式，让他们能够了解站提供的信息。要研究页设计，就需要站在用户的角度来看。用户是一个站成败的关键。如果用户要花很多时间进入站，很有可能他会立即关掉站，或者站操作很不方便用户也会马上离开，这种站是很失败的设计，只会让用户失望的离去。所以页容量即包括图像在内的页字节数最好不要超过50K。还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在秒内就能把握站的行业性质，1秒内就知道该从哪个地方开始使用这个站，能点一次的，绝不点第二次。当然上面说的是大多数功能性站，对于宣传展示性站，诸如加特效的或F

6、lash站，可能就不得不花哨一些，但不能太过分。站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。第一次自学这种页制作方面的知识，刚开始有点无力，随后边看书边在电脑上试着操作，基本掌握了相关知识。下面简单介绍下页设计的理念和要点。在具体的制作一个页时我了解到一个优秀的页设计应该具备一些基本原则。首先，要确定页设计的内容一个优秀的风站要有一个明确的主题。整个站围绕这个主题,也就是你在页设计之前要明确你这个站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你站所在行

7、业的客户，及你的页属于哪个类别。用户是一个站成败的关键,如果用户要花很多时间进入你站很有可能用户会立即关掉你站,或者你站操作很不方便用户也会马上离开,这种站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后页的基本框架便成形成了，下面要开始的便是优化工作，内容是整个页的核心。在页设计之前必须明确页的内容安排。优秀页设计是要建立在平凡的基础上的。然后在具体的规划一个页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个站的架构，很浪费时间和财力。大纲列出来后，还

8、必须考虑每个页面之间的链接关系。是星形，树形，或是形链接。这也是判别一个站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一

9、些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的页。页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细

10、节。（3）功能决定设计方向: 看站的用途，决定设计思路。商业性的就要 突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。页设计的两大要点是：整体风格和色彩搭配。一、确定站的整体风格:1、将标志logo，尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映站精髓的宣传标语。4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在站中出现的所有标题字的阴影效果的设置应该是完全一致的。二、页色彩的搭配:1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。2、用两种色彩。先选定一种色彩，然后选择它的对比色。3、

11、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在页配色中，还要切记一些误区：1）、不要将所有颜色都用到，尽量控制在三至五种色彩以内。2）、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。通过学习，静态页的制作可以概括为5个部分：1、页素材搜集与制作即页中一些图像的处理与动画的制作。2、页版式设计规划各元素在页中的位置按大方关系和表现方法，合理安排图像、文本等元素，是页布局合理，美观大方。3、文本编写自己的页中需要大量的文字材料，这就要在页编辑器中用HTML语言中的标签编写，也可以利用页编辑工具的相关功能，直接写入文字。4、处理页

12、之间的关联这主要是建立合理、高效的页导航系统。5、页发布主要是将建设好的页上传到服务器中供用户浏览。虽然知道页制作的基本过程，但对其细节还点朦胧，特别是页中图像及动画的制作处理。有时候一个页得处理好几次最终才能成功显示。想来我们对于此项处理还是不够熟练、敏感，以后还要多加练习，并对其细节做以仔细研究，日后必可下这一巨石！在21世纪，信息技术的发展保持着强劲的势头，信息千变万化。而站则提供了展示这些信息的平台。有了页，能更好更方便快捷的将世界各个角落的面孔展现在人们面前，可以使万千企业的业务展现给客户。对我们眼下最近的对于个人电脑的购买更是有利。我们可以在相关页上找到各种信息进而避免受骗。页使得

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

14、是我们的天下。不敢放出大话说将来会成多大气候，实事求是，现在多学一点知识多掌握点技能，我们将来的路也可以宽一点。最实在的是可以找一份好一点的工作。针对我所学的方向，这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了页设计的大门，在今后的闲余时间继续认真学习制作页的更多知识以实现自身技能的提高。目前，人们对用图像解说认识过程和逻辑规则还缺乏深刻的认识，总是习惯于语言表达方式，不知道语言

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

16、用和能够发挥出来的巨大威力。没有逻辑思维能力的提高，就不会导致多媒体的产生和动漫世界无处不在的现象出现。互联的发展不仅改变了当今的世界面貌，它同时也改变了人类自身固有的静态思维模式。在当今时代，老子大道强调的真实逻辑在互联的演化过程中已经充分显露出来。从框架结构、层次关系和语句之间的嵌套关系中，我们可以看到老子的一个圆圈模式自身具有的应用价值。如果我们将人类思维具有的三种逻辑规则以直观形象的实例展示出来，那么，语言逻辑就是人们在日常生活和工作中使用的逻辑规则，例如刑侦逻辑，它总是强调分析和判断的结果要与真实的作案过程同一起来。表述形式要求清晰性、条理性和无矛盾性，可见，强调无矛盾的同一律是语言

17、逻辑的特点：思维和存在二者直接同一是语言逻辑的属性，表述形式和表述内容之间不允许出现对立性和矛盾性。由此构成形式逻辑同一律的实质。本学期的业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在intenet领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。一.充分发挥动手能力作为页设计的初学者，我对页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人页。本学期的教改

18、方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了页设计的知识。二.在设计过程中不断提高页设计水平在本次页设计中，我不仅学到了很多关于页设计方面的知识，也从中学会了关于络、编程等方面的知识。我从最初开始运用frontpage设计页，到后来运用dreamweaver、flash、fireworks等软件设计页，完善页。在这个过程中，我通过自学教材、上查询，学习了dreamwe

19、aver、flash、fireworks等页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上查询，请教老师等方式，不断的学习、解决、提高，设计出的页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，页设计水平得到了很大的提高。三.不足之处由于平时工作比较繁忙，学习时间比较少，对于页设计软件的强大功能运用得还不够。在页设计过程中，由于没有页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在页制作过程中，想提高设计水平，想有个理想的页，必须学会代码的运用，我将在以后的学

20、习过程中不断加强这方面的学习，希望老师能简单介绍一下代 码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。在将后的学习中，我们应该为自己制定一项计划，照计划行事，争取早日成才，做一个真正有能力、有底气的大学生。 班级：132055206姓名：程亚 日期：篇二：WEB程序设计心得袁龙-WEB程序设计个人心得这个学期学习了WEB客户端程序设计,对页制作有了一定的了解，这个学期完成了老师布置的2个项目，我一直做得是前台界面设计，所以对前台比对后台了解些，通过这2个项目的锻炼，我觉得我自己的前台界面开发能力有很大的提高，从最初开始的什么都不会，到现在基本能把前台界面设计的比较好了，自己也对W

21、EB程序设计有了一定的了解，至于后台代码，也有了一定的了解，可能用起来，没有前台熟说一下自己学习WEB的历程-当曾老师开设WEB程序设计的时候，第一次上课时感觉这课真心高大上，于是一种想学的冲动驱使我开始下决心一定要把这课学好，出色的完成老师布置的项目。于是一个想法在我脑海闪现，老师讲的东西毕竟有限，所以我要发挥自己的自主学习能力，于是开始在上寻找各种有关教程。找了许多教程，最终在传智播客这个站上找到了学习前台界面的教学视频，于是开始了我的学习WEB的旅程。首先开始学习的是DIV+CSS，听授课老师的讲述我了解到了下面的知识-页的设计目前都是应用DIV+CSS或者TABLE+CSS只是DIV更

22、加灵活点,而TABLE更加传统,而且还是很好用首先从最简单的HTML语法学起而HTML语法主要在于对表格和表单的使用实际上唯一难的就是表格的掌握,因为用表格来布局,需要考虑打方方面面的,而从语言语法来说不难HTML是标签形式的,所以要灵活嵌标签,可以做出不同的效果,特别是FORM标签里面嵌套TABLE标签可以控制里面的元素排列方式来控制一段,没什么特别注意的标签用来控制制定的一段字体效果不错好用然后就开始试着自己通过手动写代码来布局，因为学WEB的最锻炼技术的就是自己手写代码，于是自己通过纯手工代码的形式编写了一个课程表，记得当时编这个的时候足足花了我一天的时间，因为当时什么都不知道，先看了视

23、频教学，然后第二天决定自己动手实践一下，当我第二天做的时候发现，看别人编的时候感觉好简单，当时当自己动手编的时候各种不会，最后经过一天的改啊，终于让我编出来了，瞬间有了点成就感，后来把div+CSS学完了，尽管曾老师讲的是拖控件，但是我学过手动敲代码，于是操作起控件来得心应手，就这样我自己自学了一些东西，其中包括flash,javascript,div+CSS，dom,jquery,ajax等等一些技术，感觉这学期学到了很多东西，其中有老师教的，也有自己自学的，有了这些基础，然后就开始了第一个项目的，图书管理系统，当时我负责的是前台界面，当时参照了一个站，知道了有母版页这个东西，于是开始自己建

24、一个母版页，在建母版页的过程中也是遇到了很多困难，看着别人做的干觉蛮简单，可是自己做起来，确实失败了很多次，我记得那时候为了建这个母版页，每天都是寝室最晚一个睡得，最先一个起的，在自己的努力下，终于学会了怎么建母版页，并运用于了我们的第一个项目，现在回头想了一下，现在觉得母版页其实挺简单了，就是这样一个简单的页面，对于一个初学者来说也是一个巨大的障碍，现在就说说我对前台布局的一些理解吧用过都知道主要和配合,TR就是行,TD就是单元格,弄清楚位置还是很简单的,特别注意TD在占用行或者列的时候最好能画出整个表格方便来写代码哦.表格还能嵌套表格,可以把位置具体出来哦哦哦 .难点在于设置对齐方式和宽度

25、,老是不容易弄好是个块,和CSS配合可以达到表格的效果,但代码简单清晰,可是不好掌握.容易引起各种各样的变形,对浏览器的兼容性也有需要提高. 是表单,基本上页面与大家数据互动就是靠这个了.里面填出好用的INPUT标签,改变其TYPE就可以使用了哦没什么难度,就是以后再变成的时候注意ID和数据发送到地方 然后就是CSS哦.前面适合做框架,后面就靠着CSS来具体设置样式和装饰.CSS包含很多HTML标签自己不具备的属性,因此可以得到更多的设置,主要因为是CSS可以把各个元素都看成一个盒装块,可以拥有很多共同属性,这行属性像一个页面样能够很灵活的设置修改.CSS三种链接方式,看具体情况使用.CSS声

26、明一个选择器(就这个名字,没学个的人听了是不知道什么用处的,一点也不好听),然后再大括号里面加上属性和值就好.选择器是重点,因为方式主要有3种.类选择,直接输入标签名字,直接改动标签,一般是比较猛级别的.然后时候类和ID,类可以多个物体共用,而ID是制定特定的元素的.然后配合空格这个父子控制来具体选择.好用,好用,好用哦哦哦.然后就是CSS的盒装模型,具有共同的外边距边框内边距,这3个属性,弄清楚了就可以随意设置了.CSS控制位置就是用float和定位,这两个都比较麻烦,要多看多试才能理解吧然后就是CLEAR用好了也能帮忙控制格式哦然后上面就是我所学的前台界面的设计，后来也有学html5,现在

27、流行的页设计前台语言，说了这么多前台的再来说说后台，后台的代码包括数据访问主要还是曾老师所讲的那些，做第一个项目时，也是一点都不会，然后和同小组成员在一起做项目的时候，得到了大家的指点说这个可以用datalist来展示，尽管但是还觉得云里雾里，就按照他们说的做了，回去的时候，我用自己做了一遍，发现了它的神奇之处，就这样在半学半做的实施中完成了我们的第一个项目，然后是第二个项目，有了第一个项目的基础，做第二个项目时，少走了不少弯路，第二个项目有用到了数据集的方法，简化了做项目的困难，第二个相比于第一个项目有点很大的难度，我们小组遇到的难题，第一个是学生选课，退课和教师打分，这也是整个项目的灵魂，

28、重点之所在，最开始也是不会，开始各种请教别人怎么做，最后还是完成了老师布置的第二个项目。经过这一学期对WEB程序设计的学习，我收获了不少东西，首先我知道了一个自学的途径，那就是可以在络上找视频教程，我觉得这比单纯的看书效果要好，毕竟络视频里面都是现场给你演示，印象要深刻些，我也从中学到了不少东西，页了解了不少现在的一些常识，然后就是收获了属于自己的知识，这学期我学会了如果制作falsh广告，如何用javascript做出各种绚丽的效果，其中有一个是从别人那里学来的，就是可以用javascript做出烂漫的页，我觉得效果还不错，现在基本对制作站的流程有了一定的了解，我这个人不喜欢煽情，所以省略了

29、一些学习的心路历程，通过曾老师WEB程序设计这门课确实学到了不少东西，有老师教的，也有自己自学的，我会把我的这种学习精神带到下学期，期待曾老师下学期的课！篇三：页设计学习心得体会页设计学习心得体会 这两个星期是我们的页设计实训时间，这正是考验我们实力的时候了。 经过一个学期的页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于站设计我是抱着好奇以及兴趣认真地学习，刚开始接触页设计会觉得很神奇，平时上接触到的页可以通过自己的努力来建成。一心想着设计一个美观大气的大站，可以与其他站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习页设计。平时老师授课，讲解

30、了有关页设计的理论知识以及实际操作的示范。页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的站去模仿建设，到后来每个人在设计自己的页时都有自己的人个人风格，这就是页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的站，刚开始觉得两个星期足够我们去建成一个站，但是我们都太高估我们自己了。一开始设计站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除

31、了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。当我真正建立起自己的站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的站，特别地欣慰。因为过程的困难，我