跟著實務學習HTML、CSS、JavaScript、Bootstrap、JQuery、JQueryMobile網頁設計(含ITS HTML&CSS國際認證模擬試題)

    本書主要介紹網站開發的前端技術為主,以HTML 5、CSS 3、JavaScript、jQuery為基礎,搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁,同時介紹使用jQuery Mobile製作跨平台行動網頁

    Collecting
    US$17.75

    內容簡介


    含ITS HTML&CSS國際認證模擬試題
    本書主要介紹網站開發的前端技術為主,以HTML 5、CSS 3、JavaScript、jQuery為基礎,搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁,同時介紹使用jQuery Mobile製作跨平台行動網頁,逐步引導初學者邁向網頁設計高手的坦途。

    .易學:經過初學者試讀,按圖索驥,可以完整重現書中範例,初學者好上手。並配合大量範例了解如何整合運用。
    .易教:本書經過與初學者或開發人員試教,修改內容與作法,去蕪存菁,教師免備課。
    .易懂:以圖文並茂方式逐步解說,內文融入ITS HTML & CSS國際認證知識,同時附上兩份國際認證模擬試題,讓讀者具考取認照的能力。

    【快速上手HTML5語法】
    使用大量範例輔助初學者學習HTML與CSS,使初學者快速進入網頁開發領域。

    【CSS3排版與動畫設計】
    以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。

    【JavaScript程式】
    從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式,沒有艱澀專業用詞,讓初學者不再害怕程式設計。

    【Bootstrap元件與互動組件】
    使用Bootstap元件,如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件,快速打造具使用者體驗的跨平台RWD響應式網站。

    【jQuery互動應用】
    透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式,打造良好的酷炫效果與互動網頁。

    【RWD網站實戰】
    實作具實務案例與行動優先的跨平台網頁,讓初學者的學習展現成果。

    【跨平台行動網頁】
    使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。

    【ITS HTML&CSS國際證照訓練】
    內文含蓋ITS HTML&CSS國際認證技能知識,並提供模擬試題訓練,讓讀者除了擁有實作的能力,更擁有國際認證證明自己。

    目錄


    Ch1 認識HTML與網頁開發工具
    1.1 網頁開發技術簡介
    1.2 HTML 簡介
    1.3 RWD 響應式網頁設計概念與優缺點
    1.4 HTML5 支援的瀏覽器
    1.5 HTML5 開發工具

    Ch2 網頁圖文、超連結、音效與影片
    2.1 HTML5 網頁文件結構
    2.2 段落設定
    2.3 超連結
    2.4 圖片、音效與影片
    2.5 語意標籤

    Ch3 表格的設計
    3.1 表格的功能
    3.2 表格的組成
    3.3 表格常用的屬性
    3.4 表格排版實例-旅遊相簿

    Ch4 表單的設計
    4.1 表單的建立
    4.2 表單欄位類型簡介
    4.3 表單欄位的使用
    4.4 表單欄位常用的屬性
    4.5 表單欄位顯示名稱 label標籤
    4.6 表單欄位外框

    Ch5 CSS基礎
    5.1 CSS 的演進與特色
    5.2 CSS 基本語法
    5.3 CSS 套用方法
    5.4 CSS 各類選擇器

    Ch6 CSS顏色、文字、段落與列表設計
    6.1 顏色設定
    6.2 文字設定
    6.3 段落設定
    6.4 項目清單設定

    Ch7 CSS背景、區域與外框設計
    7.1 背景與圖片設定
    7.2 版面定位
    7.3 框線變化設定
    7.4 表格設定
    7.5 陰影與漸層
    7.6 媒體查詢
    7.7 CSS 網頁範例

    Ch8 CSS變形、轉換與動畫設計
    8.1 變形效果
    8.2 轉場效果
    8.3 動畫效果

    Ch9 JavaScript語言、變數與運算子
    9.1 JavaScript 基本功能介紹
    9.2 JavaScript 程式碼位置
    9.3 JavaScript 變數的使用
    9.4 JavaScript 運算子
    9.5 JavaScript 常用輸出入方法

    Ch10 JavaScript流程控制
    10.1 選擇敘述
    10.2 迴圈敘述

    Ch11 JavaScript陣列與函式
    11.1 陣列
    11.2 函式
    11.3 習題

    Ch12 jQuery 基礎與選擇器的使用
    12.1 jQuery 特色與功能
    12.2 jQuery 語法
    12.3 jQuery 選擇器使用

    Ch13 jQuery函式、特效與事件應用
    13.1 與DOM 元素互動
    13.2 與元素的CSS 互動
    13.3 事件處理
    13.4 特效應用
    13.5 jQuery 網頁開發實例

    Ch14 Bootstrap 套件與基礎元件使用
    14.1 Bootstrap 簡介與下載
    14.2 格線系統
    14.3 Bootstrap 常用元件

    Ch15 Bootstrap JS 互動組件
    15.1 標籤頁組件(Bootstrap JS Tab)
    15.2 圖片輪播組件(Bootstrap JS Carousel)
    15.3 互動視窗組件(Bootstrap JS Modal)
    15.4 手風琴組件(Bootstrap JS Collapse)
    15.5 實例-科技公司資訊網

    Ch16 jQuery Mobile 跨平台網頁設計
    16.1 App 開發技術與jQuery Mobile 簡介
    16.2 jQuery Mobile 開發
    16.3 jQuery Mobile 網頁架構
    16.4 jQuery Mobile 網頁常用元件

    附錄 A:ITS HTML & CSS 國際認證模擬試題【A 卷】
    附錄 B:ITS HTML & CSS 國際認證模擬試題【B 卷】

    Content

    • 1-1
      封面頁
    • 1-2
      書名頁
    • 1-3
      作者序
    • 1-4
      目錄
    • 1-5
      Ch01 認識HTML 與網頁開發工具
    • 1-6
      1.1 網頁開發技術簡介
    • 1-7
      1.2 HTML 簡介
    • 1-8
      1.3 RWD 響應式網頁設計概念與優缺點
    • 1-9
      1.4 HTML5 支援的瀏覽器
    • 1-10
      1.5 HTML5 開發工具
    • 1-11
      Ch02 網頁圖文、超連結、音效與影片
    • 1-12
      2.1 HTML5 網頁文件結構
    • 1-13
      2.1.1 HTML 語法
    • 1-14
      2.1.2 HTML5 網頁文件結構
    • 1-15
      2.1.3 <meta>文件資訊
    • 1-16
      2.2 段落設定
    • 1-17
      2.2.1 文字段落編排
    • 1-18
      2.2.2 顯示特殊符號
    • 1-19
      2.2.3 編號項目符號
    • 1-20
      2.2.4 文字格式
    • 1-21
      2.3 超連結
    • 1-22
      2.4 圖片、音效與影片
    • 1-23
      2.4.1 圖片格式
    • 1-24
      2.4.2 圖片的使用
    • 1-25
      2.4.3 圖片區域與說明
    • 1-26
      2.4.4 音效的使用
    • 1-27
      2.4.5 影片的使用
    • 1-28
      2.4.6 YouTube 網路影片的使用
    • 1-29
      2.5 語意標籤
    • 1-30
      Ch03 表格的設計
    • 1-31
      3.1 表格的功能
    • 1-32
      3.2 表格的組成
    • 1-33
      3.3 表格常用的屬性
    • 1-34
      3.4 表格排版實例-旅遊相簿
    • 1-35
      Ch04 表單的設計
    • 1-36
      4.1 表單的建立
    • 1-37
      4.2 表單欄位類型簡介
    • 1-38
      4.3 表單欄位的使用
    • 1-39
      4.3.1 單行文字欄位、密碼欄位與隱藏欄位
    • 1-40
      4.3.2 電子信箱、電話、網址、搜尋與顏色欄位
    • 1-41
      4.3.3 提交、重設與⼀般按鈕
    • 1-42
      4.3.4 數值資料欄位
    • 1-43
      4.3.5 日期時間欄位
    • 1-44
      4.3.6 檔案上傳欄位
    • 1-45
      4.3.7 選項鈕欄位
    • 1-46
      4.3.8 清單欄位
    • 1-47
      4.3.9 核取方塊欄位
    • 1-48
      4.3.10 多行文字欄位
    • 1-49
      4.4 表單欄位常用的屬性
    • 1-50
      4.5 表單欄位顯示名稱<label>標籤
    • 1-51
      4.6 表單欄位外框
    • 1-52
      Ch05 CSS 基礎
    • 1-53
      5.1 CSS 的演進與特色
    • 1-54
      5.2 CSS 基本語法
    • 1-55
      5.3 CSS 套用方法
    • 1-56
      5.3.1 行內載入
    • 1-57
      5.3.2 內部載入
    • 1-58
      5.3.3 外部載入
    • 1-59
      5.4 CSS 各類選擇器
    • 1-60
      5.4.1 類別選擇器(Class Selector)
    • 1-61
      5.4.2 ID 選擇器(ID selector)
    • 1-62
      5.4.3 群組選擇器(Groups of selector)
    • 1-63
      5.4.4 標籤選擇器(Type selector)
    • 1-64
      5.4.5 通用選擇器(Universal selector)
    • 1-65
      5.4.6 後代選擇器(Descendant combinator)
    • 1-66
      5.4.7 子選擇器(Child combinator)
    • 1-67
      5.4.8 屬性選擇器 (Attribute Selectors)
    • 1-68
      5.4.9 虛擬類別選擇器(Pseudo-classes)
    • 1-69
      Ch06 CSS 顏色、文字、段落與列表設計
    • 1-70
      6.1 顏色設定
    • 1-71
      6.1.1 color 屬性
    • 1-72
      6.1.2 透明度
    • 1-73
      6.1.3 HSLA 色彩空間
    • 1-74
      6.2 文字設定
    • 1-75
      6.2.1 文字大小
    • 1-76
      6.2.2 文字字型
    • 1-77
      6.2.3 斜體字
    • 1-78
      6.2.4 文字粗細
    • 1-79
      6.2.5 font 屬性
    • 1-80
      6.2.6 刪除線、底線、頂線
    • 1-81
      6.2.7 英文大小寫轉換
    • 1-82
      6.3 段落設定
    • 1-83
      6.3.1 行高
    • 1-84
      6.3.2 首行縮排
    • 1-85
      6.3.3 文字間距
    • 1-86
      6.3.4 字⺟間距
    • 1-87
      6.3.5 文字陰影
    • 1-88
      6.3.6 段落文字對齊方式
    • 1-89
      6.3.7 上下緣與文字中線對齊
    • 1-90
      6.3.8 上下標
    • 1-91
      6.4 項目清單設定
    • 1-92
      6.4.1 項目清單符號
    • 1-93
      6.4.2 自訂圖片符號
    • 1-94
      6.4.3 項目清單位置
    • 1-95
      6.4.4 list-style 屬性
    • 1-96
      Ch07 CSS 背景、區域與外框設計
    • 1-97
      7.1 背景與圖片設定
    • 1-98
      7.1.1 背景色彩
    • 1-99
      7.1.2 背景圖片
    • 1-100
      7.1.3 背景圖片-重複設定
    • 1-101
      7.1.4 背景圖片-位置
    • 1-102
      7.1.5 背景圖片-捲動跟隨
    • 1-103
      7.1.6 背景圖片大小
    • 1-104
      7.1.7 background 屬性
    • 1-105
      7.2 版面定位
    • 1-106
      7.2.1 盒子模型Box Model
    • 1-107
      7.2.2 外距(margin)
    • 1-108
      7.2.3 框線(border)
    • 1-109
      7.2.4 內距(padding)
    • 1-110
      7.2.5 內容(content)
    • 1-111
      7.2.6 溢出內容處理
    • 1-112
      7.2.7 元素狀態
    • 1-113
      7.2.8 浮動元素
    • 1-114
      7.2.9 元素位置
    • 1-115
      7.3 框線變化設定
    • 1-116
      7.3.1 框線樣式
    • 1-117
      7.3.2 框線寬度
    • 1-118
      7.3.3 框線顏色
    • 1-119
      7.3.4 border 屬性
    • 1-120
      7.3.5 圓角框線
    • 1-121
      7.4 表格設定
    • 1-122
      7.4.1 表格框線
    • 1-123
      7.4.2 表格框線距離
    • 1-124
      7.4.3 表格版面編排
    • 1-125
      7.4.4 儲存格顯示/隱藏
    • 1-126
      7.4.5 表格標題
    • 1-127
      7.5 陰影與漸層
    • 1-128
      7.5.1 區塊陰影
    • 1-129
      7.5.2 漸層形式
    • 1-130
      7.5.3 重複漸層
    • 1-131
      7.6 媒體查詢
    • 1-132
      7.7 CSS 網頁範例
    • 1-133
      7.7.1 CSS 排版實例-MSN 網頁佈告欄
    • 1-134
      7.7.2 CSS 排版實例-旅遊相簿
    • 1-135
      Ch08 CSS 變形、轉換與動畫設計
    • 1-136
      8.1 變形效果
    • 1-137
      8.1.1 移動translate(x,y)方法
    • 1-138
      8.1.2 縮放scale(x,y)
    • 1-139
      8.1.3 旋轉rotate(deg)
    • 1-140
      8.1.4 傾斜skew(x,y)
    • 1-141
      8.2 轉場效果
    • 1-142
      8.2.1 轉換時間transition-duration : time
    • 1-143
      8.2.2 轉換屬性transition-property : css 屬性
    • 1-144
      8.2.3 轉換方法transition-timing-function : 速度
    • 1-145
      8.2.4 延遲轉換transition-delay : time
    • 1-146
      8.2.5 綜合設定transition
    • 1-147
      8.3 動畫效果
    • 1-148
      8.3.1 動畫關鍵影格@keyframes
    • 1-149
      8.3.2 動畫名稱設定animation-name : 關鍵影格名稱
    • 1-150
      8.3.3 動畫時間設定時間 : animation-duration
    • 1-151
      8.3.4 動畫轉換方法 animation-timing-function
    • 1-152
      8.3.5 重複次數設定animation-iteration-count
    • 1-153
      8.3.6 播放方向設定animation-direction
    • 1-154
      8.3.7 播放延遲設定animation-delay
    • 1-155
      8.3.8 播放狀況設定animation-play-state
    • 1-156
      8.3.9 綜合設定animation
    • 1-157
      Ch09 JavaScript 語言、變數與運算子
    • 1-158
      9.1 JavaScript 基本功能介紹
    • 1-159
      9.2 JavaScript 程式碼位置
    • 1-160
      9.2.1 網頁中嵌入JavaScript 程式碼
    • 1-161
      9.2.2 網頁中引用外部的JavaScript 檔案
    • 1-162
      9.2.3 撰寫JavaScript 的注意事項
    • 1-163
      9.3 JavaScript 變數的使用
    • 1-164
      9.3.1 常值與變數
    • 1-165
      9.3.2 JavaScript 基本資料型態
    • 1-166
      9.3.3 JavaScript 基本資料型態的轉換
    • 1-167
      9.4 JavaScript 運算子
    • 1-168
      9.4.1 算術運算子
    • 1-169
      9.4.2 關係運算子
    • 1-170
      9.4.3 邏輯運算子
    • 1-171
      9.4.4 複合指定運算子
    • 1-172
      9.4.5 遞增及遞減運算子
    • 1-173
      9.5 JavaScript 常用輸出入方法
    • 1-174
      9.5.1 document.write()方法
    • 1-175
      9.5.2 alert() 函式
    • 1-176
      9.5.3 存取HTML 元素
    • 1-177
      Ch10 JavaScript 流程控制
    • 1-178
      10.1 選擇敘述
    • 1-179
      10.1.1 if...else...選擇敘述
    • 1-180
      10.1.2 巢狀選擇
    • 1-181
      10.1.3 if...else if...else...多向選擇敘述
    • 1-182
      10.2 迴圈敘述
    • 1-183
      10.2.1 for 計數迴圈
    • 1-184
      10.2.2 while 前測式迴圈
    • 1-185
      10.2.3 do...while 後測式迴圈
    • 1-186
      10.2.4 巢狀迴圈
    • 1-187
      Ch11 JavaScript 陣列與函式
    • 1-188
      11.1 陣列
    • 1-189
      11.1.1 建立⼀維陣列
    • 1-190
      11.1.2 建立二維陣列
    • 1-191
      11.2 函式
    • 1-192
      11.2.1 函式簡介
    • 1-193
      11.2.2 JavaScript 函式的使用
    • 1-194
      Ch12 jQuery 基礎與選擇器的使用
    • 1-195
      12.1 jQuery 特色與功能
    • 1-196
      12.1.1 jQuery 特色介紹
    • 1-197
      12.1.2 引用jQuery 函式庫
    • 1-198
      12.2 jQuery 語法
    • 1-199
      12.2.1 jQuery 撰寫位置
    • 1-200
      12.2.2 使用jQuery()函式選取元素
    • 1-201
      12.2.3 ready 事件
    • 1-202
      12.3 jQuery 選擇器使用
    • 1-203
      12.3.1 元素選擇器
    • 1-204
      12.3.2 ID 選擇器
    • 1-205
      12.3.3 類別選擇器
    • 1-206
      12.3.4 屬性選擇器
    • 1-207
      12.3.5 群組選擇器
    • 1-208
      12.3.6 階層選擇器
    • 1-209
      Ch13 jQuery 函式、特效與事件應用
    • 1-210
      13.1 與DOM 元素互動
    • 1-211
      13.1.1 類別互動
    • 1-212
      13.1.2 存取元素內容
    • 1-213
      13.1.3 新增、刪除內容
    • 1-214
      13.1.4 新增、刪除屬性
    • 1-215
      13.1.5 存取表單欄位value 值
    • 1-216
      13.2 與元素的CSS 互動
    • 1-217
      13.3 事件處理
    • 1-218
      13.3.1 事件類型
    • 1-219
      13.3.2 jQuery 事件語法
    • 1-220
      13.3.3 事件方法-on() 與off()
    • 1-221
      13.4 特效應用
    • 1-222
      13.4.1 特效方法
    • 1-223
      13.4.2 動畫效果
    • 1-224
      13.5 jQuery 網頁開發實例
    • 1-225
      13.5.1 下拉式選單
    • 1-226
      13.5.2 具動畫效果的旅遊相簿
    • 1-227
      Ch14 Bootstrap 套件與基礎元件使用
    • 1-228
      14.1 Bootstrap 簡介與下載
    • 1-229
      14.2 格線系統
    • 1-230
      14.2.1 Bootstrap 格線系統
    • 1-231
      14.2.2 容器Container
    • 1-232
      14.2.3 水平群組Row 設計
    • 1-233
      14.2.4 欄Column 設計
    • 1-234
      14.3 Bootstrap 常用元件
    • 1-235
      14.3.1 表格
    • 1-236
      14.3.2 卡片
    • 1-237
      14.3.3 表單與文字欄
    • 1-238
      14.3.4 按鈕
    • 1-239
      14.3.5 圖片
    • 1-240
      14.3.6 縮圖元件
    • 1-241
      14.3.7 導覽列元件
    • 1-242
      Ch15 Bootstrap JS 互動組件
    • 1-243
      15.1 標籤頁組件(Bootstrap Tab)
    • 1-244
      15.2 圖片輪播組件(Bootstrap Carousel)
    • 1-245
      15.3 互動視窗組件(Bootstrap Modal)
    • 1-246
      15.4 手風琴組件(Bootstrap Collapse)
    • 1-247
      15.5 實例-科技公司資訊網站
    • 1-248
      Ch16 jQuery Mobile 跨平台網頁設計
    • 1-249
      16.1 App 開發技術與 jQuery Mobile 簡介
    • 1-250
      16.2 jQuery Mobile 開發
    • 1-251
      16.2.1 下載jQuery Mobile 函式庫
    • 1-252
      16.2.2 引用 jQuery Mobile 函式庫
    • 1-253
      16.3 jQuery Mobile 網頁架構
    • 1-254
      16.4 jQuery Mobile 網頁常用元件
    • 1-255
      16.4.1 網路資源連結
    • 1-256
      16.4.2 頁面切換特效
    • 1-257
      16.4.3 ListView 清單元件
    • 1-258
      16.4.4 可摺疊區塊元件
    • 1-259
      16.4.5 可摺疊區塊群組元件
    • 1-260
      16.4.6 巡覽列元件
    • 1-261
      附錄 A ITS HTML & CSS 國際認證模擬試題【A 卷】
    • 1-262
      附錄 B ITS HTML & CSS 國際認證模擬試題【B 卷】
    • 1-263
      版權頁
    • 1-264
      封底頁

    FAQ

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

    Recommendations

    Reviews

    | Collecting

    Sales Plans