設計師自學HTML 和CSS | html css教學
2015年大學畢業後,我開始接觸HTML5和CSS3(後面會直接簡稱HTML和CSS),第一個接觸的線上教學是Codecademy,雖然是很詳細的一步一步教學,但上完免費課程的我還是寫不出網頁,因為該從何開始要如何下手完全茫然。不過後來其實有點慶幸我是從Codecademy開始學,因為那時候他的教學是需要自己一個字一個字打的,所以能稍微加深語法結構如何撰寫的印象,但只要使用過Emmet就回不去手打了ㄏㄏ。新手上路推薦直到2016年先買了Hahow的某堂前端網頁設計入門(這堂課有些名詞解釋非常詳細,但課程內容都只是概略介紹),之後不小心看到吳哲宇...
2015 年大學畢業後,我開始接觸 HTML5 和 CSS3(後面會直接簡稱 HTML 和 CSS),第一個接觸的線上教學是 Codecademy,雖然是很詳細的一步一步教學,但上完免費課程的我還是寫不出網頁,因為該從何開始要如何下手完全茫然。
不過後來其實有點慶幸我是從 Codecademy 開始學,因為那時候他的教學是需要自己一個字一個字打的,所以能稍微加深語法結構如何撰寫的印象,但只要使用過 Emmet 就回不去手打了ㄏㄏ。
新手上路推薦直到 2016 年先買了 Hahow 的某堂前端網頁設計入門(這堂課有些名詞解釋非常詳細,但課程內容都只是概略介紹),之後不小心看到吳哲宇老師的「動畫互動網頁程式入門 (HTML/CSS/JS)」[1],這時候才發現寫 CSS 好玩的地方,因為老師是以設計師的角度來教學,所以對設計師來說上這堂課非常有趣,而且不會想睡覺(劃重點)。雖然直到現在我還是沒把後面動態網頁相關的課程上完,但光是前面的 HTML 和 CSS 教學就讓我獲益良多,終於知道要用什麼標籤和樣式建構一個網頁,大力推薦給設計師們,是一堂 CP 值很高的課。
另外一堂推薦的課是六角學院的「使用 HTML、CSS 開發一個網站」[2],老師是工程師,所以可以幫你打穩 HTML 和 CSS 的基礎,重點是交作業會有人幫你檢視語法使用上有...