網頁設計殿堂之路:DIV+CSS 3網頁樣式與布局全程揭秘

網頁設計殿堂之路:DIV+CSS 3網頁樣式與布局全程揭秘

《網頁設計殿堂之路:DIV+CSS 3網頁樣式與布局全程揭秘》是2014年10月清華大學出版社出版的圖書,作者是暢利紅。

基本介紹

  • 中文名:網頁設計殿堂之路:DIV+CSS 3網頁樣式與布局全程揭秘
  • 作者:暢利紅
  • 出版社:清華大學出版社
  • 出版時間:2014年10月
  • ISBN:9787302364696
內容簡介,圖書目錄,

內容簡介

本書是一本介紹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 網頁與網站的關係 1
1.1.2 網頁的基本構成元素 2
1.2 如何設計網頁 3
1.2.1 什麼是網頁設計 3
1.2.2 網頁設計的特點  3
1.2.3 網頁設計相關術語 4
1.2.4 常見網站類型 7
1.3 關於表格布局 8
1.3.1 表格布局的特點 9
1.3.2 冗餘的嵌套表格和混亂的結構 9
1.4 關於DIV+CSS布局 10
1.4.1 DIV+CSS布局的特點 10
1.4.2 DIV+CSS布局的優勢 10
1.5 Web標準 11
1.5.1 什麼是Web標準 11
1.5.2 Web標準的內容 11
1.5.3 結構、表現、行為和內容 12
1.5.4 遵循Web標準的好處 13
1.6 網站開發流程 13
1.6.1 網站策劃 13
1.6.2 規劃網站結構 14
1.6.3 素材收集整理 14
1.6.4 網頁版式與布局分析 14
1.6.5 確定網站主色調 15
1.6.6 設計網站頁面 15
1.6.7 切割和最佳化網頁 16
1.6.8 製作HTML頁面 16
1.6.9 使用CSS樣式控制網頁外觀 16
1.6.10 為網頁套用JavaScript特效 17
1.6.11 網站後台程式開發 17
1.6.12 申請域名和伺服器空間 17
1.6.13 測試並上傳網站 17
1.7 本章小結 17
 第2章 HTML、XHTML和
HTML5 18
2.1 HTML與XHTML 18
2.1.1 HTML與XHTML的區別 18
2.1.2 使用XHTML的優點 18
2.2 HTML基礎 19
2.2.1 了解HTML 19
2.2.2 HTML的作用 20
2.2.3 HTML的基礎結構 20
2.2.4 HTML的基本語法 21
2.3 HTML常用標籤 21
2.3.1 區塊標籤 22
2.3.2 文本標籤 22
2.3.3 格式標籤 23
2.3.4 圖像標籤 23
2.3.5 表格標籤 24
2.3.6 超連結標籤 24
2.4 XHTML基礎 25
2.4.1 了解XHTML 25
2.4.2 XHTML文檔的基本結構 25
2.4.3 3種不同的XHTML文檔類型 26
2.4.4 嚴謹的代碼 27
2.4.5 製作HTML頁面 29
實例01+視頻:製作簡單的HTML頁面 29
2.5 HTML5基礎 30
2.5.1 了解HTML5 30
2.5.2 HTML5的簡化操作 31
2.5.3 HTML5新增標籤 31
2.5.4 HTML5廢棄標籤 33
2.5.5 HTML5新增選擇器 33
2.5.6 HTML5的優勢 34
2.6 HTML5的套用 35
2.6.1 標籤 35
實例02+視頻:在網頁中實現繪圖效果 35
2.6.2 標籤 37
實例03+視頻:在網頁中嵌入音頻 37
2.6.3 標籤 38
實例04+視頻:在網頁中嵌入視頻 39
2.7 本章小結 40
 第3章CSS樣式入門 41
3.1 初識CSS樣式 41
3.1.1 為什麼要使用CSS樣式 41
3.1.2 在網頁中使用CSS樣式的優勢 42
3.1.3 CSS樣式的作用 43
3.1.4 CSS樣式的局限性 44
3.1.5 CSS樣式基礎語法 44
3.1.6 認識CSS規則的構成 45
3.2 CSS選擇符 46
3.2.1 通配選擇符 46
實例05+視頻:航天科技網頁 46
3.2.2 標籤選擇符 48
實例06+視頻:酒店網站頁面 48
3.2.3 ID選擇符 50
實例07+視頻:製作科技網站頁面 50
3.2.4 類選擇符 51
實例08+視頻:設定活動網站頁面文字 52
3.2.5 偽類和偽對象選擇符 53
實例09+視頻:設定酒店網站文字連結
效果 54
3.2.6 群選擇符 55
實例10+視頻:設定女裝網站圖片效果 55
3.2.7 派生選擇符 57
實例11+視頻:運動鞋網站頁面 57
3.3 CSS3中新增的選擇符 58
3.3.1 屬性選擇符 58
3.3.2 結構偽類選擇符 59
3.3.3 UI元素狀態偽類選擇符 60
3.4 在網頁中套用CSS樣式的4種方法 60
3.4.1 內聯CSS樣式 60
實例12+視頻:使用style屬性添加
內聯CSS樣式 61
3.4.2 內部CSS樣式 62
實例13+視頻:使用

相關詞條

熱門詞條

聯絡我們