AI時代的網頁設計HTML、CSS、JavaScript、RWD、Bootstrap、Vue.js、jQuery(第九版)

Part 1 HTML 
第1章 網頁設計基礎 
1-1 網站建置流程 
1-2 網站的 UI/UX 設計原則 
1-3 網頁設計相關的程式語言 
1-4 HTML 的發展 
1-5 HTML 文件的開發環境 
1-6 HTML 文件的基本結構 
1-7 撰寫第一份 HTML 文件 
◎ChatGPT 程式助理新思維：請 AI 助理扮演網頁設計專家 
◎ChatGPT 程式助理新思維：規劃網站架構與繪製網站地圖 
◎ChatGPT 程式助理新思維：查詢網頁技術、語法與撰寫程式 

第2章 文件結構 
2-1 HTML 文件的根元素－ html元素 
2-2 HTML 文件的標頭－ head元素 
2-3 HTML 文件的主體－ body元素 
2-4 HTML5 新增的結構元素 
◎ChatGPT 程式助理新思維：根據線框圖生成網頁、測試與修改 

第3章 資料編輯與格式化 
3-1 區塊格式 
3-2 文字格式 
3-3 項目符號與編號－ ul、ol、li元素 
3-4 定義清單－ dl、dt、dd元素 
3-5 超連結 
3-6 相對URL 的路徑資訊－ base元素 
◎ChatGPT 程式助理新思維：查詢 HTML 元素的用途、語法及範例 

第4章 影音多媒體、表格與表單 
4-1 嵌入圖片－ img元素 
4-2 嵌入影片－ video元素 
4-3 嵌入聲音－ audio元素 
4-4 設定媒體資源－ source元素 
4-5 嵌入不同的圖片－ picture元素 
4-6 嵌入物件－ object元素 
4-7 嵌入浮動框架－ iframe元素 
4-8 嵌入Script － script、noscript元素 
4-9 表格元素 
4-10 表單元素 
◎ChatGPT 程式助理新思維：根據試算表或表格資料生成網頁、測試、修改與美化 
◎ChatGPT 程式助理新思維：生成表單網頁、測試、修改與美化 

Part 2 CSS 
第5章 CSS 基本語法 
5-1 CSS 的發展 
5-2 在 HTML 文件中套用 CSS 
5-3 CSS 的語法 
5-4 選擇器的類型 
5-5 樣式表的串接順序 

第6章 常用的 CSS 屬性 
6-1 色彩屬性 
6-2 字型屬性 
6-3 文字屬性 
6-4 清單屬性 
6-5 表格屬性 
6-6 背景屬性 
6-7 濾鏡屬性 
6-8 漸層函式 
6-9 變形屬性 
6-10 轉場屬性 
6-11 動畫屬性 
◎ChatGPT 程式助理新思維：查詢 CSS 屬性、針對指定樣式與效果撰寫程式碼 

第7章 Box Model 與定位方式 
7-1 Box Model 
7-2 邊界屬性 
7-3 留白屬性 
7-4 框線屬性 
7-5 寬度與高度屬性 
7-6 定位方式 
◎ChatGPT 程式助理新思維：設定網頁的外觀 

第8章 CSS 版面設計與媒體查詢 
8-1 使用float 屬性進行版面設計 
8-2 彈性盒子版面 
8-3 網格版面 
8-4 媒體查詢 
◎ChatGPT 程式助理新思維：根據裝置的方向顯示不同的網頁內容 

第9章 響應式網頁設計實例 (RWD) 
9-1 開發適用於不同裝置的網頁 
9-2 響應式網頁設計原則 
9-3 手刻響應式網頁 (圖庫網站) 

Part 3 JavaScript 
第10章 JavaScript 基本語法 
10-1 撰寫第一個JavaScript 程式 
10-2 JavaScript 程式碼撰寫慣例 
10-3 型別 
10-4 變數 
10-5 常數 
10-6 運算子 
10-7 流程控制 
10-8 函式 
10-9 變數的有效範圍 
◎ChatGPT 程式助理新思維：查詢語法、撰寫、解讀與轉換程式、註解、除錯 

第11章 物件與 DOM 
11-1 認識物件 
11-2 使用物件 
11-3 內建物件 
11-4 Window 物件 
11-5 Location 物件 
11-6 Navigator 物件 
11-7 History 物件 
11-8 Screen 物件 
11-9 Document 物件 
11-10 Element 物件 

第12章 事件處理 
12-1 事件驅動模式 
12-2 事件的類型 
12-3 定義事件處理程式 / 事件監聽程式 
12-4 移除事件處理程式 / 事件監聽程式 
12-5 Event 物件 
12-6 事件處理範例 
◎ChatGPT 程式助理新思維：撰寫綜所稅試算網頁 

Part 4 前端框架 
第13章 Bootstrap 
13-1 撰寫Bootstrap 網頁 
13-2 網格系統 
13-3 內容樣式 
13-4 公用類別 
13-5 按鈕 
13-6 表單 
13-7 關閉按鈕 (Close button) 
13-8 警報效果 (Alert) 
13-9 下拉式清單 (Dropdown) 
13-10 導覽列 (Navbar) 
13-11 卡片 (Card) 
13-12 輪播 (Carousel) 
13-13 麵包屑導覽 (Pagination) 
◎ChatGPT 程式助理新思維：查詢 Bootstrap 語法與元件、撰寫 Bootstrap 網頁 

第14章 Vue.js 
14-1 認識 Vue.js 
14-2 安裝與使用 Vue.js 
14-3 樣板語法 
14-4 methods 與 computed 屬性 
14-5 事件處理 
14-6 表單欄位繫結 
14-7 類別與樣式繫結 
14-8 條件式渲染 
14-9 清單渲染 

第15章 jQuery 【PDF 電子書，請線上下載】