網頁各式模組【01】

第一篇
於網頁中間開個視窗

適合程度: 初學者 一般程度 進階者 以上均宜
分割視窗原始碼:
<frameset rows="50,*" border="0" frameborder="0" marginwidth="0" marginheight="0" bordercolor="blue">
上下分割,上高 50 Pixel,格寬度為 0,格寬顏色為藍色
<frame name="head" scrolling="no" src="01.htm" noresize>
最上欄位定名為 head,沒捲軸,尺寸強制不能變動,對應網頁為 01.htm
<frameset cols="80,*,80" border="0" frameborder="0" marginwidth="0" marginheight="0">
下面再給予左 80 Pixel、中(剩於比率)、右 80 Pixel 分割
<frame name="left" src="02.htm" scrolling="no" noresize>
左欄位定名為left,沒捲軸,尺寸強制不能變動,對應網頁為02.htm
<frameset rows="50,*,50" border="0" frameborder="1" marginwidth="0" marginheight="0" >
下面再予上 50 Pixel、中(剩於比率)、下 50 Pixel 分割
<frame name="intop" src="03.htm" scrolling="no">
次上欄位定名為 intop,沒捲軸,對應網頁為 03.htm
<frame name="inmain" src="04.htm" scrolling="yes">
次中欄位定名為 main,有捲軸,對應網頁為 04.htm
<frame name="indown" scrolling="no" src="05.htm">
次下欄位定名為 indown,沒捲軸,對應網頁為 05.htm
</frameset>
分割結尾標籤
<frame name="right" src="06.htm" scrolling="no" noresize>
右欄位定名為 right,沒捲軸,尺寸強制不能變動,對應網頁為 06.htm
</frameset>
分割結尾標籤
</frameset>
分割結尾標籤
</frameset>

分割結尾標籤

應用說明:
本例 border 設為 ="0",周邊又用不同顏色區分,是讓您明顯看出分割情形;但就整體配合而言,宜採相同底色較佳。
border 設為 ="2" 以上,即可顯示個分割視窗線條顏色,適用於底圖差異較大的畫面。
妥善運用以下語法:
【a target="_new"】 使用時機引進友站時【以防他們也使用分割視窗】、可隨時關閉之網頁
【a target=_self】 使用時機本頁自行切換模式、可退回前頁使用
【a target="_top"】 使用時機切換成整頁模式、可離開現有分割視窗網頁
【a target="_blank"】 使用時機與【a target="_new"】相似、但不會被後面再開的新視窗所復蓋掉
【onclick="WinOpen('檔名.htm')" 使用時機另開一個指定大小的視窗、可隨時關閉之網頁
請按此要領,自行多加研習、測試,您可以找到更適合您的作法

注意事項:
由於分割很細,所以主視窗(中央可捲動部份)要盡可能大些,以利使用。
<frame name="inmain" ....,指定視窗名稱不可遺漏或錯誤,否則按下鏈結時【<a href="test2.htm" target="inmain">鏈結二</a>】,會找不到指定要秀 (load) 的地方
Banner、Logo、Counter、E-mail、Timer 等,最好設於固定欄位處。
選單及展示欄位,兩者底圖或顏色,搭配非常重要;建議採強烈區分或融合為一體。
展示欄每頁內容,儘可能不要超過 2 頁面以上,俾利網友捲動觀看。
如果您的展示圖、文大於分割的版面,建議跳出視窗或整頁型模式。

如何完整取得所有資料:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。