相關主題
商品描述
本書特色
1.提供最新技術、最新語法及範例，助你打造專業響應式網站！
2.集結HTML、CSSS、JavaScript、jQuery、jQuery Mobile及Bootstrap六大必學技術，一次學會網頁程式設計的關鍵技術。
3.完整的語法解說，搭配簡單實用的範例，幫助讀者快速理解及應用。
4.超實用的響應式網頁設計範例，讓你秒懂網頁設計。
內容簡介
網頁設計全攻略，精通六大必學技術！
網頁設計 x AI 工具，讓你的創意無限延伸！
從零開始，掌握超實用響應式網頁設計技巧！
跨平台網頁設計熱門技術大集合！
本書精選了網頁設計必學的技術，分為六大主題，從 HTML5 與 CSS3 的基本概念開始，逐步進入 JavaScript 的動態效果，並探討 jQuery 與 jQuery Mobile 的互動設計，最後介紹流行的 Bootstrap 5 框架，立即學會響應式網頁的製作。搭配 AI 工具的應用，讓你在學習網頁設計技術的同時，也能夠掌握智慧化設計的最新趨勢。
目錄大綱
CH01 網頁設計基本概念
1-1 網站基本概念
1-2 網頁設計程式語言
1-3 搜尋引擎最佳化
1-3-1 SEO行銷
1-4 網路資源
1-5 AI工具
1-6 網頁編輯工具
CH02 HTML基本概念
2-1 認識HTML
2-2 HTML檔案命名的原則
2-3 HTML的基本結構
2-4 文件資料元素
CH03 常用的HTML元素
3-1 段落元素
3-2 文字樣式元素
3-3 語意結構區塊元素
3-4 超連結元素
3-5 圖片元素
CH04 影音多媒體、表格及表單元素
4-1 影音多媒體元素
4-2 表格元素
4-3 表單元素
CH05 CSS基本概念
5-1 認識CSS
5-2 CSS的使用方式
5-3 CSS基本選擇器
5-4 組合選擇器
5-5 虛擬類別選擇器
5-6 虛擬元素選擇器
CH06 CSS樣式
6-1 色彩屬性
6-2 字型屬性
6-3 文字段落屬性
6-4 清單屬性
6-5 邊框屬性
6-6 背景屬性
6-7 漸層函式
6-8 表格屬性
6-9 變形、轉場與動畫屬性
CH07 CSS版面設計
7-1 盒子模型
7-2 定位方式
7-3 彈性版面
7-4 Grid網格系統
7-5 媒體查詢
CH08 HTML+CSS網頁設計範例
8-1 單欄式網頁設計範例
8-2 多欄式網頁設計範例
8-3 動畫效果設計範例
CH09 JavaScript基本概念
9-1 認識JavaScript
9-2 常數與變數
9-3 運算子
9-4 流程控制
9-5 函式
9-6 陣列
CH10 JavaScript物件、DOM與事件處理
10-1 物件
10-2 BOM與DOM
10-3 事件
10-4 JavaScript範例實作
CH11 jQuery
11-1 jQuery基本概念
11-2 jQuery選擇器
11-3 CSS與DOM的處理
11-4 事件
11-5 特效與動畫
11-6 jQuery UI組件
11-7 jQuery範例實作
CH12 jQuery Mobile
12-1 jQuery Mobile基本概念
12-2 jQuery Mobile UI元件
12-3 jQuery Mobile表單
12-4 jQuery Mobile事件
12-5 行動網頁實作範例
CH13 Bootstrap基本概念
13-1 認識Bootstrap
13-2 Bootstrap網格系統
13-3 類別的使用
CH14 Bootstrap元件
14-1 Button元件
14-2 Collapse與Accordion元件
14-3 Card元件
14-4 Carousel元件
14-5 Navs&Tabs/Navbar/Pagination元件
14-6 Tooltip/Popover/Modal/Offcanvas元件
CH15 Bootstrap響應式網頁設計範例
15-1 兩欄式網頁設計範例
15-2 商品網頁設計範例
