网页设计总结与心得体会(四篇)

本文格式为Word版，下载可任意编辑——网页设计总结与心得体会(四篇)当我们备受启迪时，往往可以将它们写成一篇心得体会，如此就可以提升我们写作能力了。好的心得体会对于我们的帮助很大，所以我们要好好写一篇心得体会那么下面我就给大家讲一讲心得体会怎么写才比较好，我们一起来看一看吧。

网页设计与制作心得体会篇一

咱们经过两周的实训，经过前期的合同洽谈、签定，到后期的网站制造、网站发布，让我收获颇丰。不只让我了解经过网络洽谈商务的礼仪和细节，也让我的网站制造常识及技术有了很大进步。

前期咱们经过发送电子邮件，进行网上商务的接洽。由于没有做好作业——了解商务邮件的格式，致使邮件发了很长一段时间，两边还只是停留在知道期间，的确说来很失败。

在拟定合一起，由于不能真正满足客户的需要，一些条款及报价不合理，因而要一次又一次重复的修正合同。这首要是由于咱们不能正确解读客户的请求，而且咱们不能拿出咱们公司为大洋礼物公司网站建设的特征。

在网站制造的起先期间，由于不曾制造过页面，尽管团队确立了分工，但仍是有些迷茫。公司没有确立特性和大体的规划，而且收集材料是一个绵长而又杂乱的过程。经过阅读各类礼物网站，心里大约有了必定的想法和规划。

我的首要任务有“诚聘英才〞、“商品导航〞、“展会礼物〞、“广告促销礼物〞。我最早做的是“诚聘英才〞，我是参照中国电信诚聘英才主页做的，它看似制造简单，本来规划十分杂乱、精致。在处理图像是我遇到了不少艰难，最典型的即是有一次我想在图像中刺进文字，但一直刺进不了，后来经过讨教教师，终究知道了其间的微妙。原来是图层被确定了，要从头拷贝图层，再考贝的图层上就能够刺进文字了，而且文字本来也是一个图层，它是能够移动的。尽管我为诚聘英才页面付出了大量，但并没有被选用，而且此刻我也规划了logo，也没有被选用。

“商品导航〞是一个困惑我一上午的问题（此刻公司主页现已制造终止，而它与合同上的“商品导航〞页面规划相像，所以这让我一时间很难决定。我就一边规划一边考虑，此刻我为公司定的色调特性是赤色，我为导航栏规划的是交互式按钮，而且规划了初始字体、悬停、按下时字体色调。

但是这一切都是白搭，由于后来咱们将特性确定为蓝色，而且导航栏确定都选用主页中刺进的图像，但我觉得这么有些欠好：例如它不能够设置超链接的字体色调，这是很不专业的表现。团队由于缺乏及时的交流，致使别的组员一些好的想法得不到施行，的确是咱们团队协作的一个问题所在。

网页设计与制作心得体会篇二

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

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

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

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

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

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

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

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

网页设计与制作心得体会篇三

网站终究成功建成了，但这并不等于工作的终止，而恰恰是工作的刚刚开始。对于网站制作设计而言，仅仅做好前期工作是远远不够的，而最重要的要做的就是做好网站的后期管理工作，这样才能够提高网站的生命力。那么，网站制作设计后期都有哪些工作呢？现在我们就来分析一下吧！

后期工作一：网站要选择一个长期负责网站的人，要隔一段时间对网站进行维护与内容更新。网站需要一个长期管理人员，这样就可以对网站进行推广并做好网站的信息发布了。除此之外，假使网站后期有修改需求，也可以及时与网站制作人员进行及时沟通，共同制订完善的修改方案，这样就减少了不少沟通成本。

后期工作二：网站要时刻与用户考虑。网站制作设计之后就是要为顾客服务的，因此就要时刻考虑顾客的需求。网站要时刻以用户的出发点来做好网站的后期管理工作。

后期工作三：网站要时刻了解网络优化知识。网络优化知识的学习可以使网站向着更为良好的方向展，通过低成本的运营模式可以使探寻引擎更加优化，而且可以吸引越来越多的用户的眼球。

后期工作四：网站除了要吸引用户之外，还要注意网站的安全性。每个网站都面临着众多的网络侵袭，要时刻防卫侵袭的到来。

后期工作五：做好网站的维护与更新。对于网站设计而言，只有经常对网站进行维护与更新，才能更好地吸引用户。

网页设计与制作心得体会篇四

转瞬间，已到了期末，学习网页设计这门课程也要终止了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，由于刚接触陌生的软件心里会很畏惧跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周边的同学。渐渐的，在老师的悉心指导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自己形象网站。由于学习的时间较短，老师只要求用ps做好模板即可，任务相对简单。但也要求设计感强，色调搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

其次个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，屡屡尝试后没有效果。最终想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

由于需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了好多方法，在网站查了好多资料，可能由于没有专业术语作为探寻的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最终还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终究成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过好屡屡怎样插入声音，可是等到自己做网页的时候却忘掉了，于是问其他人，结果竟然都忘掉了，于是自己在百度上收。

最终终究找到了一个可以使用的代码，但是在参与声音路径时出现了问题