超圖解入門X網頁設計實務knowhow大公開!
本書以豐富的圖解,詳盡解說HTML5+CSS3的入門知識,舉凡HTML div、span標籤的用法、絕對路徑/相對路徑概念,到入門者最苦手的版面尺寸計算、float/position/display等CSS重要屬性,您都可以藉由精心設計的示意圖快速理解,再也不怕學不會。
此外,有鑑於許多初學者就算學會基本語法,但對於如何製作出一個完整的網頁仍然一知半解,只會作出零碎、陽春的範例,因此本書會【完整示範如何將一個純文字內容Step by Step製作成可以實際上線的網頁】,讓您除了基本功外,能夠充份掌握實務的網頁製作knowhow,成為網頁設計的即戰力!
本書特色:
‧陽春範例退散!從零開始教你設計精緻網頁
純文字→HTML作標記→CSS設樣式→精緻網頁成形,Step by Step超詳盡示範實作過程!
‧超豐富示意圖解說入門觀念,想不會都不行!
‧用HTML正確標記標題、段落、section/div/span等區塊
‧id、class名稱、網頁圖檔的命名規則
‧用CSS3逐步設計背景、頁首、導航選單、側邊欄、頁尾、內容區塊
‧豐富圖解說明border/padding/margin概念
‧多欄式版面的製作
‧提升網頁讀取效能的CSS Sprite設計手法
‧網路字型、圖示字型的使用
‧在網頁中嵌入Google地圖
‧行動版網頁/RWD網頁程式設計的技巧
本書以豐富的圖解,詳盡解說HTML5+CSS3的入門知識,舉凡HTML div、span標籤的用法、絕對路徑/相對路徑概念,到入門者最苦手的版面尺寸計算、float/position/display等CSS重要屬性,您都可以藉由精心設計的示意圖快速理解,再也不怕學不會。
此外,有鑑於許多初學者就算學會基本語法,但對於如何製作出一個完整的網頁仍然一知半解,只會作出零碎、陽春的範例,因此本書會【完整示範如何將一個純文字內容Step by Step製作成可以實際上線的網頁】,讓您除了基本功外,能夠充份掌握實務的網頁製作knowhow,成為網頁設計的即戰力!
本書特色:
‧陽春範例退散!從零開始教你設計精緻網頁
純文字→HTML作標記→CSS設樣式→精緻網頁成形,Step by Step超詳盡示範實作過程!
‧超豐富示意圖解說入門觀念,想不會都不行!
‧用HTML正確標記標題、段落、section/div/span等區塊
‧id、class名稱、網頁圖檔的命名規則
‧用CSS3逐步設計背景、頁首、導航選單、側邊欄、頁尾、內容區塊
‧豐富圖解說明border/padding/margin概念
‧多欄式版面的製作
‧提升網頁讀取效能的CSS Sprite設計手法
‧網路字型、圖示字型的使用
‧在網頁中嵌入Google地圖
‧行動版網頁/RWD網頁程式設計的技巧