這是趁我自己還有印象的時候，寫給自己的紀錄。

說到網頁設計，你會想到什麼？或說要學習網頁設計，要學些什麼？現在估狗網頁設計，前面排的是一大堆網頁設計公司，RWD響應式設計，或是跟你說怎麼用wordpress或是其他架站平台服務。

我算是有幸從沒網路過渡到有網路的世代。又正好從網路剛飛入尋常百姓家的時候就接觸網頁設計。二十幾年前搜網頁設計，到十幾年前搜網頁設計，到現在搜網頁設計，找到的資料完全不同，呈現了網頁設計這二十幾年來的變化。

我最早接觸網頁設計是高中的時候，1998年左右，那時候台灣還沒聽過google，用的搜尋引擎是蕃薯藤、奇摩或openfind。會接觸網頁設計，是因為那時候想在網路上跟其他同人誌族群交流。那個年代搜網頁設計，網路上有的資料就是教你html，還有各種免費網路空間資源。於是想要在網路上展示自己畫的圖，就自己用記事本寫網頁，然後找個免費網路空間放上去。那個年代，每個做網頁的人，都一定會寫html。如果網站要有留言板，那就是找CGI留言板來用。

大學的時候學校電腦課，才知道原來有frontpage這種所見即所得的網頁軟體。大二大三的時候，阿貴網路動畫正流行，還有幹樵龍跟賤兔。差不多時間接觸了flash跟dreamweaver。當時學得比較多是flash，對dreamweaver只有略微接觸，但沒怎麼使用。

直到2003年開始找工作，一開始還是做flash動畫相關，但正好公司也有網頁設計師，從那時候才正式接觸用dreamweaver做網頁。

那個時候還沒有什麼前端後端的說法。網頁設計師大多就是做版型設計跟網頁切版，現在所謂後端在那時候我們直接就說程式設計師。那時候css只能做比較基本的設定，還沒有可以做排版定位的屬性，所以還是用表格切版。版型設計也大多使用photoshop。這時候的html還混雜著很多行內的樣式設定。

大概是2007年左右，以前的同事已經到別的大公司工作，我聽他說現在已經改用css切版，不使用表格切版了，說是網頁設計的趨勢。我想說我能力也沒比他差，既然他學得會，我應該也沒問題。於是上網找資料，找到 css Zen Garden ，從這裡開始進入css切版。html在這時候正式與樣式設定切割乾淨，成為單純的網頁骨架結構。這是我在網頁切版第一次技術上的大更新。

2008-2013，我同時有正職工作，也在社大教網頁設計。前後期感受最大的變化，是發現網路上的國外的免費空間漸漸沒了，還有社群網路的興起。

在2013以前，網頁設計只要考慮桌機。2013以後，手機網頁設計風潮從國外流行到台灣，於是開始有RWD響應式設計。但我一開始對此並不熟悉，所以當時的公司網頁，我是另外做手機版的小網，手機版與桌機版使用不同的網址，採用大小網的做法。

然後這段時間做網頁切版最煩的就屬於要同時相容於IE6~IE10以及Chrome跟firefox，那時候網路上有各種css hack的資料。

2014年後，我正式往RWD響應式網頁邁進，這是我在切版技術上第二次的大更新。然後差不多也是在這個時間點，網頁設計開始有所謂前端後端的說法。這時候我只覺得我自己的定位很尷尬。因為一直以來我雖然有很努力嘗試想學會javascript。付費課程也上了不少，但不行就是不行。能力就一直停留在只會套用一些比較簡單的jQuery。而他們前端工程師說的那些框架，我完全不懂。所以說工程師我也不是工程師，但對切版我是很有把握也駕輕就熟。

然後開始RWD後，到現在也10年了。在技術上我自己還多了一個過渡，就是從float切版過渡到flex切版。css在這麼多年也更新了很多，但我一開始其實對更新自有css知識有點排斥，也許習慣一個方式久了，多少會有點這種症頭。是長期合作的工程師跟我說flex有多方便，加上他又很會教，所以在他說明之下我才很快上手。

網頁設計的環境也變了很多，從最早大家都要找公司做網頁，到後來流行wordpress架站，以及各種架站平台的興起，架設網站已經走向一個成熟但也逐漸被很多服務競爭的狀態。

版型設計的軟體，也從最早使用photoshop，中間用過一點zeplin，到現在改成使用adobe XD。我也知道有更多公司不再使用本機端的app，而使用網路app例如figma來做版型設計。

未來10年，網頁設計還會有哪些變化呢？也許10年後，我可以再來寫一篇吧。