hiskio

    學好跨平台網頁設計(第三版)--HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班

    最熱門的跨平台網頁設計技術大集合！

    收集中
    US$15.45
    最熱門的跨平台網頁設計技術大集合！
    6大主題、300個立即可套用範例，全新Bootstrap 5來襲，
    最適合全面學習、現學現用的21堂經典關鍵課！

    HTML5是最主流的跨平台網頁開發技術，書中以HTML5為主體，綜合當今最經典的跨平台網頁程式設計工具，完整解鎖各項技術，提供最佳學習途徑，現學現用！

    【結合最新前端技術】
    全面引進最新的前端框架與技術，無論是HTML5、CSS3、JavaScript、jQuery、jQuery Mobile或是Bootstrap 5，都能銜接學習而快速上手，打造符合新一代標準的跨平台網站。

    全新Bootstrap 5更是新一代RWD網站開發中的熱門焦點，能讓網頁因應不同大小的螢幕自動改變內容的配置，確保每個平台的使用者都能得到最好的操作體驗。無論是框架的安裝方式、格線系統的使用、網頁的元件、表單及工具的應用，一直到網頁互動程式的開發，Bootstrap 5都能提供簡單但功能強大的幫助！

    【徹底掌握開發語法】
    透過詳細語法解說、大量圖表示意，引領了解各主題的核心概念與重點技術，並利用最適合的開發工具進行範例實作，徹底掌握語法與應用。

    【立即套用海量範例】
    提供大量範例應用，每個主題都依功能別加入實用範例，可依架構學習，也可以依功能主題立即尋找可套用的範例。

    【跨越平台行動優先】
    面對行動裝置的普及，網頁就必須跨越不同螢幕尺寸，因應不同作業平台。書中將RWD網頁建置技術徹底解構，進而掌握從電腦到手機版網頁的設計心法，讓跨平台網頁製作更簡單！

    【超值RWD影音教學】
    提供RWD(Responsive Web Design，響應式網頁設計)使用Bootstrap 5的實戰影音教學，利用Bootstrap 5引導您從無到有快速打造一個跨平台的RWD網站，快速強化開發實力！

    【超值學習資源】範例程式檔、RWD網頁快速開發：使用Bootstrap 5實戰影音教學

    章节目录

    1-1封面頁
    1-2書名頁
    1-3關於文淵閣工作室
    1-4前言
    1-5學習資源說明
    1-6目錄
    1-7Ch01 HTML 基礎入門
    1-81.1 HTML 的出現
    1-91.2 HTML5的歷史
    1-101.2.1 HTML5 的演進
    1-111.2.2 HTML5 的特色
    1-121.3 HTML5 的新功能
    1-131.3.1 進化的 HTML5
    1-141.3.2 HTML5 的改變
    1-151.4 HTML5 的編輯與瀏覽
    1-161.4.1 HTML5 推薦的編輯器
    1-171.4.2 HTML5 使用的瀏覽器
    1-181.4.3 HTML5 的編輯與瀏覽
    1-191.4.4 HTML5 網頁的驗證
    1-20Ch02 HTML 結構與文字段落
    1-212.1 HTML 文件結構
    1-222.1.1 HTML 的元素、標籤與屬性
    1-232.1.2 HTML5 的網頁結構
    1-242.2 段落
    1-252.2.1 段落相關的標籤
    1-262.2.2 段落與分行：<p>、<br>
    1-272.2.3 段落標題：<hx>
    1-282.2.4 預先格式化區域：<pre>
    1-292.2.5 縮排區域：<blockquote>
    1-302.2.6 水平線：<hr>
    1-312.2.7 編號與項目符號：<ol>、<ul>、<li>
    1-322.2.8 自訂表列：<dl>、<dt>、<dd>
    1-332.2.9 區域群組：<div>、<span>
    1-342.2.10 加入註釋與特殊符號的使用
    1-352.3 文字格式
    1-362.4 HTML5 的語意標籤
    1-37Ch03 超連結、圖片、音效與影片
    1-383.1 路徑的表示方法
    1-393.2 超連結
    1-403.2.1 認識超連結
    1-413.2.2 常見的超連結
    1-423.2.3 頁內超連結
    1-433.3 圖片
    1-443.3.1 網頁中可以使用的圖片格式
    1-453.3.2 插入圖片：<img>
    1-463.3.3 圖片區域及說明：<figure>、<figcaption>
    1-473.4 音效的使用
    1-483.4.1 瀏覽器對HTML5音效檔格式的支援
    1-493.4.2 加入音效：<audio>
    1-503.5 影片的使用
    1-513.5.1 video 元素的格式支援
    1-523.5.2 加入影片：<video>
    1-53Ch04 表格與表單
    1-544.1 表格
    1-554.1.1 基礎的表格結構
    1-564.1.2 加入表格：<table>
    1-574.1.3 合併儲存格
    1-584.2 表單
    1-594.2.1 表單的功能
    1-604.2.2 建立表單區域
    1-614.2.3 文字、密碼及按鈕輸入欄位：<input>
    1-624.2.4 單選鈕及多選核取方塊：radio、checkbox
    1-634.2.5 輸入欄位的標籤：<label>
    1-644.2.6 下拉式選項：<select>、<option>
    1-654.2.7 文字區域：<textarea>
    1-664.2.8 表單群組元件：<fieldset>、<legend>
    1-674.2.9 HTML5 新增表單元件與屬性
    1-68Ch05 CSS 基礎入門
    1-695.1 認識 CSS
    1-705.1.1 什麼是 CSS？
    1-715.1.2 CSS 的演進
    1-725.1.3 CSS 的特色
    1-735.2 CSS3 的新功能
    1-745.3 CSS 的套用方式
    1-755.3.1 行內樣式
    1-765.3.2 內部樣式表載入
    1-775.3.3 外部樣式檔載入
    1-785.4 CSS 基本語法
    1-795.4.1 CSS的語法結構
    1-805.4.2 瀏覽器的前綴詞
    1-815.5 CSS 基本選擇器
    1-825.5.1 全域選擇器
    1-835.5.2 元素選擇器
    1-845.5.3 class選擇器
    1-855.5.4 id 選擇器
    1-865.6 CSS 屬性選擇器
    1-875.7 CSS 虛擬類別選擇器
    1-885.7.1 常用虛擬類別選擇器
    1-895.7.2 child 虛擬類別選擇器
    1-905.7.3 of-type 虛擬類別選擇器
    1-915.8 CSS 虛擬元素選擇器
    1-925.9 組合選擇器
    1-935.9.1 後代選擇器
    1-945.9.2 子選擇器
    1-955.10 CSS選擇器的套用順序
    1-96Ch06 顏色與文字設定
    1-976.1 顏色的設定
    1-986.1.1 使用RGB設定
    1-996.1.2 使用RGBA設定
    1-1006.1.3 使用HSL設定
    1-1016.1.4 使用HSLA設定
    1-1026.1.5 使用顏色名稱設定
    1-1036.2 文字大小、字型及相關的樣式設定
    1-1046.2.1 文字大小：font-size
    1-1056.2.2 文字粗細：font-weight
    1-1066.2.3 文字斜體：font-style
    1-1076.2.4 文字變體：font-variant
    1-1086.2.5 文字及背景顏色：color、background-color
    1-1096.2.6 文字大小寫轉換：text-transform
    1-1106.2.7 底線與刪除線：text-decoration
    1-1116.2.8 文字樣式快速設定：font
    1-1126.3 字型設定
    1-1136.3.1 字型：font-family
    1-1146.3.2 網路字型：Google fonts
    1-1156.3.3 嵌入字型：@font-face
    1-116Ch07 段落與表列設定
    1-1177.1 文字段落相關的樣式設定
    1-1187.1.1 行高：line-height
    1-1197.1.2 文字的間距：letter-spacing、word-spacing
    1-1207.1.3 文字對齊：text-align
    1-1217.1.4 垂直對齊：vertical-align
    1-1227.1.5 首行縮排：text-indent
    1-1237.2 項目符號及編號的設定
    1-1247.2.1 項目符號及編號的樣式：list-style-type
    1-1257.2.2 使用圖片作為項目符號：list-style-image
    1-1267.2.3 項目符號及編號的位置：list-style-position
    1-1277.2.4 項目符號及編號快速設定：list-style
    1-1287.3 超連結的樣式設定
    1-1297.4 CSS3：文字陰影
    1-1307.4.1 文字陰影的設定
    1-1317.4.2 多重文字陰影的設定
    1-132Ch08 背景與框線設計
    1-1338.1 設定背景顏色及圖片
    1-1348.1.1 背景顏色：background-color
    1-1358.1.2 背景圖片：background-image
    1-1368.1.3 背景圖片重複顯示：background-repeat
    1-1378.1.4 背景圖片位置：background-postition
    1-1388.1.5 固定背景圖片：background-attachment
    1-1398.1.6 背景樣式快速設定：background
    1-1408.2 設定透明度
    1-1418.3 設定漸層
    1-1428.3.1 設定線性漸層：linear-gradient
    1-1438.3.2 重複線性漸層：repeating-linear-grandient
    1-1448.3.3 設定放射性漸層：radial-gradient
    1-1458.3.4 重複放射性漸層：repeating-radial-grandient
    1-1468.4 框線的設定
    1-1478.4.1 設定框線：border
    1-1488.4.2 分別設定各邊的框線
    1-1498.4.3 單邊框線的設定
    1-1508.5 表格框線
    1-1518.5.1 認識表格框線
    1-1528.5.2 表格的框線重疊顯示：border-collapse
    1-1538.6 CSS3：圓角框線
    1-1548.6.1 圓角設定：border-radius
    1-1558.6.2 分別設定各邊的圓角
    1-1568.7 CSS3：區塊陰影
    1-1578.7.1 區塊陰影設定：box-shadow
    1-1588.7.2 區塊內部陰影設定：inset
    1-159Ch09 盒子模型與版面定位
    1-1609.1 使用元素結構的重要觀念
    1-1619.1.1 元素的區別
    1-1629.1.2 容器的觀念
    1-1639.2 認識盒子模型
    1-1649.2.1 關於盒子模型
    1-1659.2.2 內容顯示區域尺寸：width、height
    1-1669.2.3 內距的設定：padding
    1-1679.2.4 邊界的設定：margin
    1-1689.2.5 設定區塊元素在版面水平置中
    1-1699.2.6 設定區塊元素與行內元素的狀態：display
    1-1709.2.7 顯示或隱藏元素：visibility
    1-1719.3 float 的使用
    1-1729.3.1 float 設定浮動元素
    1-1739.3.2 clear 去除浮動元素
    1-1749.4 position的使用
    1-1759.4.1 position 設定元素位置
    1-1769.4.2 position:relative 定位
    1-1779.4.3 position:absolute 定位
    1-1789.4.4 position:fixed 定位
    1-1799.5 媒體查詢
    1-1809.5.1 認識媒體查詢
    1-1819.5.2 用媒體查詢設計RWD版面
    1-182Ch10 變形、轉換與動畫
    1-18310.1 變形效果
    1-18410.1.1 變形效果：transform
    1-18510.1.2 改變變形的基準點：transform-origin
    1-18610.2 轉換效果
    1-18710.2.1 轉換效果的設定
    1-18810.2.2 統合設定轉換的效果：transition
    1-18910.2.3 分段執行轉換的效果
    1-19010.3 動畫效果
    1-19110.3.1 動畫關鍵影格的設定
    1-19210.3.2 動畫效果的設定
    1-19310.3.3 統合設定動畫的效果：animation
    1-194Ch11 JavaScript 語法與結構
    1-19511.1 認識 JavaScript
    1-19611.1.1 關於 JavaScript
    1-19711.1.2 建立第一個JavaScript程式
    1-19811.1.3 JavaScript的語法規定
    1-19911.1.4 JavaScript的保留字
    1-20011.2 變數的使用
    1-20111.2.1 變數的命名與宣告
    1-20211.2.2 設定變數值
    1-20311.3 運算子
    1-20411.3.1 算術運算子
    1-20511.3.2 指派運算子
    1-20611.3.3 邏輯運算子
    1-20711.4 流程控制
    1-20811.4.1 條件控制與迴圈控制
    1-20911.4.2 if 單向選擇條件控制
    1-21011.4.3 if/else 雙向選擇條件控制
    1-21111.4.4 ？: 條件運算子條件控制
    1-21211.4.5 if/else if/else 多向選擇條件控制
    1-21311.4.6 switch 多向選擇條件控制
    1-21411.4.7 while 迴圈控制
    1-21511.4.8 do/while 迴圈控制
    1-21611.4.9 for 計次迴圈控制
    1-217Ch12 JavaScript 函式、陣列與物件
    1-21812.1 函式的使用
    1-21912.1.1 認識函式
    1-22012.1.2 函式的使用
    1-22112.1.3 函式的參數
    1-22212.1.4 函式的傳回值
    1-22312.2 陣列的使用
    1-22412.2.1 認識陣列
    1-22512.2.2 建立一維陣列
    1-22612.2.3 建立多維陣列
    1-22712.3 物件
    1-22812.3.1 認識物件
    1-22912.3.2 自訂物件的建立與使用
    1-23012.4 Javascript 與 DOM
    1-23112.4.1 認識 DOM
    1-23212.4.2 利用 JavaScript 存取元素節點
    1-233Ch13 jQuery 基礎入門
    1-23413.1 認識 jQuery
    1-23513.1.1 關於jQuery
    1-23613.1.2 jQuery的安裝與使用
    1-23713.1.3 jQuery 的基本結構
    1-23813.2 jQuery 選擇器
    1-23913.2.1 jQuery 基本選擇器
    1-24013.2.2 jQuery 階層選擇器
    1-24113.2.3 jQuery 篩選選擇器
    1-24213.2.4 jQuery 選取器其他選取方式
    1-243Ch14 jQuery 的事件與特效
    1-24414.1 jQuery 與 CSS、DOM 的處理
    1-24514.1.1 jQuery與CSS的互動
    1-24614.1.2 jQuery 與 DOM 的互動
    1-24714.2 jQuery 的事件
    1-24814.2.1 事件的分類
    1-24914.2.2 事件的處理
    1-25014.3 jQuery 的特效
    1-25114.3.1 jQuery特效的基本語法
    1-25214.3.2 jQuery特效的分類
    1-253Ch15 jQuery Mobile 入門
    1-25415.1 認識 jQuery Mobile
    1-25515.2 jQuery Mobile 的安裝與使用
    1-25615.2.1 下載 jQuery Mobile 資源
    1-25715.2.2 載入jQuery Mobile 頁面的函式庫與樣式檔
    1-25815.2.3 jQuery Mobile 的頁面結構
    1-25915.2.4 範例：單頁的 jQuery Mobile 檔案
    1-26015.2.5 viewport 與 data-role
    1-26115.2.6 固定頁首頁尾
    1-26215.2.7 頁面預設的佈景主題
    1-26315.3 jQuery Mobile 的頁面連結
    1-26415.3.1 jQuery Mobile 超連結的方式
    1-26515.3.2 單檔多頁面的結構
    1-26615.3.3 在單檔多頁面中換頁
    1-26715.3.4 加入返回鈕
    1-26815.3.5 範例：單檔多頁的切換
    1-26915.3.6 多檔頁面之間的切換
    1-27015.3.7 其他的連結方式
    1-27115.3.8 頁面轉換特效
    1-272Ch16 jQuery Mobile 常用元件
    1-27316.1 按鈕、按鈕群組與導覽元件
    1-27416.1.1 按鈕元件
    1-27516.1.2 群組按鈕元件
    1-27616.1.3 導覽列元件
    1-27716.2 清單元件
    1-27816.2.1 檢視清單
    1-27916.2.2 清單篩選及分組
    1-28016.3 版面格點元件
    1-28116.4 版面格點元件
    1-28216.4.1 可摺疊內容區塊
    1-28316.4.2 摺疊式內容區塊組
    1-28416.5 對話方塊元件
    1-28516.5.1 新增對話方塊
    1-28616.5.2 對話方塊的頁面轉換特效
    1-28716.5.3 對話方塊的標題關閉鈕
    1-28816.6 側邊欄面板元件
    1-289Ch17 jQuery Mobile 互動
    1-29017.1 jQuery Mobile 表單
    1-29117.1.1 jQuery Mobile 表單傳送
    1-29217.1.2 文字欄位
    1-29317.1.3 日期時間欄位
    1-29417.1.4 滑桿及切換開關
    1-29517.1.5 核選方塊及選項按鈕
    1-29617.1.6 下拉式選單
    1-29717.1.7 取得表單欄位值
    1-29817.2 jQuery Mobile 事件
    1-29917.2.1 頁面事件
    1-30017.2.2 觸控事件
    1-30117.2.3 捲動事件
    1-30217.2.4 方向切換事件
    1-30317.2.5 初始化事件
    1-30417.3 jQuery Mobile 方法
    1-30517.3.1 頁面切換方法
    1-30617.3.2 載入外部頁面方法
    1-307Ch18 Bootstrap 入門
    1-30818.1 認識 Bootstrap
    1-30918.2 Bootstrap 的安裝與使用
    1-31018.2.1 下載 Bootstrap 資源
    1-31118.2.2 安裝 Bootstrap 函式庫與樣式檔
    1-31218.2.3 瀏覽器的支援度
    1-31318.2.4 Bootstrap 的基本結構
    1-31418.3 Bootstrap 的格線系統
    1-31518.3.1 認識格線系統
    1-31618.3.2 認識Bootstrap 格線系統
    1-31718.3.3 設定不同螢幕尺寸的格線系統
    1-31818.3.4 flexbox 的使用
    1-31918.3.5 排序、位移及巢狀
    1-32018.4 Bootstrap 的文字段落
    1-32118.4.1 標題、段落及文字
    1-32218.4.2 對齊轉換類別與其他
    1-32318.4.3 清單
    1-32418.4.4 程式碼區塊
    1-325Ch19 表格、表單、按鈕與圖片
    1-32619.1 Bootstrap的表格
    1-32719.1.1 基本表格
    1-32819.1.2 表格交替換色
    1-32919.1.3 表格邊框
    1-33019.1.4 表格緊縮
    1-33119.1.5 加入滑過表格列變色效果
    1-33219.1.6 表格特殊顏色
    1-33319.1.7 響應式表格
    1-33419.2 Bootstrap的表單佈局
    1-33519.2.1 基本表單
    1-33619.2.2 表單排版
    1-33719.3 Bootstrap的表單元素
    1-33819.3.1 輸入元素：input
    1-33919.3.2 文字區域：textarea
    1-34019.3.3 核取方塊：checkbox
    1-34119.3.4 單選按鈕：radio
    1-34219.3.5 切換開關：switch
    1-34319.3.6 下拉式選項：<select>、<option>
    1-34419.3.7 範圍選項：range
    1-34519.4 Bootstrap表單狀態樣式
    1-34619.5 輸入群組
    1-34719.5.1 輸入群組的設定
    1-34819.5.2 附加核取方塊及單選鈕元素
    1-34919.5.3 附加按鈕元素
    1-35019.5.4 附加下拉式選單
    1-35119.5.5 附加分離式按鈕
    1-35219.5.6 附加多個按鈕
    1-35319.6 Bootstrap的圖片
    1-35419.6.1 自適應圖片
    1-35519.6.2 形狀圖片
    1-35619.6.3 圖片區域：figures
    1-357Ch20 Bootsrtap 元件
    1-35820.1 Bootstrap的按鈕
    1-35920.1.1 可成為按鈕的元素
    1-36020.1.2 按鈕的樣式
    1-36120.1.3 按鈕的大小
    1-36220.1.4 按鈕的啟用與禁用狀態
    1-36320.2 按鈕群組
    1-36420.2.1 群組按鈕的設定
    1-36520.2.2 多選與單選群組按鈕
    1-36620.2.3 分離式按鈕
    1-36720.2.4 有下拉式選單的巢狀群組按鈕
    1-36820.2.5 按鈕工具列
    1-36920.3 下拉式選單
    1-37020.3.1 基本下拉式選單
    1-37120.3.2 加入標題及分隔線
    1-37220.3.3 設定啟用選項及禁用選項
    1-37320.3.4 深色下拉式選單
    1-37420.3.5 指定方向展開選單
    1-37520.4 導覽與頁籤
    1-37620.4.1 導覽
    1-37720.4.2 使用下拉式選單的導覽
    1-37820.5 導覽列
    1-37920.5.1 導覽列的使用
    1-38020.5.2 固定導覽列
    1-38120.6 其他導覽元件
    1-38220.6.1 麵包屑導覽
    1-38320.6.2 分頁導覽
    1-38420.7 警告訊息及進度條
    1-38520.7.1 警告訊息
    1-38620.7.2 進度條
    1-38720.8 清單群組
    1-38820.8.1 清單群組的基本設定
    1-38920.8.2 連結及按鈕清單群組的設定
    1-39020.8.3 選項狀態與樣式的設定
    1-39120.8.4 加入標籤
    1-39220.9 卡片元件
    1-393Ch21 Bootstrap JS 元件
    1-39421.1 可切換內容標籤元件
    1-39521.1.1 可切換內容標籤元件的結構
    1-39621.1.2 可切換內容標籤元件的運作
    1-39721.1.3 可切換內容標籤元件的實作範例
    1-39821.2 互動視窗元件
    1-39921.2.1 互動視窗元件的結構
    1-40021.2.2 互動視窗元件的運作
    1-40121.2.3 互動視窗元件的實作範例
    1-40221.3 提示訊息及彈跳提示訊息
    1-40321.3.1 提示訊息元件
    1-40421.3.2 彈跳提示訊息元件
    1-40521.4 折疊效果元件
    1-40621.5 手風琴效果元件
    1-40721.5.1 手風琴效果元件的結構
    1-40821.5.2 手風琴效果元件的使用
    1-40921.5.3 手風琴效果元件的實作範例
    1-41021.6 圖片輪播效果元件
    1-41121.6.1 圖片輪播效果元件的結構
    1-41221.6.2 圖片輪播效果元件的使用
    1-41321.6.3 圖片輪播效果元件的實作範例
    1-414版權頁
    1-415封底頁

    常见问答

    您可以透過手機、平板或是電腦登入 HiSKIO 平台，在【我的學習】＞【我的書籍】頁面，選擇想看的電子書。

    猜你喜欢

    用户评价

    | 收集中

    销售方案