本書有DRM加密保護,需使用HyRead閱讀軟體開啟
  • 讓響應式(RWD)網頁設計變簡單:Bootstrap開發速成
  • 點閱:111
  • 作者: 呂國泰作
  • 出版社:碁峰資訊
  • 出版年:2019[民108]
  • ISBN:978-986-476-946-9 ; 986-476-946-4
  • 格式:JPG
  • 版次:二版

內容簡介
新一代網頁設計師與網頁工程師必備技
Bootstrap響應式網頁的快速開發力!
 
熱門的Bootstrap讓許多企業在徵求網頁設計師時都將之列為必備的技能條件,Bootstrap採用了模組化設計,最新Bootstrap4的功能更加強化,簡易到只要懂得如何套用,就可以快速開發出具有美感的響應式(RWD)網頁。

對於許多不擅長視覺設計的網頁工程師來說,省去了許多美化的時間與困惱,而對於視覺設計師來說,也能依著自己設計的版型建置出網頁,同時支援市面上大部份的主流瀏覽器,而對於想踏入響應式網頁領域的初學者來說,則可以在短時間就學習到實務的響應式網頁設計技能。
書中從認識響應式網頁與Bootstrap開始,詳細解說響應式網頁設計思維,並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧,最終再以4個案例製作響應式網頁以具備實戰技能。


  • CHAPTER 01 響應式網頁介紹(第1-1頁)
    • 1.1 為何需要響應式網頁根(第1-2頁)
    • 1.2 何謂響應式網頁(第1-4頁)
    • 1.3 網頁設計趨勢(第1-8頁)
  • CHAPTER 02 響應式網頁的主要概念(第2-1頁)
    • 2.1 Viewport 標籤(第2-2頁)
    • 2.2 媒體查詢 Media Queries(第2-3頁)
    • 2.3 流動網格 Fluid Grid(第2-8頁)
    • 2.4 彈性圖片 Fluid Image(第2-8頁)
  • CHAPTER 03 網站開發流程(第3-1頁)
    • 3.1 專案(第3-2頁)
    • 3.2 企劃(第3-3頁)
    • 3.3 設計(第3-4頁)
    • 3.4 前端(第3-4頁)
    • 3.5 後端(第3-5頁)
    • 3.6 測試(第3-6頁)
    • 3.7 上線(第3-6頁)
  • CHAPTER 04 行動載具優先(第4-1頁)
    • 4.1 說明(第4-2頁)
    • 4.2 響應式與傳統網站的流程差異(第4-3頁)
    • 4.3 行動載具的操作特性(第4-4頁)
    • 4.4 優先專注「極端」尺寸(第4-5頁)
    • 4.5 斷點的佈局(第4-5頁)
    • 4.6 圖片格式(第4-6頁)
    • 4.7 模組化設計(第4-6頁)
  • CHAPTER 05 設計上的輔助(第5-1頁)
    • 5.1 製作網格系統(第5-2頁)
    • 5.2 使用 Font Awesome Icon 融入網頁設計(第5-7頁)
    • 5.3 響應式圖片產生器(第5-21頁)
    • 5.4 載具尺寸參考(第5-25頁)
    • 5.5 網頁字級單位(第5-25頁)
  • CHAPTER 06 設計師與工程師的彼此認知(第6-1頁)
    • 6.1 網頁與印刷的差異(第6-2頁)
    • 6.2 網頁向量格式 SVG(第6-4頁)
    • 6.3 統一的命名規則(第6-6頁)
    • 6.4 工程師眼中的設計稿(第6-10頁)
  • CHAPTER 07 HTML5(第7-1頁)
    • 7.1 認識 HTML5(第7-2頁)
    • 7.2 HTML5 與 HTML4 的觀念差異(第7-2頁)
    • 7.3 語意化標籤(第7-3頁)
    • 7.4 文件結構差異(第7-9頁)
  • CHAPTER 08 CSS 3 選擇器(第8-1頁)
    • 8.1 觀念說明(第8-2頁)
    • 8.2 選擇器介紹(第8-4頁)
  • CHAPTER 09 Bootstrap 介紹(第9-1頁)
    • 9.1 何謂 Bootstrap(第9-2頁)
    • 9.2 網格系統介紹(第9-3頁)
    • 9.3 網格系統的佈局說明(第9-7頁)
    • 9.4 通用(輔助)類別(第9-20頁)
  • CHAPTER 10 網格佈局與基礎 CSS 樣式的使用(第10-1頁)
    • 10.1 實作概述(第10-2頁)
    • 10.2 載入檔案(第10-3頁)
    • 10.3 廣告(第10-4頁)
    • 10.4 特色(第10-6頁)
    • 10.5 主標語(第10-9頁)
    • 10.6 推薦課程-標題(第10-13頁)
    • 10.7 推薦課程-內容(第10-15頁)
    • 10.8 頁腳(第10-21頁)
  • CHAPTER 11 CSS 的使用(第11-1頁)
    • 11.1 實作概述(第11-2頁)
    • 11.2 載入檔案(第11-3頁)
    • 11.3 廣告(第11-4頁)
    • 11.4 遊戲介紹(第11-5頁)
    • 11.5 場景介紹(第11-8頁)
    • 11.6 魔王攻擊招式(第11-11頁)
    • 11.7 改善建議(第11-13頁)
    • 11.8 聯絡資訊(第11-18頁)
    • 11.9 頁腳(第11-21頁)
  • CHAPTER 12 Components 元件的使用(第12-1頁)
    • 12.1 實作概述(第12-2頁)
    • 12.2 載入文件(第12-3頁)
    • 12.3 Embed(嵌入)(第12-4頁)
    • 12.4 Dropdown(下拉式選單)(第12-7頁)
    • 12.5 Card(卡片)(第12-11頁)
    • 12.6 Pagination(分頁)(第12-14頁)
    • 12.7 Card(卡片)(第12-17頁)
  • CHAPTER 13 Javascript 的使用(第13-1頁)
    • 13.1 實作概述(第13-2頁)
    • 13.2 Popovers(彈出提示框)(第13-4頁)
    • 13.3 Collapse(摺疊)(第13-6頁)
    • 13.4 Modal(互動視窗)(第13-9頁)
  • CHAPTER 14 遊戲活動版型(第14-1頁)
    • 14.1 實作概述(第14-2頁)
    • 14.2 載入文件(第14-3頁)
    • 14.3 切版前說明(第14-4頁)
    • 14.4 背景樣式(第14-4頁)
    • 14.5 遊戲封面與連結(第14-5頁)
    • 14.6 遊戲關卡(第14-10頁)
    • 14.7 關卡說明(第14-15頁)
    • 14.8 排行榜(第14-20頁)
    • 14.9 活動辦法(第14-26頁)
    • 14.10 頁腳(第14-32頁)
  • CHAPTER 15 企業型購物網站-首頁(第15-1頁)
    • 15.1 實作概述(第15-2頁)
    • 15.2 載入檔案(第15-3頁)
    • 15.3 定義共用樣式(第15-4頁)
    • 15.4 選單(第15-5頁)
    • 15.5 廣告輪播(第15-11頁)
    • 15.6 商品類別(第15-15頁)
    • 15.7 熱門商品(第15-22頁)
    • 15.8 關於岡南(第15-29頁)
    • 15.9 地圖(第15-31頁)
    • 15.10 頁腳-選單連結(第15-34頁)
    • 15.11 頁腳- E-mail 訂閱(第15-39頁)
    • 15.12 頁腳-版權所有(第15-43頁)
  • CHAPTER 16 企業型購物網站-關於岡南(第16-1頁)
    • 16.1 實作概述(第16-2頁)
    • 16.2 主選單調整(第16-3頁)
    • 16.3 介紹岡南(第16-3頁)
  • CHAPTER 17 企業型購物網站-人力資源(第17-1頁)
    • 17.1 實作概述(第17-2頁)
    • 17.2 內容建置(第17-3頁)
    • 17.3 輔助類別(第17-6頁)
    • 17.4 定義 CSS 樣式(第17-8頁)
  • CHAPTER 18 企業型購物網站-連絡我們(第18-1頁)
    • 18.1 實作概述(第18-2頁)
    • 18.2 連絡資訊(第18-3頁)
    • 18.3 連絡表單(第18-6頁)
  • CHAPTER 19 企業型購物網站-登入與註冊(第19-1頁)
    • 19.1 實作概述(第19-2頁)
    • 19.2 登入(第19-3頁)
    • 19.3 註冊(第19-7頁)
  • CHAPTER 20 企業型購物網站-商品商城(第20-1頁)
    • 20.1 實作概述(第20-2頁)
    • 20.2 左側欄-廣告圖與商品排序(第20-3頁)
    • 20.3 左側欄-商品(第20-7頁)
    • 20.4 左側欄-分頁(第20-11頁)
    • 20.5 右側欄-搜尋(第20-15頁)
    • 20.6 右側欄-購物清單(第20-17頁)
    • 20.7 右側欄-商品分類(第20-25頁)
  • CHAPTER 21 企業型購物網站-商品介紹(第21-1頁)
    • 21.1 實作概述(第21-2頁)
    • 21.2 商品介紹(第21-3頁)
    • 21.3 商品描述(第21-8頁)
  • CHAPTER 22 企業型購物網站-購物車(第22-1頁)
    • 22.1 實作概述(第22-2頁)
    • 22.2 購物車清單(第22-3頁)
    • 22.3 感興趣商品(第22-10頁)
    • 22.4 購物車統計(第22-15頁)
  • CHAPTER 23 企業型購物網站-結帳(第23-1頁)
    • 23.1 實作概述(第23-2頁)
    • 23.2 結帳訊息(第23-3頁)
    • 23.3 帳單資訊(第23-6頁)
    • 23.4 結帳訂單(第23-11頁)
  • CHAPTER 24 活動報名版型(第24-1頁)
    • 24.1 實作概述(第24-2頁)
    • 24.2 載入文件(第24-3頁)
    • 24.3 網格佈局(第24-3頁)
    • 24.4 背景樣式(第24-7頁)
    • 24.5 廣告(第24-8頁)
    • 24.6 創作流程(第24-9頁)
    • 24.7 課程資訊(第24-13頁)
    • 24.8 課程報名(第24-19頁)
    • 24.9 頁腳(第24-25頁)
  • CHAPTER 25 部落格版型(第25-1頁)
    • 25.1 實作概述(第25-2頁)
    • 25.2 首頁-載入檔案(第25-3頁)
    • 25.3 定義共用樣式(第25-4頁)
    • 25.4 背景樣式(第25-5頁)
    • 25.5 首頁-選單(第25-5頁)
    • 25.6 首頁-廣告(第25-9頁)
    • 25.7 首頁-麵包屑(第25-10頁)
    • 25.8 首頁-部落格與側邊欄佈局(第25-13頁)
    • 25.9 部落格文章 - 第一則(第25-14頁)
    • 25.10 部落格文章 - 第二則至第五則(第25-19頁)
    • 25.11 首頁-側邊欄:搜尋(第25-22頁)
    • 25.12 首頁-側邊欄:最新文章(第25-25頁)
    • 25.13 首頁-側邊欄:分類(第25-31頁)
    • 25.14 首頁-側邊欄:標籤雲(第25-37頁)
    • 25.15 首頁-頁腳(第25-41頁)
    • 25.16 部落格內頁-麵包屑(第25-44頁)
    • 25.17 部落格內頁-圖文內容(第25-46頁)
    • 25.18 部落格內頁-標籤(第25-51頁)
    • 25.19 部落格內頁-社群(第25-52頁)
    • 25.20 部落格內頁-分頁(第25-58頁)
紙本書 NT$ 520
單本電子書
NT$ 364

還沒安裝 HyRead 3 嗎?馬上免費安裝~
QR Code