0人評分過此書
輕鬆玩HTML5+CSS3+JavaScript網頁程式設計
1.全書超過100題豐富範例演練。
2.架構清楚、易讀性高，經由「步驟式教學 → 程式碼示範 → 預覽結果 → 完成範例檔」四步驟，網頁設計立即上手。
3.全彩印刷，範例程式碼的重點以紅色清楚標示，幫助讀者進一步掌握不同章節的語法重點。
4.每章皆附有習題，透過問答與實作，掌握全章精華。
這是一本易於學習與理解的HTML5、CSS3與JavaScript網頁程式設計入門書。本書先進行概念解說，介紹標籤或指令，接著解說它們的使用方法，再以步驟方式進行範例實作，務必讓概念、標籤與指令的解說清楚易懂。
本書從基礎概念到進階應用方式安排章節次序，先帶您初步認識HTML5 + CSS3 + JavaScript與網頁製作軟體的使用，接著介紹使用CSS設定文字與圖片、各種選擇器、版面編排、CSS的套用順序、製作選單與特效等功能及操作，再介紹HTML5的常用標籤、以網頁範例介紹JavaScript的概念與語法、說明JavaScript如何操作DOM（Document Object Model）動態修改網頁，最後整合前面章節所學，實際進行網頁設計及網站實作，讓您動手跟著做，就能實作出美觀實用，風格統一的網站。
2.架構清楚、易讀性高，經由「步驟式教學 → 程式碼示範 → 預覽結果 → 完成範例檔」四步驟，網頁設計立即上手。
3.全彩印刷，範例程式碼的重點以紅色清楚標示，幫助讀者進一步掌握不同章節的語法重點。
4.每章皆附有習題，透過問答與實作，掌握全章精華。
這是一本易於學習與理解的HTML5、CSS3與JavaScript網頁程式設計入門書。本書先進行概念解說，介紹標籤或指令，接著解說它們的使用方法，再以步驟方式進行範例實作，務必讓概念、標籤與指令的解說清楚易懂。
本書從基礎概念到進階應用方式安排章節次序，先帶您初步認識HTML5 + CSS3 + JavaScript與網頁製作軟體的使用，接著介紹使用CSS設定文字與圖片、各種選擇器、版面編排、CSS的套用順序、製作選單與特效等功能及操作，再介紹HTML5的常用標籤、以網頁範例介紹JavaScript的概念與語法、說明JavaScript如何操作DOM（Document Object Model）動態修改網頁，最後整合前面章節所學，實際進行網頁設計及網站實作，讓您動手跟著做，就能實作出美觀實用，風格統一的網站。
-
CHAPTER 01 網頁基礎概念與VS Code + Brackets 的使用
-
1-1 簡介HTML5、CSS3與JavaScript
-
1-2 網頁的結構
-
1-3 VS Code + Brackets的安裝與使用
-
1-3-1 VS Code + Brackets的安裝
-
1-3-2 切換成繁體中文介面
-
1-3-3 載入網頁
-
1-3-4 即時預覽
-
1-3-5 快速編輯
-
1-3-6 自動產生選單
-
-
1-4 常用瀏覽器
-
1-5 好用的網站
-
-
CHAPTER 02 HTML與CSS初體驗
-
2-1 HTML標籤簡介
-
2-1-1 區塊元素（block）
-
2-1-2 行內元素（inline）
-
-
2-2 使用HTML標籤製作網頁
-
2-2-1 使用HTML標籤讓網頁更容易閱讀
-
2-2-2 插入圖片與超連結
-
-
2-3 CSS樣式
-
2-3-1 顏色的設定
-
2-3-2 盒子模型（box model）
-
2-3-3 長度單位
-
-
2-4 使用CSS設定網頁樣式
-
2-4-1 CSS選擇器入門
-
2-4-2 使用CSS美化網頁
-
-
-
CHAPTER 03 網頁結合CSS與JavaScript 入門、Chrome開發人員工具的使用
-
3-1 HTML、CSS與JavaScript的角色
-
3-2 JavaScript與CSS匯入的方式
-
3-2-1 CSS的匯入方式
-
3-2-2 JavaScript的匯入方式
-
-
3-3 JavaScript與CSS範例——更改網頁中圖片
-
3-4 Chrome開發人員工具
-
3-4-1 使用Chrome開發人員工具修改CSS
-
3-4-2 使用Chrome開發人員工具進行JavaScript除錯
-
-
-
CHAPTER 04 使用CSS設定文字與圖片
-
4-1 使用CSS設定文字
-
4-1-1 使用CSS設定文字範例（一）
-
4-1-2 使用CSS設定文字範例（二）
-
-
4-2 使用CSS設定圖片
-
4-2-1 使用CSS設定圖片
-
4-2-2 使用CSS設定圖片與說明文字
-
-
4-3 使用CSS設定背景顏色與背景圖片
-
4-3-1 背景與標題
-
4-3-2 在指定位置放入背景圖片
-
4-3-3 設定背景是否填滿
-
4-3-4 設定背景是否捲動
-
-
-
CHAPTER 05 CSS選擇器
-
5-1 CSS選擇器
-
5-1-1 標籤、類別與id選擇器
-
5-1-2 子孫選擇器
-
5-1-3 子孫選擇器與子選擇器
-
5-1-4 同層相鄰選擇器與同層全體選擇器
-
-
5-2 套用多個選擇器、萬用選擇器與群組選擇器
-
5-2-1 套用多個選擇器
-
5-2-2 萬用選擇器與群組選擇器
-
-
5-3 屬性選擇器
-
5-4 虛擬選擇器
-
5-4-1 連結虛擬類別與使用者動作虛擬類別
-
5-4-2 結構（structural）虛擬類別1
-
5-4-3 結構（structural）虛擬類別2
-
5-4-4 根（root）虛擬類別與否定（negation）虛擬類別
-
5-4-5 虛擬元素
-
-
-
CHAPTER 06 使用CSS進行版面編排
-
6-1 CSS版面編排概念
-
6-1-1 不使用屬性float進行版面編排
-
6-1-2 使用float:left進行版面編排
-
6-1-3 使用float:right進行版面編排
-
6-1-4 使用float與clear進行版面編排
-
-
6-2 兩欄式版面
-
6-2-1 二欄式版面（fixed-fixed）
-
6-2-2 二欄式版面（fixed-fluid）
-
-
6-3 三欄式版面
-
6-3-1 三欄式版面（fixed-fixed-fixed）
-
6-3-2 三欄式版面（fixed-fluid-fixed）
-
6-3-3 三欄式版面（fixed-fluid-fluid）
-
6-3-4 三欄式版面（fluid-fluid-fluid）
-
-
-
CHAPTER 07 區塊元素與屬性position 的使用
-
7-1 區塊元素
-
7-1-1 區塊元素section與article
-
7-1-2 區塊元素nav與aside
-
-
7-2 屬性position的使用
-
7-2-1 使用absolute與relative調整元素位置
-
7-2-2 使用fixed固定元素位置
-
-
-
CHAPTER 08 CSS的屬性display 與套用順序
-
8-1 屬性display
-
8-1-1 使用display:inline製作選單
-
8-1-2 使用display:block與float:left製作選單
-
8-1-3 使用display:table-cell製作選單
-
-
8-2 CSS套用順序
-
8-2-1 比較行內、id、類別與標籤的CSS套用優先權
-
8-2-2 使用!important提高優先權
-
8-2-3 套用相同優先權的CSS
-
-
-
CHAPTER 09 使用CSS製作多層級選單
-
9-1 使用CSS製作多層級選單（1）
-
9-2 使用CSS製作多層級選單（2）
-
-
CHAPTER 10 利用CSS製作各種特效
-
10-1 文字陰影、漸層、區塊陰影與邊線弧度特效
-
10-1-1 文字陰影特效
-
10-1-2 漸層特效
-
10-1-3 區塊陰影
-
10-1-4 邊線弧度
-
10-1-5 使用border-left製作標題左側提示區塊
-
-
10-2 CSS變形特效
-
10-2-1 使用translate平移區塊
-
10-2-2 使用rotate旋轉區塊
-
10-2-3 使用scale縮放區塊
-
10-2-4 使用skew傾斜區塊
-
10-2-5 使用transition產生動畫效果
-
-
10-3 按鈕特效範例
-
10-3-1 製作按鈕變色特效
-
10-3-2 製作按鈕按下特效
-
-
-
CHAPTER 11 表格、縮排清單、表單、影片與聲音
-
11-1 表格與縮排清單
-
11-1-1 使用table、tr、th與td製作表格
-
11-1-2 使用dl、dt與dd製作縮排清單
-
-
11-2 表單
-
11-2-1 製作表單（一）
-
11-2-2 製作表單（二）
-
11-2-3 使用CSS設定表單（一）
-
11-2-4 使用CSS設定表單（二）
-
-
11-3 在網頁中加入影片與聲音
-
-
CHAPTER 12 網頁中加入JavaScript、JavaScript 的變數與運算子
-
12-1 網頁中加入JavaScript
-
12-1-1 使用行內方式在網頁中加入JavaScript
-
12-1-2 以標籤script在網頁中加入JavaScript
-
12-1-3 以標籤script在網頁中加入外部的JavaScript檔
-
-
12-2 變數
-
12-2-1 變數的命名規則
-
12-2-2 變數的宣告與初始化
-
-
12-3 運算子
-
12-3-1 指定運算子
-
12-3-2 算術運算子、遞增減運算子
-
12-3-3 算數運算子縮寫
-
12-3-4 比較運算子
-
12-3-5 邏輯運算子
-
12-3-6 位元運算子
-
12-3-7 JavaScript的typeof運算子
-
12-3-8 運算子優先權次序
-
-
-
CHAPTER 13 JavaScript 條件判斷與迴圈
-
13-1 JavaScript條件判斷
-
13-1-1 單向與雙向選擇結構
-
13-1-2 多向選擇結構
-
-
13-2 迴圈
-
13-2-1 迴圈結構——使用for
-
13-2-2 巢狀迴圈結構
-
13-2-3 while迴圈
-
13-2-4 迴圈中使用break與continue
-
-
-
CHAPTER 14 JavaScript 陣列、函式與事件
-
14-1 陣列
-
14-1-1 一維陣列的初始化
-
14-1-2 陣列與迴圈
-
14-1-3 陣列的操作函式
-
-
14-2 函式
-
14-2-1 函式的定義與呼叫
-
-
14-3 事件
-
14-3-1 事件處理函式
-
14-3-2 滑鼠與鍵盤事件
-
-
-
CHAPTER 15 文件物件模型
-
15-1 DOM元素的常用屬性與方法
-
15-1-1 元素節點、文字節點與屬性節點範例
-
15-1-2 找出父、子與手足節點
-
-
15-2 DOM的應用範例
-
15-2-1 更改屬性節點
-
15-2-2 更改元素的CSS類別
-
15-2-3 新增圖片
-
15-2-4 刪除圖片
-
15-2-5 取代圖片
-
15-2-6 插入圖片
-
-
-
CHAPTER 16 HTML5與JavaScript 結合的常用功能
-
16-1 Canvas畫布功能
-
16-1-1 新增畫布
-
16-1-2 描繪線段並封閉成區域
-
16-1-3 填充封閉區域
-
16-1-4 填充顏色與線段顏色
-
16-1-5 繪製圓弧
-
16-1-6 漸層顏色
-
16-1-7 繪製文字
-
16-1-8 載入圖片
-
-
16-2 SVG功能
-
16-2-1 繪製圓形
-
16-2-2 繪製長方形與文字
-
16-2-3 載入SVG圖片
-
-
16-3 儲存功能
-
16-3-1 使用localStorage儲存資料
-
16-3-2 使用sessionStorage儲存資料
-
-
16-4 查詢經緯度
-
16-5 Web Workers
-
16-6 Server-Sent Events
-
-
CHAPTER 17 HTML、CSS與JavaScript 的應用範例
-
17-1 製作三階層選單範例
-
17-2 製作圖片播放器
-
17-2-1 圖片播放器的初步架構
-
17-2-2 圖片播放器加上播放功能
-
17-2-3 圖片播放器增加跳往某張圖片功能
-
-
-
CHAPTER 18 網站製作規劃
-
18-1 網站規劃
-
18-1-1 版面配置
-
18-1-2 CSS相關設定
-
18-1-3 檔案與資料夾命名
-
-
18-2 實作出網站
-
- 出版地 ： 臺灣
- 語言 ： 繁體中文
評分與評論
請登入後再留言與評分
PDF
