HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計(第五版)

★一次掌握PC網頁與行動網頁的關鍵技術！

收集中

US$17

★一次掌握PC網頁與行動網頁的關鍵技術！
 以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！
 ■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
 ■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
 ■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。
 ■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。
 ■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。
 ■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。

章節目錄

1-1封面頁

1-2書名頁

1-3關於本書

1-4目錄

1-5PART 1 | HTML5

1-6Chapter 01 網頁設計簡介

1-71.1 網站建置流程

1-81.1.1 階段一：蒐集資料與規劃網站架構

1-91.1.2 階段二：網頁製作與測試

1-101.1.3 階段三：網站上傳與推廣

1-111.1.4 階段四：網站更新與維護

1-121.2 開發適用於不同裝置的網頁

1-131.2.1 針對不同裝置開發不同網站

1-141.2.2 響應式網頁設計

1-151.3 響應式網頁設計原則

1-161.4 網頁設計相關的程式語

1-171.5 HTML 的發展

1-181.6 HTML5 文件的撰寫方式

1-191.6.1 HTML5文件的編輯工具

1-201.6.2 HTML5文件的基本語法

1-211.6.3 撰寫第一份HTML5文件

1-221.7 測試網頁在行動裝置的瀏覽結果

1-23Chapter 02 文件結構

1-242.1 HTML文件的根元素 ― <html> 元素

1-252.2 HTML文件的標頭 ― <head> 元素

1-262.2.1 <title> 元素 (文件標題)

1-272.2.2 <meta> 元素 (文件相關資訊)

1-282.2.3 <link> 元素 (文件之間的關聯)

1-292.2.4 <style> 元素 (嵌入CSS樣式表)

1-302.3 HTML文件的主體 ― <body> 元素

1-312.3.1 <h1> ~ <h6> 元素 (標題1 ~ 6)

1-322.3.2 <p> 元素 (段落)

1-332.3.3 <div> 元素 (群組成一個區塊)

1-342.3.4 <!.. ..> 元素 (註解)

1-352.4 HTML5新增的結構元素

1-362.4.1 <article> (文章)

1-372.4.2 <section> (通用的區塊或區段)

1-382.4.3 <nav> 元素 (導覽列)

1-392.4.4 <header> 與 <footer> 元素 (頁首/頁尾)

1-402.4.5 <aside> 元素 (側邊欄)

1-412.4.6 <main> 元素 (主要內容)

1-42Chapter 03 資料編輯與格式化

1-433.1 區塊格式

1-443.1.1 <pre> 元素 (預先格式化區塊)

1-453.1.2 <blockquote> 元素 (引述區塊)

1-463.1.3 <address> 元素 (聯絡資訊)

1-473.1.4 <hr> 元素 (水平線)

1-483.2 文字格式

1-493.2.1 <b>、<i>、<u>、<sub>、<sup>、<small>、<em>、<strong>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>、<abbr>、<s>、<q>、<mark>、<ruby>、<rt> 元素

1-503.2.2 <br> 元素 (換行)

1-513.2.3 <span> 元素 (群組成一行)

1-523.2.4 <time> 元素 (日期時間)

1-533.3 插入或刪除資料 ― <ins>、<del> 元素

1-543.4 項目符號與編號 ― <ul>、<ol>、<li> 元素

1-553.5 定義清單 ― <dl>、<dt>、<dd> 元素

1-563.6 超連結

1-573.6.1 絕對URL與相對URL

1-583.6.2 標示超連結 ― <a> 元素

1-593.6.3 在新索引標籤開啟超連結

1-603.6.4 頁內超連結

1-613.7 相對URL 的路徑資訊 ― <base> 元素

1-62Chapter 04 圖片與表格

1-634.1 嵌入圖片 ― <img> 元素

1-644.1.1 圖片的寬度與高度

1-654.1.2 圖片的替代顯示文字

1-664.2 標註 ― <figure>、<figcaption> 元素

1-674.3 建立表格 ― <table>、<tr>、<td>、<th> 元素

1-684.3.1 跨列合併儲存格

1-694.3.2 跨行合併儲存格

1-704.4 表格標題 ― <caption> 元素

1-714.5 表格的表頭、主體與表尾 ― <thead>、<tbody>、<tfoot> 元素

1-724.6 直行式表格 ― <colgroup>、<col> 元素

1-73Chapter 05 影音多媒體

1-745.1 嵌入影片 ― <video> 元素

1-755.2 嵌入聲音 ― <audio> 元素

1-765.3 嵌入物件 ― <object> 元素

1-775.4 嵌入Script ― <script>、<noscript>元素

1-785.5 嵌入浮動框架－ <iframe> 元素

1-795.5.1 嵌入YouTube影片

1-805.5.2 嵌入Google地圖

1-815.6 網頁自動導向

1-82Chapter 06 表單

1-836.1 建立表單 ― <form>、<input> 元素

1-846.2 HTML4.01提供的輸入類型

1-856.2.1 submit、reset (提交與重設按鈕)

1-866.2.2 text (單行文字方塊)

1-876.2.3 radio (選擇鈕)

1-886.2.4 checkbox (核取方塊)

1-896.2.5 <textarea> (多行文字方塊)

1-906.2.6 <select>、<option> (下拉式清單)

1-916.2.7 password (密碼欄位)

1-926.2.8 hidden (隱藏欄位)

1-936.3 HTML5 新增的輸入類型

1-946.3.1 email (電子郵件地址)

1-956.3.2 url (網址)

1-966.3.3 search (搜尋欄位)

1-976.3.4 number (數字)

1-986.3.5 range (指定範圍的數字)

1-996.3.6 color (色彩)

1-1006.3.7 tel (電話號碼)

1-1016.3.8 date、time、month、week、datetime-local (日期時間)

1-1026.4 按鈕 ― <button> 元素

1-1036.5 標籤 ― <label> 元素

1-1046.6 群組標籤 ― <optgroup> 元素

1-1056.7 將表單欄位框起來－ 06 <fieldset>、<legend> 元素

1-106PART 2 | CSS3

1-107Chapter 07 CSS 基本語法

1-1087.1 CSS的發展

1-1097.2 CSS樣式表

1-1107.3 連結HTML文件與CSS樣式表

1-1117.3.1 在 <head> 元素裡面使用 <style> 元素嵌入樣式表

1-1127.3.2 使用HTML元素的style屬性設定樣式表

1-1137.3.3 將外部的樣式表匯入HTML文件

1-1147.3.4 將外部的樣式表連結至HTML文件

1-1157.4 選擇器的類型

1-1167.4.1 萬用選擇器

1-1177.4.2 類型選擇器

1-1187.4.3 子選擇器

1-1197.4.4 子孫選擇器

1-1207.4.5 相鄰兄弟選擇器

1-1217.4.6 全體兄弟選擇器

1-1227.4.7 類別選擇器

1-1237.4.8 ID選擇器

1-1247.4.9 屬性選擇器

1-1257.4.10 虛擬元素

1-1267.4.11 虛擬類別

1-1277.5 樣式表的串接順序

1-128Chapter 08 色彩、字型、文字與清單

1-1298.1 色彩屬性

1-1308.1.1 color (前景色彩)

1-1318.1.2 background-color (背景色彩)

1-1328.1.3 opacity (透明度)

1-1338.2 字型屬性

1-1348.2.1 font-family (文字字型)

1-1358.2.2 font-size (文字大小)

1-1368.2.3 font-style (文字樣式)

1-1378.2.4 font-weight (文字粗細)

1-1388.2.5 font-variant (文字變化)

1-1398.2.6 line-height (行高)

1-1408.2.7 font (字型速記)

1-1418.3 文字屬性

1-1428.3.1 text-indent (首行縮排)

1-1438.3.2 text-align (文字對齊方式)

1-1448.3.3 letter-spacing (字母間距)

1-1458.3.4 word-spacing (文字間距)

1-1468.3.5 text-transform (大小寫轉換方式)

1-1478.3.6 white-space (空白字元)

1-1488.3.7 text-shadow (文字陰影)

1-1498.3.8 text-decoration-line、text-decoration-style、text-decoration-color (文字裝飾線條、樣式與色彩)

1-1508.3.9 text-decoration (文字裝飾速記)

1-1518.4 清單屬性

1-1528.4.1 list-style-type (項目符號與編號類型)

1-1538.4.2 list-style-image (圖片項目符號)

1-1548.4.3 list-style-position (項目符號與編號位置)

1-1558.4.4 list-style (清單速記)

1-156Chapter 09 Box Model與定位方式

1-1579.1 Box Model

1-1589.2 邊界屬性

1-1599.3 留白屬性

1-1609.4 框線屬性

1-1619.4.1 border-style (框線樣式)

1-1629.4.2 border-color (框線色彩)

1-1639.4.3 border-width (框線寬度)

1-1649.4.4 border (框線屬性速記)

1-1659.4.5 border-radius (框線圓角)

1-1669.5 寬度與高度屬性

1-1679.5.1 width、height (寬度與高度)

1-1689.5.2 min-width、max-width (最小與最大寬度)

1-1699.5.3 min-height、max-height (最小與最大高度)

1-1709.5.4 overﬂow (顯示或隱藏溢出的內容)

1-1719.6 定位方式

1-1729.6.1 display (HTML元素的顯示層級)

1-1739.6.2 top、right、bottom、left (上右下左位移量)

1-1749.6.3 position (Box的定位方式)

1-1759.6.4 ﬂoat、clear (文繞圖、解除文繞圖)

1-1769.6.5 z-index (重疊順序)

1-1779.6.6 visibility (顯示或隱藏Box)

1-1789.6.7 box-shadow (Box陰影)

1-1799.6.8 vertical-align (垂直對齊)

1-180Chapter 10 背景、漸層與表格

1-18110.1 背景屬性

1-18210.1.1 background-image (背景圖片)

1-18310.1.2 background-repeat (背景圖片重複排列方式)

1-18410.1.3 background-position (背景圖片起始位置)

1-18510.1.4 background-attachment (背景圖片是否隨著內容捲動)

1-18610.1.5 background-clip (背景顯示區域)

1-18710.1.6 background-origin (背景顯示位置基準點)

1-18810.1.7 background-size (背景圖片大小)

1-18910.1.8 background (背景屬性速記)

1-19010.2 漸層屬性

1-19110.2.1 linear-gradient() (線性漸層)

1-19210.2.2 radial-gradient() (放射漸層)

1-19310.2.3 repeating-linear-gradient()、repeating-radial-gradient()(重複漸層)

1-19410.3 表格屬性

1-19510.3.1 caption-side (表格標題位置)

1-19610.3.2 border-collapse (表格框線模式)

1-19710.3.3 table-layout (表格版面編排方式)

1-19810.3.4 empty-cells (顯示或隱藏空白儲存格)

1-19910.3.5 border-spacing (表格框線間距)

1-200Chapter 11 變形、轉場與媒體查詢

1-20111.1 變形處理

1-20211.1.1 transform (2D、3D變形處理)

1-20311.1.2 transform-origin (變形處理原點)

1-20411.2 轉場效果

1-20511.3 媒體查詢

1-206PART 3 | JavaScript

1-207Chapter 12 JavaScript基本語法

1-20812.1 撰寫第一個JavaScript程式

1-20912.1.1 方式一：嵌入JavaScript程式

1-21012.1.2 方式二：使用JavaScript事件處理程式

1-21112.1.3 方式三：載入外部的JavaScript程式

1-21212.2 JavaScript程式碼撰寫慣例

1-21312.3 型別

1-21412.3.1 數值 (number)

1-21512.3.2 字串 (string)

1-21612.3.3 布林型別 (boolean)

1-21712.3.4 undeﬁned

1-21812.3.5 null

1-21912.4 變數

1-22012.5 常數

1-22112.6 運算子

1-22212.6.1 算術運算子

1-22312.6.2 字串運算子

1-22412.6.3 遞增/遞減運算子

1-22512.6.4 比較運算子

1-22612.6.5 邏輯運算子

1-22712.6.6 位元運算子

1-22812.6.7 指派運算子

1-22912.6.8 條件運算子

1-23012.6.9 型別運算子

1-23112.6.10 運算子的優先順序

1-23212.7 流程控制

1-23312.7.1 if

1-23412.7.2 swtich

1-23512.7.3 for

1-23612.7.4 while

1-23712.7.5 do…while

1-23812.7.6 for…in

1-23912.7.7 break與continue指令

1-24012.8 函式

1-24112.8.1 使用者自訂函式

1-24212.8.2 函式的參數

1-24312.8.3 函式的傳回值

1-24412.9 陣列

1-24512.9.1 一維陣列

1-24612.9.2 多維陣列

1-247Chapter 13 物件、DOM與事件處

1-24813.1 認識物件

1-24913.2 window物件

1-25013.3 document物件

1-25113.3.1 DOM (文件物件模型)

1-25213.3.2 document物件的屬性與方法

1-25313.3.3 document物件的子物件與集合

1-25413.4 element 物件

1-25513.5 事件的類型

1-25613.5.1 傳統的事件

1-25713.5.2 HTML5事件

1-25813.5.3 DOM事件

1-25913.5.4 觸控事件

1-26013.6 事件處理程式

1-261Chapter 14 jQuery

1-26214.1 認識jQuery

1-26314.2 取得 jQuery 核心

1-26414.3 使用 jQuery 核心

1-26514.3.1 選擇元素

1-26614.3.2 存取元素的內容

1-26714.3.3 存取元素的屬性值

1-26814.3.4 插入元素

1-26914.3.5 操作集合中的每個物件

1-27014.3.6 存取CSS設定

1-27114.3.7 取得 / 設定元素的寬度與高度

1-27214.3.8 移除元素

1-27314.4 事件處理

1-27414.4.1 .on() 方法

1-27514.4.2 .oﬀ() 方法

1-27614.4.3 .ready() 方法

1-27714.5 特效與動畫

1-27814.5.1 基本特效

1-27914.5.2 淡入 / 淡出 / 移入 / 移出特效

1-28014.5.3 自訂動畫

1-281PART 4 | Bootstrap5

1-282Chapter 15 Bootstrap網格系統

1-28315.1 撰寫Bootstrap網頁

1-28415.1.1 取得Bootstrap套件

1-28515.1.2 Bootstrap網頁的基本結構

1-28615.2 使用 Bootstrap 網格系統

1-28715.2.1 斷點

1-28815.2.2 容器

1-28915.2.3 欄位寬度

1-29015.2.4 欄的水平對齊方式

1-29115.2.5 列的垂直對齊方式

1-29215.2.6 column位移

1-293Chapter 16 Bootstrap樣式

1-29416.1 內容樣式

1-29516.1.1 排版

1-29616.1.2 圖片

1-29716.1.3 表格

1-29816.2 公用類別

1-29916.2.1 框線

1-30016.2.2 色彩

1-30116.2.3 文繞圖

1-30216.2.4 區塊內容置中

1-30316.2.5 文字

1-30416.2.6 間距

1-30516.2.7 陰影

1-30616.2.8 顯示層級

1-30716.2.9 大小

1-30816.2.10 垂直對齊方式

1-30916.3 按鈕

1-31016.4 表單

1-31116.4.1 建立基本表單

1-31216.4.2 表單控制項

1-31316.4.3 表單布局

1-314Chapter 17 Bootstrap元件

1-31517.1 關閉按鈕 (Close button)

1-31617.2 警報效果 (Alert)

1-31717.3 下拉式清單 (Dropdown)

1-31817.4 按鈕群組 (Button group)

1-31917.5 導覽與標籤頁 (Nav and tab)

1-32017.6 導覽列 (Navbar)

1-32117.7 卡片 (Card)

1-32217.8 工具提示 (Tooltip)

1-32317.9 彈出提示 (Popover)

1-32417.10 摺疊 (Collapse)

1-32517.11 手風琴效果 (Accordion)

1-32617.12 輪播 (Carousel)

1-32717.13 分頁導覽 (Pagination)

1-328Chapter 18 RWD 網頁實例

1-32918.1 「快樂旅遊」網站

1-33018.2 設計網頁樣板

1-33118.3 設計導覽列

1-33218.4 設計輪播

1-33318.5 設計內容區－警報效果

1-33418.6 設計內容區－卡片

1-33518.7 設計頁尾

1-336PART 5 | jQuery Mobile

1-337Chapter 19 使用jQuery Mobile開發行動網頁

1-33819.1 認識jQuery Mobile

1-33919.2 撰寫 jQuery Mobile 文件

1-34019.3 佈景主題

1-34119.4 超連結

1-34219.4.1 內部連結

1-34319.4.2 外部連結

1-34419.4.3 絕對外部連結

1-34519.5 頁面切換動畫

1-34619.6 對話方塊

1-347Chapter 20 jQuery Mobile UI元件

1-34820.1 按鈕

1-34920.1.1 建立按鈕

1-35020.1.2 設定按鈕的圖示

1-35120.1.3 設定按鈕的佈景主題

1-35220.1.4 設定按鈕的特殊效果

1-35320.1.5 設定控制群組

1-35420.2 工具列

1-35520.2.1 頁首列

1-35620.2.2 頁尾列

1-35720.3 導覽列

1-35820.4 可摺疊區塊

1-35920.5 可摺疊區塊群組

1-36020.6 清單檢視

1-36120.6.1 建立清單檢視

1-36220.6.2 設定分隔線

1-36320.6.3 設定巢狀清單檢視

1-36420.6.4 格式化項目內容

1-36520.6.5 設定計數氣泡與側邊內容

1-36620.6.6 設定搜尋功能

1-36720.6.7 設定圖示與縮圖

1-36820.6.8 設定分割按鈕清單

1-36920.7 表單

1-37020.7.1 欄位容器

1-37120.7.2 文字輸入欄位

1-37220.7.3 日期時間輸入欄位

1-37320.7.4 多行文字方塊

1-37420.7.5 撥動式切換開關

1-37520.7.6 下拉式清單

1-37620.7.7 核取方塊

1-37720.7.8 選擇鈕

1-378Chapter 21 jQuery Mobile API與事件

1-37921.1 jQuery Mobile提供的方法

1-38021.1.1 切換頁面－jQuery.mobile.changePage()

1-38121.1.2 取得URL的目錄－

1-38221.1.3 判斷URL是否為絕對位址－

1-38321.1.4 判斷URL是否為相對位址－

1-38421.1.5 剖析URL－jQuery.mobile.path.parseUrl()

1-38521.1.6 轉換位址－jQuery.mobile.path.makeUrlAbsolute()

1-38621.1.7 捲動位置－jQuery.mobile.silentScroll()

1-38721.2 jQuery Mobile 提供的事件

1-38821.3 初始組態設定

1-38921.4 行動網站實例

1-39021.4.1 設計行動網站介面

1-39121.4.2 加入JavaScript程式碼

1-392版權頁

1-393封底頁

用戶評價

| 收集中

語言

幣別

語言

幣別

HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計(第五版)

章節目錄

常見問答

猜你喜歡

專技高考-職業衛生技師歷屆考題彙編｜第三版

跟我學Photoshop一定要會的影像處理技巧X AI生成應用(第五版)

精通Python網路開發

AI時代的Python高效學習書－ChatGPT程式助理新思維

Python自學聖經(第三版)：從程式素人到開發強者的技術、實戰與AI應用大全

用戶評價

章節目錄

1目錄共 393 單元

常見問答

Q電子書購買後，怎麼觀看呢？

Q電子書有觀看時間的限制嗎？

QePub 和 PDF 的差別？

Q購買電子書有發票嗎？可以開統編發票嗎？

Q為什麼我已經購買電子書，卻找不到它？

猜你喜歡

專技高考-職業衛生技師歷屆考題彙編｜第三版

跟我學Photoshop一定要會的影像處理技巧X AI生成應用(第五版)

精通Python網路開發

AI時代的Python高效學習書－ChatGPT程式助理新思維

Python自學聖經(第三版)：從程式素人到開發強者的技術、實戰與AI應用大全

用戶評價

銷售方案