DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 網頁瘦身小技巧---“分割大法”
網頁瘦身小技巧---“分割大法”
編輯:Dreamweaver相關     

    您的主頁內容多嗎?生成的頁面文件大嗎?加載時間長嗎?您是否想過把一頁分割為幾部分設計呢?筆者在工作中總結出個好方法,幫您搞定問題。

    方法1:

    < webbot bot="HTMLMarkup" startspan > < iframe name=wwg align=center target="main" frameborder="no" border="0" scrolling=no src="調出頁面。htm" width=180 height=180 > < /iframe > < webbot bot="HTMLMarkup" endspan >

    方法2:

    < SCRIPT language=javascript > var IE4=(document.all) ? 1 : 1;if (IE4) { var theSource='< iframe name="wwg" frameborder="no" border="0" scrolling="no" src="調出頁面。htm" width=180 height=180 >< /iframe >' document.write(theSource) } < /SCRIPT >

    簡析此代碼:你可以更改“scrolling=”值為“yes”或者“no”來決定是否顯示滾動條;可以通過更改“frameborder=”值為“yes”或者“no”來決定是否顯示邊框;更改“width=”及“height=”的值來改變調出頁面的寬度及高度;更改“src=”的路徑、文件名稱來決定調出的WEB頁面。

    最後說明:盡量把此代碼放在一行!如您直接使用本頁面的代碼,要把它復制到記事本(復制時請將代碼"< "轉換成"<"," >"轉換成">"),然後粘貼到您的頁面代碼中。您可以通過表格來定義調出頁面的顯示位置!

    怎麼樣,有了它您就不必為您的頁面文件太大而苦惱了,它可以為您的頁面“減肥”而不影響頁面的“體形”,讓您使用最少的代碼,設計最復雜的網頁!如使用中有任何問題,請來信 [email protected] 或者來我的主頁 替換www.dscj.org 查看效果!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved