網頁設計必學技術-HTML5 + CSS3 + JavaScript + jQuery + jQuery Mobile + Bootstrap5, 2/e

全華研究室王麗琴

買這商品的人也買了...

相關主題

商品描述

本書特色

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 商品網頁設計範例