Perton 網誌: 2009/11

這是使用Picasa 影像軟體配合SimpleViewer 提供在Picasa中使用的樣版功能(SimpleViewer - Picasa Template)，整合而成的一種快速產生網頁瀏覽照片的方法。

首先，是軟體環境的安裝：

1. Picasa

如果未安裝，請下載並安裝 Picasa

2. SimpleViewer - Picasa Template

這套件是一樣版設定檔的壓縮檔，請解壓後，請它存放在 Picasa的網頁樣版目錄區中。

(一般是在 C:\Program Files\Google\Picasa3\web\templates )

記得重新開啟Picasa。

3. 建立SimpleViewer gallery

4. 編修 gallery 的設定值 (可選)

5. 設定 gallery 的背景顏色 (可選)

編輯 index.html

輸入 16進位制的顏色碼值，在 SWFObject 物件的顏色參數中。它是在最後一個參數位置。

var fo = new SWFObject("viewer.swf", "viewer", 
                  "100%", "100%", "7", "#ff00ff");

6. 上傳 gallery 到個人的網站主機

在日常生活及工作中，有時會遇到想將手中愉快的回憶相片，分享給朋友共同欣賞。

因著這樣的需要，學習著從單一張相片的網頁製作，再來就遇到多張相片的網頁，奇怪怎麼開啟網頁的速變慢了？而且，別人的相片網頁雖然也是小圖片，但是開啟他們的網頁就是很快，真是怪怪 !!

追究原由後，才知道這和網頁的設計規劃有關，要先以小縮圖來放置，不能一下子就將多張相片(原size大小)放在同一網頁中。

什麼要先做小縮圖，怎麼做？ ==> 可以用 FrontPage 工具。

這工具學著用著之後，總覺得在製作相片網頁方面就是有點不太方便，很浪費時間。

這樣的困擾直到遇見的 Pacasa 後，問題就全然而解。

以下就將相關做法條列出來，以供參考、學習。

1. 先將要上傳的相片，在 Picasa 中做成相簿。

2. 點選相簿項目名稱後，按滑鼠右鍵，其該相簿匯出成 HTML 頁面。

3. 依實務需要，設定圖片大小、標題、轉出資料的存放目錄。

4. 選定樣本 – Simple Viewers

Perton 網誌