0人評分過此書
HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計
內容簡介:★一次掌握PC網頁與行動網頁的關鍵技術！
以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！
■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。
■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。
■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。
以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！
■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。
■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。
■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。
-
PART 1 HTML5
-
1 網頁設計簡介
-
1.1 網站建置流程
-
1.2 開發適用於不同裝置的網頁
-
1.3 響應式網頁設計原則
-
1.4 網頁設計相關的程式語言
-
1.5 HTML的發展
-
1.6 HTML5文件的撰寫方式
-
1.7 測試網頁在行動裝置的瀏覽結果
-
-
2 文件結構
-
2.1 HTML文件的根元素―〈html〉元素
-
2.2 HTML文件的標頭―〈head〉元素
-
2.3 HTML文件的主體―〈body〉元素
-
2.4 HTML5新增的結構元素
-
-
3 資料編輯與格式化
-
3.1 區塊格式
-
3.2 文字格式
-
3.3 插入或刪除資料―〈ins〉、〈del〉元素
-
3.4 項目符號與編號―〈ul〉、〈ol〉、〈li〉元素
-
3.5 定義清單―〈dl〉、〈dt〉、〈dd〉元素
-
3.6 超連結
-
3.7 相對URL的路徑資訊―〈base〉元素
-
-
4 圖片與表格
-
4.1 嵌入圖片—〈img〉元素
-
4.2 標註—〈figure〉、〈figcaption〉元素
-
4.3 建立表格—〈table〉、〈tr〉、〈td〉、〈th〉元素
-
4.4 表格標題—〈caption〉元素
-
4.5 表格的表頭、主體與表尾—〈thead〉、〈tbody〉、〈tfoot〉元素
-
4.6 直行式表格―〈colgroup〉、〈col〉元素
-
-
5 影音多媒體
-
5.1 嵌入影片—〈video〉元素
-
5.2 嵌入聲音—〈audio〉元素
-
5.3 嵌入物件—〈object〉元素
-
5.4 嵌入Script—〈script〉、〈noscript〉元素
-
5.5 嵌入浮動框架－〈iframe〉元素
-
5.6 網頁自動導向
-
-
6 表單
-
6.1 建立表單―〈form〉、〈input〉元素
-
6.2 HTML4.01提供的輸入類型
-
6.3 HTML5新增的輸入類型
-
6.4 按鈕―〈button〉元素
-
6.5 標籤―〈label〉元素
-
6.6 群組標籤―〈optgroup〉元素
-
6.7 將表單欄位框起來－〈fieldset〉、〈legend〉元素
-
-
-
PART 2 CSS3
-
7 CSS基本語法
-
7.1 CSS的發展
-
7.2 CSS樣式表
-
7.3 連結HTML文件與CSS樣式表
-
7.4 選擇器的類型
-
7.5 樣式表的串接順序
-
-
8 色彩、字型、文字與清單
-
8.1 色彩屬性
-
8.2 字型屬性
-
8.3 文字屬性
-
8.4 清單屬性
-
-
9 Box Model與定位方式
-
9.1 Box Model
-
9.2 邊界屬性
-
9.3 留白屬性
-
9.4 框線屬性
-
9.5 寬度與高度屬性
-
9.6 定位方式
-
-
10 背景、漸層與表格
-
10.1 背景屬性
-
10.2 漸層屬性
-
10.3 表格屬性
-
-
11 變形、轉場與媒體查詢
-
11.1 變形處理
-
11.2 轉場效果
-
11.3 媒體查詢
-
-
-
PART 3 JavaScript
-
12 JavaScript基本語法
-
12.1 撰寫第一個JavaScript程式
-
12.2 JavaScript程式碼撰寫慣例
-
12.3 型別
-
12.4 變數
-
12.5 常數
-
12.6 運算子
-
12.7 流程控制
-
12.8 函式
-
12.9 陣列
-
-
13 物件、DOM與事件處理
-
13.1 認識物件
-
13.2 window物件
-
13.3 document物件
-
13.4 element物件
-
13.5 事件的類型
-
13.6 事件處理程式
-
-
14 jQuery
-
14.1 認識jQuery
-
14.2 取得jQuery核心
-
14.3 使用jQuery核心
-
14.4 事件處理
-
14.5 特效與動畫
-
-
-
PART 4 Bootstrap5
-
15 Bootstrap網格系統
-
15.1 撰寫Bootstrap網頁
-
15.2 使用Bootstrap網格系統
-
-
16 Bootstrap樣式
-
16.1 內容樣式
-
16.2 公用類別
-
16.3 按鈕
-
16.4 表單
-
-
17 Bootstrap元件
-
17.1 關閉按鈕（Close button）
-
17.2 警報效果（Alert）
-
17.3 下拉式清單（Dropdown）
-
17.4 按鈕群組（Button group）
-
17.5 導覽與標籤頁（Nav and tab）
-
17.6 導覽列（Navbar）
-
17.7 卡片（Card）
-
17.8 工具提示（Tooltip）
-
17.9 彈出提示（Popover）
-
17.10 摺疊（Collapse）
-
17.11 手風琴效果（Accordion）
-
17.12 輪播（Carousel）
-
17.13 分頁導覽（Pagination）
-
-
18 RWD網頁實例
-
18.1 「快樂旅遊」網站
-
18.2 設計網頁樣板
-
18.3 設計導覽列
-
18.4 設計輪播
-
18.5 設計內容區－警報效果
-
18.6 設計內容區－卡片
-
18.7 設計頁尾
-
-
-
PART 5 jQuery Mobile
-
19 使用jQuery Mobile開發行動網頁
-
19.1 認識jQuery Mobile
-
19.2 撰寫jQuery Mobile文件
-
19.3 佈景主題
-
19.4 超連結
-
19.5 頁面切換動畫
-
19.6 對話方塊
-
-
20 jQuery Mobile UI元件
-
20.1 按鈕
-
20.2 工具列
-
20.3 導覽列
-
20.4 可摺疊區塊
-
20.5 可摺疊區塊群組
-
20.6 清單檢視
-
20.7 表單
-
-
21 jQuery Mobile API與事件
-
21.1 jQuery Mobile提供的方法
-
21.2 jQuery Mobile提供的事件
-
21.3 初始組態設定
-
21.4 行動網站實例
-
-
- 出版地 ： 臺灣
- 語言 ： 繁體中文
評分與評論
請登入後再留言與評分
PDF
