hiskio

    HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD網頁程式設計(第七版)

    全彩印刷，對學習網頁設計極有幫助！

    Collecting
    US$16.98
    全彩印刷，對學習網頁設計極有幫助！
    經典暢銷書全新改版，快速學會網頁程式設計的關鍵技術！

    有了本書，讓您一次學會網頁程式設計的關鍵技術：
    *HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
    *CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形、轉場與媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
    *JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、window物件、標準內建物件、環境物件、document物件、element物件、錯誤處理、事件處理、JavaScript程式範例等。
    *jQuery的核心語法、事件、特效和常用函式，讓網頁設計更快速便利。
    *jQuery UI的常用元件和佈景主題，讓網頁設計更專業美觀。
    *Ajax動態網頁技術在背景非同步下載更新的資料，例如伺服器端的資料或氣象、就業、觀光等網際網路上的開放資料，包括普遍使用的JSON格式。
    *響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置。

    Content

    • 1-1
      封面頁
    • 1-2
      書名頁
    • 1-3
      關於本書
    • 1-4
      目錄
    • 1-5
      Part 1 HTML5
    • 1-6
      CH01 網頁設計簡介
    • 1-7
      1-1 網站建置流程
    • 1-8
      1-1-1 階段一：蒐集資料與規劃網站架構
    • 1-9
      1-1-2 階段二：網頁製作與測試
    • 1-10
      1-1-3 階段三：網站上傳與推廣
    • 1-11
      1-1-4 階段四：網站更新與維護
    • 1-12
      1-2 網頁設計相關的程式語言
    • 1-13
      1-3 HTML 的發展
    • 1-14
      1-4 HTML5 文件的撰寫方式
    • 1-15
      1-4-1 HTML5 文件的編輯工具
    • 1-16
      1-4-2 HTML5 文件的基本語法
    • 1-17
      1-4-3 撰寫第一份HTML5 文件
    • 1-18
      CH02 文件結構
    • 1-19
      2-1 HTML 文件的根元素－ <html> 元素
    • 1-20
      2-2 HTML 文件的標頭－ <head> 元素
    • 1-21
      2-2-1 <title> 元素 ( 文件標題)
    • 1-22
      2-2-2 <meta> 元素 ( 文件相關資訊 )
    • 1-23
      2-2-3 <link> 元素 ( 文件之間的關聯)
    • 1-24
      2-2-4 <style> 元素 ( 嵌入 CSS 樣式表 )
    • 1-25
      2-3 HTML 文件的主體－ <body> 元素
    • 1-26
      2-3-1 <h1> ~ <h6> 元素 ( 標題 1 ~ 6)
    • 1-27
      2-3-2 <p> 元素 ( 段落)
    • 1-28
      2-3-3 <div> 元素 ( 群組成一個區塊)
    • 1-29
      2-3-4 <!-- --> 元素 ( 註解 )
    • 1-30
      2-4 HTML5 新增的結構元素仔
    • 1-31
      2-4-1 <article> ( 文章)
    • 1-32
      2-4-2 <section> ( 通用的區塊或區段 )
    • 1-33
      2-4-3 <nav> 元素 ( 導覽列)
    • 1-34
      2-4-4 <header> 與 <footer> 元素 ( 頁首 / 頁尾 )
    • 1-35
      2-4-5 <aside> 元素 ( 側邊欄)
    • 1-36
      2-4-6 <main> 元素 ( 主要內容 )
    • 1-37
      CH03 資料編輯與格式化
    • 1-38
      3-1 區塊格式
    • 1-39
      3-1-1 <pre> 元素 ( 預先格式化區塊)
    • 1-40
      3-1-2 <blockquote> 元素 ( 引述區塊 )
    • 1-41
      3-1-3 <address> 元素 ( 聯絡資訊)
    • 1-42
      3-1-4 <hr> 元素 ( 水平線 )
    • 1-43
      3-2 文字格式
    • 1-44
      3-2-1 <b>、<i>、<u>、<sub>、<sup>、<small>、<em>、<strong>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>、<abbr>、<s>、<q>、<mark>、<ruby>、<rt> 元素
    • 1-45
      3-2-2 <br> 元素 ( 換行)
    • 1-46
      3-2-3 <span> 元素 ( 群組成一行 )
    • 1-47
      3-2-4 <time> 元素 ( 日期時間)
    • 1-48
      3-3 插入或刪除資料－<ins>、<del>元素
    • 1-49
      3-4 項目符號與編號－ <ul>、<ol>、<li> 元素
    • 1-50
      3-5 定義清單－ <dl>、<dt>、<dd> 元素
    • 1-51
      3-6 超連結
    • 1-52
      3-6-1 絕對 URL 與相對 URL
    • 1-53
      3-6-2 標示超連結－ <a> 元素
    • 1-54
      3-6-3 在新索引標籤開啟超連結
    • 1-55
      3-6-4 頁內超連結
    • 1-56
      3-7 相對URL 的路徑資訊－ <base> 元素
    • 1-57
      CH04 圖片與表格
    • 1-58
      4-1 嵌入圖片－ <img> 元素
    • 1-59
      4-1-1 圖片的寬度與高度
    • 1-60
      4-1-2 圖片的替代顯示文字
    • 1-61
      4-2 標註－ <figure>、<figcaption> 元素
    • 1-62
      4-3 建立表格－<table>、<tr>、<td>、<th> 元素
    • 1-63
      4-3-1 跨列合併儲存格
    • 1-64
      4-3-2 跨行合併儲存格
    • 1-65
      4-4 表格標題－ <caption> 元素
    • 1-66
      4-5 表格的表頭、主體與表尾－ <thead>、<tbody>、<tfoot> 元素
    • 1-67
      4-6 直行式表格－ <colgroup>、<col> 元素
    • 1-68
      CH05 影音多媒體
    • 1-69
      5-1 嵌入影片－ <video> 元素
    • 1-70
      5-2 嵌入聲音－ <audio> 元素
    • 1-71
      5-3 嵌入物件－ <object> 元素
    • 1-72
      5-4 嵌入Script － <script>、<noscript>元素
    • 1-73
      5-5 嵌入浮動框架－ <iframe> 元素
    • 1-74
      5-5-1 嵌入YouTube 影片
    • 1-75
      5-5-2 嵌入Google 地圖
    • 1-76
      5-6 網頁自動導向
    • 1-77
      CH06 表單
    • 1-78
      6-1 建立表單－ <form>、<input> 元素
    • 1-79
      6-2 HTML4.01 提供的輸入類型
    • 1-80
      6-2-1 submit、reset ( 提交與重設按鈕)
    • 1-81
      6-2-2 text ( 單行文字方塊)
    • 1-82
      6-2-3 radio( 選擇鈕 )
    • 1-83
      6-2-4 checkbox ( 核取方塊)
    • 1-84
      6-2-5 <textarea> ( 多行文字方塊 )
    • 1-85
      6-2-6 <select>、<option> ( 下拉式清單 )
    • 1-86
      6-2-7 password ( 密碼欄位)
    • 1-87
      6-2-8 hidden ( 隱藏欄位)
    • 1-88
      6-3 HTML5 新增的輸入類型
    • 1-89
      6-3-1 email ( 電子郵件地址
    • 1-90
      6-3-2 url ( 網址)
    • 1-91
      6-3-3 search ( 搜尋欄位)
    • 1-92
      6-3-4 number ( 數字)
    • 1-93
      6-3-5 range ( 指定範圍的數字 )
    • 1-94
      6-3-6 color ( 色彩)
    • 1-95
      6-3-7 tel ( 電話號碼 )
    • 1-96
      6-3-8 date、time、month、week、datetime-local ( 日期時間)
    • 1-97
      6-4 按鈕－ <button> 元素
    • 1-98
      6-5 標籤－ <label> 元素
    • 1-99
      6-6 群組標籤－ <optgroup> 元素
    • 1-100
      6-7 將表單欄位框起來－<fieldset>、<legend> 元素
    • 1-101
      Part 2 CSS3
    • 1-102
      CH07 CSS 基本語法
    • 1-103
      7-1 CSS 的發展
    • 1-104
      7-2 CSS 樣式表
    • 1-105
      7-3 連結HTML 文件與CSS 樣式表
    • 1-106
      7-3-1 在 <head> 元素裡面使用 <style> 元素嵌入樣式表
    • 1-107
      7-3-2 使用HTML 元素的style 屬性設定樣式表
    • 1-108
      7-3-3 將外部的樣式表匯入HTML 文件
    • 1-109
      7-3-4 將外部的樣式表連結至HTML 文件
    • 1-110
      7-4 選擇器的類型
    • 1-111
      7-4-1 萬用選擇器
    • 1-112
      7-4-2 類型選擇器
    • 1-113
      7-4-3 子選擇器
    • 1-114
      7-4-4 子孫選擇器
    • 1-115
      7-4-5 相鄰兄弟選擇器
    • 1-116
      7-4-6 全體兄弟選擇器
    • 1-117
      7-4-7 類別選擇器
    • 1-118
      7-4-8 ID 選擇器
    • 1-119
      7-4-9 屬性選擇器
    • 1-120
      7-4-10 虛擬元素
    • 1-121
      7-4-11 虛擬類別
    • 1-122
      7-5 樣式表的串接順序
    • 1-123
      CH08 色彩、字型、文字與清單
    • 1-124
      8-1 色彩屬性
    • 1-125
      8-1-1 color ( 前景色彩)
    • 1-126
      8-1-2 background-color ( 背景色彩)
    • 1-127
      8-1-3 opacity ( 透明度 )
    • 1-128
      8-2 字型屬性
    • 1-129
      8-2-1 font-family ( 文字字型)
    • 1-130
      8-2-2 font-size ( 文字大小 )
    • 1-131
      8-2-3 font-style ( 文字樣式)
    • 1-132
      8-2-4 font-weight ( 文字粗細 )
    • 1-133
      8-2-5 font-variant ( 文字變化)
    • 1-134
      8-2-6 line-height ( 行高 )
    • 1-135
      8-2-7 font ( 字型速記)
    • 1-136
      8-3 文字屬性
    • 1-137
      8-3-1 text-indent ( 首行縮排)
    • 1-138
      8-3-2 text-align ( 文字對齊方式)
    • 1-139
      8-3-3 letter-spacing ( 字母間距 )
    • 1-140
      8-3-4 word-spacing ( 文字間距)
    • 1-141
      8-3-5 text-transform ( 大小寫轉換方式 )
    • 1-142
      8-3-6 white-space ( 空白字元)
    • 1-143
      8-3-7 text-shadow ( 文字陰影 )
    • 1-144
      8-3-8 text-decoration-line、text-decoration-style、text-decoration-color ( 文字裝飾線條、樣式與色彩)
    • 1-145
      8-3-9 text-decoration ( 文字裝飾速記)
    • 1-146
      8-4 清單屬性
    • 1-147
      8-4-1 list-style-type ( 項目符號與編號類型)
    • 1-148
      8-4-2 list-style-image ( 圖片項目符號 )
    • 1-149
      8-4-3 list-style-position ( 項目符號與編號位置)
    • 1-150
      8-4-4 list-style ( 清單速記)
    • 1-151
      CH09 Box Model 與定位方式
    • 1-152
      9-1 Box Model
    • 1-153
      9-2 邊界屬性
    • 1-154
      9-3 留白屬性
    • 1-155
      9-4 框線屬性
    • 1-156
      9-4-1 border-style ( 框線樣式)
    • 1-157
      9-4-2 border-color ( 框線色彩)
    • 1-158
      9-4-3 border-width ( 框線寬度)
    • 1-159
      9-4-4 border ( 框線屬性速記)
    • 1-160
      9-4-5 border-radius ( 框線圓角)
    • 1-161
      9-5 寬度與高度屬性
    • 1-162
      9-5-1 width、height ( 寬度與高度)
    • 1-163
      9-5-2 min-width、max-width ( 最小與最大寬度)
    • 1-164
      9-5-3 min-height、max-height (最小與最大高度 )
    • 1-165
      9-5-4 overflow ( 顯示或隱藏溢出的內容)
    • 1-166
      9-6 定位方式
    • 1-167
      9-6-1 display (HTML 元素的顯示層級)
    • 1-168
      9-6-2 top、right、bottom、left (上右下左位移量)
    • 1-169
      9-6-3 position (Box 的定位方式)
    • 1-170
      9-6-4 float、clear ( 文繞圖、解除文繞圖 )
    • 1-171
      9-6-5 z-index ( 重疊順序 )
    • 1-172
      9-6-6 visibility ( 顯示或隱藏Box)
    • 1-173
      9-6-7 box-shadow (Box 陰影 )
    • 1-174
      9-6-8 vertical-align ( 垂直對齊)
    • 1-175
      CH10 背景、漸層與表格
    • 1-176
      10-1 背景屬性
    • 1-177
      10-1-1 background-image ( 背景圖片)
    • 1-178
      10-1-2 background-repeat ( 背景圖片重複排列方式 )
    • 1-179
      10-1-3 background-position ( 背景圖片起始位置)
    • 1-180
      10-1-4 background-attachment( 背景圖片是否隨著內容捲動)
    • 1-181
      10-1-5 background-clip ( 背景顯示區域)
    • 1-182
      10-1-6 background-origin ( 背景顯示位置基準點)
    • 1-183
      10-1-7 background-size ( 背景圖片大小)
    • 1-184
      10-1-8 background ( 背景屬性速記)
    • 1-185
      10-2 漸層屬性
    • 1-186
      10-2-1 linear-gradient() ( 線性漸層)
    • 1-187
      10-2-2 radial-gradient() ( 放射漸層)
    • 1-188
      10-2-3 repeating-linear-gradient()、repeating- 10radial-gradient()( 重複漸層)
    • 1-189
      10-3 表格屬性
    • 1-190
      10-3-1 caption-side ( 表格標題位置)
    • 1-191
      10-3-2 border-collapse ( 表格框線模式 )
    • 1-192
      10-3-3 table-layout ( 表格版面編排方式)
    • 1-193
      10-3-4 empty-cells ( 顯示或隱藏空白儲存格 )
    • 1-194
      10-3-5 border-spacing ( 表格框線間距)
    • 1-195
      CH11 變形、轉場與媒體查詢
    • 1-196
      11-1 變形處理
    • 1-197
      11-1-1 transform (2D、3D 變形處理)
    • 1-198
      11-1-2 transform-origin ( 變形處理原點)
    • 1-199
      11-2 轉場效果
    • 1-200
      11-3 媒體查詢
    • 1-201
      Part 3 JavaScript
    • 1-202
      CH12 JavaScript 基本語法
    • 1-203
      12-1 撰寫第一個JavaScript 程式
    • 1-204
      12-1-1 方式一：嵌入JavaScript 程式
    • 1-205
      12-1-2 方式二：使用JavaScript 事件處理程式
    • 1-206
      12-1-3 方式三：載入外部的 JavaScript 程式
    • 1-207
      12-2 JavaScript 程式碼撰寫慣例
    • 1-208
      12-3 型別
    • 1-209
      12-3-1 數值 (number)
    • 1-210
      12-3-2 字串 (string)
    • 1-211
      12-3-3 布林型別 (boolean)
    • 1-212
      12-3-4 undefined
    • 1-213
      12-3-5 null
    • 1-214
      12-4 變數
    • 1-215
      12-5 常數
    • 1-216
      12-6 運算子
    • 1-217
      12-6-1 算術運算子
    • 1-218
      12-6-2 字串運算子
    • 1-219
      12-6-3 遞增/ 遞減運算子
    • 1-220
      12-6-4 比較運算子
    • 1-221
      12-6-5 邏輯運算子
    • 1-222
      12-6-6 位元運算子
    • 1-223
      12-6-7 指派運算子
    • 1-224
      12-6-8 條件運算子
    • 1-225
      12-6-9 型別運算子
    • 1-226
      12-6-10 運算子的優先順序
    • 1-227
      12-7 流程控制
    • 1-228
      12-7-1 if
    • 1-229
      12-7-2 swtich
    • 1-230
      12-7-3 for
    • 1-231
      12-7-4 while
    • 1-232
      12-7-5 do…while
    • 1-233
      12-7-6 for…in
    • 1-234
      12-7-7 break 與 continue 指令
    • 1-235
      12-8 函式
    • 1-236
      12-8-1 使用者自訂函式
    • 1-237
      12-8-2 函式的參數
    • 1-238
      12-8-3 函式的傳回值
    • 1-239
      12-9 變數的有效範圍
    • 1-240
      12-9-1 全域變數
    • 1-241
      12-9-2 區域變數
    • 1-242
      CH13 物件
    • 1-243
      13-1 認識物件
    • 1-244
      13-2 window 物件
    • 1-245
      13-3 標準內建物件
    • 1-246
      13-3-1 Number 物件
    • 1-247
      13-3-2 Boolean 物件
    • 1-248
      13-3-3 String 物件
    • 1-249
      13-3-4 Function 物件
    • 1-250
      13-3-5 Object 物件
    • 1-251
      13-3-6 Math 物件
    • 1-252
      13-3-7 Date 物件
    • 1-253
      13-3-8 Array 物件
    • 1-254
      13-3-9 Error 物件
    • 1-255
      13-4 環境物件
    • 1-256
      13-4-1 location 物件
    • 1-257
      13-4-2 navigator 物件
    • 1-258
      13-4-3 screen 物件
    • 1-259
      13-4-4 history 物件
    • 1-260
      13-5 document 物件
    • 1-261
      13-5-1 DOM ( 文件物件模型)
    • 1-262
      13-5-2 document 物件的屬性與方法
    • 1-263
      13-5-3 document 物件的子物件與集合
    • 1-264
      13-6 element 物件
    • 1-265
      CH14 事件處理
    • 1-266
      14-1 事件驅動模式
    • 1-267
      14-2 事件的類型
    • 1-268
      14-2-1 傳統的事件
    • 1-269
      14-2-2 HTML5 事件
    • 1-270
      14-2-3 DOM 事件
    • 1-271
      14-2-4 觸控事件
    • 1-272
      14-3 事件處理程式
    • 1-273
      14-4 JavaScript 程式範例
    • 1-274
      14-4-1 列印網頁
    • 1-275
      14-4-2 網頁跑馬燈
    • 1-276
      14-4-3 具有超連結功能的下拉式清單
    • 1-277
      14-4-4 顯示進入時間
    • 1-278
      14-4-5 顯示線上時鐘
    • 1-279
      14-4-6 顯示停留時間
    • 1-280
      14-4-7 自動切換成 PC 版網頁或行動版網頁
    • 1-281
      Part 4 其它技術
    • 1-282
      CH15 jQuery
    • 1-283
      15-1 認識jQuery
    • 1-284
      15-2 使用 jQuery 核心
    • 1-285
      15-2-1 選擇元素
    • 1-286
      15-2-2 操作DOM 物件
    • 1-287
      15-2-3 設定CSS 樣式與維度
    • 1-288
      15-3 事件
    • 1-289
      15-3-1 .on() 方法
    • 1-290
      15-3-2 .off() 方法
    • 1-291
      15-3-3 .ready() 方法
    • 1-292
      15-4 特效
    • 1-293
      15-4-1 基本特效
    • 1-294
      15-4-2 淡入/ 淡出/ 滑動移入/ 滑動移出特效
    • 1-295
      15-4-3 自訂特效
    • 1-296
      CH16 jQuery UI
    • 1-297
      16-1 認識jQuery UI
    • 1-298
      16-2 使用jQuery UI
    • 1-299
      16-3 Dialog 元件 ( 對話方塊)
    • 1-300
      16-4 Datepicker 元件 ( 日期選擇器 )
    • 1-301
      16-5 Button 元件 ( 按鈕)
    • 1-302
      16-6 Checkboxradio 元件( 核取方塊與選擇鈕)
    • 1-303
      16-7 Selectmenu 元件 ( 下拉式清單)
    • 1-304
      16-8 Progress 元件 ( 進度列)
    • 1-305
      16-9 Menu 元件 ( 功能表)
    • 1-306
      16-10 Tabs 元件 ( 標籤頁)
    • 1-307
      CH17 Ajax 與JSON
    • 1-308
      17-1 認識動態網頁技術
    • 1-309
      17-1-1 瀏覽器端Script
    • 1-310
      17-1-2 伺服器端Script
    • 1-311
      17-2 認識Ajax
    • 1-312
      17-3 撰寫使用Ajax 技術的網頁
    • 1-313
      17-4 使用 Ajax 技術進行跨網域存取
    • 1-314
      17-4-1 JSON 格式JSON (JavaScript Object Notation)
    • 1-315
      17-4-2 $.ajax() 方法
    • 1-316
      CH18 響應式網頁設計 (RWD)
    • 1-317
      18-1 開發適用於不同裝置的網頁
    • 1-318
      18-1-1 針對不同裝置開發不同網站
    • 1-319
      18-1-2 響應式網頁設計
    • 1-320
      18-2 響應式網頁設計原則
    • 1-321
      18-3 響應式網頁設計實例
    • 1-322
      18-3-1 撰寫HTML 文件
    • 1-323
      18-3-2 撰寫CSS 樣式
    • 1-324
      版權頁
    • 1-325
      封底頁

    FAQ

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

    Recommendations

    Reviews

    | Collecting

    Sales Plans