心得体会是我们在经历中的宝贵财富，能够指导我们的人际交往，一份出色的心得体会能意识到生活中的点滴细节是培养创造力和想象力的源泉，下面是尚华范文网小编为您分享的html网页设计心得体会7篇，感谢您的参阅。

html网页设计心得体会篇1

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

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

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

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

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。

就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。

最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去mp3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

html网页设计心得体会篇2

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的dreamweaver、fireworks、flash来制作网页，对于图片部分的处理，个人觉得photoshop比较好用。

最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。网页做好之后，就要发布到web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。

html网页设计心得体会篇3

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

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

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

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

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

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

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

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

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

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

html网页设计心得体会篇4

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

1. dreamweaver mx (或dreamweaver 8)。

2. flash mx (或flash 8)

3. fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx 很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作css样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver mx 对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过3m，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢?而我对dreamweaver mx 它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

html网页设计心得体会篇5

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

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

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

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

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

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

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

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

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

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

html网页设计心得体会篇6

从新学期开始接触网页设计这门课程以来，已将近学习了一个学期。经过这么长时间的学习，从起初对网页设计的一知半解，到如今已基本掌握网页制作的基本技能，可谓获益良多。作为一门新接触的学科，之前并没有太多的了解，只知道在计算机迅猛发展的今天，网页已成为网络世界中必不可少的一环，网民对于网页的要求也越来越高，因此，学好网页设计这门技术，对于生活在日后计算机主导的世界来说，显得更加重要了。

大作业展示中的网页作品主题明确、布局合理、页面设计得当，方便浏览的人找到想获取的信息。任何一个优秀的网站都有其明确的主题，网站主题的确立应根据网站的用途而定。整个网站需要围绕这个主题，也就是说，在网页设计之前，我们要明确这个网站的建立目的，用来做什么，围绕着这个主题和内容来制作网站所有的页面。明确对网页的制作有着很重要的作用。

作品网站“web”中合理运用了网站制作的几个基本技术来构建。首先使用了div标签来布局网页，简单方便。div标签可以设置一个规定的属性，用于设定表格、画、字规格大小或摆放位置，在网页制作中使用，可以大大减少我们对表格、画、字等的设定工作量，大大提高我们制作网页的效率。同时，也方便我们在完成网页后对部分细节的修改。

作品中的网站外观简洁大方，界面友好易懂，是网页制作初学者的优秀模版。例如网页的布局，素材的管理，代码的简化等等，都可以从中得到许多启发和借鉴意义。目前通过这学期以来老师的悉心教导和学习，已基本掌握网页制作的基础知识。而有关网页内容的设计与编排，还有待更多的实践操作来提高。总的来说，已对网页的.制作有一定的认识和基本的了解。从目前学习的进度来看，个人认为老师还可以教授我们“行为的应用”和“基础动态网页”等知识，拓展我们制作网页的知识。在个人的网站建设中，希望加入运用更多更高级的技术来呈现和表达自己网站的主题和内容。例如设计网页中的一些动作和事件，以此来达到更好的表达效果。

网站的文件管理、素材存放等安排得合理得当，规范有序。文件夹的命名大多使用所用素材名称的拼音，一目了然，见名知意，方便学习者的查询与研究。这种严谨和规范的做法值得日后建设自己的网站时参考和借鉴，对于网站制作的初学者来说具有指导意义。

其次网页在表头下运用了导航菜单。导航菜单是网页设计中不可缺少的重要部分，它提供了页面与页面之间跳转的通道，极大方便了浏览者访问所需的内容。利用它，我们可以快速找到我们想要浏览的页面。学习更多导航菜单的制作，可以优化我们的网页页面，使其更加完善，也能增加美观程度。

完成大作业需要事先精心的构思和素材的准备，从一开始网页主题的确定，到主页总体的设计、搜集资料、每个分页面的设计等，我都要一一进行规划，因为如果不规划好，制作过程中就会没有整体思路，网站就会显得缺少整体性，而且不能连贯地制作下去，难以一气呵成。定下框架之后，然后就开始一步一步有条理，有次序地做起来。制作过程中，为了提高工作效率，减少工作时间，还可以利用制作一个网页模版来减少工作量。由于一个网站中大多网页采用相同的表头和底部，仅仅内容有所不同，因此可以通过制作模版来填充多个网页内容，一次来提高网站制作效率。

网页制作过程中需用到最基本的软件如dreamweaver、photoshop。dreamweaver可以帮助我们快速构建一个初步的网站，之后再在此基础上填补和完善，便可以构建一个完整的网站。photoshop可以帮助我们快速处理建设网站中所需要用的所有图片素材，修改成我们想要的模样，包括对素材大小、尺寸、美化等处理。若想进一步完善和更好地呈现网站内容，还可以利用flash软件制作一些相关的小动画和动态图片。由于良好的视觉效果，flash已被大多数网站广泛应用，借此大大增加网页的艺术效果。

任何一门学科的学习都需要我们多加练习实践，才能驾轻就熟，真正掌握这门学科。由于网页设计这门课程的课较少，老师需要在课堂上传授重点知识，因此课堂的实践操作时久不可避免地减少，所以课下的及时复习与训练就显得尤为重要了。对于“知识被遗忘”的问题，更是因为在课下没有及时巩固课堂知识所导致。因此想要学好网页设计者们课程，也许并不需要我们像专业课一样投入大量时间跟精力，只要在课堂上抓住老师所讲的重点知识，并在课下及时做好复习跟操练，便可以很好掌握网页设计的基本技能，从而达到课程学习要求。

html网页设计心得体会篇7

在平日里，心中难免会有一些新的想法，不如来好好地做个总结，写一篇心得体会，这么做可以让我们不断思考不断进步。那么写心得体会要注意的内容有什么呢？以下是小编为大家整理的`html网页设计心得体会范文（精选8篇），欢迎大家借鉴与参考，希望对大家有所帮助。