hiskio

    HTML5、CSS3、JavaScript、jQuery、Vue.js、RWD網頁設計(第八版)

    9786263244191

    收集中
    US$17.48

    內容簡介


    全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例
    經典暢銷書全新改版，快速學會網頁設計的關鍵技術！

    有了本書，讓你一次學會網頁設計的關鍵技術：
    *使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。
    *使用CSS3的Box Model、定位方式、彈性版面(Flexbox Layout)、格線版面(Grid Layout)，以及色彩、字型、文字、清單、背景、漸層、表格、版面設計、變形、轉場、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。
    *使用JavaScript的基本語法和瀏覽器端的技術，讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。
    *使用jQuery的基本語法、事件、特效和常用函式，讓操作HTML文件、選擇HTML元素、處理事件、建立特效動畫等動作變得更簡單。
    *使用Vue.js提供的API進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。Vue.js是近年來相當熱門的前端框架，簡單易學、容易導入並具有高度的擴充性。
    *使用響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。

    目錄


    Part 1 HTML5
    第1章 網頁設計基礎
    第2章 文件結構
    第3章 資料編輯與格式化
    第4章 嵌入內容
    第5章 表格
    第6章 表單

    Part 2 CSS3
    第7章 CSS基本語法
    第8章 色彩、字型、文字與清單
    第9章 Box Model與定位方式
    第10章 背景、漸層與表格
    第11章 CSS版面設計
    第12章 變形、轉場與媒體查詢

    Part 3 JavaScript
    第13章 JavaScript基本語法
    第14章 物件
    第15章 事件處理

    Part 4 其它技術
    第16章 響應式網頁設計(RWD)
    第17章 jQuery
    第18章 Vue.js

    章節目錄

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

    常見問答

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

    猜你喜歡

    用戶評價

    | 收集中

    銷售方案