掃一掃
關(guān)注中圖網(wǎng)
官方微博
中圖價(jià):¥30.6
加入購物車
HTML5+CSS3 網(wǎng)頁設(shè)計(jì) 版權(quán)信息
- ISBN：9787302480723
- 條形碼：9787302480723 ; 978-7-302-48072-3
- 裝幀：暫無
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
HTML5+CSS3 網(wǎng)頁設(shè)計(jì) 本書特色
本書采取“HTML5網(wǎng)頁設(shè)計(jì)→CSS3美化網(wǎng)頁→網(wǎng)頁版式布局→綜合案例實(shí)戰(zhàn)”的講解模式，深入淺出地為讀者講解了網(wǎng)頁設(shè)計(jì)和排版布局的各項(xiàng)技術(shù)及實(shí)戰(zhàn)技能。 本書第1篇“HTML5網(wǎng)頁設(shè)計(jì)”主要講解HTML5快速入門、HTML5網(wǎng)頁文檔結(jié)構(gòu)、HTML5網(wǎng)頁中的文本和圖像、用HTML5建立超鏈接、用HTML5創(chuàng)建表格和表單、HTML5中的多媒體、使用HTML5繪制圖形、獲取地理位置、Web通信新技術(shù)、構(gòu)建離線的Web應(yīng)用等；第2篇“CSS3美化網(wǎng)頁”主要講解CSS3概述與基本語法、使用CSS3美化網(wǎng)頁字體與段落、使用CSS3美化網(wǎng)頁圖片、使用CSS3美化網(wǎng)頁背景與邊框、使用CSS3美化表格和表單樣式、使用CSS3美化超鏈接和鼠標(biāo)、使用CSS3控制網(wǎng)頁導(dǎo)航菜單的樣式等；第3篇“網(wǎng)頁版式布局”主要講解CSS定位與DIV布局核心技術(shù)、CSS DIV盒子的浮動(dòng)與定位、網(wǎng)頁布局實(shí)戰(zhàn)案例剖析等；第4篇“綜合案例實(shí)戰(zhàn)”主要講解制作在線購物類網(wǎng)頁、制作移動(dòng)設(shè)備類網(wǎng)頁和制作娛樂休閑類網(wǎng)頁實(shí)戰(zhàn)。 本書適合任何沒有網(wǎng)頁設(shè)計(jì)基礎(chǔ)的人員，也適用于有一定的HTML5和CSS3基礎(chǔ)，想更精通網(wǎng)頁設(shè)計(jì)的人員，同時(shí)也可作為大專院校及培訓(xùn)學(xué)校教師和學(xué)生用書。
HTML5+CSS3 網(wǎng)頁設(shè)計(jì) 內(nèi)容簡介
《實(shí)戰(zhàn)從入門到精通》系列圖書是專門為計(jì)算機(jī)初學(xué)者量身定做的一套學(xué)習(xí)用書，整套書涵蓋辦公、網(wǎng)頁設(shè)計(jì)等方面。整套書具有以下特點(diǎn)： 前沿科技 無論是Office辦公，還是Dreamweaver CC、Photoshop CC，我們都精選較為前沿或者用戶群*的領(lǐng)域推進(jìn)，幫助大家認(rèn)識(shí)和了解*動(dòng)態(tài) 作者團(tuán)隊(duì) 組織國家重點(diǎn)實(shí)驗(yàn)室和資深應(yīng)用專家聯(lián)手編著該套圖書，融合豐富的教學(xué)經(jīng)驗(yàn)與優(yōu)秀的管理理念 學(xué)習(xí)型案例設(shè)計(jì) 以技術(shù)的實(shí)際應(yīng)用過程為主線，全程采用圖解和同步多媒體結(jié)合的教學(xué)方式，生動(dòng)、直觀、全面地剖析使用過程中的各種應(yīng)用技能，降低難度提升學(xué)習(xí)效率
HTML5+CSS3 網(wǎng)頁設(shè)計(jì) 目錄
目錄
第1篇 HTML5網(wǎng)頁設(shè)計(jì)
第1章 HTML5快速入門
1.1 HTML5概述 4
1.1.1 HTML5簡介 4
1.1.2 HTML5文件的基本結(jié)構(gòu) 5
1.2 HTML5文件的編寫方法 5
1.2.1 案例1——手工編寫HTML5 5
1.2.2 案例2——使用HTML編輯器編寫HTML 6
1.3 使用瀏覽器查看HTML5文件 10
1.3.1 各大瀏覽器與HTML5的兼容 10
1.3.2 案例3——查看頁面效果 11
1.3.3 案例4——查看源文件 11
1.4 高手甜點(diǎn) 12
1.5 跟我練練手 12
第2章 HTML5網(wǎng)頁文檔結(jié)構(gòu)
2.1 Web標(biāo)準(zhǔn) 14
2.1.1 Web標(biāo)準(zhǔn)概述 14
2.1.2 Web標(biāo)準(zhǔn)規(guī)定的內(nèi)容 15
2.2 HTML5文檔的基本結(jié)構(gòu) 16
2.2.1 HTML5結(jié)構(gòu) 16
2.2.2 文檔類型說明 17
2.2.3 HTML5標(biāo)記 17
2.2.4 頭標(biāo)記 17
2.2.5 網(wǎng)頁的主體標(biāo)記 20
2.2.6 頁面注釋標(biāo)記 21
2.3 綜合案例——符合W3C標(biāo)準(zhǔn)的
HTML5網(wǎng)頁 22
2.4 高手甜點(diǎn) 23
2.5 跟我練練手 24
第3章 HTML5網(wǎng)頁中的文本和圖像
3.1 在網(wǎng)頁中添加文本 26
3.1.1 案例1——普通文本的添加 26
3.1.2 案例2——特殊字符文本的添加 26
3.1.3 案例3——添加特殊文本 28
3.2 文本排版 30
3.2.1 案例4——換行標(biāo)記
30 3.2.2 案例5——段落標(biāo)記 31 3.2.3 案例6——標(biāo)題標(biāo)記～ 32 3.3 文字列表 33 3.3.1 案例7——建立無序列表 33 3.3.2 案例8——建立有序列表 34 3.3.3 案例9——建立不同類型的無序列表 35 3.3.4 案例10——建立不同類型的有序列表 36 3.3.5 案例11——建立嵌套列表 37 3.3.6 案例12——自定義列表 38 3.4 網(wǎng)頁中的圖像 39 3.4.1 案例13——插入圖像 39 3.4.2 案例14——設(shè)置圖像的寬度和高度 width、height 41 3.4.3 案例15——設(shè)置圖片的提示文字alt 42 3.4.4 案例16——將圖片設(shè)置為網(wǎng)頁背景 background 43 3.4.5 案例17——排列圖像align 44 3.5 綜合案例1——圖文并茂房屋裝飾裝修 網(wǎng)頁 44 3.6 綜合案例2——在線購物網(wǎng)站產(chǎn)品展示 效果 46 3.7 高手甜點(diǎn) 47 3.8 跟我練練手 48 第4章 用HTML5建立超鏈接 4.1 網(wǎng)頁超鏈接概述 50 4.1.1 超鏈接的概念 50 4.1.2 超鏈接中的URL 50 4.1.3 超鏈接的URL類型 51 4.2 建立網(wǎng)頁超鏈接href 51 4.2.1 案例1——創(chuàng)建超文本鏈接 51 4.2.2 案例2——創(chuàng)建圖片鏈接 53 4.2.3 案例3——創(chuàng)建下載鏈接 54 4.2.4 案例4——使用相對(duì)路徑和絕對(duì)路徑 55 4.2.5 案例5——設(shè)置以新窗口顯示超鏈接 頁面 56 4.2.6 案例6——設(shè)置電子郵件鏈接 58 4.3 案例7——浮動(dòng)框架iframe 59 4.4 案例8——精確定位熱點(diǎn)區(qū)域map、 area 61 4.5 綜合案例——使用錨鏈接制作電子書 閱讀網(wǎng)頁 64 4.6 高手甜點(diǎn) 67 4.7 跟我練練手 68 第5 章 用HTML5創(chuàng)建表格和表單 5.1 表格的基本結(jié)構(gòu) 70 5.2 使用HTML5創(chuàng)建表格 72 5.2.1 案例1——創(chuàng)建普通表格 72 5.2.2 案例2——創(chuàng)建一個(gè)帶有標(biāo)題的表格 73 5.2.3 案例3——定義表格的邊框類型border 74 5.2.4 案例4——定義表格的表頭 75 5.2.5 案例5——設(shè)置表格背景bgcolor、 background 76 5.2.6 案例6——設(shè)置單元格背景bgcolor 78 5.2.7 案例7——合并單元格colspan、 rowspan 79 5.2.8 案例8——排列單元格中的內(nèi)容align 83 5.2.9 案例9——設(shè)置單元格的行高與列寬 cellpadding 84 5.3 案例10——創(chuàng)建完整的表格 85 5.4 案例11——認(rèn)識(shí)表單 87 5.5 表單基本元素的使用 88 5.5.1 案例12——單行文本輸入框text 88 5.5.2 案例13——多行文本輸入框textarea 89 5.5.3 案例14——密碼域password 89 5.5.4 案例15——單選按鈕radio 90 5.5.5 案例16——復(fù)選框checkbox 91 5.5.6 案例17——下拉列表框select 92 5.5.7 案例18——普通按鈕button 93 5.5.8 案例19——提交按鈕submit 94 5.5.9 案例20——重置按鈕reset 95 5.6 表單高級(jí)元素的使用 96 5.6.1 案例21——url屬性的應(yīng)用 96 5.6.2 案例22——email屬性的應(yīng)用 97 5.6.3 案例23——date和time的應(yīng)用 98 5.6.4 案例24——number屬性的應(yīng)用 99 5.6.5 案例25——range屬性的應(yīng)用 100 5.6.6 案例26——required屬性的應(yīng)用 101 5.7 綜合案例1——創(chuàng)建用戶反饋單 102 5.8 綜合案例2——制作商品報(bào)價(jià)單 103 5.9 高手甜點(diǎn) 105 5.10 跟我練練手 106 第6章 HTML5中的多媒體 6.1 網(wǎng)頁音頻標(biāo)記audio 108 6.1.1 audio標(biāo)記概述 108 6.1.2 audio標(biāo)記的屬性 108 6.1.3 音頻解碼器 109 6.1.4 audio標(biāo)記瀏覽器的支持情況 109 6.2 網(wǎng)頁視頻標(biāo)記video 109 6.2.1 video標(biāo)記概述 109 6.2.2 video標(biāo)記的屬性 110 6.2.3 視頻解碼器 110 6.2.4 video標(biāo)記瀏覽器的支持情況 110 6.3 添加網(wǎng)頁音頻文件 111 6.3.1 案例1——設(shè)置背景音樂 111 6.3.2 案例2——設(shè)置音樂循環(huán)播放loop 112 6.4 添加網(wǎng)頁視頻文件 112 6.4.1 案例3——為網(wǎng)頁添加視頻文件video 112 6.4.2 案例4——設(shè)置自動(dòng)運(yùn)行autoplay 113 6.4.3 案例5——設(shè)置視頻文件的循環(huán) 播放loop 114 6.4.4 案例6——設(shè)置視頻窗口的高度與寬度 height、width 115 6.5 添加網(wǎng)頁滾動(dòng)文字 115 6.5.1 案例7——滾動(dòng)文字標(biāo)記marquee 116 6.5.2 案例8——滾動(dòng)方向?qū)傩詃irection 116 6.5.3 案例9——滾動(dòng)方式屬性behavior 117 6.5.4 案例10——滾動(dòng)速度屬性scrollamount 118 6.5.5 案例11——滾動(dòng)延遲屬性scrolldelay 119 6.5.6 案例12——滾動(dòng)循環(huán)屬性loop 120 6.5.7 案例13——滾動(dòng)范圍屬性height、 width 121 6.5.8 案例14——滾動(dòng)背景顏色屬性bgcolor 122 6.5.9 案例15——滾動(dòng)空間屬性hspace、 vspace 123 6.6 高手甜點(diǎn) 124 6.7 跟我練練手 124 第7章 使用HTML5繪制圖形 7.1 什么是canvas 126 7.2 繪制基本形狀 127 7.2.1 案例1——繪制矩形 127 7.2.2 案例2——繪制圓形 128 7.2.3 案例3——使用moveTo與lineTo 繪制直線 129 7.2.4 案例4——使用bezierCurveTo繪制 貝濟(jì)埃曲線 131 7.3 繪制漸變圖形 133 7.3.1 案例5——繪制線性漸變 133 7.3.2 案例6——繪制徑向漸變 135 7.4 繪制變形圖形 136 7.4.1 案例7——變換原點(diǎn)坐標(biāo) 136 7.4.2 案例8——圖形縮放 137 7.4.3 案例9——旋轉(zhuǎn)圖形 138 7.5 繪制其他樣式的圖形 139 7.5.1 案例10——圖形組合 140 7.5.2 案例11——繪制帶陰影的圖形 142 7.5.3 案例12——繪制文字 143 7.6 使用圖像 145 7.6.1 案例13——繪制圖像 145 7.6.2 案例14——圖像平鋪 146 7.6.3 案例15——圖像裁剪 148 7.6.4 案例16——像素處理 149 7.7 圖形的保存與恢復(fù) 151 7.7.1 案例17——保存與恢復(fù)狀態(tài) 152 7.7.2 案例18——保存文件 153 7.8 綜合案例1——繪制火柴棒人物 154 7.9 綜合案例2——繪制商標(biāo) 157 7.10 高手甜點(diǎn) 159 7.11 跟我練練手 160 第8章 獲取地理位置 8.1 Geolocation API獲取地理位置 162 8.1.1 地理定位的原理 162 8.1.2 獲取定位信息的方法 162 8.1.3 常用地理定位方法 162 8.1.4 案例1——判斷瀏覽器是否支持HTML5 獲取地理位置信息 163 8.1.5 案例2——指定緯度和經(jīng)度坐標(biāo) 164 8.1.6 案例3——獲取當(dāng)前位置的經(jīng)度與緯度 165 8.2 目前瀏覽器對(duì)地理定位的支持情況 167 8.3 綜合案例——在網(wǎng)頁中調(diào)用 Google地圖 168 8.4 高手甜點(diǎn) 171 8.5 跟我練練手 172 第9章 Web通信新技術(shù) 9.1 跨文檔消息傳輸 174 9.1.1 跨文檔消息傳輸?shù)幕局R(shí) 174 9.1.2 案例1——跨文檔通信應(yīng)用測試 174 9.2 Web Sockets API 177 9.2.1 WebSocket API的概念 177 9.2.2 Web Sockets通信基礎(chǔ) 177 9.2.3 案例2——服務(wù)器端使用Web Sockets API 179 9.2.4 案例3——客戶端使用Web Sockets API 183 9.3 綜合案例——編寫簡單的Web Socket 服務(wù)器 183 9.4 高手甜點(diǎn) 188 9.5 跟我練練手 188 第10章 構(gòu)建離線的Web 10.1 HTML5離線Web應(yīng)用概述 190 10.2 使用HTML5離線Web應(yīng)用API 190 10.2.1 案例1——檢查瀏覽器的支持情況 190 10.2.2 案例2——搭建簡單的離線應(yīng)用程序 191 10.2.3 案例3——支持離線行為 191 10.2.4 案例4——manifest文件 192 10.2.5 案例5——Application Cache API 193 10.3 實(shí)例2——使用HTML5離線Web應(yīng)用 構(gòu)建應(yīng)用 195 10.3.1 案例6——創(chuàng)建記錄資源的manifest 文件 195 10.3.2 案例7——創(chuàng)建構(gòu)成界面的HTML和 CSS 195 10.3.3 案例8——創(chuàng)建離線的JavaScript 196 10.3.4 案例9——檢查applicationCache的 支持情況 198 10.3.5 案例10——為Update按鈕添加處理 函數(shù) 198 10.3.6 案例11——添加Storage功能代碼 199 10.3.7 案例12——添加離線事件處理程序 199 10.4 高手甜點(diǎn) 200 10.5 跟我練練手 201 第2篇 CSS3美化網(wǎng)頁 第11章 CSS3概述與基本 11.1 CSS3概述 206 11.1.1 CSS3功能 206 11.1.2 瀏覽器與CSS3 206 11.1.3 CSS3基礎(chǔ)語法 207 11.1.4 CSS3常用單位 207 11.2 編輯和瀏覽CSS3 212 11.2.1 案例1——手工編寫CSS3 212 11.2.2 案例2——Dreamweaver編寫CSS 213 11.3 在HTML5中使用CSS3的方法 215 11.3.1 案例3——行內(nèi)樣式 215 11.3.2 案例4——內(nèi)嵌樣式 216 11.3.3 案例5——鏈接樣式 217 11.3.4 案例6——導(dǎo)入樣式 219 11.3.5 案例7——優(yōu)先級(jí)問題 220 11.4 CSS3的常用選擇器 222 11.4.1 案例8——標(biāo)簽選擇器 223 11.4.2 案例9——類選擇器 223 11.4.3 案例10——ID選擇器 224 11.4.4 案例11——全局選擇器 225 11.4.5 案例12——組合選擇器 226 11.4.6 案例13——繼承選擇器 227 11.4.7 案例14——偽類選擇器 228 11.5 選擇器聲明 230 11.5.1 案例15——集體聲明 230 11.5.2 案例16——多重嵌套聲明 231 11.6 綜合實(shí)例1——制作炫彩網(wǎng)站Logo 231 11.7 綜合案例2——制作學(xué)生信息統(tǒng)計(jì)表 234 11.8 高手甜點(diǎn) 236 11.9 跟我練練手 237 第12章 使用CSS3美化網(wǎng)頁字體與段落 12.1 美化網(wǎng)頁文字 240 12.1.1 案例1——設(shè)置文字的字體 240 12.1.2 案例2——設(shè)置文字的字號(hào) 241 12.1.3 案例3——設(shè)置字體風(fēng)格 242 12.1.4 案例4——設(shè)置加粗字體 243 12.1.5 案例5——將小寫字母轉(zhuǎn)換為 大寫字母 244 12.1.6 案例6——設(shè)置字體的復(fù)合屬性 245 12.1.7 案例7——設(shè)置字體顏色 246 12.2 設(shè)置文本的高級(jí)樣式 247 12.2.1 案例8——設(shè)置文本陰影效果 248 12.2.2 案例9——設(shè)置文本溢出效果 249 12.2.3 案例10——設(shè)置文本的控制換行 250 12.2.4 案例11——保持字體尺寸不變 251 12.3 美化網(wǎng)頁中的段落 252 12.3.1 案例12——設(shè)置單詞之間的間隔 252 12.3.2 案例13——設(shè)置字符之間的間隔 253 12.3.3 案例14——設(shè)置文字的修飾效果 254 12.3.4 案例15——設(shè)置垂直對(duì)齊方式 255 12.3.5 案例16——轉(zhuǎn)換文本的大小寫 257 12.3.6 案例17——設(shè)置文本的水平對(duì)齊方式 258 12.3.7 案例18——設(shè)置文本的縮進(jìn)效果 260 12.3.8 案例19——設(shè)置文本的行高 261 12.3.9 案例20——文本的空白處理 262 12.3.10 案例21——文本的反排 263 12.4 綜合案例1——設(shè)置網(wǎng)頁標(biāo)題 264 12.5 綜合案例2——制作新聞頁面 266 12.6 高手甜點(diǎn) 267 12.7 跟我練練手 268 第13章 使用CSS3美化網(wǎng)頁圖片 13.1 圖片縮放 270 13.1.1 案例1——通過描述標(biāo)記width和 height縮放圖片 270 13.1.2 案例2——使用CSS3中的max-width 和max-height縮放圖片 270 13.1.3 案例3——使用CSS3中的width和 height縮放圖片 272 13.2 設(shè)置圖片的對(duì)齊方式 272 13.2.1 案例4——設(shè)置圖片橫向?qū)R 273 13.2.2 案例5——設(shè)置圖片縱向?qū)R 273 13.3 圖文混排 275 13.3.1 案例6——設(shè)置文字環(huán)繞效果 275 13.3.2 案例7——設(shè)置圖片與文字的間距 277 13.4 綜合案例1——制作學(xué)校宣傳單 278 13.5 綜合案例2——制作簡單圖文 混排網(wǎng)頁 281 13.6 高手甜點(diǎn) 282 13.7 跟我練練手 283 第14章 使用CSS3美化網(wǎng)頁背景與邊框 14.1 使用CSS3美化背景 286 14.1.1 案例1——設(shè)置背景顏色 background-color 286 14.1.2 案例2——設(shè)置背景圖片 background-image 287 14.1.3 案例3——背景圖片重復(fù) background-repeat 288 14.1.4 案例4——背景圖片顯示 background-attachment 290 14.1.5 案例5——背景圖片位置 background-position 291 14.1.6 案例6——背景圖片大小 background-size 293 14.1.7 案例7——背景顯示區(qū)域 background-origin 294 14.1.8 案例8——背景圖像裁剪區(qū)域 background-clip 296 14.1.9 案例9——背景復(fù)合屬性 297 14.2 使用CSS3美化邊框 299 14.2.1 案例10——設(shè)置邊框樣式 border-style 299 14.2.2 案例11——設(shè)置邊框顏色 border-color 300 14.2.3 案例12——設(shè)置邊框線寬 border-width 302 14.2.4 案例13——設(shè)置邊框復(fù)合屬性 303 14.3 設(shè)置邊框圓角效果border-radius 304 14.3.1 案例14——設(shè)置圓角邊框 304 14.3.2 案例15——指定兩個(gè)圓角半徑 305 14.3.3 案例16——繪制四個(gè)不同圓角邊框 306 14.3.4 案例17——繪制不同種類的邊框 308 14.4 綜合案例1——制作簡單公司主頁 310 14.5 綜合案例2——制作簡單生活資訊 主頁 314 14.6 高手甜點(diǎn) 316 14.7 跟我練練手 317 第15章 使用CSS3美化表格和表單樣式 15.1 美化表格樣式 320 15.1.1 案例1——設(shè)置表格邊框樣式 border-collapse 320 15.1.2 案例2——設(shè)置表格邊框?qū)挾?border-width 322 15.1.3 案例3——設(shè)置表格邊框顏色 background-color 323 15.2 美化表單樣式 325 15.2.1 案例4——美化表單中的元素font 325 15.2.2 案例5——美化提交按鈕transparent 327 15.2.3 案例6——美化下拉列表font 328 15.3 綜合案例1——制作用戶登錄頁面 330 15.4 綜合案例2——制作用戶注冊頁面 332 15.5 高手甜點(diǎn) 334 15.6 跟我練練手 335 第16章 使用CSS3美化超鏈接和鼠標(biāo) 16.1 使用CSS3美化超鏈接 338 16.1.1 案例1——改變超鏈接基本樣式 338 16.1.2 案例2——設(shè)置帶有提示信息的 超鏈接 339 16.1.3 案例3——設(shè)置超鏈接的背景圖 340 16.1.4 案例4——設(shè)置超鏈接的按鈕效果 341 16.2 使用CSS3美化鼠標(biāo)特效 343 16.2.1 案例5——使用CSS3控制鼠標(biāo)箭頭 343 16.2.2 案例6——設(shè)置鼠標(biāo)變幻式超鏈接 344 16.2.3 案例7——設(shè)置網(wǎng)頁頁面滾動(dòng)條 345 16.3 綜合案例1——圖片版本超鏈接 348 16.4 綜合案例2——關(guān)于鼠標(biāo)特效實(shí)例 350 16.5 綜合案例3——制作一個(gè)簡單的 導(dǎo)航欄 352 16.6 高手甜點(diǎn) 354 16.7 跟我練練手 355 第17章 使用CSS3控制網(wǎng)頁導(dǎo)航菜單的樣式 17.1 使用CSS3美化項(xiàng)目列表 358 17.1.1 案例1——美化無序列表 358 17.1.2 案例2——美化有序列表 360 17.1.3 案例3——美化自定義列表 362 17.1.4 案例4——制作圖片列表 363 17.1.5 案例5——縮進(jìn)圖片列表 364 17.1.6 案例6——列表復(fù)合屬性 365 17.2 使用CSS3制作網(wǎng)頁菜單 367 17.2.1 案例7——制作無序表格的菜單 367 17.2.2 案例8——制作水平菜單 369 17.3 綜合案例1——模擬soso導(dǎo)航欄 371 17.4 綜合案例2——將段落轉(zhuǎn)變成列表 375 17.5 高手甜點(diǎn) 377 17.6 跟我練練手 377 第3篇 網(wǎng)頁版式布局 第18章 CSS定位與DIV布局核心技術(shù) 18.1 了解塊級(jí)元素和行內(nèi)級(jí)元素 382 18.1.1 案例1——塊級(jí)元素和行內(nèi)級(jí)元素 的應(yīng)用 382 18.1.2 案例2——div元素和span元素的區(qū)別 384 18.2 盒子模型 385 18.2.1 盒子模型的概念 385 18.2.2 案例3——定義網(wǎng)頁border區(qū)域 386 18.2.3 案例4——定義網(wǎng)頁padding區(qū)域 387 18.2.4 案例5——定義網(wǎng)頁margin區(qū)域 388 18.3 CSS3新增彈性盒模型 392 18.3.1 案例6——定義盒子布局取向 （box-orient） 392 18.3.2 案例7——定義盒子布局順序 （box-direction） 394 18.3.3 案例8——定義盒子布局位置 （box-ordinal-group） 395 18.3.4 案例9——定義盒子彈性空間 （box-flex） 397 18.3.5 案例10——管理盒子空間（box-pack和 box-align） 399 18.3.6 案例11——盒子空間的溢出管理 （box-lines） 401 18.4 綜合案例1——圖文排版效果 402 18.5 綜合案例2——淘寶導(dǎo)購菜單 404 18.6 高手甜點(diǎn) 407 18.7 跟我練練手 408 第19 章 CSS DIV盒子的浮動(dòng)與定位 19.1 定義DIV 410 19.1.1 什么是DIV 410 19.1.2 案例1——創(chuàng)建DIV 410 19.2 盒子的定位 411 19.2.1 案例2——靜態(tài)定位static 412 19.2.2 案例3——相對(duì)定位relative 412 19.2.3 案例4——絕對(duì)定位absolute 413 19.2.4 案例5——固定定位fixed 414 19.2.5 案例6——盒子的浮動(dòng)float 416 19.3 其他CSS布局定位方式 418 19.3.1 案例7——溢出（overflow）定位 418 19.3.2 案例8——隱藏（visibility）定位 419 19.3.3 案例9——z-index空間定位 421 19.4 新增CSS3多列布局 423 19.4.1 案例10——設(shè)置列寬度column-width 423 19.4.2 案例11——設(shè)置列數(shù)column-count 424 19.4.3 案例12——設(shè)置列間距column-gap 426 19.4.4 案例13——設(shè)置列邊框樣式 column-rule 427 19.5 綜合案例1——定位網(wǎng)頁布局樣式 429 19.6 綜合案例2——制作陰影文字效果 432 19.7 高手甜點(diǎn) 433 19.8 跟我練練手 434 第20 章 網(wǎng)頁布局實(shí)戰(zhàn)案例剖析 20.1 固定寬度網(wǎng)頁剖析與布局 436 20.1.1 案例1——網(wǎng)頁單列布局模式 436 20.1.2 案例2——網(wǎng)頁1-2-1型布局模式 440 20.1.3 案例3——網(wǎng)頁1-3-1型布局模式 443 20.2 自動(dòng)縮放網(wǎng)頁1-2-1型布局模式 447 20.2.1 案例4——“1-2-1”等比例變寬布局 447 20.2.2 案例5——“1-2-1”單列變寬布局 448 20.3 自動(dòng)縮放網(wǎng)頁1-3-1型布局模式 449 20.3.1 “1-3-1”三列寬度等比例布局 449 20.3.2 案例6——“1-3-1”單側(cè)列寬度 固定的變寬布局 450 20.3.3 案例7——“1-3-1”中間列寬度 固定的變寬布局 454 20.3.4 案例8——“1-3-1”雙側(cè)列寬度 固定的變寬布局 458 20.3.5 案例9——“1-3-1”中列和左側(cè) 列寬度固定的變寬布局 462 20.4 綜合案例1——單列寬度變化布局 465 20.5 綜合案例2——多列等比例寬度 變化布局 467 20.6 高手甜點(diǎn) 470 20.7 跟我練練手 471 第4篇 綜合案例實(shí)戰(zhàn) 第21章 制作在線購物類網(wǎng)頁 21.1 整體布局 476 21.1.1 設(shè)計(jì)分析 476 21.1.2 排版架構(gòu) 477 21.2 主要模塊設(shè)計(jì) 477 21.2.1 Logo與導(dǎo)航區(qū) 477 21.2.2 Banner與資訊區(qū) 479 21.2.3 產(chǎn)品類別區(qū)域 480 21.2.4 頁腳區(qū)域 481 第22章 制作移動(dòng)設(shè)備類網(wǎng)頁 22.1 網(wǎng)站設(shè)計(jì)分析 484 22.2 網(wǎng)站結(jié)構(gòu)分析 484 22.3 網(wǎng)站主頁面的制作 485 22.4 網(wǎng)站成品預(yù)覽 487 第23 章 制作娛樂休閑類網(wǎng)頁 23.1 整體設(shè)計(jì) 494 23.1.1 應(yīng)用設(shè)計(jì)分析 494 23.1.2 架構(gòu)布局分析 495 23.2 主要模塊設(shè)計(jì) 496 23.2.1 網(wǎng)頁整體樣式插入 496 23.2.2 頂部模塊代碼分析 498 23.2.3 視頻模塊代碼分析 499 23.2.4 評(píng)論模塊代碼分析 500 23.2.5 熱門推薦模塊代碼分析 501 23.2.6 底部模塊分析 504 23.3 網(wǎng)頁調(diào)整 504 23.3.1 部分內(nèi)容調(diào)整 504 23.3.2 調(diào)整后預(yù)覽測試 506
30 3.2.2 案例5——段落標(biāo)記 31 3.2.3 案例6——標(biāo)題標(biāo)記～ 32 3.3 文字列表 33 3.3.1 案例7——建立無序列表 33 3.3.2 案例8——建立有序列表 34 3.3.3 案例9——建立不同類型的無序列表 35 3.3.4 案例10——建立不同類型的有序列表 36 3.3.5 案例11——建立嵌套列表 37 3.3.6 案例12——自定義列表 38 3.4 網(wǎng)頁中的圖像 39 3.4.1 案例13——插入圖像 39 3.4.2 案例14——設(shè)置圖像的寬度和高度 width、height 41 3.4.3 案例15——設(shè)置圖片的提示文字alt 42 3.4.4 案例16——將圖片設(shè)置為網(wǎng)頁背景 background 43 3.4.5 案例17——排列圖像align 44 3.5 綜合案例1——圖文并茂房屋裝飾裝修 網(wǎng)頁 44 3.6 綜合案例2——在線購物網(wǎng)站產(chǎn)品展示 效果 46 3.7 高手甜點(diǎn) 47 3.8 跟我練練手 48 第4章 用HTML5建立超鏈接 4.1 網(wǎng)頁超鏈接概述 50 4.1.1 超鏈接的概念 50 4.1.2 超鏈接中的URL 50 4.1.3 超鏈接的URL類型 51 4.2 建立網(wǎng)頁超鏈接href 51 4.2.1 案例1——創(chuàng)建超文本鏈接 51 4.2.2 案例2——創(chuàng)建圖片鏈接 53 4.2.3 案例3——創(chuàng)建下載鏈接 54 4.2.4 案例4——使用相對(duì)路徑和絕對(duì)路徑 55 4.2.5 案例5——設(shè)置以新窗口顯示超鏈接 頁面 56 4.2.6 案例6——設(shè)置電子郵件鏈接 58 4.3 案例7——浮動(dòng)框架iframe 59 4.4 案例8——精確定位熱點(diǎn)區(qū)域map、 area 61 4.5 綜合案例——使用錨鏈接制作電子書 閱讀網(wǎng)頁 64 4.6 高手甜點(diǎn) 67 4.7 跟我練練手 68 第5 章 用HTML5創(chuàng)建表格和表單 5.1 表格的基本結(jié)構(gòu) 70 5.2 使用HTML5創(chuàng)建表格 72 5.2.1 案例1——創(chuàng)建普通表格 72 5.2.2 案例2——創(chuàng)建一個(gè)帶有標(biāo)題的表格 73 5.2.3 案例3——定義表格的邊框類型border 74 5.2.4 案例4——定義表格的表頭 75 5.2.5 案例5——設(shè)置表格背景bgcolor、 background 76 5.2.6 案例6——設(shè)置單元格背景bgcolor 78 5.2.7 案例7——合并單元格colspan、 rowspan 79 5.2.8 案例8——排列單元格中的內(nèi)容align 83 5.2.9 案例9——設(shè)置單元格的行高與列寬 cellpadding 84 5.3 案例10——創(chuàng)建完整的表格 85 5.4 案例11——認(rèn)識(shí)表單 87 5.5 表單基本元素的使用 88 5.5.1 案例12——單行文本輸入框text 88 5.5.2 案例13——多行文本輸入框textarea 89 5.5.3 案例14——密碼域password 89 5.5.4 案例15——單選按鈕radio 90 5.5.5 案例16——復(fù)選框checkbox 91 5.5.6 案例17——下拉列表框select 92 5.5.7 案例18——普通按鈕button 93 5.5.8 案例19——提交按鈕submit 94 5.5.9 案例20——重置按鈕reset 95 5.6 表單高級(jí)元素的使用 96 5.6.1 案例21——url屬性的應(yīng)用 96 5.6.2 案例22——email屬性的應(yīng)用 97 5.6.3 案例23——date和time的應(yīng)用 98 5.6.4 案例24——number屬性的應(yīng)用 99 5.6.5 案例25——range屬性的應(yīng)用 100 5.6.6 案例26——required屬性的應(yīng)用 101 5.7 綜合案例1——創(chuàng)建用戶反饋單 102 5.8 綜合案例2——制作商品報(bào)價(jià)單 103 5.9 高手甜點(diǎn) 105 5.10 跟我練練手 106 第6章 HTML5中的多媒體 6.1 網(wǎng)頁音頻標(biāo)記audio 108 6.1.1 audio標(biāo)記概述 108 6.1.2 audio標(biāo)記的屬性 108 6.1.3 音頻解碼器 109 6.1.4 audio標(biāo)記瀏覽器的支持情況 109 6.2 網(wǎng)頁視頻標(biāo)記video 109 6.2.1 video標(biāo)記概述 109 6.2.2 video標(biāo)記的屬性 110 6.2.3 視頻解碼器 110 6.2.4 video標(biāo)記瀏覽器的支持情況 110 6.3 添加網(wǎng)頁音頻文件 111 6.3.1 案例1——設(shè)置背景音樂 111 6.3.2 案例2——設(shè)置音樂循環(huán)播放loop 112 6.4 添加網(wǎng)頁視頻文件 112 6.4.1 案例3——為網(wǎng)頁添加視頻文件video 112 6.4.2 案例4——設(shè)置自動(dòng)運(yùn)行autoplay 113 6.4.3 案例5——設(shè)置視頻文件的循環(huán) 播放loop 114 6.4.4 案例6——設(shè)置視頻窗口的高度與寬度 height、width 115 6.5 添加網(wǎng)頁滾動(dòng)文字 115 6.5.1 案例7——滾動(dòng)文字標(biāo)記marquee 116 6.5.2 案例8——滾動(dòng)方向?qū)傩詃irection 116 6.5.3 案例9——滾動(dòng)方式屬性behavior 117 6.5.4 案例10——滾動(dòng)速度屬性scrollamount 118 6.5.5 案例11——滾動(dòng)延遲屬性scrolldelay 119 6.5.6 案例12——滾動(dòng)循環(huán)屬性loop 120 6.5.7 案例13——滾動(dòng)范圍屬性height、 width 121 6.5.8 案例14——滾動(dòng)背景顏色屬性bgcolor 122 6.5.9 案例15——滾動(dòng)空間屬性hspace、 vspace 123 6.6 高手甜點(diǎn) 124 6.7 跟我練練手 124 第7章 使用HTML5繪制圖形 7.1 什么是canvas 126 7.2 繪制基本形狀 127 7.2.1 案例1——繪制矩形 127 7.2.2 案例2——繪制圓形 128 7.2.3 案例3——使用moveTo與lineTo 繪制直線 129 7.2.4 案例4——使用bezierCurveTo繪制 貝濟(jì)埃曲線 131 7.3 繪制漸變圖形 133 7.3.1 案例5——繪制線性漸變 133 7.3.2 案例6——繪制徑向漸變 135 7.4 繪制變形圖形 136 7.4.1 案例7——變換原點(diǎn)坐標(biāo) 136 7.4.2 案例8——圖形縮放 137 7.4.3 案例9——旋轉(zhuǎn)圖形 138 7.5 繪制其他樣式的圖形 139 7.5.1 案例10——圖形組合 140 7.5.2 案例11——繪制帶陰影的圖形 142 7.5.3 案例12——繪制文字 143 7.6 使用圖像 145 7.6.1 案例13——繪制圖像 145 7.6.2 案例14——圖像平鋪 146 7.6.3 案例15——圖像裁剪 148 7.6.4 案例16——像素處理 149 7.7 圖形的保存與恢復(fù) 151 7.7.1 案例17——保存與恢復(fù)狀態(tài) 152 7.7.2 案例18——保存文件 153 7.8 綜合案例1——繪制火柴棒人物 154 7.9 綜合案例2——繪制商標(biāo) 157 7.10 高手甜點(diǎn) 159 7.11 跟我練練手 160 第8章 獲取地理位置 8.1 Geolocation API獲取地理位置 162 8.1.1 地理定位的原理 162 8.1.2 獲取定位信息的方法 162 8.1.3 常用地理定位方法 162 8.1.4 案例1——判斷瀏覽器是否支持HTML5 獲取地理位置信息 163 8.1.5 案例2——指定緯度和經(jīng)度坐標(biāo) 164 8.1.6 案例3——獲取當(dāng)前位置的經(jīng)度與緯度 165 8.2 目前瀏覽器對(duì)地理定位的支持情況 167 8.3 綜合案例——在網(wǎng)頁中調(diào)用 Google地圖 168 8.4 高手甜點(diǎn) 171 8.5 跟我練練手 172 第9章 Web通信新技術(shù) 9.1 跨文檔消息傳輸 174 9.1.1 跨文檔消息傳輸?shù)幕局R(shí) 174 9.1.2 案例1——跨文檔通信應(yīng)用測試 174 9.2 Web Sockets API 177 9.2.1 WebSocket API的概念 177 9.2.2 Web Sockets通信基礎(chǔ) 177 9.2.3 案例2——服務(wù)器端使用Web Sockets API 179 9.2.4 案例3——客戶端使用Web Sockets API 183 9.3 綜合案例——編寫簡單的Web Socket 服務(wù)器 183 9.4 高手甜點(diǎn) 188 9.5 跟我練練手 188 第10章 構(gòu)建離線的Web 10.1 HTML5離線Web應(yīng)用概述 190 10.2 使用HTML5離線Web應(yīng)用API 190 10.2.1 案例1——檢查瀏覽器的支持情況 190 10.2.2 案例2——搭建簡單的離線應(yīng)用程序 191 10.2.3 案例3——支持離線行為 191 10.2.4 案例4——manifest文件 192 10.2.5 案例5——Application Cache API 193 10.3 實(shí)例2——使用HTML5離線Web應(yīng)用 構(gòu)建應(yīng)用 195 10.3.1 案例6——創(chuàng)建記錄資源的manifest 文件 195 10.3.2 案例7——創(chuàng)建構(gòu)成界面的HTML和 CSS 195 10.3.3 案例8——創(chuàng)建離線的JavaScript 196 10.3.4 案例9——檢查applicationCache的 支持情況 198 10.3.5 案例10——為Update按鈕添加處理 函數(shù) 198 10.3.6 案例11——添加Storage功能代碼 199 10.3.7 案例12——添加離線事件處理程序 199 10.4 高手甜點(diǎn) 200 10.5 跟我練練手 201 第2篇 CSS3美化網(wǎng)頁 第11章 CSS3概述與基本 11.1 CSS3概述 206 11.1.1 CSS3功能 206 11.1.2 瀏覽器與CSS3 206 11.1.3 CSS3基礎(chǔ)語法 207 11.1.4 CSS3常用單位 207 11.2 編輯和瀏覽CSS3 212 11.2.1 案例1——手工編寫CSS3 212 11.2.2 案例2——Dreamweaver編寫CSS 213 11.3 在HTML5中使用CSS3的方法 215 11.3.1 案例3——行內(nèi)樣式 215 11.3.2 案例4——內(nèi)嵌樣式 216 11.3.3 案例5——鏈接樣式 217 11.3.4 案例6——導(dǎo)入樣式 219 11.3.5 案例7——優(yōu)先級(jí)問題 220 11.4 CSS3的常用選擇器 222 11.4.1 案例8——標(biāo)簽選擇器 223 11.4.2 案例9——類選擇器 223 11.4.3 案例10——ID選擇器 224 11.4.4 案例11——全局選擇器 225 11.4.5 案例12——組合選擇器 226 11.4.6 案例13——繼承選擇器 227 11.4.7 案例14——偽類選擇器 228 11.5 選擇器聲明 230 11.5.1 案例15——集體聲明 230 11.5.2 案例16——多重嵌套聲明 231 11.6 綜合實(shí)例1——制作炫彩網(wǎng)站Logo 231 11.7 綜合案例2——制作學(xué)生信息統(tǒng)計(jì)表 234 11.8 高手甜點(diǎn) 236 11.9 跟我練練手 237 第12章 使用CSS3美化網(wǎng)頁字體與段落 12.1 美化網(wǎng)頁文字 240 12.1.1 案例1——設(shè)置文字的字體 240 12.1.2 案例2——設(shè)置文字的字號(hào) 241 12.1.3 案例3——設(shè)置字體風(fēng)格 242 12.1.4 案例4——設(shè)置加粗字體 243 12.1.5 案例5——將小寫字母轉(zhuǎn)換為 大寫字母 244 12.1.6 案例6——設(shè)置字體的復(fù)合屬性 245 12.1.7 案例7——設(shè)置字體顏色 246 12.2 設(shè)置文本的高級(jí)樣式 247 12.2.1 案例8——設(shè)置文本陰影效果 248 12.2.2 案例9——設(shè)置文本溢出效果 249 12.2.3 案例10——設(shè)置文本的控制換行 250 12.2.4 案例11——保持字體尺寸不變 251 12.3 美化網(wǎng)頁中的段落 252 12.3.1 案例12——設(shè)置單詞之間的間隔 252 12.3.2 案例13——設(shè)置字符之間的間隔 253 12.3.3 案例14——設(shè)置文字的修飾效果 254 12.3.4 案例15——設(shè)置垂直對(duì)齊方式 255 12.3.5 案例16——轉(zhuǎn)換文本的大小寫 257 12.3.6 案例17——設(shè)置文本的水平對(duì)齊方式 258 12.3.7 案例18——設(shè)置文本的縮進(jìn)效果 260 12.3.8 案例19——設(shè)置文本的行高 261 12.3.9 案例20——文本的空白處理 262 12.3.10 案例21——文本的反排 263 12.4 綜合案例1——設(shè)置網(wǎng)頁標(biāo)題 264 12.5 綜合案例2——制作新聞頁面 266 12.6 高手甜點(diǎn) 267 12.7 跟我練練手 268 第13章 使用CSS3美化網(wǎng)頁圖片 13.1 圖片縮放 270 13.1.1 案例1——通過描述標(biāo)記width和 height縮放圖片 270 13.1.2 案例2——使用CSS3中的max-width 和max-height縮放圖片 270 13.1.3 案例3——使用CSS3中的width和 height縮放圖片 272 13.2 設(shè)置圖片的對(duì)齊方式 272 13.2.1 案例4——設(shè)置圖片橫向?qū)R 273 13.2.2 案例5——設(shè)置圖片縱向?qū)R 273 13.3 圖文混排 275 13.3.1 案例6——設(shè)置文字環(huán)繞效果 275 13.3.2 案例7——設(shè)置圖片與文字的間距 277 13.4 綜合案例1——制作學(xué)校宣傳單 278 13.5 綜合案例2——制作簡單圖文 混排網(wǎng)頁 281 13.6 高手甜點(diǎn) 282 13.7 跟我練練手 283 第14章 使用CSS3美化網(wǎng)頁背景與邊框 14.1 使用CSS3美化背景 286 14.1.1 案例1——設(shè)置背景顏色 background-color 286 14.1.2 案例2——設(shè)置背景圖片 background-image 287 14.1.3 案例3——背景圖片重復(fù) background-repeat 288 14.1.4 案例4——背景圖片顯示 background-attachment 290 14.1.5 案例5——背景圖片位置 background-position 291 14.1.6 案例6——背景圖片大小 background-size 293 14.1.7 案例7——背景顯示區(qū)域 background-origin 294 14.1.8 案例8——背景圖像裁剪區(qū)域 background-clip 296 14.1.9 案例9——背景復(fù)合屬性 297 14.2 使用CSS3美化邊框 299 14.2.1 案例10——設(shè)置邊框樣式 border-style 299 14.2.2 案例11——設(shè)置邊框顏色 border-color 300 14.2.3 案例12——設(shè)置邊框線寬 border-width 302 14.2.4 案例13——設(shè)置邊框復(fù)合屬性 303 14.3 設(shè)置邊框圓角效果border-radius 304 14.3.1 案例14——設(shè)置圓角邊框 304 14.3.2 案例15——指定兩個(gè)圓角半徑 305 14.3.3 案例16——繪制四個(gè)不同圓角邊框 306 14.3.4 案例17——繪制不同種類的邊框 308 14.4 綜合案例1——制作簡單公司主頁 310 14.5 綜合案例2——制作簡單生活資訊 主頁 314 14.6 高手甜點(diǎn) 316 14.7 跟我練練手 317 第15章 使用CSS3美化表格和表單樣式 15.1 美化表格樣式 320 15.1.1 案例1——設(shè)置表格邊框樣式 border-collapse 320 15.1.2 案例2——設(shè)置表格邊框?qū)挾?border-width 322 15.1.3 案例3——設(shè)置表格邊框顏色 background-color 323 15.2 美化表單樣式 325 15.2.1 案例4——美化表單中的元素font 325 15.2.2 案例5——美化提交按鈕transparent 327 15.2.3 案例6——美化下拉列表font 328 15.3 綜合案例1——制作用戶登錄頁面 330 15.4 綜合案例2——制作用戶注冊頁面 332 15.5 高手甜點(diǎn) 334 15.6 跟我練練手 335 第16章 使用CSS3美化超鏈接和鼠標(biāo) 16.1 使用CSS3美化超鏈接 338 16.1.1 案例1——改變超鏈接基本樣式 338 16.1.2 案例2——設(shè)置帶有提示信息的 超鏈接 339 16.1.3 案例3——設(shè)置超鏈接的背景圖 340 16.1.4 案例4——設(shè)置超鏈接的按鈕效果 341 16.2 使用CSS3美化鼠標(biāo)特效 343 16.2.1 案例5——使用CSS3控制鼠標(biāo)箭頭 343 16.2.2 案例6——設(shè)置鼠標(biāo)變幻式超鏈接 344 16.2.3 案例7——設(shè)置網(wǎng)頁頁面滾動(dòng)條 345 16.3 綜合案例1——圖片版本超鏈接 348 16.4 綜合案例2——關(guān)于鼠標(biāo)特效實(shí)例 350 16.5 綜合案例3——制作一個(gè)簡單的 導(dǎo)航欄 352 16.6 高手甜點(diǎn) 354 16.7 跟我練練手 355 第17章 使用CSS3控制網(wǎng)頁導(dǎo)航菜單的樣式 17.1 使用CSS3美化項(xiàng)目列表 358 17.1.1 案例1——美化無序列表 358 17.1.2 案例2——美化有序列表 360 17.1.3 案例3——美化自定義列表 362 17.1.4 案例4——制作圖片列表 363 17.1.5 案例5——縮進(jìn)圖片列表 364 17.1.6 案例6——列表復(fù)合屬性 365 17.2 使用CSS3制作網(wǎng)頁菜單 367 17.2.1 案例7——制作無序表格的菜單 367 17.2.2 案例8——制作水平菜單 369 17.3 綜合案例1——模擬soso導(dǎo)航欄 371 17.4 綜合案例2——將段落轉(zhuǎn)變成列表 375 17.5 高手甜點(diǎn) 377 17.6 跟我練練手 377 第3篇 網(wǎng)頁版式布局 第18章 CSS定位與DIV布局核心技術(shù) 18.1 了解塊級(jí)元素和行內(nèi)級(jí)元素 382 18.1.1 案例1——塊級(jí)元素和行內(nèi)級(jí)元素 的應(yīng)用 382 18.1.2 案例2——div元素和span元素的區(qū)別 384 18.2 盒子模型 385 18.2.1 盒子模型的概念 385 18.2.2 案例3——定義網(wǎng)頁border區(qū)域 386 18.2.3 案例4——定義網(wǎng)頁padding區(qū)域 387 18.2.4 案例5——定義網(wǎng)頁margin區(qū)域 388 18.3 CSS3新增彈性盒模型 392 18.3.1 案例6——定義盒子布局取向 （box-orient） 392 18.3.2 案例7——定義盒子布局順序 （box-direction） 394 18.3.3 案例8——定義盒子布局位置 （box-ordinal-group） 395 18.3.4 案例9——定義盒子彈性空間 （box-flex） 397 18.3.5 案例10——管理盒子空間（box-pack和 box-align） 399 18.3.6 案例11——盒子空間的溢出管理 （box-lines） 401 18.4 綜合案例1——圖文排版效果 402 18.5 綜合案例2——淘寶導(dǎo)購菜單 404 18.6 高手甜點(diǎn) 407 18.7 跟我練練手 408 第19 章 CSS DIV盒子的浮動(dòng)與定位 19.1 定義DIV 410 19.1.1 什么是DIV 410 19.1.2 案例1——創(chuàng)建DIV 410 19.2 盒子的定位 411 19.2.1 案例2——靜態(tài)定位static 412 19.2.2 案例3——相對(duì)定位relative 412 19.2.3 案例4——絕對(duì)定位absolute 413 19.2.4 案例5——固定定位fixed 414 19.2.5 案例6——盒子的浮動(dòng)float 416 19.3 其他CSS布局定位方式 418 19.3.1 案例7——溢出（overflow）定位 418 19.3.2 案例8——隱藏（visibility）定位 419 19.3.3 案例9——z-index空間定位 421 19.4 新增CSS3多列布局 423 19.4.1 案例10——設(shè)置列寬度column-width 423 19.4.2 案例11——設(shè)置列數(shù)column-count 424 19.4.3 案例12——設(shè)置列間距column-gap 426 19.4.4 案例13——設(shè)置列邊框樣式 column-rule 427 19.5 綜合案例1——定位網(wǎng)頁布局樣式 429 19.6 綜合案例2——制作陰影文字效果 432 19.7 高手甜點(diǎn) 433 19.8 跟我練練手 434 第20 章 網(wǎng)頁布局實(shí)戰(zhàn)案例剖析 20.1 固定寬度網(wǎng)頁剖析與布局 436 20.1.1 案例1——網(wǎng)頁單列布局模式 436 20.1.2 案例2——網(wǎng)頁1-2-1型布局模式 440 20.1.3 案例3——網(wǎng)頁1-3-1型布局模式 443 20.2 自動(dòng)縮放網(wǎng)頁1-2-1型布局模式 447 20.2.1 案例4——“1-2-1”等比例變寬布局 447 20.2.2 案例5——“1-2-1”單列變寬布局 448 20.3 自動(dòng)縮放網(wǎng)頁1-3-1型布局模式 449 20.3.1 “1-3-1”三列寬度等比例布局 449 20.3.2 案例6——“1-3-1”單側(cè)列寬度 固定的變寬布局 450 20.3.3 案例7——“1-3-1”中間列寬度 固定的變寬布局 454 20.3.4 案例8——“1-3-1”雙側(cè)列寬度 固定的變寬布局 458 20.3.5 案例9——“1-3-1”中列和左側(cè) 列寬度固定的變寬布局 462 20.4 綜合案例1——單列寬度變化布局 465 20.5 綜合案例2——多列等比例寬度 變化布局 467 20.6 高手甜點(diǎn) 470 20.7 跟我練練手 471 第4篇 綜合案例實(shí)戰(zhàn) 第21章 制作在線購物類網(wǎng)頁 21.1 整體布局 476 21.1.1 設(shè)計(jì)分析 476 21.1.2 排版架構(gòu) 477 21.2 主要模塊設(shè)計(jì) 477 21.2.1 Logo與導(dǎo)航區(qū) 477 21.2.2 Banner與資訊區(qū) 479 21.2.3 產(chǎn)品類別區(qū)域 480 21.2.4 頁腳區(qū)域 481 第22章 制作移動(dòng)設(shè)備類網(wǎng)頁 22.1 網(wǎng)站設(shè)計(jì)分析 484 22.2 網(wǎng)站結(jié)構(gòu)分析 484 22.3 網(wǎng)站主頁面的制作 485 22.4 網(wǎng)站成品預(yù)覽 487 第23 章 制作娛樂休閑類網(wǎng)頁 23.1 整體設(shè)計(jì) 494 23.1.1 應(yīng)用設(shè)計(jì)分析 494 23.1.2 架構(gòu)布局分析 495 23.2 主要模塊設(shè)計(jì) 496 23.2.1 網(wǎng)頁整體樣式插入 496 23.2.2 頂部模塊代碼分析 498 23.2.3 視頻模塊代碼分析 499 23.2.4 評(píng)論模塊代碼分析 500 23.2.5 熱門推薦模塊代碼分析 501 23.2.6 底部模塊分析 504 23.3 網(wǎng)頁調(diào)整 504 23.3.1 部分內(nèi)容調(diào)整 504 23.3.2 調(diào)整后預(yù)覽測試 506
展開全部
HTML5+CSS3 網(wǎng)頁設(shè)計(jì) 作者簡介
劉玉紅老師在新疆大學(xué)主要負(fù)責(zé)計(jì)算機(jī)系的畢業(yè)生實(shí)訓(xùn)，善于引導(dǎo)學(xué)生學(xué)習(xí)，讓學(xué)校所學(xué)的知識(shí)和社會(huì)的需求很好地銜接，同時(shí)具有豐富的教學(xué)經(jīng)驗(yàn)和開發(fā)經(jīng)驗(yàn)。
書友推薦
- >
巴金－再思錄
- >
我從未如此眷戀人間
- >
詩經(jīng)-先民的歌唱
- >
姑媽的寶刀
- >
月亮虎
- >
隨園食單
- >
推拿
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
本類暢銷
