前情提要

在我國小剛學會使用電腦時，接觸的部落格就跟網頁設計有關，那時候不知道什麼叫網頁設計，只知道想要把部落格變得很漂亮就要查語法來修改後台設定，那時候只知道這東西叫做「語法」。

國中時期從部落格變成無名小站後，因為同樣是奇摩的服務所以差異不大，同樣查語法去後台修改排版，還是認為叫做「語法」。

高中時期有一門計算機概論課，才學到「網頁設計」這個名詞，才知道網頁原來是用 HTML 和 CSS 組合而成，還要透過網路伺服器、網域等設定，才能變成大家都能看得到的網頁，而用來做網頁設計的軟體叫 Dreamweaver ，在這時期學了基礎的 HTML 標籤和 Dreamweaver 操作及程式語言，此時對網頁設計有了一些基礎的認識，但不知道原來設計出一個酷炫網頁還需要搭配其他複雜的程式。

大學時期學的網頁設計，業界講師教了 SEO 的概念及重要性，也引導我們做出屬於自己的簡單網頁並將作品放到學校的 FTP 上，讓我們可以透過網址瀏覽自己做的網頁，老師還教了讓網頁區塊保持在中間，不會因為視窗寬度改變而被遮蔽的概念（即響應式網頁，我忘記是老師沒有教到這個名詞還是我自己忘了），還有教 HTML 怎麼搭配 CSS ，這個時候我還是只知道做網頁一定要用 Dreamweaver ，並且知道更多網頁設計及 HTML ＋ CSS 的相關概念。

畢業後第一份工作，想透過架設網站幫公司增加知名度，卻對網站伺服器、網域、、、等技術不了解，以為要架設一個網站得花一大筆錢，於是就作罷了。

第二份工作幸運應徵到管理官網的職位，剛開始我只記得基礎的 HTML 標籤怎麼使用，其他的概念連 CSS 要怎麼串連都忘光了，只會不斷的另存舊檔案去微調圖文內容，表格怎麼寫我也不會，只會透過複製貼上語法再從 Dreamweaver 介面去更改內容。

幾次挫折發現自己的實力真的很爛，於是我就自己報名線上網頁設計課程增進自己的實力。

進步有感

年末了，最近打開去年做的檔案有很深的感觸，過了一年自己進步很多，還記得去年接到新增頁面要有按鈕的需求，那時候我只會用一張圖片增加連結的方式去做出按鈕。

就像這樣，一張死板的圖片，沒有任何效果。

去年做的按鈕

今年上完基礎網頁設計線上課程的我，已經找回 HTML 搭配 CSS 的方式了，甚至知道怎麼優化可以讓語法不要太雜亂，最近又接到新增按鈕的需求的時候，我下意識能做出的按鈕不再只是死板的圖片，而是真的用 HTML 搭配 CSS 去實現一個滑鼠滑入可以有一點效果的按鈕。

像這樣，左邊是去年做的，右邊是今年做的。

兩年網頁設計程度對比

也許以按鈕效果來說，我做這樣只是最基本，按鈕有太多可以變化的效果可以設定，但不只在做按鈕上，我在響應式網頁設計、框架應用、 JS 程度 、 Git 、 hexo 等各方面的應用上都感覺到自己比以前還要進步很多，這樣的成就感在心裡很踏實，覺得今年一直有在進步很棒～