网页实训心得

文学网整理的网页实训心得（精选9篇），供大家参考，希望能给您提供帮助。

网页实训心得 篇1

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

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

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

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

网页实训心得 篇2

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

这学期选择的这门课程让我学到了不少关于计算机和网络的知识。老师把课程内容安排的很合理，讲的大都是很基础的知识，这对于像我这样对网络了解不多的学生来说很容易理解，接受。

在这门课上我学习到了一些关于建设网站和制作网页的知识，对flash也有所了解。课上我还学到了一些基础的网络技术，用制作网络的工具做网页等。

通过对这门课的学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

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

1、确定网页设计的内容

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

2、了解你网站所在行业的客户

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

3、做一个典型用户

不以用户身份亲身体验网站你才能发现问题，才知道那些需要改进，尽量不要让客户去发现问题，在前期设计时就应该把这些问题解决。

4、优化内容

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

优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网站时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础，下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用到学习的flash知识来制作一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

通过个人网页的制作最终把自己的网页上传到互联网上，那种成就感是无法用语言形容的。在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。

网页实训心得 篇3

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

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

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

2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

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

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

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

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

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

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

一、确定网站的整体风格:

1、将标志logo，尽可能的放在页面最突出的位置。

2、突出标准色彩。

3、总结一句能反映网站精髓的宣传标语。

4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配:

1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。

2、用两种色彩。先选定一种色彩，然后选择它的对比色。

3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：

1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

针对我所学的平面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设

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

网页实训心得 篇4

在学习网页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

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

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

主页中不光要有文字，还要适当地加一些图片。俗话说一图胜千言，我想它不无道理。一张处理得好的'图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。

通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。

我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

网页实训心得 篇5

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

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

1. dreamweaver mx (或dreamweaver 8)。

2. flash mx (或flash 8)

3. fireworks 8

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

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

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

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

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

网页实训心得 篇6

20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。

网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人

关键字 页面设计 ASP和数据库

1、一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的.感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。

2、题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。

3、不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。

规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 （有很多页面） 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。

大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

网页实训心得 篇7

作为本学期的第十三周，我们电子商务0901班由此开始了为期两周的网页设计与制作实训课程，虽然我们实训的内容不多，但通过同学之间的互相帮助与交流以及老师的精心指导，我们大家依然收获很多。

这一周里，可以说实训的内容不难，但每天都有不同的东西需要学习，让人感到很高兴，大家都希望能够通过自己的努力可以多掌握一点本专业的东西，总的来说，我们通过对“飘舞的雪花”及“倒影”的练习制作，已经熟练的掌握了flash的一些简单操作和应用，不但如此，更增加了同学间的友谊，陪养了彼此间的团结。

实训期间，老师会根据我们的练习程度发一些素材和视频实训给我们，由此我了解到了网页设计与制作的一些程序和步骤，知道了怎么处理图片透明以及遮罩层的运用，知道了flash基本操作的步骤，为了增加动画的美感和活泼感，还适当在添加一些透明flash和一些网页特效。在实训的时间里面，我们大家一起合作，共同努力，对网页设计有了更进一步的认识，并且对这门课程越发的感兴趣，从刚开始的好奇进而想要去更深层次的了解。

这一周的实训课程已然结束，flash制作让我受益匪浅，我们知道了很多，也进步了很多，很快就要进入下一周的实训了，虽然还不知道具体的有什么内容，但通过这一周的学习，下一周，我想也很值得期待。希望能够学到更多的东西，充实自己的头脑，丰富自己的知识。

网页实训心得 篇8

网页实训心得 篇9

前期我们通过发送电子邮件，进行网上商务的接洽。由于没有做好工作——了解商务邮件的格式，导致邮件发了很长一段时间，双方还仅仅停留在认识阶段，确实说来很失败。

在拟定合同时，由于不能真正满足客户的需求，一些条款及报价不合理，因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求，并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

在网站制作的起初阶段，由于不曾制作过网页，虽然团队确立了分工，但还是有些迷茫。公司没有确立风格和大体的布局，并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站，心里大概有了一定的想法和设计。

我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”，我是参照中国电信诚聘英才首页做的，它看似制作简单，其实布局十分复杂、精致。在处理图片是我遇到了不少困难，最典型的就是有一次我想在图片中插入文字，但始终插入不了，后来通过请教老师，总算知道了其中的奥妙。原来是图层被锁定了，要重新拷贝图层，再考贝的图层上就可以插入文字了，并且文字其实也是一个图层，它是可以移动的。尽管我为诚聘英才网页付出了很多，但并没有被采纳，并且此时我也设计了logo，也没有被采纳。

“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕，而它与合同上的“产品导航”页面布局类似，于是这让我一时间很难抉择。我就一边设计一边思考，此时我为公司定的色彩风格是红色，我为导航栏设计的是交互式按钮，并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费，由于后来我们将风格确定为蓝色，并且导航栏确定都采用首页中插入的图片，但我觉得这样有些不好：例如它不可以设置超链接的字体颜色，这是很不专业的体现。团队由于缺乏及时的沟通，导致其他组员一些好的想法得不到实施，确实是我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局，设计上没有什么难点，只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时，都特别注意修改网页标题。网页标题是十分重要的，它是每打开一张网页的头标。

前面这一阶段的工作我还有一个小收获，这就是图片位置，其实在图片属性中图片定位选择绝对定位，再在下面输入距左距上的距离即可，这是一个很不错的方法。

后期我们进行每个人作的网页整合时遇到了不少问题，原先我们认为超链接是可以整合的，其实不然，只能在一个文件内作。当时已经花了一天的工时，可后来在晚上才发现，不只这个问题，还有每个人做的网页都是保存在网站文件夹下，而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了，可是当我们把网站通过windowsxxiis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来，一些超链接也无法连接，这下让我们有些惊慌失措。通过向老师了解，知道可能是图片命名的'问题，web服务器无法识别中文命名的图片，此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下，导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来，并且检查超链接，而这些只能在frontpage文件夹试图下进行。同时还要在http上检测，进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”，反复的进行超链接都无法成功，其实是因为我所连接的超链接路径不对，其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

经过这翻调试、测试，网站不存在图片显示不出来的问题，以及超链接无法连接的问题。