Responsive Web Design (響應式網頁設計)
為方便『智慧手機』『平版電腦』上網瀏覽的訪客
本網站即日起增建『響應式.自適應』網站(超連結)
如果你是使用『智慧手機』與『平版電腦』瀏覽的訪客
點擊以下圖片或網址進入新的網站閱讀文章與內容
響應式網頁設計
http://pro369.com/audio/
本網站因為具有『歷史意義』我們還是保留原來的設計
兩種模式任君選擇(不然,可能會被誤認:跟不上朝代?)

無名小站用膩了嗎?架個屬於自己的Flash相簿

剛剛在網路上看到標題:
無名小站用膩了嗎?架個屬於自己的Flash相簿
因為我對:Flash的相簿很有興趣研究與比較,所以就進去看了一下!
以下是該篇文章是介紹:
「SimpleViewer」這個PHP網頁相簿的下載修改及一些說明。
「SimpleViewer」的官方網址:

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

attachments/200901/7189178827.jpg

有些人是屬於「使用網路服務從不付費」的一族,部落網頁要昇級VIP才能享有大空間、無流量限制以及無廣告的特權?
這一點他們不會考慮!就讓那些網站賺不到錢!(歹時機...省錢大作戰...賺錢不容易!)

其實自己架網路相簿並不困難,如果你有網頁空間或網站Linux伺服器主機(支援PHP管理),網路上有非常多傻瓜懶人包可以下載回來套用,比如「Gallery」、「Singapore」、「Coppermine」等等,都可以算是老字號、成熟度頗高的相簿程式了,有一點網頁設計基礎的話善加修改,你也可以做出獨一無二、嗆爆Flickr或無名小站的網路相簿。PHP相簿是比較方便管理,若要做到美觀,Flash就是不可或缺的工具了,如果你找到的免費網頁空間沒有資料庫,那使用「SimpleViewer」應該很適合。

網路相簿(SWF檔搭配XML檔來顯示相片)

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

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

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

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

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

attachments/200901/7169839466.jpg

二、求助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基礎,自己做一個不就好了嗎?


Download SimpleViewer v1.9 的下載網址:
http://www.airtightinteractive.com/simpleviewer/simpleviewer.zip

評論: 0 | 引用: 0 | 閱讀: 2418