|
|
|---|
|
壹、前言： ⊙近年來數位相機普及，幾乎每個人電腦內都有許多不錯的照片，常久下來，未經分類整理，形成一個很大困擾。 ⊙我們大多會使用類似 ACDSee 看圖軟體來回顧以前的作品，您有想過將它分類做成可自動秀圖的 HTML 網頁嗎？ ⊙照片做成 HTML 網頁，除了可以分類管理外，最大的好處是可製作成光碟片，送給不懂電腦的好友輕鬆瀏覽。 ⊙我曾於本篇內，介紹過兩篇超炫的 Flash imageBox 套用程式及超炫的 Lightbox JS 光箱特效程式專題報導。 ⊙現在我要介紹另外六個完全免費且易於使用的秀圖程式，讓有此需要的網友，也能順利參照範例自己套用或製作。 ⊙我所選的這六個都不需要使用虛擬主機後台程式，大多只要使用 HTML、CSS、JavaScript、Flash，就可以運作。 ⊙為配合可以不必使用後台程式及適合於電腦內觀看使用，有些我做了部份修改，惟其程式版權仍歸原創作者所有。 ⊙事實上大多數的秀圖程式，製作方式與之前介紹的那兩個光箱特效程式類似，只有效果與顯示上的變化而已。 ⊙網路上秀圖程式至少有 40 幾個，有的需要使用到後台程式，有的設定很複雜，我先詳細介紹這六個修改範例。 |
|
貳、JonDesign's SmoothGallery 來源網址： Go to websit 程式下載： Go to download 960 Kb 使用程式：HTML、Javascript、CSS。 程式特色：可前後秀圖，按 Picture 文字圖示，還可以下拉後滾動挑選圖片。 支援瀏覽器：Firefox、Opera、Internet Explorer 6 and 7、Safari。 ⊕版權規範：Nothing, it's free as in beer and even better, this library is open-source, GPL licensed to be precise. ⊕難易程度：普通。 ⊕套用範例： Go to Demo 修改說明：將原本需要後台程式執行的看大圖功能，改為一般 HTML 語法 (01 ~ 08.htm)。 套用說明：您只要修改 demo.htm 檔案內的標題、圖片路徑及製作一個相對的 01 ~ 08.htm 檔案。 |
|
參、Fading Slideshow 來源網址： Go to websit 程式下載： Go to download 606 Kb 使用程式：HTML、Javascript、CSS、Flash、Sound。 程式特色：具有 Flash 效果，可前後秀圖，修改非常簡單。 支援瀏覽器：未標示。 ⊕版權規範： Go to websit ⊕難易程度：容易。 ⊕套用範例： Go to Demo 修改說明：修改往前退後鍵圖示及去背 (master.css)。 套用說明：只要修改 js\slideshow.js 檔案，及存放圖片 /images/ 目錄(路徑)與檔名、標題即可。 |
|
肆、GreyBox 來源網址： Go to websit 程式下載： Go to download 177 Kb 使用程式：HTML、Javascript、CSS。 程式特色：有多種顯示上變化。 支援瀏覽器：Safari、Firefox 1.5+、Internet Explorer 5.5+、Opera 8.5+。 ⊕程式版權： Go to CopyRight ⊕難易程度：容易。 ⊕套用範例： Go to Demo 修改說明：我修改原來存放圖片目錄(路徑)並增加圖片外框及數量。 套用說明：只要修改 demo.htm 檔案，及存放圖片 /images/ 目錄(路徑)與檔名即可。 |
|
伍、Hoverbox Image Gallery 來源網址： Go to websit 使用程式：HTML、CSS。 程式下載： Go to download 280 Kb 程式特色：很不錯的圖片顯示變化。 支援瀏覽器：未標示。 ⊕程式版權：未標示。 ⊕難易程度：容易。 ⊕套用範例： Go to Demo 修改說明：我修改原來存放圖片目錄(路徑)及更換底圖。 套用說明：只要修改 demo.htm 檔案，及存放圖片 /images/ 目錄(路徑)與檔名即可。 |
|
陸、Highslide JS 來源網址： Go to websit 程式下載： Go to download 358 Kb 使用程式：HTML、Javascript、CSS、Flash。 程式特色：很不錯的顯示變化，還可移動顯示大圖檔。 支援瀏覽器：IE 7 ~ 4.0、Firefox 1.5 Works、Opera 8.5 Works、Netscape 7.2、Safari 2.0 on Mac Works、Konqueror 3.5 。 ⊕程式版權：A personal website, educational site or other non-commercial use (free). ⊕難易程度：容易。 ⊕套用範例： Go to Demo 修改與製作說明：增加一個 css.css 檔，更換為自己的照片。 套用說明：只要修改 demo.htm 檔案，及存放圖片 /images/ 目錄(路徑)與檔名即可。 |
|
柒、DhoniShow 來源網址： Go to websit 程式下載： Go to download 12 Kb 使用程式：HTML、Javascript、CSS。 程式特色：很特殊的顯示變化。 支援瀏覽器：IE 7 ~ 4.0、Firefox 1.5 Works、Opera 8.5 Works、Netscape 7.2、Safari 2.0 on Mac Works、Konqueror 3.5 。 ⊕程式版權：限使用於個人、教學或無商業行為網站，本程式受 CC 保護。 ⊕難易程度：有點複雜。 ⊕套用範例： Go to Demo 修改說明：我已將相關外部檔案下載回來並做整理。 套用說明：只要修改 dhonishow.htm 檔案，將圖片分割為 3 張及做好等比率尺寸設定，照片放於 /pics/ 目錄內即可。 |
|
捌、其他秀圖程式： ⊙我蒐集了 30 個以上各式各樣與 Slideshow 有關網站，有興趣者，請自己進去瞭解吧 More Website。 ⊙有的是需要後台程式(PHP)，有的是編輯軟體，有的只需要使用到 HTML、Javascript、CSS、Flash，均有簡單介紹。 ⊙如果您想輕易修改這些程式特效，強烈建議您學會 HTML 標籤，這是任何網頁都要用到原始碼，值得您花點時間學習喔。 ⊙我能免費服務的都盡可能告訴您了，限於人力，真的很抱歉，非本站教學會員，請勿來信詢問這些程式修改或套用方式。 ⊙如果您想學習 HTML 標籤、對修改或套用程式上有不瞭解的地方，歡迎加入本站教學會員，取得進一步協助，謝謝您。 |
|
玖、本站會員注意事項： ⊕一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。 ⊙由於免費 PcHome 空間及速度有限，所有檔案資料無法提供網友直接下載，如因提供正確之網址已失效，敬請見諒。 ⊙為利網友快速取得本報導相關檔案等資料，歡迎到網頁研習室網站進一步取得完整教材。 ⊙您也可以加入我們的教學會員或免費索取教材，直接由教材 CD 片內取得更多學習及完整資料。 ⊙本報導所有檔案均存放於 CD:/study/maillist3/pro/07/zip/目錄內，共計 80 個程式檔， 25.3 Mb。 ⊙歡迎大家前往最新完工的網頁教學 議題討論版 ，發表您的看法或建議，讓彼此更能互動受惠。 ⊕特別聲明：以上程式檔案之版權均為原創作者所有，請注意版權宣告，並不含於索取教材資料或指導費用內。 |
|
拾、結論與建議： ⊕本報每篇報導都花上很多時間搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。 ⊕本電子報 第三階段 報導資料，將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。 ⊕強烈建議您【學會 HTML 語法】，她真的簡單易學，懂了她您就能駕馭她，將【所見即所得】軟體當做輔助工具吧。 ⊕為因應網友要求，本報自即日起全面改為 索取教材資料 方式 ，繼續提供及服務有此需求網友。 ⊕本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的兩套光碟片，則是我們的誠意而已。 ⊕本報導內容或資料，因限人力、時間，非 索取教材資料包含線上指導 網友，不接受任何疑惑解答，敬請見諒。 ⊕本報導 非會員 可免費訂閱及享用我的電子報報導成果，而 會員 則可以進一步取得所有資料與線上指導。 ☆本站所有報導資料，歡迎網友免費加入鏈結，但請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。 |
|
第三階段 96.08.30. 發行第 38 期 更多 精彩報導 文章 |
|
| © 網頁研習室 網頁製作系列 【電子報】 報導 李文能 主編 © |