鐵之狂傲

標題: 【HTML】iframe的應用 [列印本頁]

作者: 墮夜    時間: 05-1-13 21:58
標題: 【HTML】iframe的應用
注意: 此教學以Dreamweaver MX 6.0以上版本為主

"iframe"也就是俗稱"網頁中的網頁"

不會用框架頁面的使用者可以藉此種方法建立出美觀的網頁

還有個好處就是它不像圖層那樣位置難以捉摸,也可以放在表格中

作法:

先新增另一網頁檔案,編輯成自己想要的樣子後回後首頁編輯語法

以下分為幾種使用iframe方法

1.非動態式:

也就是僅顯示單一頁面,語法變化較少

語法:

<iframe src="連結位置" width=?% height=?% border=?></iframe>

src=連結

width=寬度

height=高度

border=邊框粗細(建議設0)

2.交互動態式:

每個導覽連結的網頁均可顯示於iframe中,但要設定某些東西

方法:

設定語法<iframe name="?" src="連結位置" width=?% height=?% border=?></iframe>

當中的"name"中設定為目標名稱

然後將你每個導覽列連結的目標設為name中的名稱(即問號處)

所謂的"目標"就是設定"_blank" "_self" "_parent" "_top" 等頁面顯示方式的地方

在該欄位輸入name的名稱即可

或者在導覽列的連結處進入HTML模式

將連結src以後的語法加入target="目標名稱"

成品:




這是我們班的新班網= =/




歡迎光臨 鐵之狂傲 (https://gamez.com.tw/)