网页设计心得体会

文学网整理的网页设计心得体会（精选5篇），供大家参考，希望能给您提供帮助。

网页设计心得体会 篇1

不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入的社会里，学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，学习网络知识，对于生活在网络时代的我们还是很有必要的。接下来我想分享一下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点帮助。

学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。我觉得，在设计网页之前：

首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。

其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离开。

我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意：

要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然，产生兴趣。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等媒体中把相关的资料收集，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最后一步就是要优化网站了。

就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看的人感觉更不舒服，还有最后申明一下，我不是专业网站设计师，以上只是我对网页设计学习的一些心得罢了。

做出一个好的网页一般都离不开dreamweaver，flash，photoshop这三个软件，当然，还可以用到其他一些辅助软件就会加快网页的设计了，比如：

SothinkDHTMLMenu，SothinkLogoMaker等软件，这些软件不仅可以快速开发出导航，logo等，而且很漂亮，美观。

制作网页，首先是确定主题，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。

而我们这次的实习就是用这几款软件来设计，主要使用div+css来布局，避开传统的table（表格）布局DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题：很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。

使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛（Spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。

代码精简所带来的直接好处有两点：一是提高蜘蛛（Spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到蜘蛛（Spider）欢迎，这样对收录数量有很大好处。

而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的`嵌套。这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer（seo工作者们）们在文章中说明了这一点，相信他们也不是没有依据。

DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。

DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度：DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛（Spider）爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛（Spider）就会认为这个页面无法访问，影响收录及权重。

真正的SEOer（seo工作者们）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的，可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的方面。

总之Div+css布局的优势如下：

由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

好的网页，也离不开photoshop，前面我也说了，flash的制作所需要的图片都要在photoshop中事先PS好的。那么photoshop的作用就显得很重要了，网页中的flash都仅仅是一小部分，图片占的分量还是比flash要大的，故好的photoshop技术，那么PS出来的图片就会显得更好，这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。

从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。

网页设计心得体会 篇2

从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。

通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。

最后感谢av给我这么一个机会，留在公司实习，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板；感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受；感谢mk，认真的时候很认真，玩的`时候还像个大孩子。

喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷；感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢；感谢小杨，能够和你愉快的合作。

如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了；感谢aam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了；谢谢一起在虎之翼公司里工作的所有工作人员。

我很喜欢你们，喜欢这样的工作氛围，谢谢你们。

网页设计心得体会 篇3

不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入的社会里，学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，学习网络知识，对于生活在网络时代的我们还是很有必要的。接下来我想分享一下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点帮助。

学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。我觉得，在设计网页之前：

首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。

其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离开。

我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意：

要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然，产生兴趣。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等媒体中把相关的资料收集，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的`资料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最后一步就是要优化网站了。

就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看的人感觉更不舒服，还有最后申明一下，我不是专业网站设计师，以上只是我对网页设计学习的一些心得罢了。

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。

学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习

不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。

网页设计心得体会 篇4

为期两周的网页实训终于结束了。为什么说终于结束了呢？因为两个星期做五个网站时间太紧了，我们每天晚上都是加班加点。但是结果是令人欣慰的，我们大都按时按质完成了任务，而且网站是一个比一个做得好！总的来说，还是有很大的收获。

本次实训共有五个任务，它们分别是：沈阳植物园网、开元科技网、家台湾旅游网、我爱低碳网、博爱助学网。要求是每个网站至少要8个或8个以上的页面，并运用flash做动画，用css美化页面等。

整个实训的过程可以说是所学知识的一个整理，一个综合，一个灵活运用。之前我们课堂上学的东西是一个个知识点，比较零散。虽然在实训之前我们也做过两个网站，但那是我们小组合作的，所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站，做网站的各个环节都要自己亲力亲为，可以说是一个挑战，同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作，也是potoshop、flash软件的熟练运用。我们需要自己设计网站的logo这就需要运用到potoshop软件强大的图形图像处理功能，需要做出生动的网页效果，就需要flash做出动态的文字效果和图片切换效果。

在设计的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的'不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，在css的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。

两周网页设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。

网页设计心得体会 篇5

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的'前进方向。

1.继续学习，不断提升理论素养

在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。

2.加强信心，坚持下去

上学的时候大家都说“能珍惜现在的日子就好好珍惜!”，等工作了才真正的领悟这句话的涵义。经历第一次实训课的学习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

3、实训学习中的同学相处

感觉学生时代很美好，不仅仅是不需要去努力工作，而是在学生时代你可以有很好的同学，很好的朋友，大家相互嘘寒问暖，不必勾心斗角。我感觉这里才真的有纯洁的友谊。我想当踏上了社会，就会存在着利益关系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多几个朋友，希望自己可以有个团结工作的环境。在整个网页设计实训的过程中，实训同学之间的关系总是那般融洽!

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，,我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

光阴似箭，日月如梭。转眼间，愉快而又充实的网页实习课程结束了，在这几个月的时间里，在实训的过程中 ，让我尝试了理论与实践的结合。网页设计理论一点点转化为实践经验，模拟网页实训变成了真正面对社会的基础，尽管生涩但在慢慢趋近成熟。丰富的实训知识，让我的实习生活充满惊喜、快乐和充实，当然也少不了网页设计处理过程中的困难。实习结束了，感觉脑袋里又注入了新的知识，对网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的东西去处理相关的问题，再探究新的问题，使自己和公司不断进步。

最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。

首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打算结合自己的兴趣，利用课余时间自我培训;其次是社会实践，初步打算是利用假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，当真正动手做时却总不是那么简单了;最后，打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

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

通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的'格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：

1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。

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

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。

当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。