我的婚禮網站

其實當年結緍前就有這樣的構想,想要自己設計一個婚禮的網站,
但是礙於時間、技術等種種的因素,所以並沒有完成這個構想。

最近學習使用TimelineJS、StorymayJS兩個由美國北西大學奈特實驗室
(Knight Lab of Northwest University)開發的免費Javascript網路工具
,以時間、地圖來說故事,覺得可以應用在婚禮方面。

在免費的虛擬主機Openshift上安裝好Wordpress,相關的外掛、佈景主題。
接著把所有的結婚照片及旅行照都整理好、再以Photoshop修改首頁的圖片,
最後將做好的TimelineJS、StorymapJS兩個故事內嵌到Wordpress上,
花了數個假日的時間,總於完成了一個具紀念性質的結婚網站。

在設計上有分為幾個主題,第1個是以TimelineJS製造的關於我們的故事,
以時間軸的概念簡易敘述各個不同的時段發生的故事;
第2個則以StorymapJS製作的旅行行程,以台灣地圖來顯示旅行的地點,
並且以地點與地點之間連結的帶動,好像重新走了一次行程;
第3個部份則是婚紗照與旅行照片的集合顯示,就像一本相簿一樣;
最後則是宴會地點設計,內嵌google map與當年自己製作的簡易路線圖。

設計期間,花費最多的時間就是在挑選與測試Wordpress的佈景主題,
事實上,將佈景主題直接套用到的網站上時,都不會像範例檔那樣漂亮,
而且很多免費的主題都需要昇級付費,才能有更細項的選擇與設計,
所以還是要一個一個自己修改與測試,比較能符合自己的期待。

我的婚禮網址:點我進入(http://wedding.twtnn.com)
注:第一次載入時會比較慢,要稍等一下才會完成。



使用參考:
TimelineJS的使用:TimelineJS用時間來說故事 
StorymapJS的使用:台南市區旅遊景點 StorymapJS篇

Windows 11安裝時跳過網路連線