图片【网页设计-最新经典技术文档-理念配色】网页加速之网页结构篇

一个网页的结构的好坏对网页的加载速度有着很大的影响

1 、关于框架结构一般情况下应尽量避免使用框架结构 因为浏览器必须对框架中的每个页面分别进行请求这必然会增加服务器的负担。另外现在还有少数用户使用的浏览器并不支持框架结构显示。 当然在一些地方框架结构还是显得非常方便 比如聊天室、论坛、社区、软件下载。

2、关于表格表格的应用不仅仅限于在一些内容列表的时候时候对于网页的整个布局表格有着非常重要的作用。为了能使大量的内容在网页上布置的井井有条一般通过没有边框的来将网页分块然后将不同的内容放在不同的单元格中。表格的使用是有一些技巧的首先尽量避免使用结构复杂的表格 因为结构复杂的表格有可能使浏览器多次刷新表格。其次能将一个表格分为两个或两个以上的时候尽量分为两个 因为浏览器只有在整个表格的内容全部读入以后再输出显示如果表格中的内容非常的多那么在加载过程中浏览器在表格读入完毕以前将一直显示空白。最后表格嵌套不要超过3层层次太多的话在加载表格的时候会使浏览器花大量的时候处理表格结构。 新浪网的首页页面就是很好的例子大家可以保存它在编辑软件打开查看其结构。 熟练的使用表格是作出美观的网页所必须的

网页加速之图形处理篇

在维护网站的过程用可能遇到过这样的情况辛辛苦苦做出来的页面但图片过多 网页结构、表格结构复杂程序冗长使得加载速度很慢 网页总是不能完全的展现在浏览者面前。

以下我将自己在网页减肥方面的一些经验介绍给大家希望大家都来讨论说说自己的观点

有关图片尽量把几个可能组合在一起的图片制作成一张图片这是因为浏览器对网页中的每个图片都会做个别请求也就是说如果网页中有5张图片那么浏览器就会向WEB服务器提出5次请求这必然会增加服务器的负担从而使得速度变慢

在网页中镶入图片的时候一定注明高度和宽度如 <img s rc="t est.gif"width=100 height=100>如果没有注明浏览器在下载完图片以前将无法确定图片的大小页面的提交就会延迟甚至可能重复向WEB服务器提出请求。选择适当的图片格式常见的格式为 JP G和GIF两种图片分别采用不同的方法压缩图片。 JP G支持的颜色数量比较多一

般对于照片或者颜色变化显著的图片用JP G格式还应该适当的选择压缩比在基本不损坏效果的同时尽量压缩。 GI F最做支持256种颜色适合小图片、色彩比较少的图片对于GIF图片可以在不影响图片效果的同时尽量减少图片的颜色数量。适当的选择图片的格式对图片的大小会有不小的影响。可以借助一些图片处理软件来处理。采用逐步提交方式提交图片两种图片格式都支持逐步提交格式 图片在逐步提交时在浏览器收到完整图片信息之前就开始显示了。这样看起来快一些。 GI F保存为交错格式 JP G选择逐步编码来保存。

对于所有图片应该带有文本用<img>a lt标签实现 因为很多朋友为了增加浏览速度关闭了浏览器的图片功能。提供了文

本有助于搞清页面的内容。 最后注意 网页到最后总是以内容来吸引大家的 内容是最重要的一些没有必要的图片尽量去掉

网页加速处理-页面减肥与减化

HTML语言怎样可以“减肥”呢因为在HTM L语言里本来是不用换行不用大量的空格的但各种用编辑器写出来的HTML为了便于作者查看程序所以都用上了很多的空格和和换行好像FP2000这个软件会产生相当多的空格使你网页的内空变得很大。还有一些可以减去的内容就是人为的了 比如你把多个HTML的属性用到一个对像上而这些属性里有重复的也会使你的页面变肥了。而一些可以产生同要效果的不同定义也产生了大量的无用代码哟那么下面我们说说具体的减肥方法了。

1 、软件压缩法

量内容做的方法就是软件压缩法了用一个专门对HTML减肥的软件来对HT ML页面减肥这还用说软件又不是我做

的 这个方法很容易也很有效但对于比如人为产生的东西就不能减了。

2、设计减肥法

这个方法也很容易的在这里我也只能告诉你一部分更多的你要自己积累的方法就是在设计网页时特别是用一个软件来设计网页时你要用一种良好的操作习惯和正确的方法使你编写出来的页面量优化。具体怎么做呢我下面有一些例子例如当你有文字或图片在表格里时需要居中那么使用单元格居中就会比使用文字居中产生的代码少例如你页面里所有的文字都是小字的时候你用CSS的方法来定义文字会比一部份一部份的去写义文字少产生很多的代码再例如说你要去一个表格里的一行定义相同的色彩那么使用行定义就会比使用单元格定义色彩产生的代码少又例如如果你页面里大多数的链接都是要新开一个窗口那么你把该页面的墨认设为开新窗口这样又会减少很多的开新窗口的定义。这有很多很多这方面的东西这就需要你自己积累了吧虹雨就积累了不少要都写出来就……嘻嘻。这个方法就是要你成养了一个好习惯这样不但不会增加你的工作又可以“减肥”多好呀。

3 、程序减肥法

这就是页面减肥的较高的进界了大家看能看到页面里有很多的代码是想同的这些样同的东西如果可以减下来可就不得了了怎样做到呢用程序了 因为现在的网页都可以使用一种程序语言JavaS cript这种程序是插入HTM L里面完成一些动态的东西的那么我们的减肥就用它了 比如做链接的HTML如下<TD align=middle width=110><A href="http://rongww.ye ah.net">榕儿的家

</A></TD>

<TD align=middle width=110><A href="http://hdqs.126.com">红豆情思</A></TD><TD align=middle width=110><A hre f="http://stonetime.126.com">Stone时

间</A></TD>

<TD align=middle width=1 10><A hre f="http://xiaokuen.on.net.cn">恋爱花

园</A></TD>

<TD align=middle width=1 10><A hre f="http://lilic ai.yeah.net">味道</A></TD><TD align=middle width=110><A hre f="http://broy.126.com">风花</A></TD>内容不少了但有不少的东西是一样的那么虹雨就用程序来动态的生成这些东西程序如下

<script>function lk(url,txt){document.write("<TD align=midd le wi dth=1 10><A hre f="+url+">"+txt+"</A></TD>")}lk("rongww.ye ah.net","<font co lor=red>榕儿的家")lk("hdqs.126.com","红豆情思")lk("stonetime.126.com","S tone时间")lk("xiaokuen.on.net.cn","恋爱花园")lk("li lic a i.ye ah.ne t","味道")lk("broy.126.com","风花")

</script>

怎样 内容少了一些吧但如291911320果好像上面的链接有很多很多用这个程序就可以大量的为你减肥了而且增加了你页面的可修改性这个程序只是一个例子也许它不合你所需但这就是我告诉你的方法你可以自已设计所需的程序使你的页面更快更好。这里面告诉你一种用程序减肥的方法就是合里的使用.js程序上次说过.js的使用不当会使你页面速度下降但如果你合理的使用自己本地的.js就另有工效了。通过它可以把不同网页里想同的东西291911320用一个.js文件保存使你页面的容易减少 同时还便于你以后的页面修改