今天來推薦一本帶我初探前端的書籍：HTML&CSS 網站設計建置優化之道
雖然這本書已出版 8 年了，對於初學者還是非常適合且友善的！
它能帶你：
- 建構網頁程式基本邏輯
- 了解 HTML 和 CSS，並做簡單的運用
- 讓你從不排斥程式語言開始，對它有個好印象
適合對象：
- 對網頁程式 0 基礎的初學者
- 需要圖文並茂才能閱讀的讀者
- 對程式語言感到恐懼，卻想嘗試看看的設計師
本書的前半部講解 HTML，後半部講解 CSS，以建構基礎觀念和邏輯開始，並帶入實際運用。這邊不會說明太多那書中的內容，會以設計師的角度出發，介紹書籍特色，很適合像我一樣，剛開始非常害怕程式語言的人看看，它就像本故事書，沒有艱深的文字說明，不知不覺就會讀完～
特色1：從 0 起步，沒基礎也能上手
我自己也是在完全沒基礎的狀態下開始閱讀的，必須說，對設計師來說，挑對程式語言的第一本書籍或課程，真的很！重！要！這會決定你接下來對它的好感度，如果一開始挑了一本艱澀難懂的書就可以先跟它說掰掰了～（之後會再寫一篇線上課程推薦）
書中會先幫助你建立網站基礎架構，延伸到 HTML 和 CSS 之於網站的意義及必要性，再加上實作呈現，學習效果不輸給動態的線上課程。
特色2：活潑的編排，讓 coding 變有趣
Coding 最有趣之處，是能用一行行的文字創造各種視覺特效，不過許多設計師們在還沒看到成果前，就先被這堆程式碼淹沒了 QQ
書裡運用了很多視覺化的排版來解說，搭配著圖片，讓程式語言變得不這麼嚴肅。也將程式邏輯用圖像式呈現，能像閱讀故事一樣的去理解。
特色3：仔細說明每個 code 的用意，並即時演示
這對於稍微有點基礎的學習者來說可能有點多餘，畢竟寫程式都是邊寫邊查，不太會從頭學習每個 CSS 屬性或 HTML 標籤，不過初學者如果能先都讀過一遍（記不起來也沒關係），之後進入實作階段會容易上手很多！不會覺得每行 code 怎麼都這麼陌生。
書中貼心的將 CSS、HTML 和實際畫面用不同區塊呈現，並拆開來講解，能清楚理解 HTML 與 CSS 如何搭配應用，創造不同效果。
特色4：每單元最後都有重點整理，確認觀念吸收
重點回顧對於我這種常常讀完就忘的人來說太重要了！尤其在初學階段，對程式語言的熟悉度低，很容易只是讀完不是讀懂。
小缺點：缺少 RWD 觀念
RWD 的觀念在設計和程式上都息息相關，雖然已普遍了許多年，當時 0 基礎的我還是不知道 RWD 觀念的重要性，變成前端學到一半插入新觀念，才發現，疑～怎麼不一開始就一起學呢！
身邊不管是學習程式語言或 UI/UX 設計的朋友，我都會建議從起步就開始建立 RWD 觀念，會省力很多。
書籍中比較注重在說明 HTML 和 CSS 本身的運用，沒有太多 RWD 觀念。
總結
我從大四開始自學前端，閱讀這本書時我也沒有開始「寫」，是先單純閱讀。
讀者可以輕鬆的閱讀，如果這本書讀起來也覺得吃力，那就建議找實體課程或上網找老師手把手教學，才能即時回答各種疑惑囉～
