使用底圖來作一個好看的表格框

網頁各式模組【02】

第二篇
使用底圖來作一個好看的表格框

點選此圖可觀看實際比例圖

運用解說：
一般如圖中的格框圖表，由於網友螢幕尺寸設及解析度定不同，我們是很難借用繪製好的格框作為底圖來展示及定位。
如果真要使用格框圖表，我們都會採用 Table 語法，加上繪製好的四邊角圖來展示。
在這裡，我只用一張格框作的底圖及如下的語法，就可已達成目的了。
請按免費線上訂閱看看

使用語法：
在 <head></head> 中先加入固定跳出視窗 JavaScript 程式。
<script language="JavaScript">

</script>
在 <body></body> 內加入鏈結跳出視窗 JavaScript 程式。
<a href="javascript:openWin('back.htm')">免費線上訂閱</a>。
設計一個跳出視窗 back.htm 檔案，檔名您可以自訂之。
在 <body bgcolor="#ffffff" background="back.gif"...內放入格框作的 back.gif 底圖，您也可自己作一個。
back.gif 底圖尺寸就是 window.open 內的大小 650 x 450，大小您可以自訂之。
在 <body></body> 內加入 Layers 語法 <div id="Layer1" style="position:absolute;....。
這是定位用的，您只要照套即可；當然，您也可以改變位置..; left: 65px; top: 130px；請自己試試。
這是關閉視窗 JavaScript 程式 <a href="javascript:self.close()">關閉視窗</a>，您只要照套即可。

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

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