网页设计心得体会.docx

网页设计心得体会.docx

《网页设计心得体会.docx》由会员分享，可在线阅读，更多相关《网页设计心得体会.docx（9页珍藏版）》请在冰豆网上搜索。

网页设计心得体会

本文共有9061字，如对您有帮助，可购买打赏

第一篇：

网页设计心得体会

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

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

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

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

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

页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,

心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言

技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展

现互联网这一新型媒体的独特魅力和多维空间的超强功能.

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

交互的。

我提倡简单的美。

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

有什么不对的地方，还请大家

见谅。

网页设计心得体会

（2）：

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

这学期选择的这门课程让我学到了不少关于计算机和网络的知识。

老师把课程内容安排的很合理，讲的大都是很基础的知识，这对于像我这样对网络了解不多的学生来说很容易理解，接受。

在这门课上我学习到了一些关于建设网站和制作网页的知识，对flash也有所了解。

课上我还学到了一些基础的网络技术，用制作网络的工具做网页等。

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

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

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

1确定网页设计的内容

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

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

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

3、做一个典型用户

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

4优化内容

内容是整个网站的核心。

在网站设计之前必须明确网站的内容安排。

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

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

大纲列出来后，还必须考虑每个页面之间的链接关系。

是星形，树形，或是网形链接。

这也是判别一个网站优劣的重要标志。

链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

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

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

我们称作资料收集

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

大部分人的方法是：

从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

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

在准备材料的时候我们可以用到学习的flash知识来制作一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。

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

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

然后是开始正式制作主页。

通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：

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

通过个人网页的制作最终把自己的网页上传到互联网上，那种成就感是无法用语言形容的。

在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。

第二篇：

网页设计心得体会

教改学习心得体会

by01061班16号王建云

本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。

总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在intenet领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

一.充分发挥动手能力

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。

本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。

在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

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

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。

我从最初开始运用frontpage设计网页，到后来运用dreamweaver、flash、fireworks等网软件设计网页，完善网页。

在这个过程中，我通过自学教材、上网查询，学习了dreamweaver、flash、fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。

在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。

可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三.不足之处

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

在网页设计过程中，由于没有网页制作代码的知识，所以在设计时

也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。

在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。

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

第三篇：

网页设计心得体会

学号:

80906107姓名:

唐琪伟专业:

计算机科学与技术

网页设计心得体会

做出一个好的网页一般都离不开dreamweaver,flash,photoshop这三个软件,当然,还可以用到其他一些辅助软件就会加快网页的设计了,比如:

sothinkdhtmlmenu,sothink_logo_maker等软件,这些软件不仅可以快速开发出导航,logo等,而且很漂亮,美观.

制作网页,首先是确定主题,每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。

内容精彩丰富，简洁明快，语言风趣，通俗易懂。

页面可爱清爽。

而我们这次的实习就是用这几款软件来设计,主要使用div+css来布局,避开传统的table（表格）布局

div+css的网页布局对seo的好处一、不存在表格的嵌套问题:

很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。

我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。

使用table布局，为了达到一定的视觉效果，不得不套用多个表格。

如果嵌套的表格中是核心内容，蜘蛛（spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。

网站中过多的相似页面会影响排名及域名信任度。

div+css的网页布局对seo的好处二、精简的代码使用divcss布局，页面代码精简，这一点相信对xhtml有所了解的都知道。

观看更多的html教程内容。

代码精简所带来的直接好处有两点：

一是提高蜘蛛（spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到蜘蛛（spider）欢迎，这样对收录数量有很大好处。

而div+css布局基本上不会存在这样的问题，从技术角度来说，xhtml在控制样式时也不需要过多的嵌套。

这虽然没有得到确认，但还是建议使用table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，seoer（seo工作者们）们在文章中说明了这一点，相信他们也不是没有依据。

div+css的网页布局对seo的好处三、对搜索引擎的排名基于xthml标准的div+css布局，一般在设计完成后会尽可能的完善到能通过w3c验证。

截止目前没有搜索引擎表示排名规则会倾向于符合w3c标准的网站或页面，但事实证明使用xthml架构的网站排名状况一般都不错。

div+css的网页布局对seo的好处四、提高网页的访问速度:

div+css布局较table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛（spider）爬行时是非常有利的。

过多的页面代码可能造成爬行超时，蜘蛛（spider）就会认为这个页面无法访问，影响收录及权重。

真正的seoer（seo工作者们）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。

换一个角度抛开div+css对seo的有利影响.单独来讲这种div+css布局也是很有益的,可以说是实下是最流行的网页布局方式.当然div+css布局也有不完善的方面.

总之div+css布局的优势如下:

由于将大部分页面代码写在了css当中，使得页面体积容量变得更小。

相对于表格嵌套的方式，div+css将页面独立成更多的区域，在打开页面的时候，逐层加载。

而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。

页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。

由于使用了div+css制作方法，在修改页面的时候更加容易省时。

根据区域内容标记，到css里找到相应的id，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。

div+css最重要的优势之一：

保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。

而使用div+css的制作方法，将所有页面，或所有区域统一用css文件控制，就避免了不同区域或不同页面体现出的效果偏差。

我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，div+css在这方面更具优势。

由于css富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。

好的网页，也离不开photoshop，前面我也说了，flash的制作所需要的图片都要在photoshop中事先ps好的。

那么photoshop的作用就显得很重要了，网页中的flash都仅仅是一小部分，图片占的分量还是比flash要大的，故好的

photoshop技术，那么ps出来的图片就会显得更好，这样网页的档次也会随着上升。

这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop中的切片工具的使用。

切好片后，还要获取图片的背景色。

这样我们又得掌握吸管工具的使用了。

切片过程中要注意的就是图片的大小要控制在一个像素以内。

所以我们需要先放大，然后才来控制切片线的位置。

从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。

这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。

这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。

这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。

总体来说这次是对我的综合素质的培养，锻炼和提高。

这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。

使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。

当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。

因此反映出学习的还不够，缺点疏漏。

需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。

第四篇：

网页设计心得体会报告

网页设计心得体会报告

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

生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

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

通过dreamweaver制作网页，我用到了一些基本的功能：

图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。

但是在自己尝试着做的时候，总是出现这里那里的问题。

不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。

而且在css方面，我总是不太熟悉各种代码是控制哪些东西的。

除了查找解决问题我还总结了经验。

例如：

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

2、调用style时可以单击鼠标右键选择custonstyle来调用style标准，也可以在状态栏中的元素列表上单击右键来调用style。

虽然不同的方法达到的效果看似一样，但实际上产生的html代码则完全不同。

在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是flash、photoshop等网页软件的综合应用。

例如flash提供了功能齐全的绘图和编辑图形工具。

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

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

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

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

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

要研究网页设计，就需要站在用户的角度来看。

用户是一个网站成败的关键。

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

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

-1-

还涉及到界面弱化的问题。

一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。

这就涉及到浏览顺序、功能分区等等。

要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。

当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或flash网站，可能就不得不花哨一些，但不能太过分。

网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。

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

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

网页设计理念：

（1）内容决定形式：

先把内容充实上，再分区块，再定色调，再处理细节。

（2）先整体，后局部，最后回归到整体：

全局考虑，把能填上的都填上，占位置。

然后定基调，分模块设计。

最后调整不满意的几个局部细节。

（3）功能决定设计方向:

看网站的用途，决定设计思路。

商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

网页设计的两大要点是：

整体风格和色彩搭配。

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

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

2、突出标准色彩。

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

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

二、网页色彩的搭配:

1、用一种色彩。

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

2、用两种色彩。

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

3、用一个色系。

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

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

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

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

不积跬步，无以至千里。

我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

第五篇：

网页设计心得体会报告

心得体会之网页设计网页设计心得体会报告

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

生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

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

通过dreamweaver制作网页，我用到了一些基本的功能：

图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。

但是在自己尝试着做的时候，总是出现这里那里的问题。

不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。

而且在css方面，我总是不太熟悉各种代码是控制哪些东西的。

除了查找解决问题我还总结了经验。

例如：

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

2、调用style时可以单击鼠标右键选择custonstyle来调用style标准，也可以在状态栏中的元素列表上单击右键来调用style。

虽然不同的方法达到的效果看似一样，但实际上产生的html代码则完全不同。

在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是flash、photoshop等网页软件的综合应用。

例如flash提供了功能齐全的绘图和编辑图形工具。

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

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

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

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

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

要研究网页设计，就需要站在用户的角度来看。

用户是一个网站成败的关键。

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

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

-1-

还涉及到界面弱化的问题。

一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。

这就涉及到浏览顺序、功能分区等等。

要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。

当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或flash网站，可能就不得不花哨一些，但不能太过分。

网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。

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

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

网页设计理念：

（1）内容决定形式：

先把内容充实上，再分区块，再定色调，再处理细节。

（2）先整体，后局部，最后回归到整体：

全局考虑，把能填上的都填上，占位置。

然后定基调，分模块设计。

最后调整不满意的几个局部细节。

（3）功能决定设计方向:

看网站的用途，决定设计思路。

商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

网页设计的两大要点是：

整体风格和色彩搭配。

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

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

2、突出标准色彩。

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

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

二、网页色彩的搭配:

1、用一种色彩。

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

2、用两种色彩。

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

3、用一个色系。

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

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

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

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

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

图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设

-2-

计通过文字图形的空间组合，表达出和谐与美。

不积跬步，无以至千里。

我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

-3-