新到貨2本75折
Bootstrapʵս

Bootstrapʵս

  • 定價:294
  • 優惠價:87256
  • 運送方式:
  • 臺灣與離島
  • 海外
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
載入中...
  • 分享
 

內容簡介

基於最新Bootstrap 3.0撰寫

五大應用實例,全面掌握Bootstrap使用技巧

學會重編輯LESS文件和使用Bootstrap的JS插件

Bootstrap是前端開發中應用非常廣泛的一個框架,最早是Twitter公司內部的一個工具,開源之后迅速得到了各方的認可。《Bootstrap實戰》基於最新的Bootstrap 3撰寫,在簡單介紹了安裝與配置之后就直奔主題,分別討論了個人作品站點、WordPress主題、企業網站、電子商務網站和單頁營銷網站等幾個最具代表性的應用案例,結合這些案例細致地剖析了Bootstrap還有LESS的使用方式和技巧。

《Bootstrap實戰》適合所有前端開發人員及個人網站設計者閱讀參考。

David Cochran 現為俄克拉荷馬州衛斯理大學副教授,自2005年以來一直講授交互設計。他重視最佳實踐,不喜歡走捷徑,推崇Web標准。2012年,David在webdesign.tutsplus.com上開設了Bootstrap 2.0系列教程專欄。他還在Packt Publishing出版過一個小書Twitter Bootstrap Web Development How-To 。閑暇時間,David會在自己網站alittlecode.com上寫寫博客。他還是媒體、設計和咨詢公司BitBrilliant的負責人。
 

目錄

第1章 初識BOOtstrap
1.1 數量和質量
1.1.1 與時俱進
1.1.2 LESS的威力
1.2 下載Bootstrap
1.3 准備項目模板文件夾
1.3.1 下載H5BP
1.3.2 刪除不必要的樣板文件
1.3.3 理解樣板中的.htaccess文件
1.3.4 更新必要的樣板文件
1.3.5 更新站點桌面和觸摸設備圖標
1.4 加入Bootstrap文件
1.4.1 字體
1.4.2 JavaScript
1.4.3 暫時不考慮CSS文件
1.4.4 復制LESS文件
1.5 大盤點
1.6 構造HTML模板
1.7 設定站點標題
1.7.1 調整過時的瀏覽器消息
1.7.2 設置主結構元素
1.8 導航條
1.9 編譯和鏈接默認的Bootstrap CSS
1.9.1 編譯Bootstr。ap CSS
1.9.2 完成響應式導航條
1.9.3 排除故障
1.9.4 支持IE8
1.10 小結

第2章 作品展示站點
2.1 設計目標
2.2 查看練習文件
2.3 搭建傳送帶
2.4 創建響應式分欄
2.5 把鏈接變成按鈕
2.6 理解LESS
2.6.1 嵌套規則
2.6.2 變量
2.6.3 混入
2.6.4 運算式
2.6.5 導入文件
2.6.6 模塊化
2.7 根據需要定制Bootstrap的LESS文件
2.8 添加Logo圖片
2.9 調整導航項內邊距
2.10 添加圖標
2.11 添加Font Awesome圖標
2.12 調整導航項圖標顏色
2.13 調整響應式導航條斷點
2.14 調整傳送帶
2.14.1 把控件改成使用Font Awesome圖標
2.14.2 添加上、下內邊距
2.14.3 強制圖片全寬
2.14.4 約束傳送帶的高度
2.14.5 重定位指示器
2.14.6 調整指示器外觀
2.15 調整分欄及其內容
2.16 修飾頁腳
2.17 接下來做什麼
2.18 小結

第3章 WordPress主題
3.1 下載並重命名.Roots主題
3.2 安裝主題
3.3 配置導航條
3.4 添加首頁內容
3.5 自定義頁面模板
3.6 理解Roots的基准模板
3.7 創建自定義的基本模板
3.8 在自定義結構中使用自定義欄目
3.9 創建自定義的內容模板
3.9.1 通過自定義欄目構建傳送帶
3.9.2 使用自定義欄目構建三欄內容
3.10 加入頁腳內容
3.11 Roots的assets文件夾里有什麼
3.12 更換設計資源
3.13 鏈接樣式表
3.14 鏈接JavaScript文件
3.15 為導航條和頁腳添加Logo圖片
3.16 添加圖標鏈接
3.17 恢復WordPress特有的樣式
3.18 小結

第4章 企業網站
4.1 准備啟動文件
4.2 頁頭區
4.2.1 把Logo放到導航條上方
4.2.2 調整導航條
4.3 添加實用導航
4.4 調整響應式導航
4.5 調整配色
4.6 調整折疊后的導航條配色
4.7 設計復雜的響應式布局
4.7.1 調整中、寬布局
4.7.2 調整標題、字體大小和按鈕
4.7.3 增大主欄
4.7.4 調整第三欄
4.7.5 針對多個視口進行微調
4.8 復雜的頁腳
4.8.1 准備標記
4.8.2 調整布局適應平板
4.8.3 針對性地清除
4.8.4 修整細節
4.9 小結

第5章 電子商務網站
5.1 商品頁的標記
5.2 面包屑、頁面標題和分頁導航
5.3 調整商品網格
5.4 側邊欄和篩選選項
5.4.1 基本布局
5.4.2 Clearance Sale按鈕
5.4.3 選項列表
5.4.4 為選項鏈接添加FontAwesome圖標復選框
5.4.5 使用LESS混入在欄中對齊選項
5.4.6 針對平板和手機調整選項列表布局
5.4.7 在手機上折疊選項面板
5.5 小結

第6章 單頁營銷網站
6.1 概況
6.2 初始文件
6.3 了解頁面內容
6.4 調整導航條
6.5 定制高清圖
6.6 美化功能列表
6.7 裝飾用戶評論區
6.7.1 定位及美化說明
6.7.2 調整說明元素的位置
6.7.3 添加BootstraD的網格類
6.7.4 下載並鏈接JavaScript插件
6.7.5 初始化MasonrV插件
6.7.6 切齊圖片
6.7.7 適應小微屏幕
6.8 吸引人的價目表
6.8.1 准備變量、文件和標記
6.8.2 表格頭
6.8.3 表體和表腳
6.8.4 為不同的價目表添加不同的樣式
6.8.5 適配小視口
6.8.6 突出重要的表格
6.9 最后的調整
6.10 為導航條添加scrollspy
6.11 小結

附錄A 優化站點資源
附錄B 實現響應式圖片
附錄C 讓傳送帶支持手勢
 

詳細資料

  • ISBN:9787115388872
  • 規格:227頁 / 普通級 / 1-1
  • 出版地:中國

最近瀏覽商品

 

相關活動

  • 【自然科普、電腦資訊】童話裡的心理學【博客來電子書獨家-作者電子贈言簽名扉頁版】
 

購物說明

溫馨提醒您:若您訂單中有購買簡體館無庫存/預售書或庫存於海外廠商的書籍,建議與其他商品分開下單,以避免等待時間過長,謝謝。

大陸出版品書況:因裝幀品質及貨運條件未臻完善,書況與台灣出版品落差甚大,封面老舊、出現磨痕、凹痕等均屬常態,故簡體字館除封面破損、內頁脫落...等較嚴重的狀態外,其餘所有商品將正常出貨。 

 

請注意,部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供,需以QR CODE 連結至當地網站註冊“並通過驗證程序”,方可下載使用。

調貨時間:若您購買海外庫存之商品,於您完成訂購後,商品原則上約30個工作天內抵台(若有將延遲另行告知)。為了縮短等待的時間,建議您將簡體書與其它商品分開訂購,以利一般商品快速出貨。 

若您具有法人身份為常態性且大量購書者,或有特殊作業需求,建議您可洽詢「企業採購」。 

退換貨說明 

會員所購買的商品均享有到貨十天的猶豫期(含例假日)。退回之商品必須於猶豫期內寄回。 

辦理退換貨時,商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性,切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者,恐將影響退貨權益或需負擔部分費用。 

訂購本商品前請務必詳閱商品退換貨原則

  • 心理與哲學
  • 滿799現折79
  • 言情新品