|
|
|
這是一本易於學習與理解的HTML5、CSS3與JavaScript網頁程式設計入門書。本書先進行概念解說，介紹標籤或指令，接著解說它們的使用方法，再以步驟方式進行範例實作，務必讓概念、標籤與指令的解說清楚易懂。
本書從基礎概念到進階應用方式安排章節次序，先帶您初步認識HTML5 + CSS3 + JavaScript與網頁製作軟體的使用，接著介紹使用CSS設定文字與圖片、各種選擇器、版面編排、CSS的套用順序、製作選單與特效等功能及操作，再介紹HTML5的常用標籤、以網頁範例介紹JavaScript的概念與語法、說明JavaScript如何操作DOM（Document Object Model）動態修改網頁，最後整合前面章節所學，實際進行網頁設計及網站實作，讓您動手跟著做，就能實作出美觀實用，風格統一的網站。
本書特色
1.全書超過100題豐富範例演練。
2.架構清楚、易讀性高，經由「步驟式教學 → 程式碼示範 → 預覽結果 → 完成範例檔」四步驟，網頁設計立即上手。
3.全彩印刷，範例程式碼的重點以紅色清楚標示，幫助讀者進一步掌握不同章節的語法重點。
4.每章皆附有習題，透過問答與實作，掌握全章精華。
CH01 網頁基礎概念與VS Code + Brackets 的使用
1-1 簡介HTML5、CSS3與JavaScript
1-2 網頁的結構
1-3 VS Code + Brackets 的安裝與使用
1-4 常用瀏覽器
1-5 好用的網站
CH02 HTML與CSS初體驗
2-1 HTML標籤簡介
2-2 使用HTML標籤製作網頁
2-3 CSS樣式
2-4 使用CSS設定網頁樣式
CH03 網頁結合CSS與JavaScript 入門、Chrome開發人員工具的使用
3-1 HTML、CSS與JavaScript的角色
3-2 JavaScript與CSS匯入的方式
3-3 JavaScript與CSS範例─更改網頁中圖片
3-4 Chrome開發人員工具
CH04 使用CSS設定文字與圖片
4-1 使用CSS設定文字
4-2 使用CSS設定圖片
4-3 使用CSS設定背景顏色與背景圖片
CH05 CSS選擇器
5-1 CSS選擇器
5-2 套用多個選擇器、萬用選擇器與群組選擇器
5-3 屬性選擇器
5-4 虛擬選擇器
CH06 使用CSS進行版面編排
6-1 CSS版面編排概念
6-2 兩欄式版面
6-3 三欄式版面
CH07 區塊元素與屬性position的使用
7-1 區塊元素
7-2 屬性position的使用
CH08 CSS的屬性display 與套用順序
8-1 屬性display
8-2 CSS套用順序
CH09 使用CSS製作多層級選單
9-1 使用CSS製作多層級選單(1)
9-2 使用CSS製作多層級選單(2)
CH10 利用CSS製作各種特效
10-1 文字陰影、漸層、區塊陰影與邊線弧度特效
10-2 CSS變形特效
10-3 按鈕特效範例
CH11 表格、縮排清單、表單、影片與聲音
11-1 表格與縮排清單
11-2 表單
11-3 在網頁中加入影片與聲音
CH12 網頁中加入JavaScript、JavaScript 的變數與運算子
12-1 網頁中加入JavaScript
12-2 變數
12-3 運算子
CH13 JavaScript 條件判斷與迴圈
13-1 JavaScript條件判斷
13-2 迴圈
CH14 JavaScript 陣列、函式與事件
14-1 陣列
14-2 函式
14-3 事件
CH15 文件物件模型
15-1 DOM元素的常用屬性與方法
15-2 DOM的應用範例
CH16 HTML5與JavaScript 結合的常用功能
16-1 Canvas畫布功能
16-2 SVG功能
16-3 儲存功能
16-4 查詢經緯度
16-5 Web Workers
16-6 Server-Sent Events
CH17 HTML、CSS與JavaScript 的應用範例
17-1 製作三階層選單範例
17-2 製作圖片播放器
CH18 網站製作規劃
18-1 網站規劃
18-2 實作出網站
