0人評分過此書
跨裝置網頁設計（第四版）：HTML5、CSS3、JavaScript、jQuery、Bootstrap
★快速打造行動優先的響應式網頁！
隨著無線通訊的蓬勃發展，行動上網的比例大幅超越PC上網，網站推出「行動版」已經成為時勢所趨，而且一個現代化的網站應該導入行動優先 (mobile first) 的概念，也就是以優化行動裝置體驗為主要考量，其它裝置次之。本書所要介紹的就是建置跨平台、跨裝置網站的重要技術。
■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
■ 使用CSS3的Box Model、定位方式，以及字型、文字、清單、色彩、背景、漸層、表格、陰影、邊界、留白、框線、多欄位排版、2D/3D變形處理、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。
■ 使用jQuery的核心語法、事件與特效，讓網頁設計更便利快速。
■ 使用Bootstrap 4開發行動優先的響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置所面臨的相容性問題交給jQuery Mobile處理。
隨著無線通訊的蓬勃發展，行動上網的比例大幅超越PC上網，網站推出「行動版」已經成為時勢所趨，而且一個現代化的網站應該導入行動優先 (mobile first) 的概念，也就是以優化行動裝置體驗為主要考量，其它裝置次之。本書所要介紹的就是建置跨平台、跨裝置網站的重要技術。
■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
■ 使用CSS3的Box Model、定位方式，以及字型、文字、清單、色彩、背景、漸層、表格、陰影、邊界、留白、框線、多欄位排版、2D/3D變形處理、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。
■ 使用jQuery的核心語法、事件與特效，讓網頁設計更便利快速。
■ 使用Bootstrap 4開發行動優先的響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置所面臨的相容性問題交給jQuery Mobile處理。
-
Part 1 HTML5
-
Chapter 01 網頁設計簡介
-
1-1 網站建置流程
-
1-2 開發適用於不同裝置的網頁
-
1-3 響應式網頁設計原則
-
1-4 網頁設計相關的程式語言
-
1-5 HTML的演進
-
1-6 HTML5的新功能
-
1-7 HTML5文件的撰寫方式
-
-
Chapter 02 文件結構
-
2-1 HTML文件的根元素－＜html＞元素
-
2-2 HTML文件的標頭－＜head＞元素
-
2-3 HTML文件的主體－＜body＞元素
-
2-4 HTML5新增的結構元素
-
2-5 區塊結構
-
2-6 區塊的附加資訊
-
-
Chapter 03 資料編輯與格式化
-
3-1 區塊格式
-
3-2 文字格式
-
3-3 項目符號與編號－＜ul＞、＜ol＞、＜li＞元素
-
3-4 定義清單－＜dl＞、＜dt＞、＜dd＞元素
-
3-5 超連結
-
3-6 相對URI的路徑資訊－＜base＞元素
-
-
Chapter 04 圖片與表格
-
4-1 嵌入圖片－＜img＞元素
-
4-2 標註－＜figure＞、＜figcaption＞元素
-
4-3 建立表格－＜table＞、＜tr＞、＜td＞、＜th＞元素
-
4-4 表格標題－＜caption＞元素
-
4-5 表格的表頭、主體與表尾－＜thead＞、＜tbody＞、＜tfoot＞元素
-
-
Chapter 05 影音多媒體
-
5-1 嵌入影片與聲音－＜video＞、＜audio＞元素
-
5-2 嵌入資源檔案－＜embed＞元素
-
5-3 嵌入物件－＜object＞元素
-
5-4 Scripting－＜script＞、＜noscript＞元素
-
5-5 嵌入浮動框架－＜iframe＞元素
-
5-6 嵌入CSS樣式表－＜style＞元素
-
5-7 網頁自動導向
-
-
Chapter 06 表單
-
6-1 建立表單－＜form＞、＜input＞元素
-
6-2 HTML4.01提供的輸入類型
-
6-3 HTML5新增的輸入類型
-
6-4 按鈕－＜button＞元素
-
6-5 標籤－＜label＞元素
-
6-6 群組標籤－＜optgroup＞元素
-
6-7 將表單欄位框起來－＜fieldset＞、＜legend＞元素
-
-
-
Part2 CSS3
-
Chapter 07 CSS基本語法
-
7-1 CSS的演進
-
7-2 CSS樣式規則與選擇器
-
7-3 連結HTML文件與CSS樣式表
-
7-4 選擇器的類型
-
7-5 樣式表的串接順序
-
-
Chapter 08 字型、文字與清單屬性
-
8-1 字型屬性
-
8-2 文字屬性
-
8-3 清單屬性
-
-
Chapter 09 色彩、背景、漸層與表格屬性
-
9-1 色彩屬性
-
9-2 背景屬性
-
9-3 漸層表示法
-
9-4 表格屬性
-
-
Chapter 10 Box Model與定位方式
-
10-1 Box Model
-
10-2 邊界屬性
-
10-3 留白屬性
-
10-4 框線屬性
-
10-5 定位方式
-
-
Chapter 11 特殊效果與媒體查詢
-
11-1 指標形狀－cursor屬性
-
11-2 外框線－outline屬性
-
11-3 多欄位排版
-
11-4 變形處理
-
11-5 媒體查詢
-
-
-
Part 3 JavaScript＆jQuery
-
Chapter 12 JavaScript基本語法
-
12-1 撰寫第一個JavaScript程式
-
12-2 JavaScript程式碼撰寫慣例
-
12-3 型別
-
12-4 變數
-
12-5 運算子
-
12-6 流程控制
-
12-7 函式
-
12-8 陣列
-
-
Chapter 13 物件、DOM與事件處理
-
13-1 認識物件
-
13-2 window物件
-
13-3 document物件
-
13-4 element物件
-
13-5 事件的類型
-
13-6 事件處理程式
-
-
Chapter 14 jQuery
-
14-1 認識jQuery
-
14-2 使用jQuery核心
-
14-3 事件
-
14-4 特效
-
-
-
Part 4 響應式網頁設計＆Bootstrap
-
Chapter 15 使用Bootstrap開發響應式網頁
-
15-1 撰寫Bootstrap網頁
-
15-2 Bootstrap網格系統
-
15-3 CSS樣式
-
-
Chapter 16 Bootstrap元件
-
16-1 按鈕(button)
-
16-2 表單(form)
-
16-3 超大螢幕效果(jumbotron)
-
16-4 警報效果(alert)
-
16-5 下拉式清單(dropdown)
-
16-6 按鈕群組(buttongroup)
-
16-7 導覽(nav)
-
16-8 導覽列(navbar)
-
16-9 分頁導覽(pagination)
-
16-10 麵包屑導覽(breadcrumb)
-
16-11 工具提示(tooltip)
-
16-12 彈出提示(popover)
-
16-13 輪播(carousel)
-
16-14 卡片(card)
-
16-15 摺疊(collapse)
-
-
Chapter 17 RWD網頁實例
-
17-1「快樂旅遊」網站
-
17-2 設計網頁樣板
-
17-3 設計導覽列
-
17-4 設計輪播
-
17-5 設計內容區－警報效果
-
17-6 設計內容區－卡片
-
17-7 設計頁尾
-
-
-
Part5 行動網頁設計＆jQueryMobile
-
Chapter 18使用jQuery Mobile開發行動網頁
-
Chapter 19jQuery Mobile UI元件
-
- 出版地 ： 臺灣
- 語言 ： 繁體中文
評分與評論
請登入後再留言與評分
PDF
