Div+CSS3.0網頁樣式與佈局經典範例(附光碟)（簡體書）

《Div+CSS 3.0網頁樣式與佈局經典範例（含DVD光盤1張）》系統地介紹了CSS樣式的基礎理論和實際應用技術，並結合實例來介紹Div+CSS佈局製作網頁的方法和技巧。在實例的製作過程中，在介紹CSS樣式設計各方面知識的同時，還結合實際網頁製作中可能遇到的問題提供解決問題的思路、方法和技巧，使初學者也可以輕鬆地掌握Div+CSS佈局的方式，製作出精美的網頁。並且，在書中還穿插介紹了有關CSS3.0和HTML 5的相關知識，力求使讀者瞭解到最新的網頁設計製作技術。．

《Div+CSS 3.0網頁樣式與布局經典范例》內容豐富，結構清晰，注重思維鍛煉與實踐應用，適合初、中級網頁設計愛好者，以及希望通過使用Web標準對原有網站進行重構的網頁設計者使用。《Div+CSS 3.0網頁樣式與布局經典范例》配套光盤中還提供了書中所有實例源文件和相關視頻教程，供讀者學習和參考。

01Div+CSS網頁設計基礎
1.1網頁設計基礎
1.1.1什么是網頁設計
1.1.2網頁與網站
1.1.3網頁設計的原則
1.1.4網頁設計的成功要素
1.1.5網頁配色的基本方法
1.1.6網站制作流程
1.2網站標準和布局方式
1.2.1網站標準
1.2.2網頁布局方式
1.3掌握Dreamweaver的基本操作
1.3.1使用Dreamweaver定義本地站點
1.3.2使用Dreamweaver在網頁中插入Div
1.3.3使用Dreamweaver定義CSS樣式
1.4關于表格布局
1.4.1表格布局的特點
1.4.2冗余的嵌套表格和混亂的結構
1.5關于Div+CSS布局
1.5.1什么是Web標準
1.5.2Div+CSS的優勢
1.6本章小結
02HTML、XHTML和HTML5基礎
2.1了解HTML和XHTML
2.2HTML基礎
2.2.1HTML概述
2.2.2HTML的基本結構
2.2.3HTML的基本語法
2.2.4HTML的主要功能
2.3HTML常用標簽
2.3.1基本標簽
2.3.2格式標簽
2.3.3文本標簽
2.3.4圖像標簽
2.3.5超鏈接標簽
2.3.6表格標簽
2.3.7分區標簽
2.4XHTML基礎
2.4.1XHTML概述
2.4.2XHTML的文檔結構
2.4.3XHTML的代碼規范
2.4.4XHTML的文檔類型
2.4.5使用XHTML的好處
2.4.6制作第一個HTML頁面
2.5HTML5基礎
2.5.1了解HTML5
2.5.2HTML5的標簽
2.5.3HTML5的標準屬性
2.6HTML5的應用
2.6.1＜canvas＞標簽的應用
2.6.2＜audio＞標簽的應用
2.6.3＜video＞標簽的應用
2.7實例精講——制作個人網站頁面
2.8本章小結
03CSS基礎
3.1了解CSS
3.1.1CSS樣式概述
3.1.2CSS的特點
3.1.3CSS樣式能做什么
3.1.4CSS樣式不能做什么
3.2CSS樣式的語法
3.2.1CSS的基本語法
3.2.2CSS的樣式規則
3.3在網頁中應用CSS的4種方式
3.3.1內聯樣式
3.3.2嵌入樣式
3.3.3鏈接外部樣式
3.3.4導入樣式
3.4CSS中的單位和值
3.4.1顏色設置
3.4.2長度單位
3.5CSS文檔結構
3.5.1文檔結構
3.5.2CSS的繼承性
3.5.3CSS的特殊性
3.5.4CSS的層疊性
3.5.5CSS的重要性
3.6CSS選擇器
3.6.1標簽選擇器
3.6.2類選擇器
3.6.3ID選擇器
3.6.4通配選擇器
3.6.5偽類選擇器
3.6.6組合選擇器
3.7CSS選擇器聲明
3.7.1群選擇器
3.7.2派生選擇器
3.8CSS3中新增的顏色定義方法
3.8.1HSLcolors
3.8.2HSLAcolors
3.8.3RGBAcolors
3.9CSS3中新增的選擇器
3.9.1屬性選擇器
3.9.2結構偽類選擇器
3.9.3UI元素狀態偽類選擇器
3.10實例精講——制作兒童類網站頁面
3.11本章小結
04Div+CSS布局入門
4.1定義Div
4.1.1什么是Div
4.1.2在網頁中插入Div
4.2關于CSS盒模型
4.2.1可視化盒模型
4.2.2margin（邊界）
4.2.3border（邊框）
4.2.4padding（填充）
4.2.5content（內容）
4.3常用定位方式
4.3.1CSS定位屬性
4.3.2相對定位
4.3.3絕對定位
4.3.4固定定位
4.3.5浮動定位
4.3.6空白邊疊加
4.4常用布局方式
4.4.1居中布局
4.4.2浮動布局
4.4.3自適應高度的解決方法
4.5塊元素和行內元素
4.5.1塊元素
4.5.2行內元素
4.6CSS3中新增的彈性盒模型
4.6.1盒子取向box—orient
4.6.2盒子順序box—direction
4.6.3盒子位置box—ordinal—group
4.6.4盒子彈性空間box—flex
4.6.5盒子空間管理box—pack和box—align
4.6.6盒子空間溢出管理box—lines
4.7實例精講——制作社區類網站頁面
4.8本章小結
05使用CSS控制文字樣式
5.1控制文字樣式
5.1.1定義字體
5.1.2定義字體大小
5.1.3定義字體顏色
5.1.4定義字體粗細
5.1.5定義字體樣式
5.1.6定義英文字體大小寫
5.1.7定義字體下畫線、頂畫線和刪除線
5.2控制字間距和段落樣式
5.2.1定義字間距
5.2.2定義行間距
5.2.3定義段落首字下沉
5.2.4定義段落首行縮進
5.2.5定義段落水平對齊
5.2.6定義文本垂直對齊
5.3CSS樣式沖突
5.4CSS3中新增的文字屬性
5.4.1文字陰影text—shadow
5.4.2控制文本換行word—wrap
5.4.3文本溢出處理text—overflow
5.4.4保持字體大小不變font—size—adjust
5.5實例精講——制作工作室網站頁面
5.6本章小結
06使用CSS控制背景和圖片樣式
6.1使用CSS設置背景顏色
6.1.1定義頁面背景顏色
6.1.2通過背景顏色為頁面分塊
6.2使用CSS設置背景圖像
6.2.1定義背景圖像
6.2.2定義背景圖像的重復方式
6.2.3定義背景圖像的位置
6.2.4固定背景圖像
6.3使用CSS設置圖片樣式
6.3.1定義圖片的邊框
6.3.2定義圖片縮放
6.3.3定義圖片的水平對齊
6.3.4定義圖片的垂直對齊
6.4創建圖文混排效果
6.4.1使用CSS實現文字環繞效果
6.4.2設置圖文混排的間距
6.5CSS3中新增的背景屬性
6.5.1背景圖像大小background—size
6.5.2背景圖像顯示區域backgroundorigin
6.5.3背景圖像裁剪區域backgroundclip
6.6CSS3中新增的邊框屬性
6.6.1多重邊框顏色border—colors
6.6.2圓角邊框border—radius
6.6.3圖像邊框border—image
6.7實例精講——制作設計幼兒園網頁
6.8本章小結
07使用CSS控制列表樣式
7.1列表概述
7.2使用CSS定義列表樣式
7.2.1定義ul無序列表樣式
7.2.2定義ol有序列表樣式
7.2.3更改列表項目樣式
7.2.4使用圖片作為列表樣式
7.2.5定義列表
7.3使用列表制作導航菜單
7.3.1使用CSS樣式創建橫向導航菜單
7.3.2使用CSS樣式將橫向菜單轉換為豎向菜單
7.4CSS3中新增的內容和透明度屬性
7.4.1內容content
7.4.2透明度opacity
7.5實例精講——制作音樂網站頁面
7.6本章小結
08使用CSS控制表單樣式
8.1關于表單元素
8.1.1輸入域標簽＜input＞
8.1.2文本域標簽＜textarea＞
8.1.3選擇域標簽＜select＞和＜option＞
8.2使用CSS控制表單元素
8.2.1使用CSS定義表單元素的背景顏色
8.2.2使用CSS定義表單元素的邊框
8.2.3使用CSS定義圓角文本字段
8.2.4使用CSS定義下拉列表
8.3CSS3中新增的多列布局屬性
8.3.1列寬度column—width
8.3.2列數column—count
8.3.3列間距column—gap
8.3.4列邊框column—rule
8.4實例精講——制作商城網站注冊頁面
8.5實例精講——制作游戲網站登錄頁面
8.6本章小結
09使用CSS控制超鏈接樣式
9.1關于超鏈接
9.1.1認識超鏈接
9.1.2CSS偽類
9.1.3定義超鏈接樣式
9.2使用CSS樣式實現超鏈接特效
9.2.1按鈕式超鏈接
9.2.2為超鏈接添加背景
9.3使用CSS控制鼠標指針效果
9.3.1使用CSS定義鼠標指針樣式
9.3.2使用CSS定義鼠標變幻效果
9.4CSS3中新增的界面相關屬性
9.4.1元素陰影box—shadow
9.4.2內容溢出處理overflow
9.4.3區域縮放調節resize
9.4.4輪廓外邊框outline
9.4.5導航序列號nav—index
9.5實例精講——制作餐飲類網站頁面
9.6本章小結
10使用CSS控制表格樣式
10.1關于表格
10.1.1表格模型
10.1.2表格標題
10.1.3設計列樣式
10.1.4水平對齊
10.1.5垂直對齊
10.2使用CSS樣式設置表格樣式
10.2.1定義表格邊框樣式
10.2.2定義表格背景樣式
10.3使用CSS實現表格特效
10.3.1使用CSS實現隔行變色的單元格
10.3.2使用CSS實現變色表格
10.4CSS3中新增的其他屬性
10.4.1判斷對象@media
10.4.2加載服務器端字體@font—face
10.4.3閱讀器speech
10.5實例精講——制作企業類網站頁面
10.6本章小結
11使用CSS濾鏡
11.1了解CSS濾鏡
11.2CSS濾鏡詳解
11.2.1Alpha濾鏡
11.2.2BlendTrans濾鏡
11.2.3Blur濾鏡
11.2.4Chroma濾鏡
11.2.5DropShadow濾鏡
11.2.6FlipH濾鏡
11.2.7FlipV濾鏡
11.2.8Glow濾鏡
11.2.9Gray濾鏡
11.2.10Invert濾鏡
11.2.11Light濾鏡
11.2.12Mask濾鏡
11.2.13RevealTrans濾鏡
11.2.14Shadow濾鏡
11.2.15Wave濾鏡
11.2.16Xray濾鏡
11.3實例精講——制作工作室網站頁面
11.4本章小結
12CSS與JavaScript的綜合應用
12.1什么是JavaScript
12.1.1了解JavaScript
12.1.2JavaScript的特點
12.1.3將JavaScript嵌入HTML頁面
12.1.4CSS樣式與JavaScript
12.2JavaScript的語法基礎
12.2.1JavaScript的基本語法
12.2.2數據類型
12.2.3變量
12.2.4表達式和運算符
12.2.5基本語句
12.3使用JavaScript實現文字特效
12.3.1實現打字特效
12.3.2實現可選擇的字體大小
12.4使用JavaScript實現菜單特效
12.4.1實現彈性菜單效果
12.4.2實現下拉菜單效果
12.5使用JavaScript實現圖像特效
12.5.1實現圖像滑動切換效果
12.5.2實現相冊效果
12.6實例精講——制作美容類網站頁面
12.7本章小結
13CSS與XML和Ajax的綜合應用
13.1XML基礎
13.1.1XML的特點
13.1.2XML的結構和基本語法
13.2在XML文件中應用CSS樣式
13.2.1在XML文件中鏈接CSS
13.2.2制作課程管理表
13.2.3制作隔行變色的列表
13.3Ajax與CSS的綜合應用
13.3.1Ajax概述
13.3.2Ajax的優勢
13.3.3Ajax與CSS的應用
13.4實例精講——制作游戲類網站頁面
13.5本章小結
14CSS的高級應用和常見問題
14.1id與class
14.1.1id是什么
14.1.2什么情況下使用id
14.1.3class是什么
14.1.4什么情況下使用class
14.2div與span對象
14.3CSS代碼的簡寫
14.3.1font屬性簡寫
14.3.2color屬性簡寫
14.3.3background屬性簡寫
14.3.4margin和padding屬性簡寫
14.3.5border屬性簡寫
14.3.6list屬性簡寫
14.4CSS代碼優化
14.4.1CSS選擇器的命名
14.4.2增加CSS樣式的重用
14.4.3使用覆蓋的方法簡化CSS樣式
14.5實例精講——制作游戲網站頁面
14.6本章小結
15Div+CSS商業布局實戰
15.1制作兒童類網站
15.1.1設計分析
15.1.2制作步驟
15.1.3案例小結
15.2制作電子商務類網站
15.2.1設計分析
15.2.2制作步驟
15.2.3案例小結
15.3制作游戲類網站
15.3.1設計分析
15.3.2制作步驟
15.3.3案例小結

式對網頁進行控制的各種方法和技巧。
應用JavaScript特效
通過JavaScript可以在網頁中實現許多特殊效果，目前，很多網站中都應用了JavaScript效果。通過添加JavaScript效果，可以使網頁變得更加靈活、親切，更能吸引瀏覽者的注意。
在本書中也將會介紹有關JavaScript的相關內容，但并不作為重點，有興趣的讀者可以參考一些專門介紹JavaScript的相關書籍。
測試網頁
完成網站中所有頁面的制作后，一般需要通過測試來保證網站中沒有錯誤，能夠被正常瀏覽和使用。測試結果沒有任何問題之后，就可以將網站上傳并發布。
在對網站頁面進行測試的過程中，主要測試以下內容。文字和圖片是否有錯。這部分主要是測試網頁中是否存在文字錯誤，包括錯別字、圖片是否錯位等。網站中各頁面的鏈接是否有錯誤。通常在一個網站中會有很多超鏈接，這部分主要測試的是各個鏈接是否都能正常鏈接到相應的頁面、是否存在錯誤的鏈接或空鏈接等，如果有錯誤可以及時進行修改。瀏覽器的兼容性。該部分主要測試網站頁面是否可以在多種主流的瀏覽器中正常顯示，例如，網頁能否同時在IE和Firefox瀏覽器上正常顯示。因為每一種核心的瀏覽器對頁面的代碼解釋執行都會存在一些差異，有時網頁在這種瀏覽器上顯示正常，但在另一種瀏覽器上就會出現問題，這些是瀏覽器兼容性測試的螢點。
上傳網站
網站只有上傳到Internet服務器后才可以在因特網上瀏覽，因此網站制作的最后一步就是將網站上傳到服務器上。可以通過Dreamweaver上傳網站，也可以使用其他上傳軟件將網站上傳到遠程服務器。
1.2 網站標準和布局方式
在學習使用Div+CSS對網頁進行設計制作之前，還需要清楚什么是網站標準。網站標準也稱為Web標準，通常所說的網站標準是指進行網站建設所采用的基于XHTML語言的網站設計語言。
因特網上有很多網站，但它們的布局方式卻是有限的，即使有些網站外觀非常精美，但也是由這些布局變化而來的，因此，本節還將向讀者介紹網頁的基本布局方式。