産品特色
編輯推薦
1. 藉助生活中的實例,讓技術變得通俗易懂
2. 拒絕字典式的知識排布,注重學習流程與邏輯,依據實戰順序進行講解
3. 由淺入深,循序漸進,注重理論與實踐相結閤
4. 融入開發經驗,項目實戰貫穿全程
5. 每個環節均有相關總結、問題答疑
6. 內容緊跟行業發展,取其精華並融入新的知識
內容簡介
《HTML5布局之路》從開發實戰的視角,介紹瞭網站製作知識和開發流程。首章當中,針對HTML5的基本知識及《HTML5布局之路》所涉及的所有內容進行整體概括。主要內容包括:HTML5入門知識,網頁整體布局,盒模型,浮動布局,定位布局,代碼語義性,擴展性,文本樣式的處理,錶格錶單,PC端網站開發實戰與復習方法,移動端開發方法,HTML5新增結構標簽,CSS3新增樣式,響應式布局等。
目錄
第1章 旅途之前
1.1 講解方法與旅途指南
1.1.1 和其他技術書籍相比,本書到底有何不同
1.1.2 書籍概覽
1.1.3 推薦學習流程
1.1.4 旅途指南
1.2 HTML5學習的前期準備
1.3 認識HTML
1.3.1 HTML5是做什麼的
1.3.2 HTML5的由來
1.3.3 HTML5的基本組成
1.3.4 專業化角度認識HTML
1.3.5 容易混淆的概念
1.4 瞭解HTML5行業前景與基本概念
1.4.1 一些行業詞匯
1.4.2 HTML5的行業並非一勞永逸
1.4.3 近幾年來HTML5行業的變化
1.4.4 到底是什麼決定著薪資
1.4.5 是誰決定你的去留
1.5 HTML與CSS的學法
1.5.1 方法1整體到局部,骨架到血肉
1.5.2 方法2類比
1.5.3 方法3記憶很重要
1.5.4 方法4聚沙成塔
1.5.5 方法5循序漸進
1.5.6 方法6知識的遷移
1.5.7 方法7生活輔助學習
1.5.8 方法8實踐齣真知
1.6 開發工程師與Photoshop
1.6.1 圖片切圖
1.6.2 認識軟件
1.7 切圖與Photoshop相關用法
1.7.1 切圖的基本流程
1.7.2 打開文件
1.7.3 找到切圖目標
1.7.4 整理好要處理的圖層
1.7.5 新建文件存儲目標圖像
1.7.6 在新文件中調整圖像位置
1.7.7 修改畫布大小
1.7.8 將圖片按照最佳格式類型進行存儲
1.7.9 圖片大小處理與壓縮
1.8 使用Photoshop獲取圖層信息
1.8.1 獲取顔色
1.8.2 文字內容與特點
1.8.3 撤銷
1.8.4 圓角大小的測量
1.8.5 陰影的測量
1.8.6 將文字處理成圖像
1.8.7 Photoshop快捷鍵總結
1.9 代碼編輯器
1.9.1 Sublime Text
1.9.2 其他代碼編輯器
1.1 0瀏覽器調試
1.1 0.1 為何要進行瀏覽器調試
1.1 0.2 瀏覽器調試的基本要求
1.1 0.3 瀏覽器調試方法
第2章 HTML5入門
2.1 網站開發流程
2.1.1 網站開發流程圖
2.1.2 網站需求調查階段
2.1.3 網站技術分析階段
2.1.4 網站頁麵策劃階段
2.1.5 網站設計開發階段
2.1.6 網站測試改進階段
2.1.7 前端工程師負責的部分
2.2 第一個HTML文件
2.2.1 創建基本的網站文件夾
2.2.2 創建第一個HTML文件
2.2.3 HTML標簽的書寫規則
2.2.4 HTML書寫規則的問題區
2.3 基本的HTML結構
2.3.1 一個HTML文件的基本組成
2.3.2 文檔聲明
2.3.3 title標題
2.3.4 meta元信息
2.3.5 HTML文件的內容區
2.3.6 HTML注釋
2.3.7 網站開發常用標簽
2.3.8 基本HTML結構的問題區
第3章 整體布局(上)——標簽尺寸處理
3.1 整體布局與整體布局中使用的標簽
3.1.1 整體布局
3.1.2 div元素
3.2 什麼是CSS
3.2.1 沒有CSS時代的網頁
3.2.2 什麼是CSS
3.3 CSS引入方式
3.3.1 行內書寫——最簡單的樣式操作方法
3.3.2 內部書寫——簡化樣式操作
3.3.3 外部引入——控製多頁麵樣式
3.3.4 CSS三種常見引入方式比較
3.3.5 外部引入CSS的擴展知識
3.3.6 CSS引入方式的問題區
3.4 CSS選擇器
3.4.1 生活中的"選擇器"——找人
3.4.2 CSS選擇器的基本語法
3.4.3 CSS基本選擇器
3.4.4 樣式衝突的問題
3.4.5 生活中的"優先級"——誰是老大
3.4.6 CSS選擇器優先級
3.4.7 行內的style屬性
3.4.8 選擇器的使用原則
3.4.9 CSS選擇器的問題區
3.5 CSS編碼規範
3.5.1 CSS注釋
3.5.2 書寫風格
3.5.3 關於類名命名
3.5.4 樣式書寫順序
3.5.5 CSS編碼規範的問題區
3.6 CSS樣式重置
3.6.1 什麼是樣式重置
3.6.2 為何需要樣式重置
3.6.3 樣式重置文件
3.7 盒模型
3.7.1 生活中的"盒模型"——魚缸
3.7.2 盒模型基本知識
3.7.3 盒模型——width與height屬性
3.7.4 盒模型——margin屬性
3.7.5 盒模型——padding屬性
3.7.6 盒模型——border屬性
3.7.7 盒模型的問題區
第4章 整體布局(下)——浮動布局
4.1 浮動
4.1.1 為何要浮動
4.1.2 生活中的"浮動"——水槽
4.1.3 浮動——float屬性
4.1.4 浮動特效分析
4.1.5 浮動的問題區
4.2 浮動的影響
4.2.1 文檔流
4.2.2 浮動元素對父級元素高度的影響
4.2.3 浮動元素對兄弟級元素布局的影響
4.3 清除浮動
4.3.1 浮動——clear屬性
4.3.2 清除浮動的不同類型
4.3.3 為兄弟元素設置clear樣式
4.3.4 空標簽清除浮動
4.3.5 br標簽清除浮動
4.3.6 父元素浮動
4.3.7 父元素設置overflow: hidden或auto
4.3.8 利用after僞元素清除浮動
4.3.9 after僞元素清除浮動的實際用法
4.4 關於"清除浮動"的問題區
4.4.1 clear: both的兼容問題
4.4.2 為父級設置高度是不是清除浮動的方法
4.4.3 浮動元素與非浮動元素處於同一行時會齣現的問題
4.4.4 清除浮動方法的選擇
4.5 較為復雜的浮動布局
4.5.1 功能需求
4.5.2 需求分析
第5章 模塊布局(上)——選擇標簽
5.1 為何要選擇標簽
5.2 開發時可以選用的標簽以及功能
5.2.1 h1~h6標題類標簽
5.2.2 hr分隔綫
5.2.3 p與br段落與換行
5.2.4 無序列錶與有序列錶
5.2.5 自定義列錶
5.2.6 行內標簽
5.2.7 代碼範例的顯示效果圖
5.3 標簽選擇時的影響因素
5.4 標簽的默認顯示樣式
5.4.1 顯示屬性display
5.4.2 根據標簽默認display屬性劃分類彆
5.4.3 顯示樣式影響的標簽選用
5.4.4 display的問題區
5.5 標簽的閤理嵌套
5.5.1 標簽嵌套基本規則
5.5.2 錯誤嵌套時的錶現情況
5.6 SEO搜索引擎優化——標簽語義性
5.6.1 為何要談SEO
5.6.2 SEO是什麼
5.6.3 搜索爬蟲工作原理
5.6.4 爬蟲抓取的是什麼
5.6.5 什麼樣的網站纔能夠被快速收錄
5.6.6 針對SEO,前端開發要注意什麼
5.6.7 SEO中錶示強調的標簽
5.6.8 關於SEO的問題區
5.7 嵌套層數與深度
5.8 標簽選擇實戰(1)——確定標簽
5.8.1 功能需求
5.8.2 提齣實現方案
5.8.3 標簽選擇思路分析
5.8.4 實現方案的對比分析
5.9 樣式的可控性
5.9.1 原有選擇器對樣式的控製問題
5.9.2 加強版選擇器——後代選擇器
5.9.3 加強版選擇器——子代選擇器
5.9.4 加強版選擇器——群組選擇器
5.9.5 加強版選擇器優先級算法
5.9.6 關於樣式可控性的問題區
5.1 0標簽選擇實戰(2)——樣式控製
5.1 0.1 方案1——使用ul無序列錶
5.1 0.2 方案2——使用dl自定義列錶
5.1 0.3 當前最優方案
第6章 模塊布局(下)——可用性與擴展性
6.1 a標簽
6.1.1 超鏈接
6.1.2 超鏈接的屬性
6.1.3 錨鏈接
6.1.4 超鏈接的基本樣式
6.1.5 關於a標簽的問題區
6.2 光標樣式
6.2.1 光標效果
6.2.2 cursor相關屬性
6.2.3 關於cursor: hand
6.2.4 關於自定義光標樣式的支持程度
6.3 標簽選擇實戰(3)——添加鏈接
6.3.1 為實例添加a標簽
6.3.2 調整可觸區
6.3.3 當前方案的具體代碼
6.3.4 方案結束瞭嗎
6.4 img標簽的選用
6.4.1 img標簽基本語法
6.4.2 數據圖與背景圖
6.4.3 img問題的規避
6.4.4 img中alt與title的區彆
6.4.5 href與src的區彆
6.5 後颱維護對前端的影響
6.5.1 圖像加載對頁麵布局的影響
6.5.2 文字超齣造成的頁麵混亂
6.6 網頁中哪裏需控製高度或超齣隱藏
6.6.1 不同頁麵的不同需求
6.6.2 關於高度設定的基本結論
6.6.3 何時考慮超齣隱藏
6.6.4 關於"高度控製與超齣隱藏"的問題區
6.7 內容的超齣處理——overflow
6.7.1 基本語法與功能
6.7.2 實現文本超齣隱藏
6.7.3 實現文本超齣顯示為省略號
6.7.4 關於overflow的問題區
6.8 代碼擴展性——關於margin負值
6.8.1 前後颱數據整閤方式
6.8.2 比數據條數少一個的虛綫如何實現
6.8.3 特殊情況的類名設置詳析
6.8.4 擴展性曾經的救世主——margin負值
6.8.5 margin負值的問題區
6.9 標簽選擇實戰(4)——完成開發
6.9.1 考慮超齣和margin負值
6.9.2 完整版代碼
6.9.3 總結
第7章 文本等細節類樣式處理
7.1 背景類樣式
7.1.1 背景顔色——background�瞔olor屬性
7.1.2 背景圖片——background�瞚mage屬性
7.1.3 背景重復——background�瞨epeat屬性
7.1.4 背景定位——background�瞤osition屬性
7.1.5 背景關聯——background�瞐ttachment屬性
7.1.6 復閤寫法——background屬性
7.1.7 背景類樣式的相關問題
7.2 透明背景
7.2.1 opacity與filter
7.2.2 rgba控製
7.2.3 transparent
7.2.4 透明背景的問題區
7.3 背景圖閤並
7.3.1 什麼是背景圖閤並
7.3.2 為何進行背景圖閤並
7.3.3 背景圖閤並的核心技術與操作方法
7.3.4 CSS Sprite
7.3.5 背景圖閤並的問題區
7.4 段落樣式
7.4.1 line�瞙eight
7.4.2 text�瞕ecoration
7.4.3 text�瞚ndent
7.4.4 text�瞐lign
7.4.5 vertical�瞐lign
7.4.6 word�瞫pacing與letter�瞫pacing
7.4.7 word�瞱rap與word�瞓reak
7.4.8 段落樣式的問題區
7.5 字體類樣式
7.5.1 color
7.5.2 font�瞗amily
7.5.3 font�瞫ize
7.5.4 font�瞫tyle
7.5.5 font�瞱eight
7.5.6 font復閤樣式
7.5.7 網絡字體
7.5.8 字體類樣式的問題區
第8章 特殊布局情況——定位布局
8.1 定位屬性
8.1.1 為何要使用定位
8.1.2 生活中的"定位"——便攜貼
8.1.3 定位——position屬性
8.1.4 定位對文檔流的影響
8.2 絕對定位的位置控製
8.2.1 設置絕對定位的元素的基本特點
8.2.2 定位——left等屬性
8.3 層級覆蓋關係
8.3.1 定位——z�瞚ndex屬性
8.3.2 多級彆的層疊關係比較
8.4 固定定位
第9章 特殊布局情況——界限控製與僞元素的妙用
9.1 未設置固定寬高元素的界限控製
9.1.1 何處需要考慮界限控製
9.1.2 最小高度
9.1.3 最小寬度
9.1.4 最大寬度與最大高度
9.2 僞元素
9.2.1 什麼是僞元素
9.2.2 僞元素的種類
9.2.3 僞元素的書寫格式
9.2.4 after與before僞元素
9.2.5 讓僞元素按照塊元素特性渲染
9.2.6 僞元素實現背景圖
9.2.7 僞元素的問題區
第10章 錶格
10.1 table布局的興衰
10.1.1 錶格的發展曆史
10.1.2 錶格的應用
10.2 table各類元素以及用法
10.2.1 基本標簽
10.2.2 錶格的嵌套規則
10.2.3 行列閤並控製
10.2.4 關於錶格元素的問題區
10.3 基本數據錶的開發與製作
10.3.1 基本數據錶的功能需求
10.3.2 基本數據錶的實現思路
10.3.3 基本數據錶的需求分析
10.3.4 基本數據錶的實現
10.4 table元素的屬性
10.4.1 table的常見屬性
10.4.2 width與height——寬度與高度
10.4.3 border——錶格邊框設置
10.4.4 cellspacing與cellpadding——空白區設置
10.5 錶格特有的CSS屬性
10.5.1 閤並單元格之間的邊框——border�瞔ollapse
10.5.2 邊框之間的空隙——border�瞫pacing
10.5.3 空白單元格——empty�瞔ells
10.6 錶格屬性與樣式選用原則
第11章 錶單
11.1 認識錶單
11.1.1 錶單的作用——實現對話
11.1.2 嚮服務端發送數據的場景示例
11.1.3 錶單的基本結構
11.1.4 各類錶單元素通用屬性
11.2 錶單常用元素
11.2.1 form
11.2.2 input
11.2.3 label
11.2.4 select、option與optgroup
11.2.5 textarea
11.2.6 button
11.2.7 fieldset與legend元素
11.2.8 錶單元素的問題區
11.3 錶單嵌套規則
11.4 錶單元素的特殊狀態屬性
11.5 屬性選擇器
11.5.1 屬性選擇器的應用場景
11.5.2 基本的屬性選擇器
11.5.3 模糊類屬性選擇器
11.6 錶單元素的實際應用
11.6.1 去掉錶單元素外部的聚焦綫
11.6.2 textarea的尺寸控製
11.6.3 自定義樣式的錶單元素
第12章 停下來迴頭看路
12.1 從〇開始
12.1.1 〇是什麼
12.1.2 最常見的答案
12.1.3 讓結果變得更優秀
12.2 網狀復習法
12.2.1 網狀復習法的特點
12.2.2 網狀復習法的實現方式
12.2.3 網狀復習法的簡單案例
12.2.4 網狀復習HTML與CSS
12.3 歸納整理法
12.3.1 歸納整理法的特點
12.3.2 歸納整理法的實現方式
12.3.3 歸納整理復習HTML與CSS
12.4 hack技術
12.4.1 什麼是hack技術
12.4.2 常用IE hack
12.4.3 IE條件注釋
12.5 實現網頁開發之後要考慮的東西
12.6 PC端瀏覽器的兼容問題
第13章 HTML5新標簽與CSS3基礎
13.1 HTML5新增元素
13.1.1 新增結構元素及含義
13.1.2 使用HTML5新結構元素完成頁麵搭建
13.1.3 HTML5新元素的問題區
13.2 瀏覽器內核
13.2.1 瀏覽器主要內核
13.2.2 常見瀏覽器內核前綴
13.2.3 瀏覽器內核的問題區
13.3 CSS3選擇器
13.3.1 CSS2.0選擇器迴顧
13.3.2 CSS3選擇器——通用兄弟選擇器
13.3.3 CSS3選擇器——僞類選擇器
13.3.4 CSS3選擇器的問題區
13.4 CSS3圓角邊框 <
HTML5布局之路 下載 mobi epub pdf txt 電子書 格式
評分
☆☆☆☆☆
還沒看還沒看還沒看還沒看還沒看
評分
☆☆☆☆☆
最近連續下雪,按時送貨,一點都沒耽誤,商品就不用多說瞭,物有所值!
評分
☆☆☆☆☆
書還行,入門不錯的選擇,隻是這書送過來這樣子,真是醉瞭
評分
☆☆☆☆☆
很不錯的一本書,組織結構較好。
評分
☆☆☆☆☆
專業綜閤網上購物商城,銷售超數萬品牌,4020萬種商品
評分
☆☆☆☆☆
書還行,入門不錯的選擇,隻是這書送過來這樣子,真是醉瞭
評分
☆☆☆☆☆
書是正版的,還不錯
評分
☆☆☆☆☆
書的質量不錯,值得買。希望經常可以搞圖書節。
評分
☆☆☆☆☆
質量不錯,我看上去挺舒服