許多網頁設計新手初學 HTML 跟 CSS 時, 經常不斷在基礎語法上打轉, 卻始終對「如何製作出一個完整網頁」還是一知半解, 結果就是只能作出零碎、陽春的範例..., 那不叫網頁, 只是練習完產生的 HTML 檔啦！

　　學 HTML+CSS 的目的是什麼？當然是想「做出網頁」啊！這麼單純而重要的需求, 很多書卻都忽略掉了！

　　為了解決初學者的困境, 本書將從實務的網頁製作流程著手, 【完整示範如何將一個純文字內容 Step by Step 製作成精緻的網頁】, 您可從中掌握各種網頁製作 knowhow, 包括網頁架構的規劃、各種標籤/選擇器的使用時機、版面 Layout 如何設計、以及最讓新手頭腦打結的 border / padding/ margin 數值計算......等。

　　而這樣的教學方式在本書初版上市以來就深受讀者好評推薦：

　　「市面上太多本 HTML + CSS 的書與現實脫節, 本書完整將網頁的撰寫流程向大家交代。」

　　「作者把做一個網頁的架構技術, 很流暢地介紹出來, 降低剛開始寫網頁的混亂感。」

　　秉持相同的概念, 續作【第二版】則增加了更方便的網頁版面設計技巧 -【CSS flexbox】的介紹, 此外, 對現今網頁製作者來說絕對無法迴避的【行動版 / RWD 網頁】, 也有 Step by Step 的製作說明。書中精心設計了各種示意圖幫助您了解重要概念, 再也不怕學不會, 能夠讓您迅速成為網頁設計的即戰力！

本書特色

　　‧陽春範例退散！從零開始教你設計精緻網頁
　　純文字 → HTML 作標記 → CSS 設樣式 → 精緻網頁, Step by Step 超詳盡示範實作流程！

　　‧超豐富示意圖解說入門觀念, 想不會都不行！

　　‧用 HTML 正確標記標題、段落、section / div / span 等區塊

　　‧id、class名稱、網頁圖檔的命名規則

　　‧用 CSS3 逐步設計背景、頁首、導航選單、側邊欄、頁尾、內容區塊

　　‧豐富圖解熟悉 border / padding/ margin, 頭腦不再打結

　　‧製作多欄式版面

　　‧網路字型、圖示字型的使用

　　【第二版】特別強打內容：
　　‧CSS 版面設計的主流手法 - flexbox
　　‧行動版網頁 / RWD 網頁的設計技巧