超棒網站蓷薦

第五篇
我做的網頁製作實用小圖示圖庫網

適合程度： 初學者 一般程度 進階者 以上均宜
網頁製作實用小圖示圖庫網

壹、推薦理由：
我們都知道網頁素材或美化圖檔，是製作網頁不可或缺的重要工具。
雖然現在傳遞速度已經提升，但在尖峰期間仍然會有塞車之慮，所以圖檔能小就盡可能的小。
本站所有圖檔都限制在 5Kb 以下，全部圖檔超過 6,500 個以上或 10 Mb。
為利管理與使用，細分 10 大類 61 個資料夾，讓您尋找快速又方便。
如果您是第一次製作 (Homepage) 網站，您可以瞭解我是如何規劃架構、蒐整資料與安排進度的。

貳、網站介紹：
從網站的名稱網頁圖窟(WebPage Of Picture Hole)，您就直覺知道，這是一個儲存網圖的寶庫。
在這裡，您可以瞭解網頁用圖的種類、技巧及豐富的相關資訊。
本站所有圖檔大都取自網路或網友免費提供，沒有特定的版權及註冊問題。
最早目的是為了本報學生教學用途蒐集及使用，如果您也想獲得這個寶庫，我們也樂意協助您取得。

參、網站規劃與安排：
進入首頁您就可以看到象徵洞穴的黑底，裡面暗藏了 10 個寶藏的小洞。
每一分類視窗內，上列為各細類選單、中間為秀圖主視窗、下列為主要架構選單。
本分割視窗採用灰色底色的目的在減輕圖檔傳輸負擔，及造成合而為一的感覺。
上為細類選單，下為主要架構選單，是為了讓訪客不易迷失於黑洞之內。
所以選擇視窗模式很重要，您應依選項多寡及題材內容，決定採用何種視窗開啟模式。

肆、使用說明與如何取得：
本站為恐空間不足，每一小分類僅提供一頁(約 18 個左右)範例供訪客參考。
使用者當然不用如此麻煩，只要參考目錄，用 ACDSee 看圖軟體，很快就可找到所需了。
非教學會員僅能就已展示部份按滑鼠右鍵，以另存圖片方式存取。
因為其他的圖不在網站，所以您無法使用任何砍站 ( Teleport Pro 或 FlashGet) 軟體，一次全部取得。
如果您已是本報教學會員，且為 2002.12 月份以後學員，已包含於為您燒錄的互動教材光碟片中。
檔案存放位置：yourname/hole/，請使用附贈給您共享的 ACDSee 看圖軟體，參考分類文字說明檔，擇需選用。
如果您是 2002.12 月份以前學員，因當初尚未構建完成，所以無法燒錄給您，特此致歉。
舊學員如有需要，可補貼製作及郵資基本費用100元前往瞭解，我們免加價重新再燒一片給您。
如果您真的有此需要，請勞駕本站另詳參【如何取得】前往瞭解 及【加入會員】前往瞭解說明。
更完整說明請參考【網頁圖窟】網站前往瞭解。

伍、網頁 CSS 製作技巧：
於<HEAD>與</HEAD>中用 CSS 語法加入body {border: 0; margin: 0; background: buttonface;}，讓網頁產生平面特殊效果。
下一步驟參考網頁：每一頁(略)。
選單採用純文字型 onMouseOver="bgColor='#ffcc00'" onMouseOut="bgColor='#c0c0c0'"，讓選單產生變色效果。
下一步驟參考網頁：回主選單(略)。
運用 CSS 立體文字代替圖檔，減輕傳輸負擔。
<DIV style="COLOR: 00ffff; FILTER: Shadow(color=0a0a0a, Direction=135); FONT: 18pt 新細明體; LETTER-SPACING: 4px; TEXT-ALIGN: center; WIDTH: 400px">
<SPAN style="FONT: 18pt"><Font style="background: url(pics/star.gif)">•本站製作目的說明•</Font></SPAN>
</DIV>
下一步驟參考網頁：回主選單(略)。
在Table 標籤內加入style="border: 1 dotted #FF6600"，讓表格產生虛線外框。
下一步驟參考網頁：加入會員選單、意見反映(略)。

陸、網頁 HTML 製作技巧：
利用表格手法，完成網站導覽介紹(網頁圖窟主選單)。
下一步驟參考網頁：回主選單(略)。

柒、網頁 JavaScript 製作技巧：
在訪客意見反映表(略)中 ，使用 JavaScript 語言防止訪客遺漏重要填寫項目。
<script language="JavaScript" src="js/checkm.js"></script>
<script language="JavaScript" src="js/checks.js"></script>

捌、其他製作技巧：
花點小錢(註冊 $500 + 轉址 $400 )，讓有廣告的免費空間變成比較好記的專屬網址。
如：http://home.pchome.com.tw/guide/picturelee/ 下一步驟 http://www.icon.idv.tw
套用uhome.net 現成月曆時鐘，讓您的網頁更有看頭。
<img src="http://uhome.net/images/ecalendar.gif" border="0" width="41" height="48" align="top">

玖、本報其他相關報導：
全球圖庫大搜奇前往瞭解。
台灣網路資訊中心前往瞭解。

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