





HTML5.CSS3最強圖解實戰講座 (第2版)
HTML5 & CSS3標準デザイン講座 30LESSONS (第2版)
79
620489
查詢門市庫存
【第二版】特別強打內容:
‧CSS 版面設計的主流手法 - flexbox
‧行動版網頁 / RWD 網頁的設計技巧
‧CSS 版面設計的主流手法 - flexbox
‧行動版網頁 / RWD 網頁的設計技巧
內容簡介
語法再怎麼熟, 欠缺網頁製作流程 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 網頁的設計技巧
許多網頁設計新手初學 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 網頁的設計技巧
產品目錄
Ch01 Step by Step 製作 HTML 網頁
LESSON 01 HTML 概要
LESSON 02 編寫 HTML 文件
LESSON 03 實際進行標記
LESSON 04 換行、強調內容、插入圖片與連結
Ch02 CSS 基本功
LESSON 05 CSS概要
LESSON 06 基本屬性的使用方法
LESSON 07 基本選擇器的使用方法
LESSON 08 用背景圖裝飾元素
LESSON 09 用 CSS 美化元素
LESSON 10 基本版面設計與 Box Model
Ch03 表格與表單
LESSON 11 製作表格與表單
LESSON 12 設定表格與表單樣式
Ch04 CSS 版面設計基礎
LESSON 13 用 float 屬性進行版面配置
LESSON 14 用position屬性進行版面配置
LESSON 15 flexbox彈性框架
Ch05 認識 HTML5 新元素
LESSON 16 區塊元素
LESSON 17 元素分類與內容模型
LESSON 18 其它 HTML5 新元素與屬性
Ch06 製作網頁所需的 CSS3 實務知識
LESSON 19 CSS3 重要的新選擇器
LESSON 20 CSS3 的裝飾功能
LESSON 21 變形與轉場動畫
LESSON 22 Media Queries
Ch07 讓網頁支援多裝置瀏覽 (觀念篇)
LESSON 23 行動裝置對網頁製作的影響
LESSON 24 製作行動版網頁的基礎知識
Ch08 RWD 響應式網頁設計的準備工作
LESSON 25 響應式網頁的畫面設計
LESSON 26 增進效率的語法撰寫計劃
Ch09 Step by Step 實作響應式網頁
LESSON 27 準備樣板檔案
LESSON 28 完成基本的行動版所見頁面
LESSON 29 使用 Media Query 功能調整版面配置
LESSON 30 兼顧多種裝置的設計實作
LESSON 01 HTML 概要
LESSON 02 編寫 HTML 文件
LESSON 03 實際進行標記
LESSON 04 換行、強調內容、插入圖片與連結
Ch02 CSS 基本功
LESSON 05 CSS概要
LESSON 06 基本屬性的使用方法
LESSON 07 基本選擇器的使用方法
LESSON 08 用背景圖裝飾元素
LESSON 09 用 CSS 美化元素
LESSON 10 基本版面設計與 Box Model
Ch03 表格與表單
LESSON 11 製作表格與表單
LESSON 12 設定表格與表單樣式
Ch04 CSS 版面設計基礎
LESSON 13 用 float 屬性進行版面配置
LESSON 14 用position屬性進行版面配置
LESSON 15 flexbox彈性框架
Ch05 認識 HTML5 新元素
LESSON 16 區塊元素
LESSON 17 元素分類與內容模型
LESSON 18 其它 HTML5 新元素與屬性
Ch06 製作網頁所需的 CSS3 實務知識
LESSON 19 CSS3 重要的新選擇器
LESSON 20 CSS3 的裝飾功能
LESSON 21 變形與轉場動畫
LESSON 22 Media Queries
Ch07 讓網頁支援多裝置瀏覽 (觀念篇)
LESSON 23 行動裝置對網頁製作的影響
LESSON 24 製作行動版網頁的基礎知識
Ch08 RWD 響應式網頁設計的準備工作
LESSON 25 響應式網頁的畫面設計
LESSON 26 增進效率的語法撰寫計劃
Ch09 Step by Step 實作響應式網頁
LESSON 27 準備樣板檔案
LESSON 28 完成基本的行動版所見頁面
LESSON 29 使用 Media Query 功能調整版面配置
LESSON 30 兼顧多種裝置的設計實作
規格
誠品貨碼 / 2681934577004
ISBN13 / 9789863126492
ISBN10 / 9863126497
EAN貨碼 / 9789863126492
頁數 / 416
開數 / 18K
裝訂 / P:平裝
語言 / 1:中文/繁體
尺寸 / 23X17X2.5CM
級別 / N:無
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送



