静态网页设计心得体会

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

静态网页设计心得体会 篇1

在通常的网站设计中，我们时不时的会有这样那样的想法。很多细节存在于设计师自己的心中，仅通过静态图片和叙述没有办法完整地传达，冗长的设计说明让人丧失耐心，设计师心中的画面，往往到了开发时被理解成了另外的样子。广州网站设计时由于静态图片传达信息的有限性，很多动态效果需要设计师通过添加设计说明并配合口述才能表达。这样做的优点是节约时间，有助于实现快速迭代，成本较低；但这样做的缺点是不够直观，很多细节存在于设计师自己的心中，仅通过静态图片和叙述没有办法完整地传达，冗长的设计说明让人丧失耐心，设计师心中的画面，往往到了开发时被理解成了另外的样子。

总而言之，

1、动画要做到平滑清晰；

2、动画效果不能滥用，也不是越复杂越好；

3、找准时机，给用户一点惊喜吧；

在设计动态效果的实际流程中，还需要具体考虑动画的呈现方式，触发时机和持续时长等，需要和开发同事保持良好的沟通，以确保设计从单纯的概念真正落地为实在的产品。

静态网页设计心得体会 篇2

一连上了两个星期的页实训课，可以说学到很多以前没有学到的东西。虽然在大一的时候我们的专业出开设了页设计课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。

每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给学会。通过这次实训使我更熟练掌握dreamweaver、 flash 、fireworks 、photoshop等软件的功能和应用。不但如此，更增加了同学间的友谊，培养了彼此间的团结。

在这期间，每一天老师都会发一些素材和实训给我们，首先是页素材的准备，在上查看一些页背景和背景颜色搭配，让我了解到页的颜色不能多过3种色彩。接下来的几天再结合自己的页来进行策划，在做首页之前，先用图纸把页的结构画出来，内容和结构都想清楚用fireworks把页设计出来，再切割图片，把它们导成html格式在dreamweaver中进行进一步的编辑。

我们的站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温馨、很快乐的感觉，所以我们决定将这次的页名叫funny room。主题确定了，那么分工出就明确了，我们组有三个人，两个人负责找素材，另一个美术的就负责页的页面设计，但是我们始终不是学美术方面的.，所以色彩方面搭配的不是很，后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去就有难忘的感觉。而从第二页开始就采用粉色为主色调，让人可以感受到我们的主题，因为首页和其它的颜色不一样，所以我们就把首页当作是过渡页，第二页开始才是页的内容。为了增加页的新鲜感和活泼感，还适当在添加一些透明flash和一些页特效。在这实训的时间里面，我们分工合作，共同努力，对页反复调试和修改，特别是对于fireworks软件不那么熟悉，有很多的实例都要看过老师的演示才会明白，不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的不合而发生一些小小的争吵，但我觉得不影响我们的页设计，反而会因为这些不同的意见而重新学到更多的知识。

静态网页设计心得体会 篇3

经过两周的实训，我从中收获了很多。原本以为计算机科学导论的实训是纯理论的，得知是上机操作还是有一点兴奋。刚打开实训的要求，发现在实训期间我们要学的多。像word、excel、photoshop、powerpoint、flash、dreamweaver等软件的应用，有些是我从来没有接触过的，有一些是自己会一点皮毛的。带着一份紧张一份奇，我开始展开了对这些软件的探索。按照老师在实训期间给我们的要求，在做word的时候，原本以为很简单的，后来才发现自己会的只是冰山一角，原来word的用处那么多。通过训练，我掌握了段落的拆分、移动和复制处理以及段落格式设置，格式、特殊字符的查找和替换，分栏、首字下沉设置，页眉、页脚及页码的设置，插入艺术字体、图片、公式等对象，图片的旋转和翻转、组合和对齐。excel在我的意识里只能用来编辑数据，做个表格，没想到还有数据排序和自动筛选、图表的创建和编辑、分类汇总等功能。photoshop的功能是处理图片，在实训的时候自己做的那个端午节的粽子是通过这个软件自己绘制出来的.，感觉到软件应用的神奇。ppt由于自己上学期的学习，因此在实训期间做的作业也就驾轻就熟的完成了。最玩的软件应该就是flash了，通过几张图片的叠加和处理，就出现很可爱的动画了。最让我惊讶的软件当然就是dreamweaver了，它竟然是用来做自己的个人页的，本来觉得自己做站是一件很不切实际的事情。经过实训期间的学习，我也学会了制作自己的个人主页。

这次的实训让我掌握了办公自动化以及页制作软件的使用，也能运用word、excel、powerpoint处理档，能运用dreamweaver、flash、photoshop制作页了。总之实训的收获颇多。

静态网页设计心得体会 篇4

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，

我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。

我了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

静态网页设计心得体会 篇5

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学。"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

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

申明一点，我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不对的地方，还请大家见谅。

个人网站的设计需要有以下几个步骤：

一、要进行个人网站前台功能设计

包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、个人网站后台管理功能设计

包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权限管理，后台文件管理，个人网站后台管理系统主页设计。

三、网站发布

通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。

四、个人网站推广

一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。

在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一个页面的表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏占多少。因为我深知“细微之处才见真功夫”。

给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连接。每次用的方法都不一样。

可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，只有你自己先学会，才会学通、学广。

静态网页设计心得体会 篇6

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

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

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

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

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

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

静态网页设计心得体会 篇7

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

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

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

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

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

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