[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

網(wǎng)頁打開的順序都是按頁面從上到下的順序加載完成的，所以要想使廣告不影響頁面打開速度，就要等頁面全部打開完成后，再加載JS代碼。
 
先加載完頁面再加載廣告的原理：
網(wǎng)頁打開的順序都是按頁面從上到下的順序加載完成的，所以要想使廣告不影響頁面打開速度，就要等頁面全部打開完成后，再加載JS代碼。等頁面加載完再加載廣告其實(shí)就是將廣告的 JS 代碼放在頁面的底部，等頁面內(nèi)容打開完成后再加載到廣告代碼，再用頁面上預(yù)留好的的 DIV 輸出廣告。

使用方法：
1、將以下代碼放置頁面中想要放廣告的地方
<div id=”myads”>載入中…</div>

2、將一下代碼放置頁面底部，也就是footer，php文件的底部。
<div id=”span_myads”>這里放廣告代碼</div>
<script type=”text/javascript”>
document.getElementById(“myads”).innerHTML = document.getElementById(“span_myads”).innerHTML;
document.getElementById(“span_myads”).innerHTML = “”;
</script>

OK，這樣就實(shí)現(xiàn)了先加載完頁面再加載廣告了，怎么樣不影響大家閱讀吧~

網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)尺寸:
1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。
2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值, 1024*768頁面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)
3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右
4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)椋祝牛律厦嬷挥玫剑玻担叮祝牛掳踩?，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象.
頁面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

標(biāo)準(zhǔn)網(wǎng)頁廣告尺寸規(guī)格
1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?BR>2、120*60，這種廣告規(guī)格主要用于做LOGO使用。
3、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。
4、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。
5、234*60，這種規(guī)格適用于框架或左右形式主頁的廣告鏈接。
6、392*72，主要用于有較多圖片展示的廣告條，用于頁眉或頁腳。
7、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁眉或頁腳。
8、88*31，主要用于網(wǎng)頁鏈接，或網(wǎng)站小型LOGO。

網(wǎng)頁中的廣告尺寸
1、首頁右上，尺寸120*60    
2、首頁頂部通欄，尺寸468*60    
3、首頁頂部通欄，尺寸760*60
4、首頁中部通欄，尺寸580*60  
5、內(nèi)頁頂部通欄，尺寸468*60  
6、內(nèi)頁頂部通欄，尺寸760*60
7、內(nèi)頁左上，尺寸150*60或300*300  
8、下載地址頁面，尺寸560*60或468*60
9、內(nèi)頁底部通欄，尺寸760*60   
10、左漂浮，尺寸80*80或100*100
11、右漂浮，尺寸80*80或100*100

IAB和EIAA發(fā)布新的網(wǎng)絡(luò)廣告尺寸標(biāo)準(zhǔn) 
在這6種格式中，除了去年iab發(fā)布的4種“通用廣告包”中的格式：160×600, 300×250, 180×150及728×90，還包括新公布的468×60 和120×600（擎天柱）2種。

　做一些聯(lián)盟廣告時(shí)，由于聯(lián)盟廣告的加載慢，整體頁面的顯示速度也會(huì)變慢，如果加入下面的代碼就可以有效地解決這個(gè)問題。以下代碼同時(shí)兼容IE和FireFox瀏覽器。

　　第一步：把這段代碼放在你要放廣告的網(wǎng)頁位置：

　　程序代碼

<P id=”myads”>廣告載入中…</P>

　　第二步：把這段代碼放到頁底：

　　 程序代碼

<P id=”span_myads”> 

　　這里放廣告的JS代碼或其他加載速度比較慢的內(nèi)容都可以。

</P> 
<script type=”text/javascript”> 
document.getElementById(“myads”).innerHTML = document.getElementById(“span_myads”).innerHTML;
document.getElementById(“span_myads”).innerHTML = “”;
</script>

一、長度單位

　　長度單位分為兩種，一種是相對長度，另一種是絕對長度。

　　以下為三種相對長度單位：

　　◆ em 相對于父對象的大小
　　◆ ex 相對于特定字體中的字母x的高度
　　◆ px 相對于特定設(shè)備的分辨率，這是最最常用的單位，也是我們一直堅(jiān)守的單位。從技術(shù)角度來說，px像素其實(shí)是一種相對大小的度量單位，它于特定設(shè)備的顯示或打印的分辨率有關(guān)。例如，一個(gè)像素在被顯示在計(jì)算機(jī)屏幕上與被打印在紙張上的大小是不同的。

　　以下為五種絕對長度單位：

　　絕對長度單位在打印時(shí)或在屏幕顯示設(shè)備的物理尺寸已知時(shí)才比較有用。

　　◆ in 英寸
　　◆ cm 厘米
　　◆ mm 毫米
　　◆ pt 點(diǎn)
　　◆ pc 12點(diǎn)活字

二、相對大小的關(guān)鍵字

　　相對大小的關(guān)鍵字只有兩個(gè)值：

　　◆ larger
　　◆ smaller

　　這兩個(gè)值的設(shè)定與父對象的設(shè)定值有關(guān)。我們可以像理解老式的<small><big>那樣來理解它們。它們是設(shè)定文字大小的最基本的方式，并會(huì)受到上層對象的文字大小定義的影響。

三、絕對大小的關(guān)鍵字

　　這類關(guān)鍵字共有7個(gè)，他們的實(shí)際大小根據(jù)不同的瀏覽器及設(shè)備來決定。

　　◆ xx-small
　　◆ x-small
　　◆ small
　　◆ medium
　　◆ large
　　◆ x-large
　　◆ xx-large

　　W3C建立建議瀏覽器開發(fā)公司，將每個(gè)關(guān)鍵字之間的比例設(shè)定為1.5。并推薦讓這個(gè)比例保持恒定，媽medium是small的1.5倍。同樣large是medium的1.5倍。

四、百分比

　　使用百分比設(shè)置大小，將在容器對象文字大小的基礎(chǔ)上進(jìn)行改變。如果我們設(shè)置body的文字大小為10。我們設(shè)置p的文字大小為150%，則p的文字大小就為15。不管10是什么樣的單位，百分比作為一種比例進(jìn)行縮放調(diào)整。

<STYLE TYPE=”text/css”>
BODY
{
scrollbar-face-color: green;
scrollbar-shadow-color: blue;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: brown;
scrollbar-track-color: yellow;
scrollbar-arrow-color: white;
}
</STYLE>

<STYLE TYPE=”text/css”>
BODY
{
scrollbar-face-color: #EAEAEA;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-3dlight-color: #EAEAEA;
scrollbar-darkshadow-color: #697074;
scrollbar-track-color: #F7F7F7;
scrollbar-arrow-color: #666666;
}

<span id=”span_myads”>
這里放廣告的JS代碼或其他加載速度比較慢的內(nèi)容都可以.
</span>

<script type=”text/javascript”>
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML=””;
</script>

Robots Meta標(biāo)簽是一個(gè)簡單的機(jī)器人訪問索引頁面應(yīng)該遵循頁面標(biāo)簽規(guī)范。

Robots Meta應(yīng)該放置在網(wǎng)頁的什么位置呢？

跟任何一種META標(biāo)簽是一樣的，Robots Meta放置在HTML網(wǎng)頁代碼的HEAD之內(nèi)。

<html>
<head>
<meta name=”robots” content=”noindex,nofollow”>
<meta name=”description” content=”This page ….”>
<title>…</title>
</head>
<body>…

怎么使用Robots Meta標(biāo)簽？

例如：

<meta name=”robots” content=”index,follow”>
<meta name=”robots” content=”noindex,follow”>
<meta name=”robots” content=”index,nofollow”>
<meta name=”robots” content=”noindex,nofollow”>

當(dāng)content需要包含多個(gè)屬性的時(shí)候需要用英文逗號(hào)隔離，注意同種屬性正反兩個(gè)方面（例如：index與noindex）不能同時(shí)出現(xiàn)在content之中。

通常content屬性里面的包含的標(biāo)簽有：

NOINDEX -不索引當(dāng)前頁面
NOFOLLOW -不跟蹤當(dāng)前頁面中所有的鏈接
NOARCHIVE -在搜索結(jié)果中不保存當(dāng)前頁面的快照
NOSNIPPET – 在搜索結(jié)果中不采用當(dāng)前頁面的頭部描述信息，且不保存當(dāng)前頁面的快照
NOODP -搜索結(jié)果中不使用
DMOZ中的描述信息，Yahoo、MSN也支持此類標(biāo)簽。
NONE -不索引當(dāng)前頁面以及其中的所有鏈接，跟“NOINDEX, NOFOLLOW” 含義相同

注:目前只有少數(shù)的機(jī)器人支持此標(biāo)簽!

下午在Google網(wǎng)站管理員博客上看到了Google Robots支持的一些Meta標(biāo)簽，才寫了這篇關(guān)于Robots Meta的博客文章。

通過設(shè)置這這些Robots Meta標(biāo)簽，站長們就可以很好的控制一些頁面在某些搜索引擎中的的索引，跟蹤方式，網(wǎng)頁的描述信息以及是否要保存網(wǎng)頁快照。

SEO也可以針對客戶對具體的搜索引擎索引要求去調(diào)整這些標(biāo)簽的展現(xiàn)形式，滿足客戶的需求。

<span id=”span_myads”>
這里放廣告的JS代碼或其他加載速度比較慢的內(nèi)容都可以.
</span>

<script type=”text/javascript”>
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML=””;
</script>

ASP是微軟公司實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁的一種技術(shù)。ASP支持一些腳本語言，主要以VBScripp為主。與ASP相比較，你還可以選擇另一中開放源代碼編程語言――PHP，PHP可以運(yùn)行在多種操作系統(tǒng)下，其中包括Linux和windows。

雖然ASP是一種不錯(cuò)的技術(shù)，但從長遠(yuǎn)考慮我相信PHP在將來的技術(shù)領(lǐng)域里會(huì)有不凡的表現(xiàn)。

我認(rèn)為有七個(gè)理由可以說明PHP比ASP更優(yōu)秀:

1、速度、速度、速度

當(dāng)我第一次運(yùn)行PHP腳本程序時(shí)，我不禁對自己說:“太快了”，當(dāng)時(shí)我是在儀態(tài)166MHZ的機(jī)器上運(yùn)行我的程序的，但運(yùn)行的速度仍然很快。

ASP是永遠(yuǎn)也不會(huì)象PHP這樣快的，因?yàn)锳SP是建立在COM體系結(jié)構(gòu)之上的。當(dāng)用VBScript寫ASP腳本時(shí)，實(shí)際上實(shí)在使用COM的對象，當(dāng)向用戶瀏覽器發(fā)送信息時(shí)，它用的是Response對象的write方法，當(dāng)它訪問數(shù)據(jù)庫和文件系統(tǒng)的時(shí)候，它用的是其他的COM對象。這些COM對象的使用使運(yùn)行速度下降。

在PHP代碼中，所有的工作都運(yùn)行在PHP的內(nèi)存空間中，也就是說PHP不是基于COM對象的，所以的他的運(yùn)行速度會(huì)快一些。

下面是我們在MSSQL7 40次運(yùn)行一個(gè)查詢語句的執(zhí)行時(shí)間統(tǒng)計(jì):

PHP Querying MSSQL7 時(shí)間(秒)

用MSSQL extension 01.88

用ODBC extension 09.54

用ODBC via COM (ADO) 17.28

用OLEDB via COM 06.19

當(dāng)我們使用PHP.ODBC,訪問數(shù)據(jù)庫用了9.54秒，而用COM接口去連接數(shù)據(jù)庫需要比PHP所用的時(shí)間高80%。

OLEDB是微軟的一種高速訪問數(shù)據(jù)庫的技術(shù)，他比ODBC要快。但當(dāng)我們所PHP和OLEDB的效率實(shí)驗(yàn)時(shí)，結(jié)果是PHP的整體性能比OLEDB高200%，如此的出一個(gè)結(jié)論，如果不采用COM可以獲得較快的執(zhí)行速度。

當(dāng)然PHP的執(zhí)行速度還不是最快的，但我們才剛剛開始起步，我們會(huì)逐步的完善他，而且PHP是一種開放源代碼編程語言，世界上許多程序員在不斷的完善他的技術(shù)，相信他一定會(huì)比非開放源代碼系統(tǒng)獲得更高的執(zhí)行速度的。

2、高級(jí)內(nèi)存管理

在IIS4下，一個(gè)ASP腳本header.asp，如果被20個(gè)頁面所包含，那么運(yùn)行的時(shí)候，在內(nèi)存當(dāng)中會(huì)保留這20個(gè)header.asp的編譯副本，IIS5解決了這個(gè)問題，但只有windows2000才支持IIS5，由于這種IIS5的不能向下兼容的原因，許多服務(wù)器仍然要使用IIS4下的低級(jí)的內(nèi)存管理。

而在PHP中，不會(huì)存在這種問題，只有當(dāng)require時(shí)，才會(huì)調(diào)用某個(gè)include文件。

3、沒有后顧之憂

我非常憎恨的一件事情就是會(huì)買到一件不放心的產(chǎn)品，比如當(dāng)你買了一輛汽車，但由于發(fā)動(dòng)機(jī)是壞的，你需要更換他;當(dāng)你買了一棟房子的時(shí)候，你要去修補(bǔ)漏雨的屋頂。

那么ASP舊鄉(xiāng)這些產(chǎn)品一樣，當(dāng)你買了ASP之后，如果你需要加密技術(shù)，你就要買ASPEncrypt;當(dāng)你需要Email管理時(shí)，你就要買ServerObjets Qmail;當(dāng)你需要文件上傳時(shí)，你還要買Artisans SA-FileUp.

4、MySQL使PHP更精彩

PHP與MySQL的組合既簡單又精彩。PHP有許多管理和維護(hù)MySQL的工具，對MySQk的支持是最全面的。許多有用的函數(shù)如mysql_insert_id和mysql_affected_rows等，其他的數(shù)據(jù)庫則沒有。

ASP和PHP都是中型網(wǎng)站的較理想的解決方案，但PHP與MySQL的緊密結(jié)合使PHP更加優(yōu)越。

MySQL的速度比Microsoft Access速度快，Mssql和Oracle速度比MySQL要快，可是費(fèi)用較高。

5、Java和C++的變成風(fēng)格

這個(gè)優(yōu)點(diǎn)只是一個(gè)看法。

我知道你不會(huì)相信一個(gè)Visual Basic程序員會(huì)因?yàn)镻HP有Java和C++的編程風(fēng)格而轉(zhuǎn)向使用PHP，但你會(huì)相信有許多人還是喜歡Java和C++的，PHP是一種具有這兩種語言的編程風(fēng)格的較容易學(xué)習(xí)的語言。

PHP支持結(jié)構(gòu)化編程，在VB因?yàn)樗睦^承性使用類還是較少的。而PHP的象Java和C++一樣的繼承性使一個(gè)大型的程序中到處都充滿了類的影子。

6、Bug的處理

你是否曾經(jīng)要求Microsoft修改ASP的一些Bug呢?如果你不是一個(gè)象Boeing一樣的組織，你無法獲得迅速而恰當(dāng)?shù)男薷模衙串?dāng)你遇到Bug而停止工作時(shí)，如果這個(gè)Bug不修改，你將無法繼續(xù)你的工作的。

PHP，當(dāng)你發(fā)現(xiàn)Bug時(shí)，你可以修改他，如果你沒有專家的水平，你可以請專家修改，并且你的修改會(huì)得到開放代碼組織的接受和認(rèn)可。

7、移植性

Microsoft經(jīng)常修改ASP，下一版本叫ASP+，現(xiàn)在已經(jīng)開始測試。我相信他們會(huì)修改許多我曾經(jīng)提到過的問題。但也無庸質(zhì)疑的，Microsoft會(huì)將你限制在他們的產(chǎn)品范圍之內(nèi)的。

我曾經(jīng)是一個(gè)蘋果機(jī)的程序員，當(dāng)windows95問世后，我開始轉(zhuǎn)變，但許多原來的代碼都無法在windows95下運(yùn)行，這些代碼現(xiàn)在被放在一邊，我非常的遺憾。所以我不希望在windows下再出現(xiàn)這樣的悲劇。

不要忘記Novell曾經(jīng)也象Microsoft的網(wǎng)絡(luò)操作系統(tǒng)一樣熱及一時(shí)，但現(xiàn)在已經(jīng)沒有許多人用了，那么Microsoft也會(huì)這樣的。

我找到了PHP，我仍舊在windows下工作，但我知道PHP代碼可以運(yùn)行在Solaris、Linux和許多其他的操作系統(tǒng)中，我的心里感到安慰.

　　Ajax的定義

　　Ajax不是一個(gè)技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特這處，合在一起就成了一個(gè)功能強(qiáng)大的新技術(shù)。Ajax包括:

　　XHTML和CSS

　　使用文檔對象模型(Document Object Model)作動(dòng)態(tài)顯示和交互

　　使用XML和XSLT做數(shù)據(jù)交互和操作

　　使用XMLHttpRequest進(jìn)行異步數(shù)據(jù)接收

　　使用JavaScript將它們綁定在一起

　　傳統(tǒng)的web應(yīng)用模型工作起來就象這樣:大部分界面上的用戶動(dòng)作觸發(fā)一個(gè)連接到Web服務(wù)器的HTTP請求。

　　服務(wù)器完成一些處理—接收數(shù)據(jù)，處理計(jì)算，再訪問其它的數(shù)據(jù)庫系統(tǒng)，最后返回一個(gè)HTML頁面到客戶端。這是一個(gè)老套的模式，自采用超文本作為web使用以來，一直都這樣用, 但看過《The Elements of User Experience》的讀者一定知道，是什么限制了Web界面沒有桌面軟件那么好用。

　　圖1: 傳統(tǒng)Web應(yīng)用模型(左)與Ajax模型的比較(右).

　　這種舊的途徑讓我們認(rèn)識(shí)到了許多技術(shù)，但它不會(huì)產(chǎn)生很好的用戶體驗(yàn)。當(dāng)服務(wù)器正在處理自己的事情的時(shí)候，用戶在做什么?沒錯(cuò)，等待。每一個(gè)動(dòng)作，用戶都要等待。

　　很明顯，如果我們按桌面程序的思維設(shè)計(jì)Web應(yīng)用，我們不愿意讓用戶總是等待。當(dāng)界面加載后，為什么還要讓用戶每次再花一半的時(shí)間從服務(wù)取數(shù)據(jù)?實(shí)際上，為什么老是讓用戶看到程序去服務(wù)器取數(shù)據(jù)呢?

　　Ajax如何不同凡響

　　通過在用戶和服務(wù)器之間引入一個(gè)Ajax引擎，可以消除Web的開始-停止-開始-停止這樣的交互過程. 它就像增加了一層機(jī)制到程序中，使它響應(yīng)更靈敏，而它的確做到了這一點(diǎn)。

　　不像加載一個(gè)頁面一樣，在會(huì)話的開始，瀏覽器加載了一個(gè)Ajax引擎—采用JavaScript編寫并且通常在一個(gè)隱藏frame中。這個(gè)引擎負(fù)責(zé)繪制用戶界面以及與服務(wù)器端通訊。Ajax引擎允許用異步的方式實(shí)現(xiàn)用戶與程序的交互–不用等待服務(wù)器的通訊。所以用戶再不不用打開一個(gè)空白窗口，看到等待光標(biāo)不斷的轉(zhuǎn)，等待服務(wù)器完成后再響應(yīng)。

　　圖 2: 傳統(tǒng)Web應(yīng)用的同步交互過程(上)和Ajax應(yīng)用的異步交互過程的比較(下).

　　通常要產(chǎn)生一個(gè)HTTP請求的用戶動(dòng)作現(xiàn)在通過JavaScript調(diào)用Ajax引擎來代替. 任何用戶動(dòng)作的響應(yīng)不再要求直接傳到服務(wù)器—例如簡單的數(shù)據(jù)校驗(yàn)，內(nèi)存中的數(shù)據(jù)編輯，甚至一些頁面導(dǎo)航—引擎自己就可以處理它. 如果引擎需要從服務(wù)器取數(shù)據(jù)來響應(yīng)用戶動(dòng)作—假設(shè)它提交需要處理的數(shù)據(jù)，載入另外的界面代碼，或者接收新的數(shù)據(jù)—引擎讓這些工作異步進(jìn)行，通常使用XML, 不用再擔(dān)誤用戶界面的交互。