[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
網頁打開的順序都是按頁面從上到下的順序加載完成的,所以要想使廣告不影響頁面打開速度,就要等頁面全部打開完成后,再加載JS代碼。
先加載完頁面再加載廣告的原理:
網頁打開的順序都是按頁面從上到下的順序加載完成的,所以要想使廣告不影響頁面打開速度,就要等頁面全部打開完成后,再加載JS代碼。等頁面加載完再加載廣告其實就是將廣告的 JS 代碼放在頁面的底部,等頁面內容打開完成后再加載到廣告代碼,再用頁面上預留好的的 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,這樣就實現了先加載完頁面再加載廣告了,怎么樣不影響大家閱讀吧~
]]>網頁設計標準尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。(在dw里面有設定好的標準值, 1024*768頁面的標準大小是955*600,照著它的尺寸做就行了)
3、在ps里面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.
頁面標準按800*600分辨率制作,實際尺寸為778*434px
頁面長度原則上不超過3屏,寬度不超過1屏
每個標準頁面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標準尺寸
每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不超過14K
標準網頁廣告尺寸規格
1、120*120,這種廣告規格適用于產品或新聞照片展示。
2、120*60,這種廣告規格主要用于做LOGO使用。
3、120*90,主要應用于產品演示或大型LOGO。
4、125*125,這種規格適于表現照片效果的圖像廣告。
5、234*60,這種規格適用于框架或左右形式主頁的廣告鏈接。
6、392*72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。
7、468*60,應用最為廣泛的廣告條尺寸,用于頁眉或頁腳。
8、88*31,主要用于網頁鏈接,或網站小型LOGO。
| 廣告形式 | 像素大小 | 最大尺寸 | 備注 |
| BUTTON | 120*60(必須用gif) 215*50(必須用gif) |
7K 7K |
|
| 通欄 | 760*100 430*50 |
25K 15K |
靜態圖片或減少運動效果 |
| 超級通欄 | 760*100 to 760*200 | 共40K | 靜態圖片或減少運動效果 |
| 巨幅廣告 | 336*280 585*120 |
35K | |
| 豎邊廣告 | 130*300 | 25K | |
| 全屏廣告 | 800*600 | 40K | 必須為靜態圖片,FLASH格式 |
| 圖文混排 | 各頻道不同 | 15K | |
| 彈出窗口 | 400*300(盡量用gif) | 40K | |
| BANNER | 468*60(盡量用gif) | 18K | |
| 懸停按鈕 | 80*80(必須用gif) | 7K | |
| 流媒體 | 300*200(可做不規則形狀但尺寸不能超過300*200) | 30K | 播放時間 小于5秒60幀(1秒/12幀) |
網頁中的廣告尺寸
1、首頁右上,尺寸120*60
2、首頁頂部通欄,尺寸468*60
3、首頁頂部通欄,尺寸760*60
4、首頁中部通欄,尺寸580*60
5、內頁頂部通欄,尺寸468*60
6、內頁頂部通欄,尺寸760*60
7、內頁左上,尺寸150*60或300*300
8、下載地址頁面,尺寸560*60或468*60
9、內頁底部通欄,尺寸760*60
10、左漂浮,尺寸80*80或100*100
11、右漂浮,尺寸80*80或100*100
IAB和EIAA發布新的網絡廣告尺寸標準
在這6種格式中,除了去年iab發布的4種“通用廣告包”中的格式:160×600, 300×250, 180×150及728×90,還包括新公布的468×60 和120×600(擎天柱)2種。
做一些聯盟廣告時,由于聯盟廣告的加載慢,整體頁面的顯示速度也會變慢,如果加入下面的代碼就可以有效地解決這個問題。以下代碼同時兼容IE和FireFox瀏覽器。
第一步:把這段代碼放在你要放廣告的網頁位置:
程序代碼
<P id=”myads”>廣告載入中…</P>
第二步:把這段代碼放到頁底:
程序代碼
<P id=”span_myads”>
這里放廣告的JS代碼或其他加載速度比較慢的內容都可以。
</P>
<script type=”text/javascript”>
document.getElementById(“myads”).innerHTML = document.getElementById(“span_myads”).innerHTML;
document.getElementById(“span_myads”).innerHTML = “”;
</script>
一、長度單位
長度單位分為兩種,一種是相對長度,另一種是絕對長度。
以下為三種相對長度單位:
◆ em 相對于父對象的大小
◆ ex 相對于特定字體中的字母x的高度
◆ px 相對于特定設備的分辨率,這是最最常用的單位,也是我們一直堅守的單位。從技術角度來說,px像素其實是一種相對大小的度量單位,它于特定設備的顯示或打印的分辨率有關。例如,一個像素在被顯示在計算機屏幕上與被打印在紙張上的大小是不同的。
以下為五種絕對長度單位:
絕對長度單位在打印時或在屏幕顯示設備的物理尺寸已知時才比較有用。
◆ in 英寸
◆ cm 厘米
◆ mm 毫米
◆ pt 點
◆ pc 12點活字
二、相對大小的關鍵字
相對大小的關鍵字只有兩個值:
◆ larger
◆ smaller
這兩個值的設定與父對象的設定值有關。我們可以像理解老式的<small><big>那樣來理解它們。它們是設定文字大小的最基本的方式,并會受到上層對象的文字大小定義的影響。
三、絕對大小的關鍵字
這類關鍵字共有7個,他們的實際大小根據不同的瀏覽器及設備來決定。
◆ xx-small
◆ x-small
◆ small
◆ medium
◆ large
◆ x-large
◆ xx-large
W3C建立建議瀏覽器開發公司,將每個關鍵字之間的比例設定為1.5。并推薦讓這個比例保持恒定,媽medium是small的1.5倍。同樣large是medium的1.5倍。
四、百分比
使用百分比設置大小,將在容器對象文字大小的基礎上進行改變。如果我們設置body的文字大小為10。我們設置p的文字大小為150%,則p的文字大小就為15。不管10是什么樣的單位,百分比作為一種比例進行縮放調整。
]]><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代碼或其他加載速度比較慢的內容都可以.
</span>
<script type=”text/javascript”>
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML=””;
</script>
Robots Meta標簽是一個簡單的機器人訪問索引頁面應該遵循頁面標簽規范。
Robots Meta應該放置在網頁的什么位置呢?
跟任何一種META標簽是一樣的,Robots Meta放置在HTML網頁代碼的HEAD之內。
<html>
<head>
<meta name=”robots” content=”noindex,nofollow”>
<meta name=”description” content=”This page ….”>
<title>…</title>
</head>
<body>…
怎么使用Robots Meta標簽?
例如:
<meta name=”robots” content=”index,follow”>
<meta name=”robots” content=”noindex,follow”>
<meta name=”robots” content=”index,nofollow”>
<meta name=”robots” content=”noindex,nofollow”>
當content需要包含多個屬性的時候需要用英文逗號隔離,注意同種屬性正反兩個方面(例如:index與noindex)不能同時出現在content之中。
通常content屬性里面的包含的標簽有:
NOINDEX -不索引當前頁面
NOFOLLOW -不跟蹤當前頁面中所有的鏈接
NOARCHIVE -在搜索結果中不保存當前頁面的快照
NOSNIPPET – 在搜索結果中不采用當前頁面的頭部描述信息,且不保存當前頁面的快照
NOODP -搜索結果中不使用
DMOZ中的描述信息,Yahoo、MSN也支持此類標簽。
NONE -不索引當前頁面以及其中的所有鏈接,跟“NOINDEX, NOFOLLOW” 含義相同
注:目前只有少數的機器人支持此標簽!
下午在Google網站管理員博客上看到了Google Robots支持的一些Meta標簽,才寫了這篇關于Robots Meta的博客文章。
通過設置這這些Robots Meta標簽,站長們就可以很好的控制一些頁面在某些搜索引擎中的的索引,跟蹤方式,網頁的描述信息以及是否要保存網頁快照。
SEO也可以針對客戶對具體的搜索引擎索引要求去調整這些標簽的展現形式,滿足客戶的需求。
]]><span id=”span_myads”>
這里放廣告的JS代碼或其他加載速度比較慢的內容都可以.
</span>
<script type=”text/javascript”>
myads.innerHTML=span_myads.innerHTML;
span_myads.innerHTML=””;
</script>
ASP是微軟公司實現動態網頁的一種技術。ASP支持一些腳本語言,主要以VBScripp為主。與ASP相比較,你還可以選擇另一中開放源代碼編程語言――PHP,PHP可以運行在多種操作系統下,其中包括Linux和windows。
雖然ASP是一種不錯的技術,但從長遠考慮我相信PHP在將來的技術領域里會有不凡的表現。
我認為有七個理由可以說明PHP比ASP更優秀:
1、速度、速度、速度
當我第一次運行PHP腳本程序時,我不禁對自己說:“太快了”,當時我是在儀態166MHZ的機器上運行我的程序的,但運行的速度仍然很快。
ASP是永遠也不會象PHP這樣快的,因為ASP是建立在COM體系結構之上的。當用VBScript寫ASP腳本時,實際上實在使用COM的對象,當向用戶瀏覽器發送信息時,它用的是Response對象的write方法,當它訪問數據庫和文件系統的時候,它用的是其他的COM對象。這些COM對象的使用使運行速度下降。
在PHP代碼中,所有的工作都運行在PHP的內存空間中,也就是說PHP不是基于COM對象的,所以的他的運行速度會快一些。
下面是我們在MSSQL7 40次運行一個查詢語句的執行時間統計:
PHP Querying MSSQL7 時間(秒)
用MSSQL extension 01.88
用ODBC extension 09.54
用ODBC via COM (ADO) 17.28
用OLEDB via COM 06.19
當我們使用PHP.ODBC,訪問數據庫用了9.54秒,而用COM接口去連接數據庫需要比PHP所用的時間高80%。
OLEDB是微軟的一種高速訪問數據庫的技術,他比ODBC要快。但當我們所PHP和OLEDB的效率實驗時,結果是PHP的整體性能比OLEDB高200%,如此的出一個結論,如果不采用COM可以獲得較快的執行速度。
當然PHP的執行速度還不是最快的,但我們才剛剛開始起步,我們會逐步的完善他,而且PHP是一種開放源代碼編程語言,世界上許多程序員在不斷的完善他的技術,相信他一定會比非開放源代碼系統獲得更高的執行速度的。
2、高級內存管理
在IIS4下,一個ASP腳本header.asp,如果被20個頁面所包含,那么運行的時候,在內存當中會保留這20個header.asp的編譯副本,IIS5解決了這個問題,但只有windows2000才支持IIS5,由于這種IIS5的不能向下兼容的原因,許多服務器仍然要使用IIS4下的低級的內存管理。
而在PHP中,不會存在這種問題,只有當require時,才會調用某個include文件。
3、沒有后顧之憂
我非常憎恨的一件事情就是會買到一件不放心的產品,比如當你買了一輛汽車,但由于發動機是壞的,你需要更換他;當你買了一棟房子的時候,你要去修補漏雨的屋頂。
那么ASP舊鄉這些產品一樣,當你買了ASP之后,如果你需要加密技術,你就要買ASPEncrypt;當你需要Email管理時,你就要買ServerObjets Qmail;當你需要文件上傳時,你還要買Artisans SA-FileUp.
4、MySQL使PHP更精彩
PHP與MySQL的組合既簡單又精彩。PHP有許多管理和維護MySQL的工具,對MySQk的支持是最全面的。許多有用的函數如mysql_insert_id和mysql_affected_rows等,其他的數據庫則沒有。
ASP和PHP都是中型網站的較理想的解決方案,但PHP與MySQL的緊密結合使PHP更加優越。
MySQL的速度比Microsoft Access速度快,Mssql和Oracle速度比MySQL要快,可是費用較高。
5、Java和C++的變成風格
這個優點只是一個看法。
我知道你不會相信一個Visual Basic程序員會因為PHP有Java和C++的編程風格而轉向使用PHP,但你會相信有許多人還是喜歡Java和C++的,PHP是一種具有這兩種語言的編程風格的較容易學習的語言。
PHP支持結構化編程,在VB因為他的繼承性使用類還是較少的。而PHP的象Java和C++一樣的繼承性使一個大型的程序中到處都充滿了類的影子。
6、Bug的處理
你是否曾經要求Microsoft修改ASP的一些Bug呢?如果你不是一個象Boeing一樣的組織,你無法獲得迅速而恰當的修改,把么當你遇到Bug而停止工作時,如果這個Bug不修改,你將無法繼續你的工作的。
PHP,當你發現Bug時,你可以修改他,如果你沒有專家的水平,你可以請專家修改,并且你的修改會得到開放代碼組織的接受和認可。
7、移植性
Microsoft經常修改ASP,下一版本叫ASP+,現在已經開始測試。我相信他們會修改許多我曾經提到過的問題。但也無庸質疑的,Microsoft會將你限制在他們的產品范圍之內的。
我曾經是一個蘋果機的程序員,當windows95問世后,我開始轉變,但許多原來的代碼都無法在windows95下運行,這些代碼現在被放在一邊,我非常的遺憾。所以我不希望在windows下再出現這樣的悲劇。
不要忘記Novell曾經也象Microsoft的網絡操作系統一樣熱及一時,但現在已經沒有許多人用了,那么Microsoft也會這樣的。
我找到了PHP,我仍舊在windows下工作,但我知道PHP代碼可以運行在Solaris、Linux和許多其他的操作系統中,我的心里感到安慰.
]]>Ajax的定義
Ajax不是一個技術,它實際上是幾種技術,每種技術都有其獨特這處,合在一起就成了一個功能強大的新技術。Ajax包括:
XHTML和CSS
使用文檔對象模型(Document Object Model)作動態顯示和交互
使用XML和XSLT做數據交互和操作
使用XMLHttpRequest進行異步數據接收
使用JavaScript將它們綁定在一起
傳統的web應用模型工作起來就象這樣:大部分界面上的用戶動作觸發一個連接到Web服務器的HTTP請求。
服務器完成一些處理—接收數據,處理計算,再訪問其它的數據庫系統,最后返回一個HTML頁面到客戶端。這是一個老套的模式,自采用超文本作為web使用以來,一直都這樣用, 但看過《The Elements of User Experience》的讀者一定知道,是什么限制了Web界面沒有桌面軟件那么好用。

圖1: 傳統Web應用模型(左)與Ajax模型的比較(右).
這種舊的途徑讓我們認識到了許多技術,但它不會產生很好的用戶體驗。當服務器正在處理自己的事情的時候,用戶在做什么?沒錯,等待。每一個動作,用戶都要等待。
很明顯,如果我們按桌面程序的思維設計Web應用,我們不愿意讓用戶總是等待。當界面加載后,為什么還要讓用戶每次再花一半的時間從服務取數據?實際上,為什么老是讓用戶看到程序去服務器取數據呢?
Ajax如何不同凡響
通過在用戶和服務器之間引入一個Ajax引擎,可以消除Web的開始-停止-開始-停止這樣的交互過程. 它就像增加了一層機制到程序中,使它響應更靈敏,而它的確做到了這一點。
不像加載一個頁面一樣,在會話的開始,瀏覽器加載了一個Ajax引擎—采用JavaScript編寫并且通常在一個隱藏frame中。這個引擎負責繪制用戶界面以及與服務器端通訊。Ajax引擎允許用異步的方式實現用戶與程序的交互–不用等待服務器的通訊。所以用戶再不不用打開一個空白窗口,看到等待光標不斷的轉,等待服務器完成后再響應。

圖 2: 傳統Web應用的同步交互過程(上)和Ajax應用的異步交互過程的比較(下).
通常要產生一個HTTP請求的用戶動作現在通過JavaScript調用Ajax引擎來代替. 任何用戶動作的響應不再要求直接傳到服務器—例如簡單的數據校驗,內存中的數據編輯,甚至一些頁面導航—引擎自己就可以處理它. 如果引擎需要從服務器取數據來響應用戶動作—假設它提交需要處理的數據,載入另外的界面代碼,或者接收新的數據—引擎讓這些工作異步進行,通常使用XML, 不用再擔誤用戶界面的交互。
]]>