語法再怎麼熟,欠缺網頁製作流程 knowhow,永遠隻能做齣陽春範例!
許多網頁設計新手初學 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 網頁的設計技巧