既漂亮打开又快的网站设计
发布人:管理员 发布时间:2012-8-28
要解决这个问题首先要弄明白问题产生的原理。据保定网站建设了解,现在的我们在进行网站制作时其实都采用了photoshop来进行切图即生成html页面,这样一来我们所进行的网站设计其实就是一个很大的表格,而且因为网站设计各种内容安排的需要,在这个大表格中又包含有多个小单元格。当我们通过浏览器访问网站时其实是在完成一个从服务器上下载网站内容的过程,这个下载的过程中又要遵循下载完成后方可显示的规则。而我们在网站设计中所加入一些漂亮的效果功能代码尤其是广告代码并非出自于我们的网站,自然也就无法保证它的下载速度,从而影响了我们的网站运行速度。
了解了问题的所在之后保定网站建设公司可以给大家一个比较好的建议来改善这一问题:
(1)把广告代码放到希望显示的网页位置并加入<SPAN id=ad_01>广告载入中...</SPAN>
(2)把广告代码放置网站设计的底部
<SPAN class=spanclass id=span_ad_01> </SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>
如果我们在网站设计的过程中需要在同一个页面同时调用多个广告时,只要让每个广告拥有不同的ID地址即可
<SPAN id=ad_01>广告载入中...</SPAN>
<SPAN id=ad_02>广告载入中...</SPAN>
<SPAN class=spanclass id=span_ad_01>
/***** 广告内容一 *****/
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>
<SPAN class=spanclass id=span_ad_02>
/***** 广告内容二 *****/
</SPAN>
<SCRIPT>ad_02.innerHTML=span_ad_02.innerHTML;span_ad_02.innerHTML="";</SCRIPT>
这一网站设计技术的原理在于利用一个不会影响网页下载速度的少量字节普通HTML本地码<span>标签来替代<table></table>之间的广告代码,在此基础上再利用一个<span>标签包住广告代码,等待广告内容下载完成后,再利用JavaScript把包含广告内容的<span>标签内容传递给上面那个取代原广告条位置<span>,然后再把下面的<span>内容清空。
了解了问题的所在之后保定网站建设公司可以给大家一个比较好的建议来改善这一问题:
(1)把广告代码放到希望显示的网页位置并加入<SPAN id=ad_01>广告载入中...</SPAN>
(2)把广告代码放置网站设计的底部
<SPAN class=spanclass id=span_ad_01> </SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>
如果我们在网站设计的过程中需要在同一个页面同时调用多个广告时,只要让每个广告拥有不同的ID地址即可
<SPAN id=ad_01>广告载入中...</SPAN>
<SPAN id=ad_02>广告载入中...</SPAN>
<SPAN class=spanclass id=span_ad_01>
/***** 广告内容一 *****/
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>
<SPAN class=spanclass id=span_ad_02>
/***** 广告内容二 *****/
</SPAN>
<SCRIPT>ad_02.innerHTML=span_ad_02.innerHTML;span_ad_02.innerHTML="";</SCRIPT>
这一网站设计技术的原理在于利用一个不会影响网页下载速度的少量字节普通HTML本地码<span>标签来替代<table></table>之间的广告代码,在此基础上再利用一个<span>标签包住广告代码,等待广告内容下载完成后,再利用JavaScript把包含广告内容的<span>标签内容传递给上面那个取代原广告条位置<span>,然后再把下面的<span>内容清空。
上一篇:如何解决网站的安全问题
下一篇:如何做好网站内容的维护