|
|
---|
分割視窗原始碼: <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 網友,歡迎 繼續訂閱 。 本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。 |