create album


第一步

首先,你也要在 blogger 中建好相關的網頁。
我都習慣建一個 ahock20091010 當首頁,連接網頁就是 p01, p02 之類的。這樣方便在將來要用到類似的 title 時候,只要取代前面的日期就可以用。

圖示:製作網頁的準則




圖示:網頁建好後,在 Edit Posts 下看到的樣子





進入網頁查看,可以注意到網址是和 title name 是一樣的。重點是,前面的部份完全一樣。
圖示: ahock20091206 的 網頁。





圖示: ahock20091206p01 的 網頁。



** 在Blogger 中建的網頁,我一般都是以上面的規則先建。之後在插入網頁內容時,再修改 title。













第二步


再來要準備一個 不同的網頁串在一起的code,如附檔 title.txt 就是一個範例。
這樣在不同的網頁就可以在最上面顯示相關的網址的連接,效果如下:


先把這個檔放在這:
"C:\temp\title\title.txt"

我都習慣從舊有的網頁去抓上面這個 title.txt 的 html code。
如果照片要放成6頁,就去找6頁的 html code。下圖是我抓 code 的方式。

圖示:用 Firefox 查看 HTML 原始碼




圖示:Firefox 顯始原始碼的畫面



圖示:我們需要的是 <table> </table> 之間的原始碼,如下圖所框選部份。


圖示:將原始碼移到 metapad 中去修改(metapad 是一個蠻好用的純文字檔編輯器,下載網頁 ;也可以用你習慣的,或是 ms 附的 notepad )。因為網址幾乎一樣,所以只需要取代部份字串,就可以直接用這個已建好的 title 了。作法如下所示:
















第三步


有兩種,一個是用 Fireflix。這個較陽春,但要抓的圖檔的選擇較少。
我是在另一個叫 quickpickr,我想要抓出原圖,所以用這個。這個的缺點是出來的圖會亂七八糟,沒有順序。用 fireflix 則是和你的 set 的順序一樣。我是用 excel 的功能再排序就是。


附的 excel 檔 data_01 頁面就是 quickpickr 抓出來的原檔。我經過排序,再抓出檔名再排序就變成 data_02 的樣子。

這樣就可以貼到 excel 的 data 的左上角了。
data 的 右上角則可以控制每一頁要放的照片幾張。按下 Generate list,他就會幫你算出需要幾頁,同時,最後一頁有幾張照片。
檔案則產生在
C:\temp

請見附檔 temp.zip 就是我完成後資料夾中所有的檔案的樣子。

是 fireflix 產生的 250px 的連接。在貼進網頁前,先把分行給去除。

大略如此。

阿福

  © Dreamcatcher, inspired by Newspaper II