网页制作的心得

时间：2022-12-14 20:49:43 心得体会我要投稿

网页制作的心得

　　当在某些事情上我们有很深的体会时，就十分有必须要写一篇心得体会，这样可以帮助我们分析出现问题的原因，从而找出解决问题的办法。那么心得体会怎么写才恰当呢？下面是小编精心整理的网页制作的心得，欢迎大家借鉴与参考，希望对大家有所帮助。

网页制作的心得

网页制作的心得1

　　在制作一套页之前，首先必须先定位页的方向，及确定所制作站的标题。标题在个人主页中起了很重要的作用，他很大部分的决定了你整套个人主页的定位是否正确，一个的名字必须有概括性的、简短的、有特色的、容易记得还要符合自己主页的主题和风格，决不要取什么名实不符或则夸大夸大其词的“名字”，别人第一次上你的当下次恐怕再也不会光顾了。

　　选标题后，开始采集内容，内容必须紧随着标题，在采集内容过程中，很重要的一个“特”色，所谓特色应该是有一些自己的东西，不能跟平常中所看到的企事业单位的页相比，个人主页中的特色，应该突出自己独特的个性，把自己的兴趣、爱尽情的发挥，因为在络上不受限制，没有人在你的创作内容上指手划脚，品头论足、你的主页就是你在络上的一个小小家园，在那里你可以放上你自己喜欢的任何东西（当然不是违法的内容、不涉及到版权的），包括你自己平时写的一些章，一些听的歌，一段幽默的章，收集一些的作品，把这些内容按类别进行分类设置栏目，让人一目了然，在栏目上不要设置太多，最不要超过十个，层次上最少于五层，而你的拳头栏目最能直接从首页到达，保证主页用各种浏览器的都能看到最的效果。

　　做个人主页我觉得不能光光用字，必须在主页上适当的加一些图片，增加可看性，俗语有一句话“一图甚千言”我想不无道理，一张处理看的图片不须要你多做任何解释，就能让人流连忘怀，浮想联翩，总能让人去思考，情不至竟的去了解他，当然处理不的以及那些无关紧要的

　　图片最不要放上去，让人觉得是累赘，影响了页传输速度，图片不关要看，还要在保证图片质量的情况下尽量缩小图片的大小即字节数，在目前络传输速度不是很快的情况下，图片的大小很大程度上影响了页的传输速度，那么如何精简图片的大小呢，一般来说，图片的颜色较少的及在256色以内的最把它处理成gif图象格式，如果是一些彩色照片、色(更多请关注ww.aowod.co)彩比较丰富的图片最把它处理成jpg图象格式，因为gif和jpg各有各的压缩优势，应跟据具体的图片来选择压缩比。

　　页页面设计整体的排版设计也是不可忽略得，要使用户在狭窄的电脑屏幕上阅读，很重要的一个原则是合理的运用空间，让自己的页疏密有致，仅仅有条，不要把一整个页都填的实实的，没有一点空隙，给人一种急迫感，看一套页应该让人觉得很轻松，留下必要得空白，

　　页的背景并不一定非要运用白色，但选用的背景应该跟整套页面的色调相协调，应该有特色，合理的应用色彩是非常关键的，据心理学家的研究“色彩最能引起人们奇特的想象，他最能拨动感情的琴弦”比如说你做的个人主页是属于感情类的，那最选用一些玫瑰色、紫色之类的比较淡雅的色彩，而不要用黑色、深蓝色这类比较灰暗的色彩，黑色他是所有色彩的集合体，黑色比较深沉，他能压抑其他色彩，在图案设计中黑色经常用来绘纹样、勾边或点缀最深沉的部位，黑色不是灵丹妙药，用时必须苦心经营，否则会时图案“黑色太重”或显得沉闷阴暗。

　　如果想自己的页更有特色一些，可适当的加一些页制作得技术，诸如声音、动态页、java、applet等技术，当然这种技术最不要加太多，他会影响页的下载速度，另外可考虑一下你主页的定居点速度

　　和稳定性，不妨考虑建一两个镜象站点，不仅能照顾到不同地区友对速度的要求，还能作备份，以防万一。

　　等个人主页作了差不多了，可别忘了在您的个人主页上放一个留言板、一个计数器是必要的，前者能让你即使的获得参观者意见和建议，即使的得到友的反馈信息，你最能做到有问必答，用行动去赢的更多的访问者，后者能让你知道主页参观者的统计数据，你可以即使调整你的设计，适应不同的浏览器和参观者的要求。最后一步就是宣传你的个人主页，首先你先在各个搜索引擎登陆，这点你可以交给一些上专门免费提供这类服务的站点替你做。此外你也不妨同访问量大的一些站点作一下友情链接。通过他们站来访问你的个人主页。扩大你站的知名度。

网页制作的心得2

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

　　通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过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、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

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

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

网页制作的心得3

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

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

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

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

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

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

网页制作的心得4

　　杨老师下午讲解的是网页制作，他从网页布局（三段式）讲解，接着展示新浪、师院首页给我们看，在这过程中，始终都以实例讲解为主。

　　接着讲网页布局的方法：

　　1.纸上布局法

　　许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。

　　2.软件布局法

　　如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。

　　最后重点讲了布局的技术

　　1.层叠样式表的应用

　　2.表格布局

　　3.框架布局

　　最后，杨老师就DIV+CSS给我们进行详细介绍，我们按照他的进度，创建网站站点、创建文件夹、创建文件。然后在DIV容器中插入动画，创建CSS文件，对不同的块元素进行排版，主要是浮动—float。由于时间实在是太短了，很多知识都没的讲，比如我们常遇到的外边距，内边距，线条，以及一些基本的代码知识…….

　　哈哈，我就不多说了，对于网页我也研究了好几年了，问题还真多，学过网页布局（table、DIV+CSS），学过平面设计（PS、CDR），学过编程（ASP、）,学过数据库（AC、SQL）。可以说我现在完全可以独当一面，接过学校、企业、武警等的网页制作，评价都还不错！目前就是缺一个团队，从郑小军老师他们的成果看，不是一个人的努力能完成的，更多的是要一个志同道合的团队，回去我也该好好想想这个问题了。

网页制作的心得5

　　通过这次实训对这门课程的学习，做好网页，并不是一件容易的事，它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

　　所以我得出一下总结：

　　一、准备资料和挑选符合目的主题的合适素材

　　做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改就成你自己的东西了。

　　二、规划好整个网站

　　主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

　　三、善用图片，增强艺术效果

　　我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注

　　意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

　　四、善于借鉴他人主页制作中的设计技巧

　　由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

　　最后感谢老师多日来的辛勤教导！

网页制作的心得6

　　一、网站规划

　　本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

　　二、网站总体设计

　　本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

　　三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）

　　本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

　　四、学习体会

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

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

　　然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既

　　可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

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

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

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

　　以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！

【网页制作的心得】相关文章：

网页制作心得11-23