網頁運用技巧【04】

第四篇
網路圖片展現方式探討

適合程度: 初學者 一般程度 進階者 以上均宜
運用說明
網路之所以能吸引無數人潮投入,最主要因素之一,就是他能很容易的傳遞圖片。
您必須知道:*.JPG、*.GIF 或 *.PNG 這三類圖檔格式,是目前網路(瀏覽器)所能接受的圖片。
除了傳統的秀圖方式外,套用 JavaScript、Java、CSS、DHTML 等等,可創造更多花樣哦。
正常圖檔格式表示方法為,IMG SRC='URL" W="n" H="n" BORDER="0",先寬後高,n 為像素 (pixel)。
雖然現在網路傳輸速度已逐漸改善,我們仍然希望您能盡可能將圖片【最佳化】處理。

壹、表列項目彈出視窗:
這是運用表單(FORM)的窗型選項欄位 (SELECT) 控制標籤,加上描述語言 (JavaScript) 組合而成。
【請看範例】
說明:為免圖片過多影響檔案傳遞,我只使用同一張圖片,您當然要換不同的圖案哦。

貳、以小圖示來看大圖檔:
這是運用基本圖片 (IMG   SRC="URL") 標籤,加上描述語言 (JavaScript) 組合而成。
【請看範例】
說明:一般常看到的作法,大多採用純基本圖片(IMG   SRC="URL")標籤。

參、運用同頁選單相互轉變:
這是運用同一頁主選單超鏈結 ( A   HREF="URL") 標籤加上基本圖片 (IMG   SRC="URL") 標籤組合而成。
【請看範例】
說明:為了選看圖片方便(不用一頁一頁的翻來翻去),所以我作了這個整合。

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

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