选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。

③图片

做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。

④网页排版

网页页面整体的排版设计也是不可忽略的，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。

⑤特色

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

⑥感悟

昨天，网页与我无缘，那是因为上天不给我们一个见面的机会!

今天，网页与我相识，与我相知，成为我的一个最真诚的朋友!

明天，网页与我一生相伴，终身相随，因为我已领悟了一个网络，整个世界。

网页设计总结及心得体会篇2

静态网页、动态网页看着都是网页，都是在浏览器上用html展示出来的页面。

动态网页的形式是请求

例如127.0.0.1/?c=home

意思是向服务器请求一个参数c，值是home的请求，请求之后，服务器返回一个页面，浏览器进行展示。

静态网页的形式是文件请求

例如127.0.0.1/hello.htm

意思是向服务器请求一个叫hello.htm的文件，请求之后，服务器返回一个页面，浏览器进行展示。

很多系统的页面，大部分都是动态页面，互联网上的新闻网站、资讯、下载网站等，大部分都是动态网页或者伪静态网页（后面会写为什么需要那么，也可能会处理成静态网页，少数网站是纯静态网页。

静态网页和动态网页的区别，有人说是静态网页是不动的，动态网页是可以动的。也有人说是后台是否有数据库的支持，也可以简单的描述为网页上的展示的内容是否需要变换，是因人而异显示还是一直保持不变。

其实这些说法都没有说到根本，因为静态网页也可以做到因人而异，例如一个使用js写的网页计时器，就一个html，也不需要服务器可以直接打开，什么时候打开，就显示什么时候的时间。动态网页也可以一直保持不变，例如用php写一个hello world的欢迎页面，什么时候访问都只会显示hello wolrd。

动态网页和静态网页的最主要的区别是，静态网页本来就是标准的html文件（可以包含js、css文件）。而动态网页原来并不是html文件，只有在用户请求的时候，才生成相关html数据，然后返回给浏览器相应格式的html文件，供浏览器访问。

不同的语言转换html的方式类似，但需要程序是不一样的，这时候需要的大家常说的容器（或者解析器），例如将java或者jsp转为html则需要tomcat、jboss等java容器，php则需要php引擎，python需要python引擎，这就是为什么服务器通常需要部署不同程序环境的原因。

静态网页无须经过容器引擎的处理。例如，我们将一个.txt文件的扩展名改为.html，放到服务器中，如果有请求来到服务器，服务器会直接将此文件吐回浏览器来显示。

当然这里的服务器是指的处理html的服务引擎，例如nginx 或者apache sever（apache httpd，不是apache tomcat）等，并不是说装个服务器就可以直接可以用了。

动态网页要经过容器引擎的处理，我们常见的asp、jsp、php等是不同语言实现的动态网页，以php为例，当访问被请求时，动态网页要到php容器中进行解析，由解析器对里面的代码进行处理，如果涉及到数据库访问，则需要到数据中进行数据查询，然后将数据插入到对应的位置，最后生成html格式的html文件，交给html服务引擎（例如nginx），由nginx，返回给访问者（浏览器），浏览器收到html后进行显示。

动态网页里，一般都是混合代码，固定的html格式代码，例如样式、排版等，和处理动态信息的程序代码。后来演变的是模板架构，先按照页面需要显示的效果设计出来模板，然后再填写对应的动态变量。而动态变量的计算和生成则在其他代码里，这样比较方便维护和调试。再后来演进的是前后端分析架构，后端只负责提供数据，而前端则负责将数据进行显示。

所以我们很容易就等的出来，静态网页的访问速度是固定的，受限于文件的大小，大的需要多传输一会，小的少传输一会，在当今的网络条件小，只要不是几十m的文件，基本上很难有差异。

而动态网页除了多了一步解析之外，还取决了里面代码的所处理的事项，如果需要查询数据库，则需要等待数据库返回结果，如果需要进行计算，就需要等待计算的结果，等代码都处理完毕后，在进行返回。

所以静态网页的访问速度要远远超过动态网页。

有人可能会问了，如果一个动态网页里，只有html代码，没有程序代码，那么算是动态网页还是静态网页，这个问题就跟前端的html页面全是js代码（html里的脚本代码）是动态网页还是静态网页,是类似的。

这两个问题留给大家讨论。

通过上面的介绍，大家可能发现，静态网页和动态网页最大的区别就是要不要过解析器，有些业务访问量很大，但是变化不是很大，那么访问速度、减少系统开销（每次有人进行访问，都进行一次业务处理，有的还涉及到查数据库），可能会进行静态化处理，就是将该动态网页先生成对应的html页面，等用户访问的时候，直接返回给早就生成好的html文件，不但减少了服务器开销，还提高了访问速度，减少了访问时间。

现在主流的cms系统都带有静态化技术。

由于搜索引擎收录网站内容的时候，只收集html、htm 等静态网页的后缀的链接，所有一些系统提供了将url请求模拟成html的

例如我们上面说到的 127.0.0.1/?c=home，这样链接，搜索引擎就不收录，如果这是我们的主页，那么搜索引擎不收录主页，就会减少搜索到网站的几率和排名。

所以有一种技术，将127.0.0.1/?c=home 模拟成 127.0.0. .这样搜索引擎一看，你是静态网页，我去收录一下。而实际上当请求时，服务器并不是将给返回回去了，而是依旧走原来解析、处理、返回的方式。

确实也是伪静态的一种，服务端负责数据，而浏览器负责渲染（通过脚本数据，而脚本数据也是服务器下发的）。

其模式是服务端不再直接发送成品，而是发送了一套工具，根据业务的实际情况再进行计算处理最后拼接而成。

类似于原来买家具，商家的服务是一组普通工人+一套组合好家具。工人负责将快递发过来的家具搬进来。

而现在是发送一组技术工人+各种组件，技术工人就等着对方发来什么组件，就进行对应的拼装。

好处自然是组件运输更快捷，然后拼装的时候可以根据家里实际情况再进行怎么摆放，有了一定的自由度。

网页设计总结及心得体会篇3

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

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

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

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

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去mp3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

网页设计总结及心得体会篇4

__主要负责室内设计工作，一年来，在领导的关心指导下，在同事的支持帮助下，我勤奋踏实地完成了本职工作，也顺利完成了领导交办的各项任务，自身在各方面都有所提升，现将这一年的学习、工作情况等作如下汇报：

加强学习，兢兢业业，提升工作业绩

扎实勤奋工作，提高工作业绩、坚持学习业务知识，提升自身业务素质

为了更好地适应人才工作的新形势要求，这一年来我还是紧抓业务学习，认真学习了与工作相关的劳动人事新政策法规，向领导前辈们学习他们好的经验，好的方法，进一步提高自身的业务知识能力水平。片面的掌握自己的工作业务是不够的，平时我也注重向其他业务往来单位学习熟悉了解各种工作流程，在多学习、多接触中提升了自己的业务水平，提高了办事效率，也使自己更好地服务企业、服务群众。

坚持热情细致服务，认真完成各项工作

在中心日常工作期间，我能严格遵守中心的各项规章制度，认真完成上级、领导交给的任务。也能恪守为民服务的宗旨，做到礼貌待人、热情服务，耐心细致。我主要负责的是___

“路漫漫其修远兮，吾将上下而求索”，在公司工作并不是那样简单的，我只好做到我能够做到的一切，我知道我的能力还是不够，但是谁也不能做到完美，我应该继续的工作下去，不是一步就能走到尽头的，在前进的道路上会有很多的荆棘和路途的。

在接下来的一年中，我还是会继续努力的

具备专业设计水平

那就需要加强自己的专业设计水平。那什么是专业?从一门开始，或者家装，或者餐厅，或者酒店，单选一门然后触类旁通。无论是什么样的室内设计都是空间上的设计，所以功能规划，色彩，灯光，材质，造型及工艺，是你主要掌握的核心内容。在设计上你所反复应用的就是这些。如果连一个卧室的正常照度都不知道，灯光对材质的的色彩影响都没有清晰的概念，那距离做设计还有一段距离。

辅助的而且也是必不可少的是人文历史，人体工程，视觉或者说空间心理(可以理解为风水)。做设计不是能画漂亮的效果图，能绘制标准的施工图纸就是设计了。设计就是把即将实施的事物提前规划出来。

每个细节皆有来源

推敲自己设计的每个细节，每个尺寸。为什么吊顶要做150高，为什么回选择砌体隔墙而不是石膏板?如果是用绘画来解释就是“意在笔先”。先笔后意这种一般是所谓的大师造的概念，非一般人能做的出来的。所以不要胡乱抄袭!

用你的专业和深思熟虑来做设计。这个就是好的设计师了。功到自然成!

20__年我的工作不能说是完美，但是我想说我已经尽力了，虽然我知道自己还是存在着不足之处，但是我在不断的改正中，我会做的更好的。

网页设计总结及心得体会篇5

作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员，在没有人指导，只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来，其中的艰辛只能自己体会。不过，虽然过程艰辛，但自己的收获颇大。一直以来希望能够转型做互联网的产品，但总是没有机会。这次公司网站的策划及设计给了自己很好的学习和实践机会。在这断断续续的七个月中，自己对于网站的策划和设计有了一定的认识，也通过实践的对照，对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。

在此，将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经理的人可能没有用处。但，我想，可能对于那些想要入行，或者希望在自己的公司内部转入产品行业的人来说，可能多少有一点点用。

_要注意网站的定位

任何一个公司或单位，要设计一个网站，都必然有其核心定位，即这个网站设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的定位把握好，作为一个设计人员，其工作往往会是无功而返。因此，在网站策划阶段，产品设计人员必须多和上层沟通，甚至多和领导争辩，通过沟通和争辩来明晰公司对网站的定位。同时，也可以让领导对网站的定位更加明晰。只有完成了这一项，其余的策划和设计工作才应该继续进行。

_要了解用户

产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用，但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。比如，在网站设计过程中，发现本网站的使用人群中竟然有不知道如何注册网站的人，这这真是出乎意料。但这就是现实。所以，在产品设计的过程中，不能以自己为中心，把自己当做用户。事实上，很多用户的互联网水平真得没有达到我们的水平。

_明确、牢记目的和需求

网站的定位明确后，接下来要明确的是网站设计的目的和要满足的需求。即：网站整体设计完成要达成什么目的，每个模块设计完成要达成什么目的。从另一个层面来讲，也就是，网站整体要满足用户什么需求，每个模块又要满足用户什么需求。同时，在网站的设计过程中，要一直将目的和需求牢记心中，不断地对照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调整最终导致偏离目的和需求的情况屡见不鲜。

_保持简洁

为什么要简洁?因为，无论是设计一个网站，还是设计一个其他的产品，都不可能一步到位。尤其在人力物力时间等资源有限的情况下，更是不可能一次性满足所需求，达成所有目的。因此，在这种情况下，为了确保核心目标和需求的达成，只能也必须优先保证核心功能的完成，只上核心模块或功能。同时，在产品设计的过程中，也要不断地向同事和领导灌输这种意识。否则，需求无止境，网站永远难以完成上线。

_注意细节

这次的网站设计师自己第一次设计网站。因此，在设计网站的过程中自然而然地非常关注网站的整个架构，什么模块放什么地方，模块之间如何相互联系等等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够，网站的设计和实现结果和想象中出入很大，甚至一些格式、排版上的问题都出现在了网站的各个地方。自然，最终的结果就是网站成品与原始设计相差甚远。因此，在产品设计的过程中，作为设计人员，一定不能小看细节。一定要将细节想细致，没有细节饿网站很容易出问题。

_注重逻辑性

网站的设计过程中，必须要注意逻辑判断。对于输入信息或注册流程中的每一个环节的每一种状态都要考虑到。举一个最简单的例子，一个输入框输入数据，有正确的输入、必然有错误的输入，也必然有空输入。那么，每种状态下系统都要考虑到，也都要有相应的反应。

_流程图很重要。

说到逻辑性，就不能不谈流程图。作为梳理逻辑的工具，流程图非常重要。它不但可以帮助我们梳理每隔一环节的不同状态，更可以帮助我们和技术进行沟通，确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错，但在编程的过程中不可能次次帮我们想到逻辑的不合理处。因此，一个合格的流程图就非常重要了。

_没想清楚的事情不错

即使是一个非常小的网站，也是一个系统，如果需要添加功能或模块，就需要考虑到方方面面的变动，是一个比较复杂的过程。而若是一个较大的网站，那需要考虑的方面就更多了。因此，在设计过程中要本着一个原则：如果一个功能或模块没有想清楚为什么添加，有什么用处，那就不要无谓地添加这类功能或模块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外，基本没有啥好处。

_一定要评审

评审对于所有的产品设计人员来说都是一场“噩梦”。但是评审可不可以省略呢?不可以。一方面，我们需要通过评审让大家认可自己的设计。如果对我们的设计不认可，那么在真正执行过程中便会有更多的障碍。另一方面，我们需要通过评审收集意见，查漏补缺，找到我们没有注意到的地方。不过，在评审过程中，我们也一定要做好心理准备，毕竟，让一大堆人说你设计的这不行那也不行，心里是绝对不会好受的。唯一能够减少这种情况出现的方法，也许就是尽可能细致地想到各个方面，有充足的理由来说服对方。

_一定要写产品需求文档。

在自己设计网站之前，看过一些产品经理方面的书，每本书里都介绍到了产品需求文档的撰写，可见产品需求文档的重要性。但说来奇怪，在自己真正做网站时，由于团队里人很少，所以自己竟然认为不需要写产品需求文档，认为只要当面沟通就可以了。但事实是，没有需求文档，很多细节的东西，自己设计的时候哦想得很好，但过段时间却模糊了，结果技术人员询问时只能凭感觉给出解决方案。当然，结果可想而知，出现了很多不应该出现的问题和bug。这些问题和bug让我真正体会到了产品需求文档的重要性。

_要懂得妥协和听取意见。

在产品设计过程中，经常会出现一种情况：产品设计人员或产品经理苦思冥想找到一种解决方案或展现形式，可以上级领导或公司管理层不认可。这种情况下，我们常常会因为“自家孩子就是好”的心理而忽略他人的意见，或者坚决不妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此，在这种时候，产品人员一要沉下心来，耐心听取别人的意见，看看是否有可取之处。而是要懂得妥协，不在非常细节的地方和领导层较劲，阻碍工作的推进。

_要坚定，更要执行。

当然，在产品设计过程中，也会出现这种情况：我们认为某个功能非常重要，可上级认为不需要，要砍掉;或者，我们认为一个功能或模块完全没必要展现，可上级坚持要求添加。这种不可调和的矛盾怎么处理呢?我的建议是：要坚定，更要执行。首先，我们要坚定我们的想法和做法，尽量通过种.种方法去说服上级。只要我们的说法和做法有道理，上级应该会同意我们的做法。其次，如果无法说服上级，那么，一旦上级决定如何做，我们则坚决执行。虽然我们常说产品是为客户设计的，但很多时候，产品也是为老板设计的。

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

看过很多产品类的书籍，都说完美主义要不得。在这点上，我也同意。但是，从另一个层面来讲，在产品设计或构思的过程中，一定要保证做完美产品的心态去设计。因为，很多时候，即使完美的设计，在通过执行的种.种换届后，也可能变得惨不忍睹，或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心态来设计产品，那做出来的东西可能真的就没办法用了。

_要相信自己的直觉

在产品设计或制作的过程中，可能常常会有这种感觉：“好像哪儿不对呀。”以我的经验来说，这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错误，潜意识在提醒我们。所以，在这种情况下，一定要相信自己的直觉，来对相应的模块或功能进行审查，找出不合理的地方进行修改或弥补。

_要看锅下菜

现实里，每个公司的资源都是有限的。而做一个网站也好，做一个产品也好，公司能够提供的资源也是有限的。因此，作为产品经理或设计人员，一定要有现实感。要知道在现有资源情况下，能够做到什么程度。比如：不要指望一个拿3000块工资的美工设计出一流的页面，也不要指望一个临时来帮忙上传资料的同事能够一步到位地将资料的格式调整到最好的状态，更不要指望刚毕业的程序员能够迅速地解决你所提出的bug。一句话，不要指望同事做出超过其能力以外的事情，不要指望公司提供超出其能力范围外的资源。

_永远不要偷懒。

最后一条，永远不要偷懒。我的感受是，偷懒绝对会让我们在后期多花费更多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术，那样后期会让你有无穷bug去修改;不要因为自己懒或时间紧急就不做评审，否则，一旦领导层看到设计没有满足其要求，你可能得重头再来;不要技术改了bug你就天真地相信一定是没问题了，一定要自己确认，否则，过两天就会有人找你问为什么bug没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。

网页设计总结及心得体会篇6

想做网站之前要先学习一些网站建设知识，比如，需要了解清楚静态网页和动态网页的特点，接下来奥晶科技给大家介绍一下相关的知识点。

1.静态网页

(1)含义

指的是全部由html代码格式页面组成的网站，所有的内容包含在网页文件中。

(2)特点

①静态网站是最原始的建站方式，访问者所看到的每个页面是建站者上传到服务器上的一个 html （ htm ）文件，该类型的网站每添加或者删除修改一个页面就要重新对服务器的文件进行一次下载上传，网站内容一旦发布到服务器上，不管有没有访问者，每个静态网页的内容都是保存在服务器上，换句话说就是静态网页是保存在服务器上的文件，每个网页都是一个独立的文件；

②静态网页的内容比较稳定，很容易获得搜索引擎的青睐；

③静态网页没有数据库的支持，需要花费较多时间在网站建设和维护方面，所以，当网站信息量很庞大的时候想要完全依靠静态网页来制作方式比较困难；

④静态网页的交互性比较差，而且在功能方面也受到了限制。

2.动态网页

(1)含义

指的是网站内容可根据不同情况动态变更的网站，一般情况下动态网站通过数据库进行架构。

(2)特点

①交互性较强，网页会根据用户的要求和选择而动态地改变和响应，浏览器作为客户端；

②成为一个动态交流的桥梁，动态网页的交互性也是今后 web 发展的潮流；

③可以自动更新，不用手动更新 html 文档，会自动生成新页面，节省工作量；

④因时因人而变：即当不同时间、不同用户访问同一网址时会出现不同页面；

3.网站建设中选动态还是静态