-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
Div+CSS 3.0網頁布局案例精粹(升級版) 版權信息
- ISBN:9787121377020
- 條形碼:9787121377020 ; 978-7-121-37702-0
- 裝幀:平裝-膠訂
- 冊數:暫無
- 重量:暫無
- 所屬分類:>>
Div+CSS 3.0網頁布局案例精粹(升級版) 本書特色
本書系統地介紹了CSS樣式的基礎理論和實際應用技術,并結合實例來介紹Div CSS布局制作網頁的方法和技巧。在實例的制作過程中介紹CSS樣式設計各方面知識的同時,還結合實際網頁制作中可能遇到的問題提供解決問題的思路、方法和技巧,使初學者也可以輕松地掌握Div CSS布局的方式,制作出精美的網頁。
本書全面展現了運用Div CSS進行網頁設計布局的方法,詳細的講解步驟配合圖示,使得每個步驟清晰易懂、一目了然。收中不但應用大量實例對重點難點進行深入的剖析,而且還結合作者多年的網頁設計與教學經驗進行點撥,使讀者學以致用。并且在書中還穿插介紹了有關CSS和HTML的相關知識,立求使讀者了解到*的網頁設計制作技術。
本書內容豐富、結構清晰,注重思維鍛煉與實踐應用,適合初、中級網頁設計愛好者以及希望學習Web標準對原有網站進行重構的網頁設計者。本書配套資源包中還提供了書中所有實例源文件和相關視頻教程,供讀者學習和參考。
Div+CSS 3.0網頁布局案例精粹(升級版) 內容簡介
本書系統地介紹了CSS樣式的基礎理論和實際應用技術, 并結合實例來介紹Div+CSS布局制作網頁的方法和技巧。在實例的制作過程中介紹CSS樣式設計各方面知識的同時, 還結合實際網頁制作中可能遇到的問題提供解決問題的思路、方法和技巧, 使初學者也可以輕松地掌握Div+CSS布局的方式, 制作出精美的網頁。
Div+CSS 3.0網頁布局案例精粹(升級版) 目錄
1.1 認識網頁 2
1.1.1 網頁和網站 2
1.1.2 網頁的基本構成元素 2
1.2 什么是網頁設計 3
1.2.1 網頁設計概述 3
1.2.2 網頁設計和網頁制作 4
1.2.3 網頁設計的特點 5
1.2.4 網頁制作相關術語 6
1.3 網頁設計中所涵蓋的內容 11
1.3.1 視聽元素 11
1.3.2 版式設計 11
1.4 如何設計網頁 12
1.4.1 網頁設計的基本原則 12
1.4.2 網頁設計成功的要素 13
1.4.3 網頁設計風格及色彩搭配 14
1.5 網頁設計的原則 14
1.5.1 為用戶考慮的原則 14
1.5.2 主題突出原則 15
1.5.3 整體原則 16
1.5.4 內容與形式相統一 16
1.5.5 更新和維護的原則 17
1.6 網頁設計師應具備的素質 17
1.6.1 藝術素質 17
16.2 技能素質 18
1.6.3 綜合素質 18
1.7 網站的制作流程 19
1.7.1 前期策劃 19
1.7.2 原型設計 20
1.7.3 頁面美化 21
1.7.4 頁面開發 22
1.7.5 后期維護 22
1.8 靜態頁面的制作流程 22
1.8.1 觀察設計稿 22
1.8.2 拆分設計稿 23
1.8.3 網頁設計實現 23
第二章 CSS樣式入門
2.1 CSS的基本概念 25
2.1.1 CSS的特點 25
2.1.2 CSS的基本語法 25
2.1.3 CSS的沖突 26
技能案例:使用就近原則 26
2.2 網頁設計中的CSS 28
2.2.1 如何使用CSS 28
2.2.2 CSS能做什么 29
2.2.3 CSS不能做什么 30
2.3 CSS的基本用法 30
2.3.1 內聯樣式 30
2.3.2 嵌入樣式 30
技能案例:設置嵌入樣式 30
2.3.3 外部樣式 31
2.4 CSS的單位和值 31
2.4.1 定義顏色值 32
2.4.2 定義字體 33
2.5 CSS基礎選擇符 34
2.5.1 通配選擇符 34
2.5.2 標簽選擇符 35
2.5.3 id選擇符 35
2.5.4 類選擇符 35
技能案例:使用類選擇符定義樣式 36
2.5.5 群組選擇符 36
2.5.6 基礎選擇符瀏覽器適配 36
2.6 CSS的層次選擇符 36
2.6.1 后代選擇符 37
技能案例:使用后代選擇符定義樣式 37
2.6.2 子選擇符 37
2.6.3 相鄰兄弟選擇符 37
技能案例:使用相鄰兄弟選擇符設置樣式 37
2.6.4 通用兄弟選擇符 38
技能案例:使用通用兄弟選擇符定義樣式 38
2.6.5 層次選擇符瀏覽器適配 39
2.7 偽類和偽元素 39
2.7.1動態偽類選擇符 39
2.7.2 目標偽類選擇符 40
2.7.3 語言偽類選擇器 40
2.7.4 UI元素狀態偽類選擇器 40
2.7.5 結構偽類選擇器 41
2.7.6 偽類選擇符瀏覽器適配 42
2.7.7 偽元素選擇符 44
2.8 應用案例——為頁面添加CSS樣式 45
2.8.1 設計分析 45
2.8.2 制作步驟 45
2.8.3 案例總結 51
2.9 舉一反三——產品介紹網站 51
2.9.1 案例分析 52
2.9.2 視頻操作 52
第三章 使用DIV CSS布局頁面
3.1 定義Div 55
3.1.1 什么是Div 55
3.1.2 插入Div 55
3.1.3 Div的嵌套和固定格式 56
3.2 CSS布局定位 57
3.2.1 浮動定位 57
3.2.2 position定位 60
3.3 可視化盒模型 62
3.3.1 盒子模型 62
3.3.2 視覺可視化模型 64
3.3.3 空白邊疊加 64
3.4 常見的網頁布局方式 65
3.4.1 居中布局設計 65
3.4.2 浮動布局設計 66
3.4.3 高度自適應 70
3.5 盒模型的控制屬性 70
3.5.1 overflow 70
技能案例:顯示滾動條 71
3.5.2 overflow-x 71
技能案例:顯示橫向滾動條 71
3.5.3 overflow-y 72
技能案例:顯示豎向滾動條 72
3.6 應用案例——使用DIV CSS布局頁面 73
3.6.1 設計分析 73
3.6.2 制作步驟 73
3.6.3 案例總結 78
3.7 舉一反三——制作健康網站 78
3.7.1 案例分析 78
3.7.2 視頻操作 79
第四章 使用CSS控制網頁中的背景
4.1 背景顏色 81
4.1.1 設置頁面背景顏色 81
技能案例:添加背景顏色 81
4.1.2 設置塊背景顏色 82
技能案例:添加塊背景 82
4.1.3 漸變背景 83
技能案例:設置線性漸變背景 83
技能案例:設置徑向漸變背景 84
4.2 背景圖片 86
4.2.1 為頁面設置背景圖片 86
技能案例:設置背景圖片 86
4.2.2 背景圖片的重復 87
技能案例:設置背景圖片的重復 87
4.2.3 設置背景圖片的位置 88
技能案例:設置背景圖片的位置 88
4.2.4 設置背景滾動 90
技能案例:設置頁面背景滾動 90
4.2.5 背景樣式縮寫的方式 90
4.3 背景定位 91
4.3.1 背景定位屬性的語法 91
4.3.2 背景定位屬性的瀏覽器適配 91
4.4 背景裁切 92
4.4.1 背景裁切屬性的語法 92
4.4.2 背景裁切的瀏覽器適配 92
4.5 背景大小 93
4.5.1 背景大小屬性的語法 93
4.5.2 背景大小瀏覽器的適配 93
4.6 多重背景圖像 94
4.6.1 多重背景圖像屬性的語法 94
4.6.2 多重背景圖像的瀏覽器適配 95
4.6.3 CSS多背景屬性的優勢 95
4.7 應用案例——制作金融類網站頁面 96
4.7.1 設計分析 96
4.7.2 制作步驟 96
4.7.3 案例總結 102
4.8 舉一反三——制作電子商品網站 102
4.8.1 案例分析 103
4.8.2 視頻操作 103
第五章 使用CSS控制頁面文字樣式
5.1 控制文本樣式 106
5.1.1 文本字體和大小 106
技能案例:設置網頁中的文字字體 107
5.1.2 文本顏色和粗細 110
技能案例:設置網頁中文字的顏色 110
5.1.3 文本的3種樣式 112
技能案例:設置網頁中文字的樣式 112
5.1.4 文本的美化方式 113
技能案例:為網頁中的文字設置下劃線效果 113
5.1.5 英文字母大小寫 113
5.2 控制段落樣式 114
5.2.1 段落水平對齊 114
技能案例:設置文字左對齊、水平居中與右對齊 114
5.2.2 段落垂直對齊 116
技能案例:設置文本段落垂直對齊 116
5.2.3 行間距和字間距 117
5.2.4 首字下沉 118
技能案例:設置網頁中段落首字母下沉 118
5.3 文字陰影及模糊 119
5.3.1 文字陰影及模糊屬性的語法 119
技能案例:設置網頁中文本的陰影 119
5.3.2 文字陰影屬性的瀏覽器適配 120
5.4 文字溢出 120
5.4.1 文字溢出屬性的語法 121
5.4.2 文字溢出屬性瀏覽器的適配 121
5.5 文字斷開轉行 121
5.5.1 文字斷開轉行屬性的語法 121
5.5.2 文字轉行屬性的瀏覽器適配 122
5.6 應用實例——設計類網站 122
5.6.1 設計分析 123
5.6.2 制作步驟 123
5.6.3 案例總結 129
5.7 舉一反三——制作社區類網站 129
5.7.1 案例分析 130
5.7.2 視頻操作 130
第六章 使用CSS控制圖片樣式
6.1圖片樣式 132
6.1.1 圖片邊框設置 132
技能案例:設置圖片邊框 132
6.1.2 圖片縮放設置 135
技能案例:設置網頁中圖片的縮放 135
6.2 圖片對齊 137
6.2.1 水平對齊設置 137
技能案例:設置圖片的水平對齊 137
6.2.2 垂直對齊設置 138
6.3 圖文混排 139
6.3.1 文本混排 140
技能案例:設置網頁中的圖文混排 140
6.3.2 設置混排間距 140
6.4 圖像邊框 141
6.4.1 圖像邊框屬性的語法介紹 141
6.4.1 圖像邊框的瀏覽器適配 141
6.5 邊框圓角 142
6.5.1 邊框圓角屬性的語法 142
6.5.2 4個子屬性 143
6.5.3 邊框圓角屬性的瀏覽器適配 144
6.6 邊框陰影 144
6.6.1 邊框陰影屬性的語法 145
6.6.2邊框陰影瀏覽器的適配 145
6.7 邊框顏色 146
6.7.1 邊框顏色屬性的語法 146
6.7.2 邊框顏色的瀏覽器適配 147
6.8 應用實例——制作婚慶網站頁面 147
6.8.1 設計分析 147
6.8.2 制作步驟 148
6.8.3 案例總結 153
6.9 舉一反三——產品介紹網站 153
6.9.1 案例分析 154
6.9.2 視頻操作 154
第七章 使用CSS控制列表樣式
7.1 列表控制概述 155
7.1.1 列表控制原則 155
7.1.2 列表的類型及使用 155
技能案例:使用uI制作無序列表 155
技能案例:使用ol制作無序列表 156
技能案例:使用dl制作列表 156
7.1.3 改變項目樣式 157
技能案例:制作突出的列表樣式 157
7.1.4 圖片符號 158
技能案例:制作圖片符號列表 158
7.2 使用列表制作實用菜單 159
7.2.1 無需表格的菜單 159
技能案例:制作豎排菜單 159
7.2.2 菜單的橫豎轉換 161
技能案例:制作橫排菜單 161
技能案例:制作下拉菜單 162
7.3 Opacity 164
7.3.1 Opacity 語法 164
技能案例:為圖片設置透明度 164
7.3.2 Opacity的瀏覽器適配 165
7.4 CSS 顏色模式 165
7.4.1 HSL colors語法 165
技能案例:使用HSL顏色模式 165
7.4.2 HSLA colors 語法 166
技能案例:使用HSLA顏色模式 166
7.4.3 RGBA colors語法 167
技能案例:使用RGBA顏色模式 167
7.4.4 HSL、HSLA和RGBA colors的瀏覽器適配 168
7.5 應用實例——制作音樂網站 169
7.5.1 設計分析 170
7.5.2 制作步驟 170
7.5.3 案例總結 174
7.6 舉一反三——制作設計工作室網站 174
7.6.1 案例分析 174
7.6.2 視頻操作 175
第八章 使用CSS控制表單樣式
8.1 表單設計概述 177
8.1.1 表單的設計原則 177
8.1.2 表單應用分類 178
8.2 表單的設計 179
8.2.1 表單和表單元素 179
8.2.2 標簽、字段集和圖例 183
技能案例:制作表單 183
8.2.3 使用CSS控制文本字段 185
技能案例:使用CSS樣式更改表單外觀 185
8.2.4 使用CSS控制復選框與單選框 185
技能案例:使用CSS樣式更改表單外觀2 186
8.2.5 使用CSS控制列表與跳轉菜單 186
技能案例:使用CSS樣式更改表單外觀3 186
8.3
Div+CSS 3.0網頁布局案例精粹(升級版) 作者簡介
張曉景 暢銷書作者,Adobe 專家委員會成員,Adobe 網頁設計師認證講師,Adobe UI設計工程師,國家信息產業部653工程講師。
參與國家開放大學網頁設計和網頁界面設計課程體系開發。從事平面設計、網站設計和UI設計多年,參與開發過數十個多媒體商業網站。對UI設計風格有獨特見解。有豐富的教學經驗,為中國石油、中國鐵路等大型企業做專業企業培訓,曾在中國傳媒大學、北京大學、北京師范大學、北京交通大學等重點院校以及Adobe創意大學和新東方等培訓機構教授設計課程。
- >
唐代進士錄
- >
小考拉的故事-套裝共3冊
- >
名家帶你讀魯迅:故事新編
- >
我與地壇
- >
推拿
- >
二體千字文
- >
有舍有得是人生
- >
名家帶你讀魯迅:朝花夕拾