{"type":"product","schema_version":"1.0","item_id":"101337866826","canonical_url":"https://tw.bid.yahoo.com/item/101337866826","title":"【大享】讓響應式(RWD)網頁設計變簡單:Bootstrap開發速成(第三版)9786263242579碁峰","subtitle":null,"condition":"全新品","currency":"TWD","observed_at":"2026-04-27T13:58:03.699Z","current_price":390,"original_price":"520.00","stock_status":"in_stock","available_quantity":5,"sold_quantity":0,"seller":{"id":"Y1239803676","name":"電腦圖書專業門市","positive_rate":null,"rating_count":null},"images":[{"url":"https://img.yec.tw/ob/image/1827fc77-46ad-4b7e-bce1-45a6c162fcba.jpg","role":"main","alt":"商品主圖","width":null,"height":null}],"description":"讓響應式(RWD)網頁設計變簡單：Bootstrap開發速成(第三版) (附554分鐘實作影音/範例檔)\n\n作者： 呂國泰/鍾國章\n\n書號： ACU084400\n\n出版日： 2022/08/16\n\nISBN： 9786263242579\n\nEAN： 9786263242579\n\n紙本書價格： 520\n\n附件： 線上下載\n\n內容介紹\n\n以4個整合性實例一探業界極為流行的Bootstrap響應式網頁框架\n\n從「遊戲活動網頁」、「部落格」、「活動報名網頁」，到「企業型購物網站」，\n依Bootstrap 5改版，一次搞懂主流的RWD設計！\n\nBootstrap早已成為全世界許多企業在徵求網頁設計師時列為必備的技能條件，其採用了模組化設計，簡易到只要懂得如何套用，就可以快速設計出頗具美感的響應式(RWD)網頁。\n\n對於許多不擅長視覺設計的網頁工程師來說，省去了許多美化的時間與困擾；而對於視覺設計師來說，也能依著自己設計的版型建置網頁，同時支援市面上大部份的主流瀏覽器，而對於想踏入響應式網頁領域的初學者來說，則可以在短時間學好RWD設計技能。\n\n網頁設計師與網頁工程師必備技\nBootstrap響應式網頁的快速設計力\n\n書中從認識響應式網頁與網站開發流程開始，詳細解說響應式網頁設計思維，並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧，最終以4個案例製作響應式網頁以具備實戰技能。\n\n‧完整的響應式網頁概念解說與Bootstrap運用方式，迅速跨入響應式設計領域。\n‧以淺顯易懂的網頁範例，融入佈局、HTML5、CSS3、元件與JavaScript的使用技巧。\n‧4種不同類型的整合性範例，一次掌握主流RWD版面設計，展現Bootstrap的強大效果。\n\n【超值學習資源】554分鐘(CH10~CH25實作)影音教學/活動報名版型與部落格版型PDF/範例檔\n\n目錄 \n\n第 1 章　響應式網頁介紹\n\n1.1 為何需要響應式網頁\n1.2 何謂響應式網頁\n1.3 網頁設計趨勢\n\n第 2 章　響應式網頁的主要概念\n\n2.1 Viewport 標籤\n2.2 媒體查詢 Media Queries\n2.3 流動網格 Fluid Grid\n2.4 彈性圖片 Fluid Image\n\n第 3 章　網站開發流程\n\n3.1 專案\n3.2 企劃\n3.3 設計\n3.4 前端\n3.5 後端\n3.6 測試\n3.7 上線\n\n第 4 章　行動載具優先\n\n4.1 說明\n4.2 響應式與傳統網站的流程差異\n4.3 行動載具的操作特性\n4.4 優先專注「極端」尺寸\n4.5 斷點的佈局\n4.6 圖片格式\n4.7 模組化設計\n\n第 5 章　設計上的輔助\n\n5.1 製作網格系統\n5.2 響應式圖片產生器\n5.3 載具尺寸參考\n5.4 網頁字級單位\n\n第 6 章　設計師與工程師的彼此認知\n\n6.1 網頁與印刷的差異\n6.2 網頁向量格式 SVG\n6.3 統一的命名規則\n6.4 工程師眼中的設計稿\n\n第 7 章　HTML5\n\n7.1 認識 HTML5\n7.2 HTML5 與 HTML4 的觀念差異\n7.3 語意化標籤\n7.4 文件結構差異\n\n第 8 章　CSS 3 選擇器\n\n8.1 觀念說明\n8.2 選擇器介紹\n\n第 9 章　Bootstrap 介紹\n\n9.1 何謂 Bootstrap\n9.2 容器介紹\n9.3 網格系統介紹\n9.4 網格系統的佈局說明\n9.5 通用（輔助）類別\n\n第 10 章　網格佈局與基礎 CSS 樣式的使用\n\n10.1 實作概述\n10.2 載入檔案\n10.3 廣告\n10.4 特色\n10.5 主標語\n10.6 推薦課程－標題\n10.7 推薦課程－內容\n10.8 頁腳\n\n第 11 章　CSS 的使用\n\n11.1 實作概述\n11.2 載入檔案\n11.3 廣告\n11.4 遊戲介紹\n11.5 場景介紹\n11.6 魔王攻擊招式\n11.7 改善建議\n11.8 聯絡資訊\n11.9 頁腳\n\n第 12 章　Components 元件的使用\n\n12.1 實作概述\n12.2 載入文件\n12.3 Embed（嵌入）\n12.4 Dropdown（下拉式選單）\n12.5 Card（卡片）\n12.6 Pagination（分頁）\n12.7 Form（表單）\n\n第 13 章　Javascript 的使用\n\n13.1 實作概述\n13.2 Popovers（彈出提示框）\n13.3 Collapse（摺疊）\n13.4 Modal（互動視窗）\n\n第 14 章　遊戲活動版型\n\n14.1 實作概述\n14.2 載入文件\n14.3 切版前說明\n14.4 背景樣式\n14.5 遊戲封面與連結\n14.6 遊戲關卡\n14.7 關卡說明\n14.8 排行榜\n14.9 活動辦法\n14.10 頁腳\n\n第 15 章　企業型購物網站－首頁\n...","shipping_methods":[{"name":"郵局掛號","fee":0,"currency":"TWD"},{"name":"7-ELEVEN取貨付款","fee":0,"currency":"TWD"},{"name":"萊爾富取貨付款","fee":0,"currency":"TWD"}],"lowest_shipping_fee":null,"payment_methods":["ATM轉帳","萊爾富取貨付款","7-ELEVEN取貨付款"],"category_id":"2092073796","category_name":"網頁編輯","breadcrumb":[{"id":"3994318","name":"圖書/影音/文具","url":"/tw/%E5%9C%96%E6%9B%B8-%E5%BD%B1%E9%9F%B3-%E6%96%87%E5%85%B7-3994318-category.html"},{"id":"2092064185","name":"圖書與雜誌","url":"/tw/%E5%9C%96%E6%9B%B8%E8%88%87%E9%9B%9C%E8%AA%8C-2092064185-category.html"},{"id":"2092073792","name":"電腦/網路","url":"/tw/%E9%9B%BB%E8%85%A6-%E7%B6%B2%E8%B7%AF-2092073792-category.html"},{"id":"2092073796","name":"網頁編輯","url":"/tw/%E7%B6%B2%E9%A0%81%E7%B7%A8%E8%BC%AF-2092073796-category.html"}],"view_count":0,"watch_count":0}