web前端实训心得体会(19篇)

web前端实训心得体会（19篇）

web前端实训心得体会篇1

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一

片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自

己有了新的认识，并明确了网页设计方面的前进方向。

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

在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实

习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，

为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内

容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强

自己的专业知识。

2.加强信心，坚持下去

上学的时候大家都说“能珍惜现在的日子就好好珍惜!”，等工作了才真正

的领悟这句话的涵义。经历第一次实训课的学习后，就希望能把实习所学习的知

识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，

相信自己总会走出一条宽敞大道。

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

感觉学生时代很美好，不仅仅是不需要去努力工作，而是在学生时代你可以

有很好的同学，很好的朋友，大家相互嘘寒问暖，不必勾心斗角。我感觉这里才

真的有纯洁的友谊。我想当踏上了社会，就会存在着利益关系，有工作繁忙，也

多了份人情世故。希望以后自己努力，可以多几个朋友，希望自己可以有个团结

工作的环境。在整个网页设计实训的过程中，实训同学之间的关系总是那般融洽!

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许

等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更

加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，我会继续努力，完善自己。对于学

校的精心安排和指导老师的用心辅导非常感谢。

光阴似箭，日月如梭。转眼间，愉快而又充实的网页实习课程结束了，在这

几个月的时间里，在实训的过程中 ，让我尝试了理论与实践的结合。网页设计

理论一点点转化为实践经验，模拟网页实训变成了真正面对社会的基础，尽管生

涩但在慢慢趋近成熟。丰富的实训知识，让我的实习生活充满惊喜、快乐和充实，

当然也少不了网页设计处理过程中的困难。实习结束了，感觉脑袋里又注入了新

的知识，对网页设计也有了更深的了解，在以后的工作中，希望能用自己了解的

东西去处理相关的问题，再探究新的问题，使自己和公司不断进步。

最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一

个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。

首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打

算结合自己的兴趣，利用课余时间自己培训;其次是社会实践，初步打算是利用

假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是

不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，

当真正动手做时却总不是那么简单了;最后，打算结合个人的兴趣、价值观、能

力、职业发展倾向做个详细的职业发展规划。

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人

们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没

有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会

习惯性的先看看排版、布局和色彩运用。

通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页

的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，

我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色

的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不

能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，

还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，

我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经

验。例如：

1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语

拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时

不正确的现象发生。

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，

也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的

效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样

认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、

Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图

形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交

互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直

观的反映出效果。

页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的

视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网

页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信

息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。

如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很

不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。

所以网页容量即包括图像在内的网页字节数最好不要超过50K。

还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的

是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、

功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该

从哪个地方开始使用这个网站，能点一次的，绝不点第二次。

当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或

Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率

越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越

来越低。效果可以体现意境，点到为止。

web前端实训心得体会篇2

一连上了两个星期的页实训课，可以说学到很多以前没有学到的东西。虽然

在大一的时候我们的专业出开设了页设计课，但感觉这两个星期学到的远远比以

前学一个学期的要多，要丰富。

每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给

学会。通过这次实训使我更熟练掌握dreamweaver、 flash 、fireworks 、

photoshop等软件的功能和应用。不但如此，更增加了同学间的友谊，陪养了彼

此间的团结。

在这期间，每一天老师都会发一些素材和实训给我们，首先是页素材的准备，

在上查看一些页背景和背景颜色搭配，让我了解到页的颜色不能多过3种色彩。

接下来的几天再结合自己的页来进行策划，在做首页之前，先用图纸把页的结构

画出来，内容和结构都想清楚用fireworks把页设计出来，再切割图片，把它们

导成html格式在dreamweaver中进行进一步的编辑。

我们的站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温

馨、很快乐的感觉，所以我们决定将这次的页名叫funny room。主题确定了，

那么分工出就明确了，我们组有三个人，两个人负责找素材，另一个美术的就负

责页的页面设计，但是我们始终不是学美术方面的，所以色彩方面搭配的不是很，

后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去就

有难忘的感觉。而从第二页开始就采用粉色为主色调，让人可以感受到我们的主

题，因为首页和其它的颜色不一样，所以我们就把首页当作是过渡页，第二页开

始才是页的内容。为了增加页的新鲜感和活泼感，还适当在添加一些透明flash

和一些页特效。在这实训的时间里面，我们分工合作，共同努力，对页反复调试

和修改，特别是对于fireworks软件不那么熟悉，有很多的实例都要看过老师的

演示才会明白，不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的不

合而发生一些小小的争吵，但我觉得不影响我们的页设计，反而会因为这些不同

的意见而重新学到更多的知识。

web前端实训心得体会篇3

我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的

我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进

行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干

的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，

我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还

不错。找到了一份网页设计的工作。现将我在工作中的情况总结如下。

一、工作介绍

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正

规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生

意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要

做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组

一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工

作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别

的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的

东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，

他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，

干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个

世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识

储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这

样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适

应了公司的工作和生活节奏，每天早九点上班，晚17：30下班，中午休息一个

半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技

术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时

候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好

在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司

要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后

来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废

了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。

而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，

但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦

学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任

务了。

像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平

台采用，linu+apache+mysql+php，这种lamp组合，我很高兴在学校学的东西能

学有所用。以前我们是用表格（table）进行排版，这种方式简单但是已经有些

过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，

我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行

开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

web前端实训心得体会篇4

从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充

实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。

通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动

交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培

养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划

好自己的未来，才能更好得在岗位上发挥自己的才能。

最后感谢av给我这么一个机会，留在公司实习，公司不仅需要各类型的人

才，更需要一个有坚定和远见的老板；感谢william，看过头像和手机桌面，女

儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后

来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，

提高自己的审美和用户体验感受；感谢mk，认真的时候很认真，玩的`时候还像

个大孩子。

喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公

司才显得有活气，没有那么沉闷；感谢kevin，虽然接触不多，感觉他很用心，

是市场方面的主管，看的最多就是修空调，快递要发票的`时候，会为公司的财

政斤斤计较，到后来q总q总得叫我，真不好意思呢；感谢小杨，能够和你愉快

的合作。

如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了；感谢aam，

强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个

产品就很难走下去了；谢谢一起在虎之翼公司里工作的所有工作人员。

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

web前端实训心得体会篇5

不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间

有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设

计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我

来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作

流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，

一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能

像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。

网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你

的主题范围内内容做到大而全、精而深。

然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材

料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引

住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料

既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜

集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决

定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才

能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、

网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前

把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出

来的`网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，

我们在下面会有详细介绍。

做好以上三步之后，我们就要选择合适的制作工具。 尽管选择什么样的工

具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以

起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，

在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、

flash来制作网页 ，对于图片部分的处理，个人觉得Photoshop比较好用。

最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复

杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后

小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出

现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不

断地进行宣传，这样才能让更多的朋友认识它。

以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，

还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是

很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续

页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页

的知识，谢谢！

web前端实训心得体会篇6

不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入

的社会里，学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信

息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，

学习网络知识，对于生活在网络时代的我们还是很有必要的。接下来我想分享一

下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点

帮助。

学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，

我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的

过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的

掌握。我觉得，在设计网页之前：

首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的

主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什

么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对

排名有很重要的作用。

其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关

键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你

网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失

望的离开。

我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的

事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、

背景及其整套网页的色调等很多东西。制作主页要注意：

要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上

决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，

不要符合自己主页的主题和风格。

主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的

千言万语。也能让进入你网页的人一目了然，产生兴趣。

网页页面整体的排版设计也是不可忽略了，很重要的.一个原则是合理也运

用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等

媒体中把相关的资料收集，再加上一定的编辑后就可以了。另外一个好的方法是

从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资

料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用

到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背

景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最

后一步就是要优化网站了。

就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是

来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看

的人感觉更不舒服，还有最后申明一下，我不是专业网站设计师，以上只是我对

网页设计学习的一些心得罢了。

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

热度，是一种执著。

学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰

到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我

就碰到过一个问题，用了半个月时间才解决。

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

新，你不断的学习

不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达

到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设

计和编程技术两者之间的"边缘科学。"不仅涉及到美学，心理学，平面构成，色

彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php

等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动

感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和

多维空间的超强功能。

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用

户可以抚摸，可以评论，可以交互的。我提倡简单的美。

web前端实训心得体会篇7

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，

但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里

会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，

渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师

和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师

布置的第一个任务，要求做一个自己形象网站。由于学习的时间较短，老师只要

求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并

且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的

网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布

局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过

ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一

段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到

可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是

效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们

的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边

修改修改。复制了他的代码，把上面的内容修改成我的网站需要的`文字。本以

为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在

实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏

览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这

样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业

术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆

分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在

布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。

印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，

可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是

自己在百度上收。

最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。

在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入

了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，

最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教

同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都

在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得

到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

web前端实训心得体会篇8

不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入

的社会里，学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信

息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，

学习网络知识，对于生活在网络时代的我们还是很有必要的。接下来我想分享一

下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点

帮助。

学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，

我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的

过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的

掌握。我觉得，在设计网页之前：

首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的

主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什

么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对

排名有很重要的作用。

其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关

键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你

网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失

望的离开。

我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的

事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、

背景及其整套网页的色调等很多东西。制作主页要注意：

要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上

决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，

不要符合自己主页的主题和风格。

主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的

千言万语。也能让进入你网页的人一目了然，产生兴趣。

网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用

空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等

媒体中把相关的资料收集，再加上一定的编辑后就可以了。另外一个好的方法是

从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资

料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用

到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背

景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最

后一步就是要优化网站了。

就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是

来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看

的人感觉更不舒服，还有最后申明一下，我不是专业网站设计师，以上只是我对

网页设计学习的一些心得罢了。

web前端实训心得体会篇9

作为本学期的第十三周，我们电子商务0901班由此开始了为期两周的网页

设计与制作实训课程，虽然我们实训的内容不多，但通过同学之间的互相帮助与

交流以及老师的精心指导，我们大家依然收获很多。

这一周里，可以说实训的内容不难，但每天都有不同的东西需要学习，让人

感到很高兴，大家都希望能够通过自己的努力可以多掌握一点本专业的东西，总

的来说，我们通过对“飘舞的雪花”及“倒影”的练习制作，已经熟练的掌握了

flash的一些简单操作和应用，不但如此，更增加了同学间的友谊，陪养了彼此

间的团结。

实训期间，老师会根据我们的练习程度发一些素材和视频实训给我们，由此

我了解到了网页设计与制作的一些程序和步骤，知道了怎么处理图片透明以及遮

罩层的运用，知道了flash基本操作的步骤，为了增加动画的美感和活泼感，还

适当在添加一些透明flash和一些网页特效。在实训的时间里面，我们大家一起

合作，共同努力，对网页设计有了更进一步的认识，并且对这门课程越发的感兴

趣，从刚开始的好奇进而想要去更深层次的了解。

这一周的实训课程已然结束，flash制作让我受益匪浅，我们知道了很多，

也进步了很多，很快就要进入下一周的实训了，虽然还不知道具体的有什么内容，

但通过这一周的学习，下一周，我想也很值得期待。希望能够学到更多的东西，

充实自己的头脑，丰富自己的知识。

web前端实训心得体会篇10

本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，

可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，

结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网

页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，

但在intenet领域中，有了一个展示自己的空间，我觉得很开心、很有成就感。

一.充分发挥动手能力

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、

实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主

动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，

老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我

的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个

过程我都全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学

会了关于网络、编程等方面的知识。我从最初开始运用frontpage设计网页，到

后来运用dreamweaver、flash、fireworks等网软件设计网页，完善网页。在这

个过程中，我通过自学教材、上网查询，学习了dreamweaver、flash、fireworks

等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的

制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老

师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在

不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到

了很大的提高。

三.不足之处

由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运

用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时

也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想

提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过

程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初

步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，

但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，

凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也

希望老师在今后的日子里多指导。

web前端实训心得体会篇11

这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自

己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地

学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己

的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对

于我这种初学者，有这种天真的梦想促使我更努力。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页

设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的

基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的

网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们

的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自己的空间，

使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是

建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们

都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知

识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本

的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们

都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很

顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这

次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，

对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置

写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上

搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，

所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这

是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了

自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完

成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网

页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打

个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同

学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣

慰的。

当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我

用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自

己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，

我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的

真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计

的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。

web前端实训心得体会篇12

作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员，在没

有人指导，只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来，

其中的艰辛只能自己体会。不过，虽然过程艰辛，但自己的收获颇大。一直以来

希望能够转型做互联网的产品，但总是没有机会。这次公司网站的策划及设计给

了自己很好的学习和实践机会。在这断断续续的七个月中，自己对于网站的策划

和设计有了一定的认识，也通过实践的对照，对过去自己看过的产品设计和产品

经理书籍中的理论有了更加深刻的理解。

在此，将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经

理的人可能没有用处。但，我想，可能对于那些想要入行，或者希望在自己的公

司内部转入产品行业的人来说，可能多少有一点点用。

1、要注意网站的定位

任何一个公司或单位，要设计一个网站，都必然有其核心定位，即这个网站

设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的

定位把握好，作为一个设计人员，其工作往往会是无功而返。因此，在网站策划

阶段，产品设计人员必须多和上层沟通，甚至多和领导争辩，通过沟通和争辩来

明晰公司对网站的定位。同时，也可以让领导对网站的定位更加明晰。只有完成

了这一项，其余的策划和设计工作才应该继续进行。

2、要了解用户

产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验

是否好用，但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。

比如，在网站设计过程中，发现本网站的使用人群中竟然有不知道如何注册网站

的人，这这真是出乎意料。但这就是现实。所以，在产品设计的过程中，不能以

自己为中心，把自己当做用户。事实上，很多用户的互联网水平真得没有达到我

们的水平。

3、明确、牢记目的和需求

网站的定位明确后，接下来要明确的是网站设计的目的和要满足的需求。即：

网站整体设计完成要达成什么目的，每个模块设计完成要达成什么目的。从另一

个层面来讲，也就是，网站整体要满足用户什么需求，每个模块又要满足用户什

么需求。同时，在网站的设计过程中，要一直将目的和需求牢记心中，不断地对

照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调

整最终导致偏离目的和需求的情况屡见不鲜。

4、保持简洁

为什么要简洁?因为，无论是设计一个网站，还是设计一个其他的产品，都

不可能一步到位。尤其在人力物力时间等资源有限的情况下，更是不可能一次性

满足所需求，达成所有目的。因此，在这种情况下，为了确保核心目标和需求的

达成，只能也必须优先保证核心功能的完成，只上核心模块或功能。同时，在产

品设计的过程中，也要不断地向同事和领导灌输这种意识。否则，需求无止境，

网站永远难以完成上线。

5、注意细节

这次的网站设计师自己第一次设计网站。因此，在设计网站的过程中自然而

然地非常关注网站的整个架构，什么模块放什么地方，模块之间如何相互联系等

等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够，网站的

设计和实现结果和想象中出入很大，甚至一些格式、排版上的问题都出现在了网

站的各个地方。自然，最终的结果就是网站成品与原始设计相差甚远。因此，在

产品设计的过程中，作为设计人员，一定不能小看细节。一定要将细节想细致，

没有细节饿网站很容易出问题。

6、注重逻辑性

网站的设计过程中，必须要注意逻辑判断。对于输入信息或注册流程中的每

一个环节的每一种状态都要考虑到。举一个最简单的例子，一个输入框输入数据，

有正确的输入、必然有错误的输入，也必然有空输入。那么，每种状态下系统都

要考虑到，也都要有相应的反应。

7、流程图很重要。

说到逻辑性，就不能不谈流程图。作为梳理逻辑的工具，流程图非常重要。

它不但可以帮助我们梳理每隔一环节的不同状态，更可以帮助我们和技术进行沟

通，确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错，但在编程的

过程中不可能次次帮我们想到逻辑的不合理处。因此，一个合格的流程图就非常

重要了。

8、没想清楚的事情不错

即使是一个非常小的网站，也是一个系统，如果需要添加功能或模块，就需

要考虑到方方面面的变动，是一个比较复杂的过程。而若是一个较大的网站，那

需要考虑的方面就更多了。因此，在设计过程中要本着一个原则：如果一个功能

或模块没有想清楚为什么添加，有什么用处，那就不要无谓地添加这类功能或模

块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外，基本没有

啥好处。

9、一定要评审

评审对于所有的产品设计人员来说都是一场“噩梦”。但是评审可不可以省

略呢?不可以。一方面，我们需要通过评审让大家认可自己的设计。如果对我们

的设计不认可，那么在真正执行过程中便会有更多的障碍。另一方面，我们需要

通过评审收集意见，查漏补缺，找到我们没有注意到的地方。不过，在评审过程

中，我们也一定要做好心理准备，毕竟，让一大堆人说你设计的这不行那也不行，

心里是绝对不会好受的。唯一能够减少这种情况出现的方法，也许就是尽可能细

致地想到各个方面，有充足的理由来说服对方。

10、一定要写产品需求文档。

在自己设计网站之前，看过一些产品经理方面的书，每本书里都介绍到了产

品需求文档的撰写，可见产品需求文档的重要性。但说来奇怪，在自己真正做网

站时，由于团队里人很少，所以自己竟然认为不需要写产品需求文档，认为只要

当面沟通就可以了。但事实是，没有需求文档，很多细节的东西，自己设计的时

候哦想得很好，但过段时间却模糊了，结果技术人员询问时只能凭感觉给出解决

方案。当然，结果可想而知，出现了很多不应该出现的问题和BUG。这些问题和

BUG让我真正体会到了产品需求文档的重要性。

11、要懂得妥协和听取意见。

在产品设计过程中，经常会出现一种情况：产品设计人员或产品经理苦思冥

想找到一种解决方案或展现形式，可以上级领导或公司管理层不认可。这种情况

下，我们常常会因为“自家孩子就是好”的心理而忽略他人的意见，或者坚决不

妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此，在这种时候，

产品人员一要沉下心来，耐心听取别人的意见，看看是否有可取之处。而是要懂

得妥协，不在非常细节的地方和领导层较劲，阻碍工作的推进。

12、要坚定，更要执行。

当然，在产品设计过程中，也会出现这种情况：我们认为某个功能非常重要，

可上级认为不需要，要砍掉;或者，我们认为一个功能或模块完全没必要展现，

可上级坚持要求添加。这种不可调和的.矛盾怎么处理呢?我的建议是：要坚定，

更要执行。首先，我们要坚定我们的想法和做法，尽量通过种.种方法去说服上

级。只要我们的说法和做法有道理，上级应该会同意我们的做法。其次，如果无

法说服上级，那么，一旦上级决定如何做，我们则坚决执行。虽然我们常说产品

是为客户设计的，但很多时候，产品也是为老板设计的。

13、要抱着做完美产品的心态去设计产品。

看过很多产品类的书籍，都说完美主义要不得。在这点上，我也同意。但是，

从另一个层面来讲，在产品设计或构思的过程中，一定要保证做完美产品的心态

去设计。因为，很多时候，即使完美的设计，在通过执行的种.种换届后，也可

能变得惨不忍睹，或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心

态来设计产品，那做出来的东西可能真的就没办法用了。

14、要相信自己的直觉

在产品设计或制作的过程中，可能常常会有这种感觉：“好像哪儿不对呀。”

以我的经验来说，这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错

误，潜意识在提醒我们。所以，在这种情况下，一定要相信自己的直觉，来对相

应的模块或功能进行审查，找出不合理的地方进行修改或弥补。

15、要看锅下菜

现实里，每个公司的资源都是有限的。而做一个网站也好，做一个产品也好，

公司能够提供的资源也是有限的。因此，作为产品经理或设计人员，一定要有现

实感。要知道在现有资源情况下，能够做到什么程度。比如：不要指望一个拿

3000块工资的美工设计出一流的页面，也不要指望一个临时来帮忙上传资料的

同事能够一步到位地将资料的格式调整到最好的状态，更不要指望刚毕业的程序

员能够迅速地解决你所提出的BUG。一句话，不要指望同事做出超过其能力以外

的事情，不要指望公司提供超出其能力范围外的资源。

16、永远不要偷懒。

最后一条，永远不要偷懒。我的感受是，偷懒绝对会让我们在后期多花费更

多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术，

那样后期会让你有无穷BUG去修改;不要因为自己懒或时间紧急就不做评审，否

则，一旦领导层看到设计没有满足其要求，你可能得重头再来;不要技术改了BUG

你就天真地相信一定是没问题了，一定要自己确认，否则，过两天就会有人找你

问为什么BUG没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。

web前端实训心得体会篇13

经过这几个月的实习努力，我做的几个网站已经挂到了网上，很欣慰，有进

步，继续加油。

我的第一份工作是在深圳E医院工作，我归属于网络部网页设计开发兼优化

推广等，在深圳E医院网络部，我主要是负责的是：网页设计（如网站的改良工、

设计新的专题网站等），兼顾优化与推广。

磨炼了二个多月，逐渐的接触网站的设计与改良，全部的网站都重新排版与

设计，同时，得采用优化角度考虑布局和运用CSS+DIV来构建心里苦涩，CSS+DIV，

我还没学到家吖，看来还得努力学习，就这样，白天专心做好工作事项，晚上专

心恶补CSS+DIV、优化知识等。终于自己设计的网站成功上线，很欣慰，无愧于

此。

原本想让自己休息一阵子，可是无聊和休闲不太适合我，于是到第三天，开

始网站投简历，意料不到，隔天就收到深圳市z科技有限公司的面试通知，最后

面试完不久，又接到该公司成功录取（很开心也很兴奋，嘻嘻，因为我不用做无

业游民了）。

3月14日，我又重新展开我的职业生涯，勇敢向前冲。在刚到新公司报到，

一切都得从零开始，同时，要学习知识方面也逐渐地扩大。蒋副总和主管给我两

周左右的时间适当环境与熟悉一下最近辅助软件等，终于在第三周起，我逐渐地

开始接触公司布置的任务，刚开始，着手设计并规划公司的门户，因为目前公司

成立将近四年多，还没有一个能真正给大众能一目清晰的公司性质与发展方向

等。

其实，自己在负责设计与制作公司门户，其中碰到不少问题，因为如今采用

布局框架，唯独CSS+DIV，因此，过程中碰到的问题不单单只是CSS规范写法，

同时得考虑写法是否引起兼容性的错乱等等。

当初成品网站提给老总和副总等人浏览时，其中错误不断，而且也出现编写

脚本错误等等，让我无比的无奈，因为我在编写与设计过程，基本会考虑到IE、

FF等常见的BUG问题，没想到在本机测试时，基本都正常，但在给不同用户体

验时，时常会出现脚本错误提醒和一些属性中在不同浏览出现的BUG……

经过不断地测试与修改，终于，完成了该站，结束为期半个多月的任务，同

时，公司门户也如期更新与使用。事后主管也跟我说，经过这次CASE中，自己

要多想想并做好总结，那些是自己日后该避免，那些是自己目前得加强与巩固等

等，让自己的设计与制作水平提高一定层次，切记骄傲滞前！

在独自完成这个CASE中，我也发现自己需要恶补的.东西，很多很多，例如，

如何能做到尽快克服各浏览器中的BUG，怎样使得布局按照优化角度来设计，怎

样让用户者体验舒服，怎样让呆板的网页赋有生机，让大众感觉尽管内容虽少却

不失想浏览之心或内容过充实却不会造成冗余等等，而其中就借助JavaScript、

aJax、Jquery等脚本的编写……这些知识是我目前最为缺乏的，也是最需要恶

补的知识，所以，一旦有时间，我得努力地学习与逐渐地应用实际操作上，让自

己做到懂得一举反三等等，而不是过于呆板引用等。

总之，经过这半年工作实践与体验，虽在不同公司性质中实习，但确实让自

己成长了不少，也明白不管在学校还是在社会上，如果要让别人肯定你，聘用你

等，关键在于自己是否有一门技术吸引着别人或让别人想收为己用的心态等，同

时，主管也跟我说起：自己要懂得，如果想要在IT行业长时间发展，不单单只

需要良好的WEB前端技术，同时也需要一门动态语言来补充着自己，让自己不过

于依赖别人，尝试让别人依赖自己，这样，处于IT网页制作行业中，就不轻易

让人淘汰等。

在调整好心态，努力工作下，目前在该公司独自做好几个CASE，现在又接

手做子公司站，希望自己能越做越好，加油，为美好的明天，勇敢向前冲！

web前端实训心得体会篇14

网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增

多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的，我利用寒假

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

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知

识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。

通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对

网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也

有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，

而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在

具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个

网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用

来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重

要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用

户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立

即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败

的设计，只会让用户失望的离去。

在完成以上的`基本内容之后网页的基本框架便成形成了。

下面要开始的便是优化工作：

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网

页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状

结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面)

的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好

以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须

考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个

网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的

发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得

多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，

题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人

的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的

编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找

相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小

的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在

编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播

放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中

的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置

等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已

经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习

制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专

业，更加华丽，使它最终成为自己的一项技能。

web前端实训心得体会篇15

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

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

包括个人网站主题确定、前台功能设计与管理、个人网站首页设计、个人网

站留言板、注册、忘记密码、搜索等网页设计与管理。

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

包括个人网站后台管理功能设计，后台管理信息系统功能设计，后台系统权

限管理，后台文件管理，个人网站后台管理系统主页设计。

三、网站发布

通常我们发布一个网站，这样我们可以注册域名，但我们也可以利用主机和

安装iis，这样其他人可以通过“我的IP”地址访问“我的主页”。

四、个人网站推广

一个网站做好了，就有必要推广一下个人网站，这是一个电子商务网站必须

做的一步，因为如果你不推广你的网站，即使你发布了也没有人会知道。

在设计网站时真的可以体会很多东西，从一开始确定页面的主题，到整个主

页的设计，信息的收集，前台功能的设计与管理，后台功能的设计与管理，每一

个页面的.表面设计。我把它们都一一进行规划，因为如果你不好好规划，想做

什么就做什么，你是做不好的。因为我意识到这句话：“机会是属于那些有准备

的人”。我详细到一个表的宽度都一一列出来。例如：775宽，分成三栏，每栏

占多少。因为我深知“细微之处才见真功夫”。

给我最深印象的是留言板，因为之前SQL数据库实际锻炼做过了，所以这次

做相对容易，但我经过长时间的练习，完成了n次，有些人可能会认为，肯定是

不会才做很多次！但我想告诉这些人，我每次做都是用不同的方法。第一次使用

access数据库，第二次使用SQL数据库+权限管理，第三次使用数据源名称的连

接。每次用的方法都不一样。

可能会有人说我笨，有方法就行了，要那么多干嘛？但我想说的是，没有这

么多次练习，就不会有这么多不同的方法，不会创造今天熟能生巧的我。方法，

只有你自己先学会，才会学通、学广。

web前端实训心得体会篇16

进入__web班近一个月了，从一无所知的小白到现在也完成了京东详情页的

一个小项目。学习过程中除了偶尔遇到困难，总体还算顺利。在这里主要想分享

自己以一个文科生——零基础学员的角度来学习web前端开发的感受。

由于之前在大学里是学的旅游专业，和计算机毫无关系，来到__时对自己有

些半信半疑。不少人甚至怀疑__是行骗机构。在做了全面的了解之后，我劝服家

人同意我来这里学习。另一方面，我向老师咨询了自己学习的方向，考虑到自己

从文科到计算机专业跨度较大的转变，我在Java与web之间选择了web。相对

于Java，web的学习更基础，容易入手，就业的机会也非常多。

Web开班第一天，老师即从网页基础、HTML入手，攫取重点，给我们介绍了

它的相关知识。我们主要学习了HTML5，里面有很多的新特性且时下较为流行。

它相当于一个网页界面的宏观架构。如果把一个网页的实现比作是一座建筑的建

造过程，那么HTML即是这座建筑里的钢筋混泥土，搭建起整个建筑的框架、承

重。

之后，我们又学习了CSS基础样式，仍然借用上面的比喻，CSS则相当于建

筑里各个房间的不同结构，它们使得这座建筑更加的多样化。且相对于HTML，

它更加的复杂、多样化，呈现的效果也具有更多的可能性。老师向我们推荐了《CSS

禅意花园》这本书，里面列举了丰富且多种多样的CSS样式。

作为今后可能成为的优秀前端工程师，仅仅学习自己内部的知识是远远不够

的。因此，第一个月中我们也学习了UI中PS绘图制作基础，这对于一个前端来

说也是非常重要的，在今后的工作中，我们可能会面对各种各样的问题，如果掌

握部分PS尤其是切图技术，在和UI的接触中可以减少很多不必要的繁琐工作。

总之，作为一个前端工程师，我们所要掌握的.知识是全面的，当我们写代

码时的思维是缜密的。HTML和CSS是基础中的基础。之后我们会学习更多的

JavaScript相关知识和其他，希望自己在这过程中仍能保持谦逊的的心态，去

学习前人留下的珍贵宝藏。

web前端实训心得体会篇17

不知不觉，二个星期的《页设计与站建设》课程的实操即将过去，回顾这一

段日子，真的令我体会很深，也学会很多东西，懂得很多以前不懂的东西，也明

白了一些事情。

自从第一天接触《页设计与站建设》课程，我以下定决心要把页这门课学，

做出一个优秀的站。所以我时刻没有错过任何学习的机会，无论在课堂上，还是

在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实，很有意义，

因为我可以诚实的说我在实操没有玩过一次游戏，我每时每刻都在设计站，还记

得晚上做站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学

会很多东西，学会别人不懂的东西，做出一个令自己满意的站，可能跟别人比还

需要继续完善，但我不会因为实操结束，就把页设计抛到九霄云外，我会继续学

习页设计技术，把它变为自己的一项特长。

回顾第一天的《页设计与站建设》课程实操，老师叫我们继续完善以前设计

的站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的

人，所以尽管一个站做可以马上交给老师。但我做出一个别人都不赞同的决定，

从头开始做一个站。因为我觉得以前那个真的不是太，尽管实操的时间过去了一

半，尽管别人对我说你交原来这个不就行了吗！何必再做一个呢？但真因为我的

执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

在制作个人站时我们首先：

一、必需进行个人站前台功能设计

包括个人站主题的确定，前台功能设计与管理、个人站主页设计、个人站留

言板、注册、忘记密码、搜索等页设计与管理。

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

包括个人站后台管理功能的设计、后台管理信息系统功能的设计、后台系统

权限管理、后台件管理、个人站后台管理系统主页设计。

三、站的发布

通常我们发布一个站可能以能过域名注册，但我们也可以利用自己主机，装

了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个页我已经

发布在上了。

四、个人站推广

一个站做了，就要对个人站进行推广，这是一个电子商务站必需做得的一步，

因为如果你不对你的站进行推广，就算你发布了也没有人会知道的。

在设计这个站时真的体会很多东西，从一开始页主题的确定，到主页总体的

设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设

计等。我都一一进行了规划，因为如果你不规划，想做什么就做什么，是不会做

得的。因我为体会到这一句话：“机会中属于有准备的人”。我详细到一个表格

宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细

微处才见真功夫”。

在这次实操过程中令我印象最深的是做留言板，因为刚在上一个星期sql

数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练

习，做完了n次，可能有人会想，肯定是不会才做这么多次啦！但我想告诉这位

同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我

用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用

的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说

我傻，会一种方法就行了，还要那么多吗？但我想说的就是不是这么多次的练习，

不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提

出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才

能把问题一一的解决。

令我难以忘怀的镜头也是在做留言板的时候，但不是为我自己的而做，而是

一步一步教同学做，直到令同学学懂；把同学留言板的问题一一解决；当同学因

为做不出而没心情，过去对她进行鼓励的，然后一一解决；当自己也不会，与同

学共同研究的情况，这种学习氛围是最难得的，就是在做留言板的时候，令我深

深体会到我几句话：认真做事只是把事情做对，用心做事才能把事情做。把每一

件简单的事情做就是不简单，把第一件平凡的事情做就是不平凡。

web前端实训心得体会篇18

21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站

来进入企业宣传，通过企业网站来打广告，宣传产品、品牌推广，促进销售等 方

法来实现企业营利的目的。所以，中国的互联网在中国的近几年来，有了非常大

的发展空间，如“网上商店”“网上服务”“网络资源”非常的流行。所以网页

设计师中一个紧缺的人才。对一个企业来说，做好一个网站是必不可少的。我们

现在做为电子商务专业的，我们的最终目标是针对全球这个大的市场，还有这个

网络市场。作为一个企业的管理者，应当为自己设计一个能够促进销而且能够代

表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。

我们学了一个学期的网页设计，这周我们开始实践我们专用的计划如下：

第一天：网页设计与布局。网页的题材自己定，可以任选。

第二天：准备材料。建立站点，将所有的题材放到自己所建立好的站点里去，

以便在做的可以更方便、快捷的应用到网页中，提高速率。

第三天：将所在准备的材料一起联接起来，放到自己的所设计的布局结构中。

再做二级网页，建立超链接，把一级和二级网页连接起来。

第四天：将所做的网页进行整理、调试、发布。在网站上申请一个空间，将

自己做的网页传到网上去。

第五天：写实习报告。将写好的实习报告打成电子文档，传到老师处，审查。

网页的布局：

网页的布局指的是网页的整体架构，也就是排版。在一个被别人打开网页之

后，如何才能突出我们网站里面最重要的内容，即让用户第一眼就看到这个网页

所想要传达的信息和内容。这首先就要从网页布局做起。 我觉得网页布局应当

注意以下几点：

1、整个网页的长和宽的比例。

2、导航条的设置。

3、正文的框架结构。

我的这个上网页中，我的大体布局就是“F“型的。从我的首页上看上去虽

然有点乱的感觉，但整个的布局是清楚的，乱而有型。在大多数企业网站中的布

局都是大同小异，但是它们做出来的效果显得非常的.完美，所也是他们企业的

成功之处所在。因此，一个网页布局是一个非常重要的一个工作。

网页的设计：

网页的设计不仅需要学好网页设计软件的方法，还需要和其它的软件一起使

用，如动画设计软件，静态图像处理软件，等等。所以学习起来的确有点困难，

所以需要有有点耐心去学习，不要是因为一时的好奇而去做网站，那肯定是不得

行的。当我们遇到问题的时候要总要想着自己去面对解决，不要掉入技术的陷阱，

如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你

设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间

的"边缘科学。"不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方

面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的

知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的

web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功

能。

网页的整个形象：

在一个网页做成之后，就要去找开看下网站的整个效果。首先是给视觉效果

人视觉效果的，而在视觉效果中又最注重是颜色的，所以色彩的配合是必不可少

的知识。在调整好之后，到网上去申请一个空间，传到网上去，看下效果。

总结：

从我不知从何下手做网页时到现在学习了一学期和这个专用周结束，总算有

一个大体的方向和设置的格式了。我一开始对什么网页的布局和设置啊，什么都

着落，对于一个好的网站的是如何做出来的和它所应用的方法都大概有一个认

识。比如说那些动画、流动的窗口和按钮、弹出图片等等一些广告、视屏之类的。

在我们的课本中没有多少的代码，只有文字性的操作步骤。还有那些什么JAVA

代码一个都没有。然而在我们制作过程中，我们很多的时候都需要使用那些JAVA

代码，我们又不知道，只有到网上去找。但是这并不是一件坏事。我们还可以学

到很多东西，这也是我们所需要的。我觉得我现在做出的网页虽然不是很好，但

是通过了这一周的实习，我收获也是不少啊！

web前端实训心得体会篇19

在学习网页制作的这几天里，我利用了学习之余的一切可利用的剩余时间，

全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，

去不断的完善自己，在网络的天空下逐渐的美化自己的人生！

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、

图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

理论上的认识：

随着Internet在中国的迅速发展，人们日常生活中越来越多地使用这项新

的技术来为自己的工作和学习服务。由于WEB页面能把文本、图像、声音、动画、

视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览

更为方便，同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之

间信息交流，因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名

度。

网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是

网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求

自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术

的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页

版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度

统一。

1、标题

在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主

页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己

主页的主题和风格。

2、内容的采集

选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，

应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出

自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主

页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括

你自己平时喜欢一些*，一些好听的歌，一些好的动画作品。

3、图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，

俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，

就能让人一目了然，让人去思考，去了解它。

4、网页排版

网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用

空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。

5、特色

让自己的网页更有特色一些，可适当地加一些声音、动态网页、Java、Applet。

实践中的认识：

话虽是像上面这样说的，但是真要做起来确是很难。做网页设计不仅要从艺

术的角度来考虑而且要从社会大众的认可性来考虑。网页设计必须要服从企业或

部门的经营理念来考虑。如果设计的作品很好看但是和企业不搭调那就等于白

做。

以上就是我对网页设计的认识和总结，虽然从理论上都知道如何去做，但是

实际做起来很难。总的来说就是很难突破，很难超越自己。因此在以后的学习中

要更加完善自己，突破自己。