【五分割視窗框架組語法說明】
【五分割視窗框架組】語法
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>書寫網站名稱或網頁說明</title>
</head>
<frameset cols="左側目錄視窗顯示寬度,*,右側目錄視窗顯示寬度" framespacing="0" border="0" frameborder="0">
<frame name="left" src="連結左側目錄網頁" target="left" scrolling="AUTO" noresize>
<frameset rows="上方橫幅視窗顯示高度,*,下方橫幅視窗顯示高度" framespacing="0" border="0" frameborder="0">
<frame name="up" src="連結上方橫幅網頁" target="up" scrolling="AUTO" noresize>
<frame name="center" src="連結中間主顯示頁網頁" target="center" scrolling="AUTO" noresize>
<frame name="down" src="連結下方橫幅網頁" target="down" scrolling="AUTO" noresize>
</frameset>
<frame name="right" src="連結右側目錄網頁" target="right" scrolling="AUTO" noresize>
</frameset>
</html>
【五分割視窗框架組】範例
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>歡迎光臨漪唲、籽潼、咿咡緦的家~初級網頁製作概論~nkhs9323005亞卓市edu主網框架網頁</title>
</head>
<frameset cols="130,*,60" framespacing="0" border="0" frameborder="0">
<frame name="left" src="
http://home.educities.edu.tw/nkhs9323005/AB1.htm"; target="left" scrolling="AUTO" noresize>
<frameset rows="80,*,80" framespacing="0" border="0" frameborder="0">
<frame name="up" src="
http://home.educities.edu.tw/nkhs9323005/AB4.htm"; target="up" scrolling="AUTO" noresize>
<frame name="center" src="
http://home.educities.edu.tw/nkhs9323005/AB2.htm"; target="center" scrolling="AUTO" noresize>
<frame name="down" src="
http://home.educities.edu.tw/nkhs9323005/AB5.htm"; target="down" scrolling="AUTO" noresize>
</frameset>
<frame name="right" src="
http://home.educities.edu.tw/nkhs9323005/AB3.htm"; target="right" scrolling="AUTO" noresize>
</frameset>
</html>
【五分割視窗框架組】語法說明
1.【五分割視窗框架組】共需六張網頁
《一張框架頁，五張顯示頁》
2.在<title>書寫網站名稱或網頁說明</title>中，更改網頁IE瀏覽器顯示名稱
更改範例
<title>歡迎光臨漪唲、籽潼、咿咡緦的家</title>
3.在<frameset cols="左側目錄視窗顯示寬度,*,右側目錄顯示寬度" framespacing="0" border="0" frameborder="0">設定左右側目錄視窗分割比例
使用指定尺寸分割
指定尺寸分割設定範例
<frameset cols="130,*,60" framespacing="0" border="0" frameborder="0">
亦可使用百分比分割
百分比分割設定範例
<frameset cols="20%,*,16%" framespacing="0" border="0" frameborder="0">
4.在<frameset rows="上方橫幅視窗顯示高度,*,下方橫幅視窗顯示高度" framespacing="0" border="0" frameborder="0">設定上下方橫幅視窗分割比例
使用指定尺寸分割
指定尺寸分割設定範例
<frameset rows="80,*,80" framespacing="0" border="0" frameborder="0">
亦可使用百分比分割
百分比分割設定範例
<frameset rows="20%,*,12%" framespacing="0" border="0" frameborder="0">
5.中間主顯示頁視窗命名為name="center"
連結其他網頁在中間主顯示視窗顯示時，
必須在網頁連結網址後方加上 target="center"
連結其他網頁範例
<a href="
http://home.educities.edu.tw/nkhs9323005/B1.htm"; target="center">語法測試區</a>
連結其他網頁以新開視窗顯示時，
必須在網頁連結網址後方加上 target="_blank"
連結其他網頁範例
<a href="
http://home.educities.edu.tw/nkhs9323005/B2.htm"; target="_blank">顏色數碼表</a>
6.在編輯框架視窗連結網頁時，儘量先使用絕對路徑做連結，以方便預覽顯示效果
先使用絕對路徑做連結範例
<frame name="center" src="
http://home.educities.edu.tw/nkhs9323005/AB2.htm"; target="center" scrolling="AUTO" noresize>
【五分割視窗框架組】範例
★歡迎光臨漪唲、籽潼、咿咡緦的家★
http://home.educities.edu.tw/nkhs9323005/
★【語法測試區】★B1
http://home.educities.edu.tw/nkhs9323005/B1.htm
★【視窗分割器】★語法B6
http://home.educities.edu.tw/nkhs9323005/B6.htm
★【網頁加外框捲軸變色語法說明】★語法C38
http://home.educities.edu.tw/nkhs9323005/C38.htm
發表人: nkhs9323005
