全新无边框窗口的制作的一个例子

　　很多朋友都用虚拟主机来做网站，将网页文件存放在虚拟空间上，但是页面内容一多，网站打开的速度就显得特别慢，如果您碰到这种情况，与其寻求更好的空间，不如通过优化网页代码来取得满意的速度。笔者总结了一些切实可行的方法，制作主页时，以下的方法可以令你的网页速度大大提高。

　　 一、记得帮页面减肥

　　我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如：不要使用太大的Flash动画、视频、图片等。

　　 二、如没必要，尽量使用静态HTML页面

　　众所周知，ASP、PHP、JSP等程序实现了网页信息的动态交互，运行起来的确非常方便，因为它们的数据交互性好，能很方便地存取、更改数据库的内容，使网站“动”起来，如：论坛、留言板等。但是这类程序必须先由服务器执行处理后，生成HTML页面，然后再“送”往客户端浏览，这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序，网页显示速度肯定会慢，所以没有必要，请尽量使用静态的HTML页面。

　　 三、不要将整个页面内容塞到一个Table中

　　这是网页设计的问题了，很多站长为了追求页面统一对齐，将整个页面的内容都塞进了一个Table（表格）里，然后再由单元格td来划分各个“块”的布局，这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的，如果某些内容无法访问，就会拖延整个页面的访问速度。正确的做法是：将内容分割到几个具有相同格局的Table中去，不要全都塞到一个Table里。其实现在都WEB标准都提倡抛弃表格！

　　 四、将ASP、ASPX、PHP等文件的访问改为．js引用

　　这在ASP、ASPX、PHP等程序设计时应该注意的，如果你要在静态的HTML页面里嵌入动态的数据，而这些动态的数据是由ASP、PHP等程序来提供的话，会使用以下的语句引用： < script src="http://image.ccidnet.com/ad_files/network_index.asp?orders=1">< /script>
 
这样的话，每次有一个人访问你的网站，服务器就要执行并处理一次network_index.asp文件，从数据库抽取相应的数据，再输出给网页显示，如果有几万个人同时访问，就要执行几万次，后果就可想而知。建议在这些程序中将数据动态生成到一个network_index.js文件中去，然后在首页通过
<script src="http://www.179job.com/ad_files/home_daohang/network_index.js"></script>
 
这样的代码来引用该network_index.js文件。这样，数据显示的任务就交给客户端的浏览器去做，不会耗费服务器的资源，显示速度自然就很快；前者所花的时间几乎是后者的几倍！
　 五、使用iframe嵌套另一页面

　　如果你要在网站上插入一些广告代码，又不想让这些广告网站影响速度的话，那么，使用iframe最合适不过了。方法是：将这些广告代码放到一个独立的页面去，然后在首页用如下的代码将该页面嵌入即可，这样就不会因为广告页面的延迟而拖了整个首页的显示，代码如下：

< iframe frameborder=0
   leftmargin=0
   marginheight=0
   marginwidth=0
   scrolling=no src="http://www.179job.com/pub/123.html"
   topmargin=0 width=700 height=440 >
< /iframe>
 
　　其中http:

　　随着 Internet的不断发展壮大，Internet 上的网页制作成了一门新兴科学。网页中不可避免地包含着一定数量的图形，因为较多的图像在增加吸引力的同时能给访问者提供更多更直接的信息，同时图像也较少受计算机平台、地域和语种的限制，能使网页更多地显示出制作者的创造力。 

　　虽然图像具有上述优势，但是由于图像是在Internet网络上传送，而Internet线路目前的传输速率还不理想，特别是国内大多数用户是通过慢速拨号连入本地的ISP,因此图像的大小在很大程度上影响着网页的下载时间，制作不好的图像文件下载时更会浪费Internet的带宽。

　　由此可见我们在制作网页时优化图像的大小是非常关键的，优化后的图像也许仅仅减少了几千个字节，但当页面中不只是一幅图像，或不止一个用户且不止一次地访问该页面时，节省的下载时间和通道带宽将是巨大的。下面我们就浅谈一下制作网页时几种用来优化图形的常用格式。 

　　GIF格式 

　　GIF(Graphic Interchange Format图形互换格式)是为跨平台消费市场开发的，当时消费者还没有机会使用“高档”的图形卡，大多数计算机的图形颜色比256色还少，所以256色被作为可显示的最高数目。GIF也是Internet上使用最早、应用最广泛的图像格式。GIF格式储存8位／点至l位／点的图像。其原理是减少每点的存储位数以减小图像文件的大小，这就是我们通常所说的减色抖动dithering。准确地说，GIF减少了图像调色板中的色彩数量，从而在存储时达到减小图像文件大小 的目的。该调色板通常并非Windows本身提供的标准凋色板，而是图像优化处理后的调色板。

　　现在假定我们制作一幅全色图像（用photoshop的术语就是“RGB模式”），原图为120k的“PSD格式”，准备作成一份GIF的文件之前，必须将它用一个相关的颜色图转换成为一个受限制的8位图像（用photoshop的术语说就是工作于“索引颜色模式”） 

　　由表1可看出，保持图像尺寸不变的情况下减少图像中每点的色彩数可以减少图像文件的大小。 
尽管支持的颜色数目较少，GIF格式仍然因拥有一些Ｗeb上使用很广泛的特殊效果而留存至今。如：交错效果、透明颜色效果以及GIF89a(动画)效果。 

　　交错 

　　交错即图像下载时从模糊逐渐到清晰的过程。 

　　当你查看一幅本地系统的图像时，通常图像都是一下子就全部显示出来而与用什么方式储存关系不大，但是在Internet网络上就不一样，当通过Internet慢慢地下载一个包括图像的文件，浏览器能边下载边显示收到的内容，此时就可以看到图像文件显示的顺序，GIF默认的存储图像顺序为从上到下、从左到右。当下载到一半时，只显示上半部图像。如果下载得慢而下半部图像是关键部位，则必须等待下半部图像的出现，这对用户来说是相当烦人的。 

　　GIF允许图像进行交错处理，此时不再严格地从上到下、一行像素一行像素地显示，而且每隔八行处理一次，然后再填补其间的空隙直到清晰为止。下载过程好比是一幅粗线条的素描变成色彩分明的图像，交错后的GIF文件容量并不变化。这种效果处理主要用于处理一些尺寸比较大的图像。

　　GIF89α 

　　GIF89α提供的动画实际上由多幅GIF图像组成，浏览器软件以每幅GIF图像定义的时间间隔顺序显示，形成动画效果。 

　　我们可以把动画分成以下三种常见的类型 ： 

　　第一种类型是由多幅内容不相干但具有相同尺寸的GIF图像文件组成的动画文件，在质量允许的情况下，采用上述方法把组成GIF89α动画的每幅GIF文件的色彩数尽可能减少，便可以做到缩小文件。 

　　第二种类型，我们仔细观察可以发现大部分动画的第二幅图像只是在第一幅图像的某些区域有一定的变化，因此在第二幅图像中可以只保存不相同区域的内容，这样可以极大地缩小文件。 

　　第三种类型是有固定背景的动画，这样只须保存第二幅图像的前景并设背景为透明就可以了。 

　　对于第二种和第三种类型我们必须保证组成动画的每幅GIF图像都使用相同的调色板进行减色抖动，同时第二幅图像定位必须准确。 

　　如果我们使用一幅200×100(宽×高)点阵作背景，用上面的三种方法分别制作一幅类似于霓虹灯效果的 GIF89a动画交替显示“图像”两个字，我们将会发现三种方法的显示效果完全一样，但用第三种方法优化的文件比用第一种方法优化的小50%(表2)。 

　　JPEG格式 

　　由Joint Photographic Experts Group提出并因此而得名，是在Internet上被广泛支持的图像格式，JPG支持16M色彩也就是通常所说的24位颜色或真彩色，其典型的压缩比为4:1。