2024年网页设计与制作心得体会

2024年网页设计与制作心得体会

网页设计与制作心得体会1

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

著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时,

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

时间才解决。

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

习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是

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

学。“不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的.知识，还涉及到html,

javascript,css,asp,php等编程语言技术方面的知识。只有综合运用多种知识,才能设计出

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

多维空间的超强功能。

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

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

申明一点，我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不

对的地方，还请大家见谅。

网页设计与制作心得体会2

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

个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学

会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活

中更好的展现自己。

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

循这个步骤,按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对

于像我这样的个人网站你不可能像综合网站那样做得内容大而全包罗万象。你没有这个能力，

也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你

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

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

"巧妇难为无米之炊"。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，

搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也

可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材.

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

划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规

划包含的内容很多，如网站的结构、栏目的,设置、网站的风格、颜色搭配、版面布局、文字图

片的运用等你只有在制作网页之前把这些方面都考虑到了才能在制作时驾轻就熟胸有成竹。

也只有如此制作出来的网页才能有个性、有特色具有吸弓I力。如何规划网站的每一项具体内容，

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

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

计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉

及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有"网络三剑客"之称的

Dreamweaver.Fireworks、flash来制作网文,对于图片部分的处理，个人觉得Photoshop

比较好用。

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

一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大

的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容,

然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大

大提高制作效率。网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看,

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

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

足。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方

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

谢谢！

网页设计与制作心得体会3

为期两周的网页实训终于结束了。为什么说终于结束了呢？因为两个星期做五个网站时间太

紧了，我们每天晚上都是加班加点。但是结果是令人欣慰的，我n状都按时按质完成了任务，而

且网站是一个比一个做得好！总的来说，还是有很大的收获。

本次实训共有五个任务，它们分别是：沈阳植物园网、开元科技网、家台湾旅游网、我爱低

碳网、博爱助学网。要求是每个网站至少要8个或8个以上的页面，并运用flash做动画，用

css美化页面等。

整个实训的过程可以说是所学知识的一个整理，一个综合，一个灵活运用。之前我们课堂上

学的东西是一个个知识点，比较零散。虽然在实训之前我们也做过两个网站，但那是我们小组合

作的，所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站，做网站的各个环节

都要自己亲力亲为，可以说是一个挑战，同时也是对^识的一种升华。它不仅是dreamweaver

软件的熟练操作，也是potoshop.flash软件的熟练运用。我便需要自己设计网站的.log。这

就需要运用到potoshop软件强大的图形图像处理功能需要做出生动的网页效果就需要他sh

做出动态的文字效果和图片切换效果。

在设计的过程中遇到问题可以说得是困难重重这毕竟是第一次独自设计网站、制作网站，

难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知

识理解得不够深刻，掌握得不够牢固，在css的具体应用还不是和很熟练，没有能完全达到自己

预期的效果，还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训I,一定把

以前所学过的知识重新温故.

两周网页设计与制作的实训课程结束了回顾这次课程设计实训至今我仍感慨颇多。的确，

从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜，但是可以学到

很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学

到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，

把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己

的实际动手能力和独立思考的能力。

网页设计与制作心得体会4

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

著。

学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，

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

时间才解决。

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

习，不要掉入技术的陷阱，你的网贞设计技术一流，你对软件的掌握程度已经达到一定水平，

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

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

htmlJavascript,css,asp,php等编程语言技术方面的知识。只有综合运用多种知识，才能

设计出视听特效,动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特

魅力和多维空间的超强功能。

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的,是用户可以抚摸,可

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

网页设计与制作心得体会5

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一

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

和学习网络知识是我们作为一名大学生迫切所需的，

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

应用。

我了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓

厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另夕L番了解，对网页制作的基础知

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

程的综合，他是、Flash.Fireworks等网页软件的综合应用.

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

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

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

题,也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么,所有页面都是围绕着这

个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户,

及你的网页属于哪个类别。用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有

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

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

在完成以上的基本内容之后网页的基本框架便成形成了，下面要开始的便是优化工作，内容

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

基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤

其要制作一个大的网站（有很多页面）的时候，特别需要把这个架构规划好，也要考虑到以后可

能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，

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

的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然

后开始一步一步有条理，有次序地做来就胸有成竹得多也会为主页将来发展打下良好的基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

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

纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的脑后就可以了。另夕1个好的

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

准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形

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

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

式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片

插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

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

计的大门，只要我冉认真努力的去学习，在今后的闲余时间学习制作网贞的更多知识以实现目身

技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

网页设计与制作心得体会6

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

几周以后我受益匪浅。

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

上老师的进程。刚开始几节课,老师讲得匕匕较基础，还能跟得上，渐渐的老师授课的进程开始加

速，有些跟不上了，需要下课后三己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，

我们开始熟悉这个软件了.老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间

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

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

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

一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，

然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片

放进去了。

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

软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版

头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总、觉得首页做得太普通，一

次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定

把自己网站的左边修改修改。复制了他的彳弋码，把上面的内容修改成我的网站需要的文字。本

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

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

中，这个有文字滚动的框只占了左边Oeasy教你玩转网虫设计浏览的工具建站程序三分之一，

左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站

查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div

标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于

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

较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时

候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。

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

文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个嗨，记下了路径格式，

然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问

题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是

外观还是内容，者陋不断的进步、改善.可以说在自己动手，不断实践的过程中,网页设计水平

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

网页设计与制作心得体会7

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

繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过

这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

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

制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：

图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总

是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道

为什么撑过了页面,还有就是K同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS

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

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

意，如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。

2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏

中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样，但实际上产生的

HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多

种课程的综合，它是Flash、Photoshop等网页软件的综合应用.例如Flash提供了功能齐全

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

互性"强。

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

设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整

体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一

种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户

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

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

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

50Ko

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

体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在

0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站能点一次的,

绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash

网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高,社会心理越

来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

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

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

(2)先整体，后局部，最后回归到整体:全局考虑，把能填上的都填上，占位置。然后定

基调，分模块设计。最后调整不满意的几个局部细节。

(3)功能决定设计方向:看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府

型的就要突出形象和权威性的文章；教育性的，就要突出师资和误程。

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

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

L将标志logo,尽可能的放在页面最突出的位置。

2、突出标准色彩。

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

4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所

有标题字的阴影效果的设置应该是完全一致的。

二、网页色彩的搭配：

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

有层次感。

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

3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

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

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

容。

针对我所学的平面设计方向，那么这次应用到了创意思维,版面设计，色彩配置。图形创意

等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编科而布局，虽然主页的设计不等

同于平面设计，但它们有许多相近之处，版式设

计通过文字图形的空间组合，表达出和谐与美。不积蹉步，无以至千里。我已经在老师的指

引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技

能的提高。

网页设计与制作心得体会8

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

我体会很深，也学会很多东西，懂得很多以前不僮的东西，也明白了一些事情.

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

优秀的网站.所以我时刻没有错过任何学习的机会，无论在课堂上,还是在课外上.更何况这一次实

操.回顾今次的实操我觉得我过得很充实，很有意义，因为我可以诚实的说我在实操没有玩过一次

游戏，我每时每刻都在设计网站，还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为

这个傻的行动，令我学会很多东西，学会别人不僮的东西，做出一个令自己满意的网站，可能跟

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

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

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

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

好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以

前那个真的.不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!

何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己

满足的答卷。

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

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

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

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

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

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

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

三、网站的发布

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

可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

四、个人网站推广

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

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

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

了，所以今次在做就比较轻松，但我以前是经过一个h匕较长的练习，做完了n次，可能有人会

想，肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我

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

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

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

次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻

松教会同学，因为你自己首先学会，学通，学广，才能把问题——的解决。

网页设计与制作心得体会9

作为本学期的第十三周，我们电子商务0901班由此开始了为期两周的网虫设计与制作实训

课程，虽然我们实训的内容不多，但通过同学之间的互相帮助与交流以及老师的精心指导，我们

大家依然收获很多。

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

家都希望能够通过自己的努力可以多掌握一点本专业的东西，总的来说，我们通过对"飘舞的雪

花"及"倒影"的练习制作，已经熟练的.掌握了flash的一些简单操作和应用，不但如此,更增

加了同学间的友谊，陪养了彼此间的团结。

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

设计与制作的一些程序和步骤，知道了怎么处理图片透明以及遮罩层的运用，知道了flash基本

操作的步骤，为了增加动画的美感和，舌泼感，还适当在添加一些透明flash和一些网页特效。在

实训的时间里面，我们大家一起合作，共同努力，对网页设计有了更进一步的认识，并且对这门

课程越发的感兴趣,从刚开始的好奇进而想要去更深层次的