Div+CSS3.0網(wǎng)頁(yè)布局實(shí)戰(zhàn)從入門(mén)到精通（第2版）
定 價(jià)：49.8 元
叢書(shū)名：新編實(shí)戰(zhàn)型全功能實(shí)用教程
- 作者：新視角文化行
- 出版時(shí)間：2018/5/1
- ISBN：9787115477132
- 出 版 社：人民郵電出版社
- 中圖法分類：TP393.092.2
- 頁(yè)碼：
- 紙張：膠版紙
- 版次：
- 開(kāi)本：16開(kāi)
本書(shū)系統(tǒng)地講解了目前流行的Div CSS標(biāo)準(zhǔn)布局的基礎(chǔ)理論和實(shí)際應(yīng)用的技法。全書(shū)通過(guò)108個(gè)經(jīng)典實(shí)例與知識(shí)點(diǎn)相結(jié)合的形式進(jìn)行講解，從網(wǎng)站的布局風(fēng)格以及實(shí)現(xiàn)方法兩個(gè)方面剖析了Div CSS網(wǎng)頁(yè)布局和制作方法。
本書(shū)全面地講解了使用Div CSS進(jìn)行網(wǎng)頁(yè)布局的方法和技巧，并在每個(gè)實(shí)例的制作步驟中配以圖示，從而更加直觀地輔助讀者學(xué)習(xí)，以達(dá)到事半功倍的效果。本書(shū)通過(guò)大量實(shí)例對(duì)Div CSS布局進(jìn)行了深入淺出的分析，并對(duì)重點(diǎn)和難點(diǎn)進(jìn)行了更加深入的解析，使讀者能夠充分掌握Div CSS布局的精髓所在。希望讀者通過(guò)對(duì)本書(shū)的學(xué)習(xí)，能夠以符合標(biāo)準(zhǔn)的設(shè)計(jì)思維，采用實(shí)戰(zhàn)操作完成網(wǎng)頁(yè)設(shè)計(jì)，進(jìn)而融入到Web標(biāo)準(zhǔn)設(shè)計(jì)領(lǐng)域。
本書(shū)內(nèi)容豐富、結(jié)構(gòu)清晰、圖文并茂，實(shí)例的講解到位，操作步驟也簡(jiǎn)單易懂。另外，本書(shū)在講解知識(shí)的基礎(chǔ)上著重培養(yǎng)讀者的設(shè)計(jì)思維與實(shí)戰(zhàn)能力，比較適合初、中級(jí)網(wǎng)頁(yè)設(shè)計(jì)制作愛(ài)好者以及希望學(xué)習(xí)Web標(biāo)準(zhǔn)對(duì)原網(wǎng)站進(jìn)行重構(gòu)的網(wǎng)頁(yè)設(shè)計(jì)者。本書(shū)配套光盤(pán)中還提供了書(shū)中所有實(shí)例的源文件和相關(guān)視頻教程，供讀者學(xué)習(xí)和參考。
·完善的學(xué)習(xí)模式
實(shí)例分析 知識(shí)點(diǎn)鏈接 制作步驟 Q&A 提示 操作視頻6大環(huán)節(jié)保障了可學(xué)習(xí)性。詳細(xì)講解操作步驟，力求讓讀者即學(xué)即會(huì)。108個(gè)典型實(shí)例，清晰表達(dá)了源代碼書(shū)寫(xiě)規(guī)則，讓讀者掌握網(wǎng)頁(yè)源代碼的書(shū)寫(xiě)方法與技巧，從而為可視化設(shè)計(jì)能力的提高奠定了基礎(chǔ)。
·進(jìn)階式講解模式
全書(shū)共12章，每一章都是一個(gè)技術(shù)專題，從基礎(chǔ)入手，逐步進(jìn)階到靈活應(yīng)用�；A(chǔ)講解與操作緊密結(jié)合，方法全面，技巧豐富，不但能學(xué)習(xí)到專業(yè)的制作方法與技巧，還能提高實(shí)際應(yīng)用的能力。
·全程同步教學(xué)視頻
530分鐘全程同步多媒體語(yǔ)音教學(xué)視頻，由一線教師親授，詳細(xì)記錄了所有案例的具體操作過(guò)程。讀者可以邊學(xué)邊做，同步提升操作技能。
·提供配套PPT課件與模板素材
隨書(shū)附贈(zèng)配套PPT教學(xué)課件，供老師修改使用。還附贈(zèng)50個(gè)Div CSS模板、800張網(wǎng)頁(yè)背景素材、1000張網(wǎng)頁(yè)小圖標(biāo)、20種類型的網(wǎng)頁(yè)模板、50個(gè)Flash小圖片及1000余張高清圖片素材。全面配合書(shū)中所講知識(shí)與技能，提高學(xué)習(xí)效率，提升學(xué)習(xí)效果。
第 1 篇 基礎(chǔ)篇
第 01 章 Dreamweaver與CSS基礎(chǔ)
實(shí)例001 建站第 一步創(chuàng)建本地靜態(tài)站點(diǎn)9
實(shí)例002 設(shè)置遠(yuǎn)程服務(wù)器創(chuàng)建企業(yè)網(wǎng)站站點(diǎn)10
實(shí)例003 內(nèi)聯(lián)CSS樣式控制文本顯示效果12
實(shí)例004 內(nèi)部CSS樣式控制頁(yè)面整體效果13
實(shí)例005 外部CSS樣式鏈接外部CSS樣式表文件15
實(shí)例006 @import方式導(dǎo)入外部CSS樣式18
第 02 章 Div CSS布局基礎(chǔ)
實(shí)例007 margin控制網(wǎng)頁(yè)元素的位置21
實(shí)例008 border為網(wǎng)頁(yè)元素添加邊框22
實(shí)例009 padding控制Div中內(nèi)容的位置24
實(shí)例010 相對(duì)定位設(shè)置網(wǎng)頁(yè)元素疊加顯示26
實(shí)例011 絕對(duì)定位設(shè)置網(wǎng)頁(yè)元素固定在右側(cè)顯示27
實(shí)例012 固定定位固定的網(wǎng)頁(yè)導(dǎo)航29
實(shí)例013 浮動(dòng)定位制作作品列表31
實(shí)例014 空白邊疊加控制元素的上下邊距35
實(shí)例015 流體網(wǎng)格布局制作個(gè)人作品展示頁(yè)面37
第 03 章 使用CSS控制網(wǎng)頁(yè)背景
實(shí)例016 定義頁(yè)面背景顏色制作個(gè)人作品網(wǎng)站頁(yè)面44
實(shí)例017 定義背景圖像為網(wǎng)頁(yè)添加背景圖像45
實(shí)例018 背景圖像的位置控制網(wǎng)頁(yè)中背景圖像的位置47
實(shí)例019 固定背景圖像控制網(wǎng)頁(yè)的背景圖像固定不動(dòng)48
實(shí)例020 RGBA與HSLA顏色值（CSS3.0）設(shè)置半透明背景顏色50
實(shí)例021 漸變背景顏色（CSS3.0）為網(wǎng)頁(yè)設(shè)置漸變背景顏色52
實(shí)例022 background-size屬性（CSS3.0）控制背景圖像大小55
實(shí)例023 background-origin 屬性（CSS3.0）控制背景圖像顯示區(qū)域57
實(shí)例024 background-clip 屬性（CSS3.0）控制背景圖像的裁剪區(qū)域58
第 04 章 使用CSS控制文本
實(shí)例025 定義字體制作網(wǎng)站歡迎頁(yè)面62
實(shí)例026 定義英文字體大小寫(xiě)制作英文網(wǎng)站頁(yè)面64
實(shí)例027 定義字體下劃線、頂劃線和刪除線網(wǎng)頁(yè)文字修飾66
實(shí)例028 定義字間距和行間距制作網(wǎng)站公告69
實(shí)例029 定義段落首字下沉制作企業(yè)介紹頁(yè)面71
實(shí)例030 定義段落首行縮進(jìn)制作設(shè)計(jì)公司網(wǎng)站頁(yè)面72
實(shí)例031 定義段落水平對(duì)齊制作網(wǎng)站彈出頁(yè)面74
實(shí)例032 定義文本垂直對(duì)齊制作產(chǎn)品介紹頁(yè)面76
實(shí)例033 Web字體在網(wǎng)頁(yè)中使用特殊字體78
實(shí)例034 CSS類選區(qū)應(yīng)用多個(gè)類CSS樣式81
實(shí)例035 text-shadow屬性（CSS3.0）為網(wǎng)頁(yè)文字添加陰影83
實(shí)例036 word-wrap屬性（CSS3.0）控制網(wǎng)頁(yè)文本換行84
實(shí)例037 text-overflow屬性（CSS3.0） 控制文本溢出86
第 05 章 使用CSS控制圖片效果
實(shí)例038 圖片邊框修飾網(wǎng)頁(yè)圖像89
實(shí)例039 圖片縮放自適應(yīng)窗口大小的圖片91
實(shí)例040 圖片的水平對(duì)齊制作產(chǎn)品展示頁(yè)面94
實(shí)例041 圖片的垂直對(duì)齊制作飲品展示頁(yè)面95
實(shí)例042 實(shí)現(xiàn)圖文混排效果制作產(chǎn)品介紹頁(yè)面97
實(shí)例043 border-colors屬性（CSS3.0）為圖像添加多種色彩邊框99
實(shí)例044 border-radius屬性（CSS3.0） 實(shí)現(xiàn)圓角邊框100
實(shí)例045 border-image屬性（CSS3.0）實(shí)現(xiàn)圖像邊框102
第 2 篇 進(jìn)階篇
第 06 章 使用CSS控制列表樣式
實(shí)例046 ul無(wú)序列表制作新聞欄目106
實(shí)例047 ol有序列表制作音樂(lè)排行列表108
實(shí)例048 更改列表項(xiàng)目樣式制作方塊列表效果110
實(shí)例049 使用圖片作為列表樣式制作圖像列表112
實(shí)例050 定義列表制作復(fù)雜新聞列表114
實(shí)例051 列表的應(yīng)用制作橫向?qū)Ш讲藛?15
實(shí)例052 列表的應(yīng)用制作縱向?qū)Ш讲藛?18
實(shí)例053 content屬性（CSS3.0）賦予Div內(nèi)容120
實(shí)例054 opacity屬性（CSS3.0）實(shí)現(xiàn)元素的半透明效果122
第 07 章 使用CSS美化表格和表單元素
實(shí)例055 創(chuàng)建數(shù)據(jù)表格制作新聞列表125
實(shí)例056 設(shè)置表格邊框和背景制作精美表格128
實(shí)例057 為單元行應(yīng)用類CSS樣式實(shí)現(xiàn)隔行變色的單元格132
實(shí)例058 應(yīng)用CSS樣式的hover偽類實(shí)現(xiàn)交互的變色表格134
實(shí)例059 設(shè)置表單元素的背景顏色美化文本域135
實(shí)例060 設(shè)置表單元素的邊框美化登錄框138
實(shí)例061 使用CSS定義圓角文本字段140
實(shí)例062 使用CSS定義下拉列表 制作多彩下拉列表141
實(shí)例063 column屬性（CSS3.0）實(shí)現(xiàn)網(wǎng)頁(yè)文本分欄143
實(shí)例064 column-width屬性（CSS3.0）設(shè)置分欄寬度144
實(shí)例065 column-count屬性（CSS3.0）控制網(wǎng)頁(yè)文本分欄數(shù)146
實(shí)例066 column-gap屬性（CSS3.0）控制網(wǎng)頁(yè)文本分欄間距148
實(shí)例067 column-rule屬性（CSS3.0）為分欄添加分欄線150
第 08 章 使用CSS樣式美化超鏈接和鼠標(biāo)指針
實(shí)例068 定義超鏈接樣式制作活動(dòng)公告153
實(shí)例069 超鏈接偽類應(yīng)用制作按鈕式超鏈接156
實(shí)例070 超鏈接偽類應(yīng)用制作圖像式超鏈接159
實(shí)例071 使用CSS定義鼠標(biāo)指針樣式改變默認(rèn)的鼠標(biāo)指針162
實(shí)例072 使用CSS定義鼠標(biāo)變換效果實(shí)現(xiàn)網(wǎng)頁(yè)中的鼠標(biāo)變換效果163
實(shí)例073 box-shadow屬性（CSS3.0）為網(wǎng)頁(yè)元素添加陰影165
實(shí)例074 overflow屬性（CSS3.0）網(wǎng)頁(yè)元素內(nèi)容溢出處理166
實(shí)例075 resize屬性（CSS3.0）在網(wǎng)頁(yè)中實(shí)現(xiàn)區(qū)域縮放調(diào)節(jié)168
實(shí)例076 outline屬性（CSS3.0）為網(wǎng)頁(yè)元素添加輪廓邊框170
第 3 篇 提高篇
第 09 章 使用CSS3.0濾鏡
實(shí)例077 grayscale濾鏡將網(wǎng)頁(yè)處理為灰度效果173
實(shí)例078 sepia濾鏡將網(wǎng)頁(yè)中的圖像處理為懷舊效果174
實(shí)例079 satruate濾鏡調(diào)整網(wǎng)頁(yè)中圖像的色彩飽和度176
實(shí)例080 hue-rotate濾鏡調(diào)整網(wǎng)頁(yè)中圖像的色調(diào)178
實(shí)例081 invert濾鏡將網(wǎng)頁(yè)中的圖像處理為底片效果180
實(shí)例082 opacity濾鏡設(shè)置網(wǎng)頁(yè)元素半透明效果181
實(shí)例083 brightness濾鏡調(diào)整網(wǎng)頁(yè)中圖像的亮度183
實(shí)例084 contrast濾鏡調(diào)整網(wǎng)頁(yè)中圖像的對(duì)比度184
實(shí)例085 blur濾鏡實(shí)現(xiàn)網(wǎng)頁(yè)元素模糊效果186
實(shí)例086 drop-shadow濾鏡為網(wǎng)頁(yè)元素添加陰影效果188
第 10 章 使用CSS3.0實(shí)現(xiàn)動(dòng)畫(huà)效果
實(shí)例087 旋轉(zhuǎn)變形實(shí)現(xiàn)網(wǎng)頁(yè)元素的旋轉(zhuǎn)191
實(shí)例088 縮放和翻轉(zhuǎn)變形實(shí)現(xiàn)網(wǎng)頁(yè)元素的縮放和翻轉(zhuǎn)193
實(shí)例089 移動(dòng)變形實(shí)現(xiàn)網(wǎng)頁(yè)元素的移動(dòng)194
實(shí)例090 傾斜變形實(shí)現(xiàn)網(wǎng)頁(yè)元素的傾斜效果196
實(shí)例091 transition-property屬性實(shí)現(xiàn)網(wǎng)頁(yè)元素變形過(guò)渡效果198
實(shí)例092 transition屬性制作動(dòng)態(tài)選項(xiàng)卡200
第 11 章 CSS與其他語(yǔ)言綜合運(yùn)用
實(shí)例093 XML與CSS制作學(xué)生信息管理頁(yè)面205
實(shí)例094 使用CSS實(shí)現(xiàn)XML中特殊效果隔行變色的信息列表208
實(shí)例095 在HTML頁(yè)面中調(diào)用XML數(shù)據(jù)制作攝影圖片網(wǎng)頁(yè)212
實(shí)例096 使用JavaScript實(shí)現(xiàn)可選擇字體大小制作新聞頁(yè)面218
實(shí)例097 使用JavaScript實(shí)現(xiàn)圖像滑動(dòng)切換制作圖像頁(yè)面221
實(shí)例098 使用JavaScript實(shí)現(xiàn)特效制作動(dòng)態(tài)網(wǎng)站相冊(cè)225
第 4 篇 商業(yè)案例篇
第 12 章 布局制作商業(yè)網(wǎng)站頁(yè)面
實(shí)例099 制作寵物貓咪網(wǎng)站頁(yè)面233
實(shí)例100 制作設(shè)計(jì)工作室網(wǎng)站頁(yè)面238
實(shí)例101 制作醫(yī)療健康類網(wǎng)站頁(yè)面245
實(shí)例102 制作教育類網(wǎng)站頁(yè)面251
實(shí)例103 制作企業(yè)類網(wǎng)站頁(yè)面257
實(shí)例104 制作水上樂(lè)園網(wǎng)站頁(yè)面265
實(shí)例105 制作休閑游戲網(wǎng)站頁(yè)面272
實(shí)例106 制作野生動(dòng)物園網(wǎng)站頁(yè)面282
實(shí)例107 制作餐飲類網(wǎng)站頁(yè)面288
實(shí)例108 制作游戲類網(wǎng)站頁(yè)面296
書(shū)單推薦
