hiskio

    讓響應式(RWD)網頁設計變簡單

    Bootstrap開發速成(第三版)

    收集中
    US$16.24

    內容簡介


    以4個整合性實例一探業界極為流行的Bootstrap響應式網頁框架

    從「遊戲活動網頁」、「部落格」、「活動報名網頁」，到「企業型購物網站」，
    依Bootstrap 5改版，一次搞懂主流的RWD設計！

    Bootstrap早已成為全世界許多企業在徵求網頁設計師時列為必備的技能條件，其採用了模組化設計，簡易到只要懂得如何套用，就可以快速設計出頗具美感的響應式(RWD)網頁。

    對於許多不擅長視覺設計的網頁工程師來說，省去了許多美化的時間與困擾；而對於視覺設計師來說，也能依著自己設計的版型建置網頁，同時支援市面上大部份的主流瀏覽器，而對於想踏入響應式網頁領域的初學者來說，則可以在短時間學好RWD設計技能。

    網頁設計師與網頁工程師必備技
    Bootstrap響應式網頁的快速設計力

    書中從認識響應式網頁與網站開發流程開始，詳細解說響應式網頁設計思維，並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧，最終以4個案例製作響應式網頁以具備實戰技能。

    ‧完整的響應式網頁概念解說與Bootstrap運用方式，迅速跨入響應式設計領域。
    ‧以淺顯易懂的網頁範例，融入佈局、HTML5、CSS3、元件與JavaScript的使用技巧。
    ‧4種不同類型的整合性範例，一次掌握主流RWD版面設計，展現Bootstrap的強大效果。


    【超值學習資源】554分鐘(CH10~CH25實作)影音教學/活動報名版型與部落格版型PDF/範例檔

    作者介紹


    呂國泰

    現職：
    中信金融管理學院/講師
    學歷：
    國立雲林科技大學企業管理系博士班 進修中
    亞洲大學數位媒體設計學系碩士班
    經歷：
    文藻外語大學數位內容應用與管理學系/兼任講師
    專長：
    網頁視覺設計與RWD切版、多媒體技術整合應用與開發、多媒體影音剪輯
    著作：
    著有動畫製作、遊戲設計、電子書、多媒體、國際認證⋯等近20本圖書


    鍾國章

    現職：
    國立澎湖科技大學航運管理系/助理教授
    學歷：
    國立東華大學企業管理系/博士
    經歷：
    國立澎湖科技大學行銷與物流管理系/助理教授
    台灣觀光學院旅館管理系/兼任講師
    勞動部勞動力發展署北基宜花金馬分署/講師
    東科資訊/工程師
    專長：
    數位行銷、大數據分析、資料探勘

    目錄


    第 1 章 響應式網頁介紹

    1.1 為何需要響應式網頁
    1.2 何謂響應式網頁
    1.3 網頁設計趨勢

    第 2 章 響應式網頁的主要概念

    2.1 Viewport 標籤
    2.2 媒體查詢 Media Queries
    2.3 流動網格 Fluid Grid
    2.4 彈性圖片 Fluid Image

    第 3 章 網站開發流程

    3.1 專案
    3.2 企劃
    3.3 設計
    3.4 前端
    3.5 後端
    3.6 測試
    3.7 上線

    第 4 章 行動載具優先

    4.1 說明
    4.2 響應式與傳統網站的流程差異
    4.3 行動載具的操作特性
    4.4 優先專注「極端」尺寸
    4.5 斷點的佈局
    4.6 圖片格式
    4.7 模組化設計

    第 5 章 設計上的輔助

    5.1 製作網格系統
    5.2 響應式圖片產生器
    5.3 載具尺寸參考
    5.4 網頁字級單位

    第 6 章 設計師與工程師的彼此認知

    6.1 網頁與印刷的差異
    6.2 網頁向量格式 SVG
    6.3 統一的命名規則
    6.4 工程師眼中的設計稿

    第 7 章 HTML5

    7.1 認識 HTML5
    7.2 HTML5 與 HTML4 的觀念差異
    7.3 語意化標籤
    7.4 文件結構差異

    第 8 章 CSS 3 選擇器

    8.1 觀念說明
    8.2 選擇器介紹

    第 9 章 Bootstrap 介紹

    9.1 何謂 Bootstrap
    9.2 容器介紹
    9.3 網格系統介紹
    9.4 網格系統的佈局說明
    9.5 通用（輔助）類別

    第 10 章 網格佈局與基礎 CSS 樣式的使用

    10.1 實作概述
    10.2 載入檔案
    10.3 廣告
    10.4 特色
    10.5 主標語
    10.6 推薦課程－標題
    10.7 推薦課程－內容
    10.8 頁腳

    第 11 章 CSS 的使用

    11.1 實作概述
    11.2 載入檔案
    11.3 廣告
    11.4 遊戲介紹
    11.5 場景介紹
    11.6 魔王攻擊招式
    11.7 改善建議
    11.8 聯絡資訊
    11.9 頁腳

    第 12 章 Components 元件的使用

    12.1 實作概述
    12.2 載入文件
    12.3 Embed（嵌入）
    12.4 Dropdown（下拉式選單）
    12.5 Card（卡片）
    12.6 Pagination（分頁）
    12.7 Form（表單）

    第 13 章 Javascript 的使用

    13.1 實作概述
    13.2 Popovers（彈出提示框）
    13.3 Collapse（摺疊）
    13.4 Modal（互動視窗）

    第 14 章 遊戲活動版型

    14.1 實作概述
    14.2 載入文件
    14.3 切版前說明
    14.4 背景樣式
    14.5 遊戲封面與連結
    14.6 遊戲關卡
    14.7 關卡說明
    14.8 排行榜
    14.9 活動辦法
    14.10 頁腳

    第 15 章 企業型購物網站－首頁

    15.1 實作概述
    15.2 載入檔案
    15.3 定義共用樣式
    15.4 選單
    15.5 廣告輪播
    15.6 商品類別
    15.7 熱門商品
    15.8 關於岡南
    15.9 地圖
    15.10 頁腳－選單連結
    15.11 頁腳－ E-mail 訂閱
    15.12 頁腳－版權所有

    第 16 章 企業型購物網站－關於岡南

    16.1 實作概述
    16.2 主選單調整
    16.3 介紹岡南

    第 17 章 企業型購物網站－人力資源

    17.1 實作概述
    17.2 內容建置
    17.3 輔助類別

    第 18 章 企業型購物網站－連絡我們

    18.1 實作概述
    18.2 連絡資訊
    18.3 連絡表單

    第 19 章 企業型購物網站－登入與註冊

    19.1 實作概述
    19.2 登入
    19.3 註冊

    第 20 章 企業型購物網站－商品商城

    20.1 實作概述
    20.2 左側欄－廣告圖與商品排序
    20.3 左側欄－商品
    20.4 左側欄－分頁
    20.5 右側欄－搜尋
    20.6 右側欄－購物清單
    20.7 右側欄－商品分類

    第 21 章 企業型購物網站－商品介紹

    21.1 實作概述
    21.2 商品介紹
    21.3 商品描述

    第 22 章 企業型購物網站－購物車

    22.1 實作概述
    22.2 購物車清單
    22.3 感興趣商品
    22.4 購物車統計

    第 23 章 企業型購物網站－結帳

    23.1 實作概述
    23.2 結帳訊息
    23.3 帳單資訊
    23.4 結帳訂單

    第 24 章 活動報名版型
    （此章為PDF電子書）

    24.1 實作概述
    24.2 載入文件
    24.3 網格佈局
    24.4 背景樣式
    24.5 廣告
    24.6 創作流程
    24.7 課程資訊
    24.8 課程報名
    24.9 頁腳

    第 25 章 部落格版型
    （此章為PDF電子書）

    25.1 實作概述
    25.2 首頁－載入檔案
    25.3 定義共用樣式
    25.4 背景樣式
    25.5 首頁－選單
    25.6 首頁－廣告
    25.7 首頁－麵包屑
    25.8 首頁－部落格與側邊欄佈局
    25.9 部落格文章 - 第一則
    25.10 部落格文章 - 第二則至第五則
    25.11 首頁－側邊欄：搜尋
    25.12 首頁－側邊欄：最新文章
    25.13 首頁－側邊欄：分類
    25.14 首頁－側邊欄：標籤雲
    25.15 首頁－頁腳
    25.16 部落格內頁－麵包屑
    25.17 部落格內頁－圖文內容
    25.18 部落格內頁－標籤
    25.19 部落格內頁－社群
    25.20 部落格內頁－分頁

    章節目錄

    • 1-1
      封面頁
    • 1-2
      書名頁
    • 1-3
      序
    • 1-4
      目錄
    • 1-5
      Ch01 響應式網頁介紹
    • 1-6
      1.1 為何需要響應式網頁
    • 1-7
      1.2 何謂響應式網頁
    • 1-8
      1.3 網頁設計趨勢
    • 1-9
      Ch02 響應式網頁的主要概念
    • 1-10
      2.1 Viewport 標籤
    • 1-11
      2.2 媒體查詢Media Queries
    • 1-12
      2.3 流動網格 Fluid Grid
    • 1-13
      2.4 彈性圖片Fluid Image
    • 1-14
      Ch03 網站開發流程
    • 1-15
      3.1 專案
    • 1-16
      3.2 企劃
    • 1-17
      3.3 設計
    • 1-18
      3.4 前端
    • 1-19
      3.5 後端
    • 1-20
      3.6 測試
    • 1-21
      3.7 上線
    • 1-22
      Ch04 行動載具優先
    • 1-23
      4.1 說明
    • 1-24
      4.2 響應式與傳統網站的流程差異
    • 1-25
      4.3 行動載具的操作特性
    • 1-26
      4.4 優先專注「極端」尺寸
    • 1-27
      4.5 斷點的佈局
    • 1-28
      4.6 圖片格式
    • 1-29
      4.7 模組化設計
    • 1-30
      Ch05 設計上的輔助
    • 1-31
      5.1 製作網格系統
    • 1-32
      5.2 響應式圖片產生器
    • 1-33
      5.3 載具尺寸參考
    • 1-34
      5.4 網頁字級單位
    • 1-35
      Ch06 設計師與工程師的彼此認知
    • 1-36
      6.1 網頁與印刷的差異
    • 1-37
      6.2 網頁向量格式SVG
    • 1-38
      6.3 統一的命名規則
    • 1-39
      6.4 工程師眼中的設計稿
    • 1-40
      Ch07 HTML5
    • 1-41
      7.1 認識HTML5
    • 1-42
      7.2 HTML5 與HTML4 的觀念差異
    • 1-43
      7.3 語意化標籤
    • 1-44
      7.4 文件結構差異
    • 1-45
      Ch08 CSS 3 選擇器
    • 1-46
      8.1 觀念說明
    • 1-47
      8.2 選擇器介紹
    • 1-48
      Ch09 Bootstrap介紹
    • 1-49
      9.1 何謂Bootstrap
    • 1-50
      9.2 容器介紹
    • 1-51
      9.3 網格系統介紹
    • 1-52
      9.4 網格系統的佈局說明
    • 1-53
      9.5 通用（輔助）類別
    • 1-54
      Ch10 網格佈局與基礎CSS 樣式的使用
    • 1-55
      10.1 實作概述
    • 1-56
      10.2 載入檔案
    • 1-57
      10.3 廣告
    • 1-58
      10.4 特色
    • 1-59
      10.5 主標語
    • 1-60
      10.6 推薦課程－標題
    • 1-61
      10.7 推薦課程－內容
    • 1-62
      10.8 頁腳
    • 1-63
      Ch11 CSS 的使用
    • 1-64
      11.1 實作概述
    • 1-65
      11.2 載入檔案
    • 1-66
      11.3 廣告
    • 1-67
      11.4 遊戲介紹
    • 1-68
      11.5 場景介紹
    • 1-69
      11.6 魔王攻擊招式
    • 1-70
      11.7 改善建議
    • 1-71
      11.8 聯絡資訊
    • 1-72
      11.9 頁腳
    • 1-73
      Ch12 Components 元件的使用
    • 1-74
      12.1 實作概述
    • 1-75
      12.2 載入文件
    • 1-76
      12.3 Embed（嵌入）
    • 1-77
      12.4 Dropdown（下拉式選單）
    • 1-78
      12.5 Card（卡片）
    • 1-79
      12.6 Pagination（分頁）
    • 1-80
      12.7 Form（表單）
    • 1-81
      Ch13 Javascript 的使用
    • 1-82
      13.1 實作概述
    • 1-83
      13.2 Popovers（彈出提示框）
    • 1-84
      13.3 Collapse（摺疊）
    • 1-85
      13.4 Modal（互動視窗）
    • 1-86
      Ch14 遊戲活動版型
    • 1-87
      14.1 實作概述
    • 1-88
      14.2 載入文件
    • 1-89
      14.3 切版前說明
    • 1-90
      14.4 背景樣式
    • 1-91
      14.5 遊戲封面與連結
    • 1-92
      14.6 遊戲關卡
    • 1-93
      14.7 關卡說明
    • 1-94
      14.8 排行榜
    • 1-95
      14.9 活動辦法
    • 1-96
      14.10 頁腳
    • 1-97
      Ch15 企業型購物網站－首頁
    • 1-98
      15.1 實作概述
    • 1-99
      15.2 載入檔案
    • 1-100
      15.3 定義共用樣式
    • 1-101
      15.4 選單
    • 1-102
      15.5 廣告輪播
    • 1-103
      15.6 商品類別
    • 1-104
      15.7 熱門商品
    • 1-105
      15.8 關於岡南
    • 1-106
      15.9 地圖
    • 1-107
      15.10 頁腳－選單連結
    • 1-108
      15.11 頁腳－ E-mail 訂閱
    • 1-109
      15.12 頁腳－版權所有
    • 1-110
      Ch16 企業型購物網站－關於岡南
    • 1-111
      16.1 實作概述
    • 1-112
      16.2 主選單調整
    • 1-113
      16.3 介紹岡南
    • 1-114
      Ch17 企業型購物網站－人力資源
    • 1-115
      17.1 實作概述
    • 1-116
      17.2 內容建置
    • 1-117
      17.3 輔助類別
    • 1-118
      Ch18 企業型購物網站－連絡我們
    • 1-119
      18.1 實作概述
    • 1-120
      18.2 連絡資訊
    • 1-121
      18.3 連絡表單
    • 1-122
      Ch19 企業型購物網站－登入與註冊
    • 1-123
      19.1 實作概述
    • 1-124
      19.2 登入
    • 1-125
      19.3 註冊
    • 1-126
      Ch20 企業型購物網站－商品商城
    • 1-127
      20.1 實作概述
    • 1-128
      20.2 左側欄－廣告圖與商品排序
    • 1-129
      20.3 左側欄－商品
    • 1-130
      20.4 左側欄－分頁
    • 1-131
      20.5 右側欄－搜尋
    • 1-132
      20.6 右側欄－購物清單
    • 1-133
      20.7 右側欄－商品分類
    • 1-134
      Ch21 企業型購物網站－商品介紹
    • 1-135
      21.1 實作概述
    • 1-136
      21.2 商品介紹
    • 1-137
      21.3 商品描述
    • 1-138
      Ch22 企業型購物網站－購物車
    • 1-139
      22.1 實作概述
    • 1-140
      22.2 購物車清單
    • 1-141
      22.3 感興趣商品
    • 1-142
      22.4 購物車統計
    • 1-143
      Ch23 企業型購物網站－結帳
    • 1-144
      23.1 實作概述
    • 1-145
      23.2 結帳訊息
    • 1-146
      23.3 帳單資訊
    • 1-147
      23.4 結帳訂單
    • 1-148
      Ch24 活動報名版型
    • 1-149
      24.1 實作概述
    • 1-150
      24.2 載入文件
    • 1-151
      24.3 網格佈局
    • 1-152
      24.4 背景樣式
    • 1-153
      24.5 廣告
    • 1-154
      24.6 創作流程
    • 1-155
      24.7 課程資訊
    • 1-156
      24.8 課程報名
    • 1-157
      24.9 頁腳
    • 1-158
      Ch25 部落格版型
    • 1-159
      25.1 實作概述
    • 1-160
      25.2 首頁－載入檔案
    • 1-161
      25.3 定義共用樣式
    • 1-162
      25.4 背景樣式
    • 1-163
      25.5 首頁－選單
    • 1-164
      25.6 首頁－廣告
    • 1-165
      25.7 首頁－麵包屑
    • 1-166
      25.8 首頁－部落格與側邊欄佈局
    • 1-167
      25.9 部落格文章- 第一則
    • 1-168
      25.10 部落格文章- 第二則至第五則
    • 1-169
      25.11 首頁－側邊欄：搜尋
    • 1-170
      25.12 首頁－側邊欄：最新文章
    • 1-171
      25.13 首頁－側邊欄 ： 分類
    • 1-172
      25.14 首頁－側邊欄：標籤雲
    • 1-173
      25.15 首頁－頁腳
    • 1-174
      25.16 部落格內頁－麵包屑
    • 1-175
      25.17 部落格內頁－圖文內容
    • 1-176
      25.18 部落格內頁－標籤
    • 1-177
      25.19 部落格內頁－社群
    • 1-178
      25.20 部落格內頁－分頁
    • 1-179
      版權頁
    • 1-180
      封底頁

    常見問答

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

    猜你喜歡

    用戶評價

    | 收集中

    銷售方案