DIV+CSS 3網頁樣式與布局全程揭秘（第2版） ( 簡體 字) |
| 作者：暢利紅 | 類別：1. -> 程式設計 -> 網路編程 -> CSS |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 39750
詢問書籍請說出此書號！【缺書】
NT售價： 245 元 |
| 出版日：9/4/2014 |
| 頁數：360 |
| 光碟數：1 (含視頻教學) |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302364696 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：DIV+CSS是一種全新的網頁排版布局方法，與早期的表格布局方式是完全不一樣的，使用DIV+CSS排版布局網頁能夠真正做到Web標準所要求的網頁內容與表現相分離，從而使網站的維護更加方便和快捷。目前絕大多數的網站已經開始使用DIV+CSS布局制作，因此學習DIV+CSS布局制作網站已經成為網頁設計制作人員的必修課。
本書力求通過簡單易懂、邊學邊練的方式與讀者一起探討使用Web標準進行網頁設計制作的各方面知識，逐步使讀者理解什么是網頁內容與表現的分離，掌握使用DIV+CSS布局制作網站頁面的方法。希望通過本書使讀者快速、全面地掌握使用DIV+CSS布局制作網頁的方法和技巧。
本書內容
本書全面講解了使用DIV+CSS進行網頁布局制作的方法和技巧，其詳細的講解步驟配合圖標，使得講解內容清晰易懂、一目了然。書中不僅應用了大量的實例對知識點進行深入的剖析和講解，還結合作者多年的網頁設計經驗和教學經驗進行點撥，使讀者能夠學以致用。另外，書中還對CSS 3、HTML 5和常見的網頁特效進行了講解，力求使讀者全面掌握網頁設計和制作的相關知識。本書共分為14章，各章內容介紹如下。
第1章 網頁和網站開發相關知識，主要介紹網頁與網站的基礎知識，包括網頁與網站的關系、網頁的基本構成元素和網頁設計的術語等內容，并且對表格布局和DIV+CSS布局的優缺點進行了介紹，使讀者對DIV+CSS網站建設有更深入的了解。
第2章 HTML、XHTML和HTML 5，重點介紹HTML與XHTML的相關基礎知識，了解HTML與XHTML的區別，還介紹了有關HTML 5的知識，使讀者對最新的HTML 5有所了解。
第3章 CSS樣式入門，主要介紹有關CSS樣式的基礎知識，包括CSS樣式的優勢和作用、CSS樣式語法、CSS選擇符、CSS 3新增的選擇符和應用CSS樣式的4種方式等內容，使讀者對CSS樣式有全面的認識和理解。
第4章 使用CSS設置文本和段落樣式，介紹了CSS樣式在文本和段落樣式設置方面的相關屬性，以及CSS類選區和在網頁中應用特殊字體的方法，并通過實例練習的方法使讀者更容易理解和應用。
第5章 使用CSS設置背景和圖片樣式，介紹了使用CSS樣式對背景顏色、背景圖像和圖片樣式進行設置的屬性和方法，并且介紹了使用CSS樣式實現圖文混排的方法和背景圖片在網頁中的特殊應用。
第6章 使用CSS設置列表樣式，介紹了網頁中列表的相關標簽和知識，并通過實例的方式講解了使用CSS樣式對有序列表、無序列表和定義列表進行設置的方法，還介紹了如何使用CSS樣式對列表進行設置，從而制作出橫向和豎向的導航菜單效果。
第7章 使用CSS設置超鏈接樣式，主要介紹網頁超鏈接的相關知識以及CSS超鏈接偽類，并通過實例的方式講解了網頁中多種超鏈接效果的CSS樣式設置方法，還介紹了如何通過CSS樣式對網頁光標指針進行設置和超鏈接在網頁中的特殊應用。
第8章 使用CSS設置表格樣式，介紹了表格模型和相關標簽，重點講解了如何使用CSS樣式對網頁中的表格進行設置，從而使網頁中的表格更加美觀。
第9章 使用CSS設置表單元素樣式，介紹了常用的表單元素和標簽，重點講解了使用CSS樣式對表單進行設置，還通過實例的方式講解了表單在網頁中的特殊應用效果。
第10章 CSS濾鏡的應用，介紹了CSS濾鏡的基礎知識和CSS濾鏡語法，并且通過實例與知識點相結合分別介紹了各種CSS濾鏡的使用方法和技巧。
第11章 CSS高級應用與CSS 3屬性，介紹了CSS樣式的高級應用，包括CSS樣式的簡寫和CSS樣式優化。還重點介紹了CSS 3的新增屬性，并且通過實例的形式展示了CSS 3新增屬性的強大功能和效果。
第12章 使用DIV+CSS布局網頁，DIV+CSS布局是目前最流行的網頁布局方式，本章主要介紹DIV+CSS布局的相關知識，包括CSS盒模型、常用的CSS定位方式和CSS布局方式等內容，使讀者能夠掌握DIV+CSS布局的方法。
第13章 CSS與JavaScript實現網頁特效，介紹了JavaScript的基礎知識和基本語法，講解了如何使用Dreamweaver中的Spry來實現常見的網頁特效，以及使用JavaScript與CSS樣式相結合實現網頁特效的方法。
第14章 商業案例實例，本章通過3個不同類型的商業案例的設計和制作，向讀者全面介紹使用DIV+CSS布局制作網頁的方法和技巧。
本書特點
本書形式新穎、內容豐富、結構清晰，從實際應用的角度出發，全面而系統地介紹了使用DIV+CSS布局制作網頁的各方面知識，將知識點與實際應用案例相結合，真正做到學以致用，使讀者能夠全面掌握DIV+CSS網頁布局制作技術。
本書主要有以下特點：
知識全面，系統。本書內容完全從網頁創建的實際角度出發，將CSS樣式的應用進行歸類，每個CSS屬性的語法、屬性和參數都有完整而詳細的說明，信息量大，知識結構完善。
本書的編排采用循序漸進的方式 ，適合初學者逐步掌握復雜的DIV+CSS網頁布局制作。
典型實例講解。每章都配有大量的實例練習，將基礎知識綜合貫穿起來，力求達到理論知識與實際操作完美結合的效果。
本書由具有豐富工作經驗的設計師編寫，并且在每個實例后都配有相關的提問和解答，旨在引導讀者能夠快速掌握DIV+CSS網頁布局制作。
本書作者
本書由暢利紅編著，另外李曉斌、張曉景、解曉麗、孫慧、程雪翩、王媛媛、胡丹丹、劉明秀、陳燕、王素梅、楊越、王巍、王狀、趙為娟、邢燕玲、聶亞靜等人也參與了編寫工作。本書在寫作過程中力求嚴謹，由于水平有限，疏漏之處在所難免，望廣大讀者批評指正。
編 者 |
內容簡介：本書是一本介紹DIV+CSS網站建設的經典之作，系統地介紹了CSS樣式的基礎理論和實際應用技術，并結合實例來講解使用DIV+CSS布局制作網頁的方法和技巧。在介紹使用CSS樣式進行設計的同時，還結合實際網頁制作中可能遇到的問題，提供了解決問題的思路、方法和技巧，使初學者能夠全面、快速地掌握DIV+CSS布局制作網頁的方法。
本書通過知識點與實例相結合的方式，讓讀者能夠清晰明了地理解DIV+CSS布局制作網頁的相關技術內容，從而達到學以致用的目的。全書共分14章，從初學者的角度出發，全面講解了DIV+CSS布局制作網頁的相關知識，其中包括網頁和網站的相關開發知識、CSS樣式入門、使用CSS設置文本和段落樣式、使用CSS設置背景和圖片樣式、使用CSS設置列表樣式、使用CSS設置超鏈接樣式、使用CSS設置表單元素樣式、使用DIV+CSS布局網頁和商業案例實戰等內容。
本書附贈1張DVD光盤，其中包含書中所有實例的源文件和最終文件，以及所有實例的教學視頻，以方便讀者學習和參考。
本書結構清晰、實例經典、技術實用，適合初中級網頁設計愛好者，以及希望學習Web標準和對原有網站進行重構的網頁設計者，同時也可作為高等院校相關專業的參考用書。
|
目錄：第1章網頁和網站開發知識
1.1了解網頁
1.1.1網頁與網站的關系
1.1.2網頁的基本構成元素
1.2如何設計網頁
1.2.1什么是網頁設計
1.2.2網頁設計的特點
1.2.3網頁設計相關術語
1.2.4常見網站類型
1.3關于表格布局
1.3.1表格布局的特點
1.3.2冗余的嵌套表格和混亂的結構
1.4關于DIV+CSS布局
1.4.1DIV+CSS布局的特點
1.4.2DIV+CSS布局的優勢
1.5Web標準
1.5.1什么是Web標準
1.5.2Web標準的內容
1.5.3結構、表現、行為和內容
1.5.4遵循Web標準的好處
1.6網站開發流程
1.6.1網站策劃
1.6.2規劃網站結構
1.6.3素材收集整理
1.6.4網頁版式與布局分析
1.6.5確定網站主色調
1.6.6設計網站頁面
1.6.7切割和優化網頁
1.6.8制作HTML頁面
1.6.9使用CSS樣式控制網頁外觀
1.6.10為網頁應用JavaScript特效
1.6.11網站后臺程序開發
1.6.12申請域名和服務器空間
1.6.13測試并上傳網站
1.7本章小結
第2章HTML、XHTML和
HTML
2.1HTML與XHTML
2.1.1HTML與XHTML的區別
2.1.2使用XHTML的優點
2.2HTML基礎
2.2.1了解HTML
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.4XHTML基礎
2.4.1了解XHTML
2.4.2XHTML文檔的基本結構
2.4.33種不同的XHTML文檔類型
2.4.4嚴謹的代碼
2.4.5制作HTML頁面
實例01+視頻：制作簡單的HTML頁面
2.5HTML5基礎
2.5.1了解HTML
2.5.2HTML5的簡化操作
2.5.3HTML5新增標簽
2.5.4HTML5廢棄標簽
2.5.5HTML5新增選擇器
2.5.6HTML5的優勢
2.6HTML5的應用
2.6.1＜canvas＞標簽
實例02+視頻：在網頁中實現繪圖效果
2.6.2＜audio＞標簽
實例03+視頻：在網頁中嵌入音頻
2.6.3＜video＞標簽
實例04+視頻：在網頁中嵌入視頻
2.7本章小結
第3章CSS樣式入門
3.1初識CSS樣式
3.1.1為什么要使用CSS樣式
3.1.2在網頁中使用CSS樣式的優勢
3.1.3CSS樣式的作用
3.1.4CSS樣式的局限性
3.1.5CSS樣式基礎語法
3.1.6認識CSS規則的構成
3.2CSS選擇符
3.2.1通配選擇符
實例05+視頻：航天科技網頁
3.2.2標簽選擇符
實例06+視頻：酒店網站頁面
3.2.3ID選擇符
實例07+視頻：制作科技網站頁面
3.2.4類選擇符
實例08+視頻：設置活動網站頁面文字
3.2.5偽類和偽對象選擇符
實例09+視頻：設置酒店網站文字鏈接
效果
3.2.6群選擇符
實例10+視頻：設置女裝網站圖片效果
3.2.7派生選擇符
實例11+視頻：運動鞋網站頁面
3.3CSS3中新增的選擇符
3.3.1屬性選擇符
3.3.2結構偽類選擇符
3.3.3UI元素狀態偽類選擇符
3.4在網頁中應用CSS樣式的4種方法
3.4.1內聯CSS樣式
實例12+視頻：使用style屬性添加
內聯CSS樣式
3.4.2內部CSS樣式
實例13+視頻：使用＜style＞標簽添加
內部CSS樣式
3.4.3鏈接外部CSS樣式文件
實例14+視頻：使用＜link＞標簽鏈接
外部CSS樣式文件
3.4.4導入外部CSS樣式文件
實例15+視頻：使用@import命令導入
外部CSS樣式文件
3.5CSS樣式的特性
3.5.1繼承性
3.5.2特殊性
3.5.3層疊性
3.5.4重要性
3.6CSS樣式中的顏色設置和單位
3.6.1CSS中的多種顏色設置方法
3.6.2CSS中的絕對單位
3.6.3CSS中的相對單位
3.7本章小結
第4章使用CSS設置文本和
段落樣式
4.1設置文本CSS樣式
4.1.1設置字體font-family
實例16+視頻：設置歡迎頁面中的字體
4.1.2設置字體大小font-size
實例17+視頻：設置網站歡迎頁面中的
字體大小
4.1.3設置字體顏色color
實例18+視頻：設置網站歡迎頁面中的
文字顏色
4.1.4設置字體粗細font-weight
實例19+視頻：設置網頁中的重要
文字加粗
4.1.5設置字體樣式font-style
實例20+視頻：設置網頁中文字傾斜
4.1.6設置英文字體大小寫
text-transform
實例21+視頻：設置網頁中的英文大小寫
4.1.7設置文字修飾text-decoration
實例22+視頻：為網頁中文字添加下劃線、
頂劃線和刪除線
4.2設置段落樣式
4.2.1字間距letter-spacing
實例23+視頻：控制網頁中文字間距
4.2.2行間距line-height
實例24+視頻：控制網頁中文本行間距
4.2.3段落首字下沉
實例25+視頻：實現網頁中段落文字
下沉效果
4.2.4段落首行縮進text-indent
實例26+視頻：實現網頁中段落文字的
首行縮進
4.2.5段落水平對齊text-align
實例27+視頻：實現網頁中文字水平居中
對齊
4.2.6文本垂直對齊vertical-align
實例28+視頻：實現網頁中文本垂直居中
對齊
4.3CSS類選區
實例29+視頻：個人卡通網站歡迎頁
4.4在網頁中應用特殊字體
實例30+視頻：在卡通網頁中使用特殊
字體
4.5本章小結
第5章使用CSS設置背景和
圖片樣式
5.1設置背景顏色CSS樣式
5.1.1背景顏色background-color
實例31+視頻：為網頁設置整體背景
顏色
5.1.2為頁面元素設置不同的背景顏色
實例32+視頻：設置不同背景顏色區分
網頁元素
5.2設置背景圖像CSS樣式
5.2.1背景圖像background-image
實例33+視頻：設置圖片網站背景圖像
5.2.2背景圖像重復方式
background-repeat
實例34+視頻：實現重復顯示的背景
圖像
5.2.3背景圖像固定
background-attachment
實例35+視頻：文本介紹網頁固定的
背景
5.2.4背景圖像位置
background-position
實例36+視頻：通過背景定位實現圖文
混排效果
5.3設置圖片CSS樣式
5.3.1圖片邊框border
實例37+視頻：設置卡通網站中的圖片
邊框
5.3.2圖片縮放
實例38+視頻：實現跟隨瀏覽器窗口
縮放的圖片
5.3.3圖片水平對齊
實例39+視頻：設置網頁中圖像的水平
對齊效果
5.3.4圖片的垂直對齊
實例40+視頻：設置網頁中圖像的垂直
對齊效果
5.4在網頁中實現圖文混排
5.4.1使用CSS樣式實現文本繞圖效果
實例41+視頻：實現圖文介紹頁面文本
繞圖
5.4.2設置文本繞圖間距
實例42+視頻：美化圖文介紹頁面
5.5網頁中特殊的圖像效果應用
5.5.1全屏大圖切換
實例43+視頻：設計作品展示頁面
5.5.2鼠標經過圖像動態效果
實例44+視頻：制作圖片展示網頁
5.6本章小結
第6章使用CSS設置
列表樣式
6.1了解網頁中的列表
6.2設置列表的CSS樣式
6.2.1ul無序項目列表
實例45+視頻：制作網站新聞列表
6.2.2有序編號列表
實例46+視頻：制作音樂排行榜
6.2.3定義列表
實例47+視頻：制作游戲新聞欄目
6.2.4更改列表項目樣式
實例48+視頻：更改某一個項目列表
符號
6.2.5自定義列表符號
實例49+視頻：圖像列表符號的應用
6.3使用列表制作導航菜單
6.3.1使用CSS樣式創建橫向導航菜單
實例50+視頻：制作游戲網站導航
6.3.2使用CSS樣式創建豎向導航菜單
實例51+視頻：制作汽車網站豎向導航
6.4列表在網頁中的特殊應用
6.4.1滾動圖像
實例52+視頻：在網頁中實現四圖橫向
滾動效果
6.4.2動態堆疊卡
實例53+視頻：制作個性網站歡迎頁面
6.5本章小結
第7章使用CSS設置超
鏈接樣式
7.1了解網頁超鏈接
7.1.1什么是超鏈接
7.1.2關于鏈接路徑
7.1.3超鏈接對象
7.1.4創建超鏈接原則
7.2CSS樣式偽類
7.2.1:link偽類
7.2.2:hover偽類
7.2.3:active偽類
7.2.4:visited偽類
7.3超鏈接CSS樣式應用
7.3.1超鏈接文字樣式
實例54+視頻：設置游戲網站文字
超鏈接效果
7.3.2按鈕式超鏈接
實例55+視頻：制作設計網站導航菜單
7.3.3為超鏈接添加背景
實例56+視頻：背景翻轉導航菜單
7.4設置網頁中的光標效果
實例57+視頻：自定義網頁中的光標
效果
7.5超鏈接在網頁中的特殊應用
7.5.1傾斜導航菜單
實例58+視頻：玩具網站傾斜導航
7.5.2動感超鏈接
實例59+視頻：卡通網站動感導航菜單
7.6本章小結
第8章使用CSS設置表格
樣式
8.1了解表格
8.1.1認識表格標簽與結構
8.1.2表格標題＜caption＞標簽
8.1.3表格列＜colgroup＞和＜col＞標簽
8.1.4水平對齊和垂直對齊
8.2使用CSS樣式控制表格外觀
8.2.1設置表格邊框
實例60+視頻：制作網站新聞欄目
8.2.2設置表格背景顏色
實例61+視頻：使用背景顏色美化表格
8.2.3設置表格背景圖像
實例62+視頻：使用背景圖像美化表格
8.3使用CSS樣式實現表格特效
8.3.1設置單元行背景顏色
實例63+視頻：實現隔行變色的表格
8.3.2:hover偽類在表格中的應用
實例64+視頻：使用CSS實現表格的
交互效果
8.4本章小結
第9章使用CSS設置
表單元素樣式
9.1關于表單
9.1.1表單標簽＜form＞
9.1.2輸入標簽＜input＞
9.1.3文本域標簽＜textarea＞
9.1.4選擇域標簽＜select＞和＜option＞
9.1.5其他表單元素
9.1.6關于＜label＞、＜legend＞和＜fieldset＞標簽
實例65+視頻：創建簡單的網頁表單
9.2使用CSS樣式控制表單元素
9.2.1使用CSS樣式設置表單元素的背景色和邊框
實例66+視頻：制作網站登錄頁面
9.2.2使用CSS樣式實現圓角文本字段
實例67+視頻：制作圓角登錄框
9.2.3使用CSS樣式設置下拉列表效果
實例68+視頻：制作網站搜索欄
9.3表單在網頁中的特殊應用
9.3.1聚焦型提示語消失
實例69+視頻：文本字段提示語效果
9.3.2輸入型提示語消失
實例70+視頻：文本字段提示語效果
9.4本章小結
第10章CSS濾鏡的應用
10.1關于CSS濾鏡
10.1.1什么是CSS濾鏡
10.1.2CSS濾鏡語法
10.2在網頁中應用CSS濾鏡
10.2.1Alpha濾鏡
實例71+視頻：實現網頁中圖像的半透明效果
10.2.2BlendTrans濾鏡
實例72+視頻：實現網頁中圖像的漸隱漸現效果
10.2.3Blur濾鏡
實例73+視頻：實現網頁中圖像的模糊效果
10.2.4Chroma濾鏡
實例74+視頻：將網頁中指定顏色設置為透明
10.2.5DropShadow與Shadow濾鏡
實例75+視頻：為網頁中的元素添加陰影效果
10.2.6FlipH與FlipV濾鏡
實例76+視頻：實現網頁中元素的水平和垂直翻轉
10.2.7Glow濾鏡
實例77+視頻：為網頁中的文字添加光暈效果
10.2.8Gray濾鏡與Invert濾鏡
實例78+視頻：實現黑白網頁效果
10.2.9Light濾鏡
實例79+視頻：在網頁中實現聚光燈效果
10.2.10Mask濾鏡
實例80+視頻：實現文字遮罩效果
10.2.11RevealTrans濾鏡
實例81+視頻：實現圖像的動態轉換
10.2.12Wave濾鏡
實例82+視頻：實現網頁中圖像的波紋效果
10.2.13Xray濾鏡
實例83+視頻：將網頁中的圖像處理為X光片效果
10.3本章小結
……
第11章CSS高級應用與CSS3屬性
第12章使用DIV+CSS布局網頁
第13章CSS與JavaScript實現網頁特效
第14章商業案例實戰
|
| 序： |
