有一點網頁設計基礎的話善加修改,你也可以做出獨一無二、嗆爆Flickr或無名小站的網路相簿。PHP相簿是比較方便管理,若要做到美觀,Flash就是不可或缺的工具了,這次狂人要推薦給大家的其實不是什麼新玩意兒,你一定常常看到它卻不知道它是誰,它就是「SimpleViewer」。

網址︰http://www.airtightinteractive.com/simpleviewer

SimpleViewer的介面簡單乾淨又美觀,清新脫俗兼具質感。

狂人玩網路相簿也有一陣子了(網址請寫信到編輯部索取),我又是屬於「使用網路服務從不付費」的一族,要昇級VIP才能享有大空間、無流量限制以及無廣告的特權?一點都不會考慮。狂人本來想把十年前學到的「烘焙機」技巧拿來現一下,自己寫一個網路相簿來用,沒想到連「IMG SRC」都忘了是拿來做啥的,這下子只好再到網路上尋寶囉!

自己架網路相簿並不困難,如果你有NAS或找得到優質的網路主機(最好有支援詳細的PHP管理),網路上有非常多傻瓜懶人包可以下載回來套用,比如「Gallery」、「Singapore」、「Coppermine」等等,都可以算是老字號、成熟度頗高的相簿程式了,有一點網頁設計基礎的話善加修改,你也可以做出獨一無二、嗆爆Flickr或無名小站的網路相簿。PHP相簿是比較方便管理,若要做到美觀,Flash就是不可或缺的工具了,這次狂人要推薦給大家的其實不是什麼新玩意兒,你一定常常看到它卻不知道它是誰,它就是「SimpleViewer」。

網路相簿界的Calvin Klein

SimpleViewer從安裝、設定到使用都是走極簡風,它基本上是一個Flash相簿,是用已經事先編譯好的SWF檔搭配XML檔來顯示相片,所以還可以做一些簡單的界面更迭或顏色異動,也因為如此程式非常的小,只有幾十KB而已。SimpleViewer的運作甚至可以不需要PHP或MySQL,這對使用免費網路空間的玩家來說無疑是一大福音,安裝及設定SimpleViewer有以下三種方式:

一、土法鍊鋼,自己寫XML檔

前面提到了SimpleViewer不需要MySQL就能運行,這算是它的優點,換個角度看,無法使用MySQL來當作資料庫就是它的缺點。也就是說照片的組態、路徑等資訊是放在XML檔案中,比較難用我們熟習的phpmyadmin來管理,而且要批次匯入照片得有人寫一個PHP檔來實現這個功能,不然最直接的做法就是手動一個一個填入相片的資訊。

如果你的相片不多,求的是「質重於量」的話,那麼還好SimpleViewer使用的XML檔案結構很單純,基本上只要填入檔案名稱與標題即可。

這裡可能就要提到SimpleViewer的第二個缺點,它一次只能顯示一本相簿,也就是一個網址所代表的是一個照片目錄,所以XML內容只需要有檔名即可,不需要填入照片檔案的相對路徑。除此之外,縮圖的部份你必須自己先處理好,然後再放到縮圖所屬的獨立目錄,而且要取跟原圖一樣的名字,所以第一個方法不是很方便,看看就好。

二、求助SimpleViewerAdmin

狂人不知道為什麼SimpleViewer官方不做一個PHP的管理套件,於是有位行動力頗強的網友幫它寫了一個(當然是免費的),如果你的網站主機支援PHP就可以使用。使用管理套件的方便之處在於,調整相簿的介面與細項顏色、以及改變照片的排列順序會比較方便,美中不足的是需要自己查色碼,SimpleViewerAdmin並沒有做成選擇色塊的無腦介面來讓你點選,而且到目前為止管理介面還是無法批次匯入照片,數量一多的話會比較麻煩。不過這至少比自己開文字檔一個一個輸入好多了,而且使用它才能一次管理多本相簿(其實也就是找每個目錄下的XML檔來做設定)。

三、終極懶人,請用Picasa

看到這裡,你可能會覺得興味索然了,那麼麻煩,乾脆還是回到一般網路相簿的懷抱比較實在,反正照片不多的情況下也沒差。先等等,標題的意思不是請你直接把照片上傳到Picasa,而是要你下載Picasa,然後利用內建的HTML輸出功能,套用SimpleViewerAdmin範本來形成網頁。這樣有什麼好處?第一,相片管理的功能直接交給Picasa來做就好了,也不必麻煩什麼批次匯出的問題,二、不必管什麼XML檔,Picasa會幫你自動生成,三、「不必裝PHP」,只要在本機用Picasa生成網頁,跟照片一起上傳到網頁主機即可,結合了第一種與第二種方法的優點,我相信大多數人都會直接選擇第三種方法來用。

當然了,狂人以Picasa來舉例的原因,是因為它應該是在Windows平台最容易取得跟使用的圖片管理軟體,能整合SimpleViewer範本的軟體還不少,你也可以用其它像「Photoshop」、「Porta」、「iPhoto(Mac)」、「RapidWeaver(Mac)」、「Apertune(Mac)」、「Adobe Lightroom」之類的軟體來輸出SimpleViewer相簿。喔對了,如果你是使用Linux桌面環境,另外也有一個圖形化介面的「SimpleViewerExpert」可以派得上用場。

重點是XML檔的微調

看起來好像挺棒的,但是使用第三方軟體,該怎麼設定版型頁面、以及顏色細項呢?很抱歉,這個還是要直接到XML檔裡面調整,不過其實能設定的也就只有幾個選項,不致於造成太大的不方便。最後要補充的是,使用第三方軟體輸出的網頁檔案,要用SimpleViewerAdmin來做管理得做些變動,為什麼呢?SimpleViewer主要會有兩個XML檔案,一個是「gallery.xml」,另外一個是「imageData.xml」,前者是用來規畫相簿的佈局,後者才是存放圖片資料,但是如Picasa在生成相簿時,只會產生「gallery.xml」檔案,直接把圖片資訊都放在裡面了,所以你得做兩件事:先把gallery.xml檔名改成imageData.xml,然後再到index.html裡做同樣的修改,以免網頁載入時仍然去找gallery.xml。

看到這裡,請別覺得它很複雜,設定完的成果絕對是讓你滿意的,就算不滿意,官網有「Pro」版可以下載,當然是要付費,Pro版不同於免費版的地方是在於可微調、自訂的功能更多,而且提供了「未編譯」的Flash原始檔讓你修改。狂人是建議懶人用免費版的就好了,如果你真的有點Flash基礎,自己做一個不就好了嗎?

SimpleViewerAdmin主要是集中管理多本相簿的XML檔,以及「幫你製作縮圖」,建議配合第三方軟體使用比較方便。

XML檔的內容結構十分簡單,因為是純文字檔,使用記事本開啟即可,記得要把檔案內容以UTF-8格式儲存,才能看得見中文字。

Picasa裡在資料夾點選右鍵,有一個「匯出為HTML頁面」,如果有先把SimpleViewer的範本檔放在「Picasa\web\templates」目錄裡,就會出現以SimpleViewer範本匯出的選項。
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 咖啡王子 的頭像
    咖啡王子

    東森消費聯盟ecKare➡️東森電商是甚麼?➡️BoboMall播播商城直播電商分潤平台😄快樂創業向錢衝 咖啡王子手機:0910-999564

    咖啡王子 發表在 痞客邦 留言(0) 人氣()