• Building the Template

Northern Coast:

這個樣式的主題我命名為「北海岸(Northern Coast)」，呼應馬偕位於北海岸的地理位置。

Banner:

製作橫幅是整個樣式設計的重點，希望帶入馬偕的特色，於是我想到鄰近三芝的老梅石槽，是非常具有北海岸獨特味道的海蝕地形，也是我很喜歡的拍照景點。

照片拍攝於2017.4。

Color:

整個網頁色調是很舒服的藍綠色，是我心目中北海岸的顏色。由於天氣並不總是豔陽高照，因此大海的顏色總帶有一些灰藍感，形成比土耳其藍再深沉一點的顏色，我認為是一個很耐看的色調。

- CSS Writing

其實我在國中的時候就已經開始接觸網頁設計以及製作，並且花了蠻多時間鑽研CSS語法撰寫，可惜e-Portfolio的版型設計頁面比較格式化，語法使用方式也較傳統（像是後台介面使用HTML3的語法，但是系統卻更新到只支援HTML5），能夠改變的地方並不多，甚至會產生自相矛盾的語法狀況。倘若能夠開放自由撰寫格式（例如部落格開放CSS原始碼供自行修改），能夠表現的空間就更多了。

像是側邊欄不知道為什麼只能用像素(px)作為單位更改，但更改後，應該又受到一些沒有顯示出來的限制，以至於雖然希望把文字挪動，但是連結區域卻沒跟著挪動，反而縮小到幾乎無法點按的程度，所以那些文字只好黏在上方，所以我土法煉鋼用了一個空白標題，讓視覺上選單往下挪動一格。

不過我發現了一個有趣的地方，由於內容欄是可以自由編輯的，所以我再次土法煉鋼的方式，在內容欄先編輯了一個迷你的CSS，用以製作編框，詳細應用在Before 25上，算是一個實驗性的頁面。也許之後可以套用在所有的內文框格之中，但是整體框架以及側邊欄目前還是無解...

真的很希望有自由編輯CSS的功能啊！！

- PS Skill

我的電腦繪圖/修圖能力完全是自學的，這次只有些微使用在橫幅以及首頁製作之上。

橫幅：將濾色片加入照片，並且利用圓角效果製作假圓角版型。

首頁歡迎標語：為了使左側欄位不至於緊黏上方橫幅，所以我創造了一個空白標題，以至於首頁進來反而是空白的，所以我增加了一個歡迎圖來填補空白，作為開場。

由於使用許多文字和圖片，因此背景用最單純的留白，讓整體版面不至於凌亂不堪，也就沒有再多製作底圖了。

- Works

1. 六年級班網 (2005)

2. 漫畫家粉絲網站 (2006)

3. 網誌樣式 (2013)

其實還有設計過很多網誌樣式，但是都沒有截圖存留。再加上部落格平台無名小站停止服務之後，我也很少寫網誌，更甭說是網誌的樣式了，這是最後一個使用的樣式，但因為有些圖片連結已經失效，只能看出框架，背景底圖都已經找不到了。