网站设计心得体会

网站设计心得体会

当我们受到启发，对生活有了新的感悟时，有这样的时机，要好好记录下来，这样我们就可以提高对思维的训练。那么好的心得体会是什么样的呢？下面是小编整理的网站设计心得体会，欢迎大家分享。

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

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

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

下面简单介绍下网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向: 看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

网页设计的两大要点是：整体风格和色彩搭配。

一、确定网站的整体风格: 1、将标志logo，尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配: 1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。2、用两种色彩。先选定一种色彩，然后选择它的对比色。3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

针对我所学的平面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设

计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

很多设计师认为做好了企业网站就一定能够做好行业网站的设计，其实对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架 布局、文字编排、图片的合理利用，空间的合理安排上面等…有着许多诸多的要求，需要考虑的面更广，面对的问题也会更多。对于一名优秀的网站设计师来 说不能绝不能放过任何一点小细节，本篇文章简述的是设计师在做行业网站时所需考虑的一些问题。

一、网站风格/创意

风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼 的而 IBM 则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一 上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的， 都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。 创意， 所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？ 此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、 如何好看，我们 只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如中国现车交易网

二、网站 LOGO Logo

顾名思义就是站点的标志图案，logo 最重 ……此处隐藏9406个字……来说会更有意义。当然，不是每个项目都能面面俱到，教师可以根据具体的培养方向（掌握新知识、新技能还是培养综合能力）来确立最佳项目。

2、制定平面设计规划

确定项目在制定项目时，要进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。要对具体的项目提出明确的知识目标和能力目标。我们将《网站设计》课程的总项目确定为开发一个具有简单交互功能的网站，并根据其涉及的知识点，将课程总项目划分为若干个子项目，每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。项目以任务书的形式下发给学生，在设计报告及项目展示等阶段要求学生写出时间和目标。

3、细化工作

制定项目计划项目准备完毕之后，要对项目涉及的问题进行分析，确定操作步骤，选择相应的方法，制定操作计划。在此阶段，学生的主要任务是制定项目实施计划，即步骤、方法、使用工具和材料。教师的主要任务是关注学生的做法是否正确，并进行启发和指导。

4、实施计划

实施项目计划这是项目教学的关键。在这个环节里，每个团队将根据自己制定的项目计划来实现计划目标。要求学生注意两点内容：一是团队的合作精神和工作效率；二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的素材，而且要在学生实践操作过程中边观察边指导。这个阶段，教师要鼓励学生多发挥自己创造力和想象力，鼓励学生多自己去摸索掌握知识。学生在实践中摸索、总结出来的知识对于学生以后的平面设计是非常重要的。

5、总结评估

学会总结，是完成项目的过程中必须要培养学生的一个职业习惯。总结要分为几方面，第一是让学生总结，在项目实施过程中要求学生边实践、边总结，最后项目组形成一个总结报告和项目完成的自我评价；第二是教师总结整个问题加以强调；第三是企业评价，如果是企业提供的真实项目而非虚拟学习性项目时，要是能请企业专家对学生的作品给予评估对学生是有非常重要意义的。

三、项目教学法实施过程(附件一)

1、项目确立

本人将教学内容分为独立的项目，每个项目都以实例操作为主，每个任务都有详尽的操作步骤。每个项目中除讲解典型案例外，还提供了二三个让学生自己动手操作的实训，以巩固所学的技能。

2、项目分析

老师与学生共同讨论“项目”的题目，以便了解学生已有的经验以及他们对此项目已有的知识。学生在讲述他们的经验和表达他们对已知概念理解的同时，对此项目的兴趣不断增加，并能在老师的帮助下，逐步设计自己的活动，老师启发和帮助学生查找设计项目活动中要调查和解决问题。

3、项目实施

在具体实施过程中，关键在选“项目”，此时应注意以下两方面的问题：

（1）选题要与实践相结合，选择实用的、学生感兴趣的比较熟悉的项目，例如在课程开始前先让学生看一组知名网站的网页设计案例，学生一下子就被吸引住了。这时向学生说明本学期教学的最终目标就是要实现类似效果图的制作。学生对任务能够产生形象直观的认识并加以联想，便于从各方面加以研究，有助于项目的开展。

（2）选题要考虑到学生的实际能力，难度适中为好。难度过小，没有挑战性，学生不爱作，也起不到锻炼的效果；而难度太大，学生经过多方努力也不能做好，容易产生畏难情绪，挫伤学生的积极性，变得不爱学习，结果适得其反。

我们在教学中采用分组的方法将班级学生分成三组，每组选一名“项目经理”（为了给学生创造更多的机会，我们一般选择由团队的学生轮流当项目经理），让学生以团队为单位制定项目计划。例如，在做“学校主页”这一项目时，教师先是将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目，制定完成此项目的基本步骤：首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排；然后根据设计绘制出草稿图；最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养。在制定项目计划过程中，教师一定要尊重学生的个性发挥，避免计划的千篇一律，鼓励学生形成自己的特色，使学生的主观能动性得到充分发挥。制定好计划后，教师要让每个团队的“项目经理”介绍自己团队制定的计划，并说明设计的理由。通过对项目计划的介绍，一方面可以提高学生的表达能力，另一方面，学生之间可以互相启发和学习。教师只需在计划的可行性及完整性等方面进行把关，适当地将自己的见解告诉学生，帮助提高计划的价值。

4、项目验收（附件二）

某个项目结束后要通过作品的展示进行过程分析，对每个学生做出正确的评定。评定从两方面入手：即结果性评定和过程性评定。结果性评定主要是考察学生是否达到了学习目标，过程性评定主要是考察学生的学习能力、协作能力、工作态度。为了使评定具有可操作性，我们分为三个层次进行评定，即自评、组评、师评。项目的最后阶段由老师安排一次项目活动总结会。老师帮助学生选择不同内容和不同方式，让他们有目的地展示自己开展活动的全部成果，让学生表达自己学会了什么，并分享他人成果的快乐，从而激发学生新的兴趣，转向新的项目活动。针对所教班级的实际情况，本人主要采用了成果展示的方法，由小组的发言人全面介绍项目的实施过程、取得成果情况，有哪些收获，这种活动不仅锻炼了学生的合作能力、动手能力，也提高了学生的语言表达能力和解决问题的能力。

四、实施项目教学法的心得体会

1、重视项目的完成，但不能忽略基础知识的掌握。注意吸取传统教学法的长处，把总目标细分成一个个小目标，每个小目标体现在项目中的小模块上，从而让学生建构一个系统的、全面的知识框架。

2、强调了学生学习的主体性，并不能认为教师的任务就减轻了。其实教师的职责不但没有减轻，反而还加重了。因为教师不但要对任教科目融会贯通，随时回答各类学生提出的各种问题，而且还要为学生创设学习的情景、培养协作学习的气氛、审核项目的选取等。

3、学生分组是一个容易被忽视的环节：由于采取分组协作学习的方式，所以分组的原则、组员的搭配、工作的分工、成员的数量等等直接影响着组员的学习。实验证明，每组人数应控制在5—6人，人多手脚乱、意见不一；采取互补方式进行搭配，有利于同学之间互相学习；组员分工要明确，防止出现依赖思想。

4、由于采用自主学习方式，学生的个性化得到充分的发展。但还应当注意学生的两极分化。特别是个别后进生，他们的自学能力和自控能力都比较差，容易产生依赖思想。无所事事，所以要结合推行“一帮一”的措施，安排学习先进生对后进生给予及时的帮助和纠正。

通过项目教学法，把学生作为学习的主体，通过完成项目把理论和实践有机地结合起来，不仅提高了理论水平和实操技能，而且又在教师有目的引导下，培养了合作、解决问题等综合能力。同时教师在观察学生、帮助学生的过程中，开阔了视野，提高了专业水平。可以说，项目教学是师生共同完成项目，共同取得进步的教学方法。是适合中等职业学校教学的切实可行的好方法，对于人才的培养有很大的帮助，今后希望有更多的中等职业学校的学生通过项目教学法，掌握更加多的知识和技能为社会作贡献。