网页瘦身技巧总结

第一篇：网页瘦身技巧总结

我们大家都知道，网页设计无论是基于那种语言都是两种布局方式和架构：一是：table做的；二是：div+css做的然而这两种架构也不是绝对的互斥的，也有出现你中有我，我中有你的情况。

一、为什么要网页瘦身呢？

原因是，搜索引擎本身的资源是有限的，在一定的时间内他的存储空间也是有限的。如果一个页面是2k相比一个将1m的页面来说，2k的页面存储500个的空间，只能放一个1m的页面。

鉴于对搜索引擎的考虑，我们应该让他减轻负担.还有就是：

1、尽可能的减少数据的数据的传输量。

2、尽可能的减少数据的传输频率、如果可以做到这些，那么：

1、提高网页的下载速度

2、降低服务器使用的资源

3、提高网络带宽利用率

二、网页加载流程

首先（x）html文件最先浏览器读到，然后加载到内存中，因为这个文件决定了整个网页中其他文件的关系，一般情况下，我们称这个为主文件（host document）浏览器一旦加载完成这个文件，便开始解析各种markup了 在从文件顶部开始向下解析的过程中，会同时发出一系列的相关对象的请求，包括外部脚本，样式表单，flash等其他元素。而这些css和javaｓｃｒｉｐｔ则有可能继续触发一些相对图片和脚本资源的请求。

从这了可以看出主文件的重要性，如果能把他尽可能快的传给浏览器，浏览器就可能先一步解析。所以第一步，需要对主文件进行优化，减肥。

三、常用的优化技巧

下面我就集合我的高中学习网（）的优化经验，给大家做个总结。

1、html代码的优化

<1>、出去空白区域，一般而言，空白区域（空格，制表符，换行符等）都可以安全删除，但要避免修改pre，textarea，及受css属性中W*hite-space影响的标签。

我还有一个建议就是，这些代码在优化前，大家留一个备份，因为毕竟有空白区域的代码，我们看起来比较舒服，不至于是我们的眼睛太累，可能我们后期还要对优化的过的代码进行再操作

<2>、出去注释，除了在客户端给ie和doctype声明的注释，几乎所有的注释都可以k掉，毫无顾虑

<3>、使用短格式的颜色表示，我们常常在用颜色的时候喜欢用16进制和全颜色名称，认为这样比较精确，但我们要尽可能根据实际情况使用短格式的颜色表示

如：#ff0000，其实就是red

<4>、用短格式的字符表示。和最短颜色表示一样，一些名称可以用最短字符来表示，我们可以用较短的数字来代替某些长长的字母。

<5>、除去无用的标签。有些无用的标签，比如使用了多次的重复标签或者某些编辑器里面用做广告的meta标签，都可以安全地去掉

2、Css代码的优化

css也有一套成熟而有简单的方法。实际上，时下大多数的css都较（x）html更容易压缩。

<1>、除去css中的空白区域。相比html来，css对于空白区域没有那么敏感，所以除去空

白区域可以极大地减少css文件和style样式表的区域大小

<2>、除去css注释，如同除去markup代码中的注释一样，由于css的注释对普通的最终用户来说并没有什么使用价值，使用应该除去。

不过，如果考虑到较低级的浏览器，则css中的style标签中的屏蔽注释信息不可以除去。使用短格式表示颜色，同上，不再重复

<3>、对css的规则进行合并，如这短代码：

p{font-size:36pt;

font-family:aral;

line-height:48pt;

font-weight:bold;}

可以这样写：p{font:bold 36pt/48pt arial;}

这样的话，数据量顿时就见效了许多。这些都我们可以注意到，而又没有在意的方面，seo就是细节，细节决定成败

<4>、对类和id重命名。多id重命名，要注意，不要出错

许多时候我们为了程序编写的需要，总是把名字写的有意义自己能理解，但是这样无疑长了很多，这个大家自己看着改吧

对seo优化而言，用div+css可以更好布局网站的架构，把你想要展示的东西把代码的上方搜索引擎都是从上往下看的，累了就不看了。就是代码靠前 显示的内容却未必再前面，这样搜索引擎先看前面的div就是可以根据自己的需要进行定位的参考资料

第二篇：网页总结

总

结

本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

充分发挥动手能力

本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

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

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。1.简明易读

网页设计最重要的技巧，就是网站风格整体清新、简明、易读。看上去就明白是什么内容，信息间相互干扰程度降到最低。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，一般来说，浅色背景下的深色文字为佳。

这个原则也意味着，你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。

2.网站导航清晰简洁

所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾花里胡哨的视觉效果，而让人家不知东西南北，造成查看困难。

链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。如果你一定要别出心裁，链接的文本就要想着以什么方式加以突出，比如说加粗体？加字号？两侧加竖标？或者几者兼用。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向。

清晰导航还要求：读者进入目的页的点击次数，不能超过三次。如果三次以上还找不到，人家可就失去耐心了。你的网站也就做失败了。

3.网页风格要统一

其实，这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。

很多缺乏编辑、出版背景的网友，很容易忽视这点，特别是网页一多，更容易忘。

4.页面容量越小越好，别超过75K

有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。当然，也有例外，比如内容实在太精彩，人家不去不行。再像视觉艺术类站点，也不能以“快”为唯一设计标准。不过，即使这类站点，也该在加个导引页，给读者一个提示，别不理睬人家的心情。

有人或许要和我抬杠：不见得吧？微软和Sn公司的站点怎么也慢得可怕？没错，就是这样慢，还有人绕开高峰时间去上，谁叫人家那么大的名气呢？如果你的名头没那么响，还是合作一点，放读者一马吧！

要限定页面的大小，就得从各个角度考虑节省。最大的一头是图像，有的好东西，只得割爱了。想想看，在创意表达、品牌形象、挣钱几个目标之中，哪个最重要？

网页制作，只要把握这几个基本原则。再加上多多实践，一段时间后就会找到感觉了。网

第三篇：网页总结

网页总结

不知不觉一学期又过去了，回首这一学期发生了许多事，也学到了很多东西。就拿网页制作这门课来说吧，刚开始接触这门课时觉的好困难哦。一个网站有这么多的东西都要你一点一点做出来，光是那些特效就不知道要怎么弄了，所以刚开始的时候我是抱着畏惧的心情去学习网页这门课的。但是经过一段时间的学习后发现网页其实是很有趣的一门课，而且只要自己用心去学了也不是很难。所有的东西都是从难到易，学网页也是一样，想想自己一开始因为看到做好的网站就觉的好难就好笑。呵呵......一开始网页教一些代码或者像输入框、留言板之类的制作，有点枯燥，但这些都是基础，在以后的网页学习中这些都是非常有用的，尤其是那些代码的正确使用，对一个网站制作成功与否有至关重要的作用。

再到后来学习的布局，像表格布局、DIV布局还有APDIV，刚开始一直觉的APDIV最好用了，一直觉的好奇怪既然可以用APDIV为什么还要用其他的方法呢？后来在网站综合练习的时候发现光光只有APDIV是不够的，各种布局方法都它们自己的优点，表格简单好用，DIV美观严谨，APDIV使用方便。

最后要学习的就是在布局好的网页中插入内容了，这些内容包括了文字、图片、视频、各种特效等等。这是我个人觉的整个网页学习中最难的部分了，记得老师布置的制作个人网站的作业，光光是一个鼠标跟随的特效，我就做了整整三个小时，先是在网上找特效的代码，然后把代码放入Dreamwever中，但是往往都是不成功的，还要不停的调试，看是那一部分代码是错误的，再改。不停的改，一直到代码正确后还要换上自己要的图片。虽然很辛苦但是看到问题一个接一个的解决，一种自豪感油然而生。在看到自己做好的网站，虽然可能比不上那些大公司的网站但还是有一种成就感。

一学期就要结束了，总结一下网页学习，也分析一下自己的缺点，首先基础很重要，我就是基础没打好，所以到后来的综合应用的时候就有点力不从心的感觉。每次做网页的时候还要查一下代码是怎么样的。还有细节很重要，做网页的时候哪怕是多一个空格或者多一个字母你要的效果都会出不来。总的来说网页设计这门课还是非常有趣的。

第四篇：Dreamweaver网页制作技巧心得体会

Dreamweaver网页制作技巧心得体会

熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。

一、活用Format Table命令

在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。

二、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

三、不给文件起中文名称

大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。

四、巧妙设置字体分辨率

我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

第五篇：瘦身协议

瘦身协议书

甲方:乙方:

一．甲方根据测得乙方实际身高______,体重_______,腰围_______,臀围_______.按亚洲人体重标准使用本店古方瘦身的专业技术,为乙方实施健康减肥方案,承诺一个疗程减_______斤.二．乙方必须完全按照减肥老师的指导，并严格遵守科学的饮食方法和健康的生活习惯，真正做到以下配合：

1.减肥前三到五天，必须全面排毒清肠一次！因为人体代谢下来的多余脂肪，毒素，垃圾大部分是通过大肠排出体外，人的大肠是身高的5倍，每隔3厘米就有一个皱褶，不管是否有便秘史，都有不同程度的毒素和垃圾，清除长期积累的毒素对人体百利而无一害！

2.乙方在瘦身期间，必须保证不会便秘，如有便秘需要自己或在老师的指导下解决便秘问题！

3.前3天必须每天来店接受专业瘦身服务一次，以后可隔天来店一次，有事请假，一疗程请假超过3次，本店不负责所减斤数，如因乙方工作调动，长期旅游，生病等等原因造成疗程中断的，属于自动放弃，甲方不负任何责任！

4.在承诺疗程内，不能达到承诺减肥斤数的（以底线为准），甲方负责退还减肥款。

5．乙方三次达不到甲方减肥饮食生活要求的，本店不负责所减斤数！

三．乙方应深刻理解到肥胖是自己的问题，为减肥付出了宝贵的时间和金钱，所以一定要珍惜这次减肥的机会。充分认识到肥胖是饮食结构不合理和代谢不平衡引起的，胃口好，吸收好，易胖体质，要树立终身减肥的观念和意识。医学证明：目前国际上没有哪种药或是仪器做了让你永不反弹。只有掌握了科学的饮食，提高人体本身的代谢功能，让代谢和摄入达到平衡，并彻底清除人体致胖的三瘀，才能达到永不反弹的目的。

四．乙方在签订协议的同时需一次性付清减肥款。

五．本协议一式两份，甲乙双方各执一份，签字生效。

甲方：乙方：

年月日