DIV+CSS網頁布局技術教程(第2版)

DIV+CSS網頁布局技術教程(第2版)

《DIV+CSS網頁布局技術教程(第2版)》是2018年4月清華大學出版社出版的圖書,作者是黃玉春。

基本介紹

  • 中文名:DIV+CSS網頁布局技術教程(第2版)
  • 作者:黃玉春
  • 出版社:清華大學出版社
  • 出版時間:2018年4月
  • 定價:48 元
  • ISBN:9787302497103
內容簡介,圖書目錄,

內容簡介

DIV+CSS技術是目前最流行的網頁製作技術。《DIV+CSS網頁布局技術教程(第2版)》主要介紹了超文本標記語言HTML(HTML5)、CSS(CSS3)層疊樣式表和JavaScript(jQuery)的基礎知識和實際運用技術。通過實例的分析講解了CSS語法、文欄位落設定、背景圖片設定以及CSS3新功能等。重點講解了如何運用DIV+CSS進行網頁布局,注重實際操作,使讀者更好地掌握CSS技術及DIV+CSS布局的精髓。本書最後提供了兩個常見類型的完整網頁的綜合實例,讓讀者進一步鞏固所學的知識,提高綜合套用的能力。
《DIV+CSS網頁布局技術教程(第2版)》適合大中專院校計算機套用技術和電子商務類專業教材,也可作為社會上網頁設計技術的培訓教程,還可以作為廣大Web網站開發人員、網頁設計師、網頁前端架構師、用戶體驗設計師的參考書。
《DIV+CSS網頁布局技術教程(第2版)》配套有實例原始碼及電子教案(PPT)。

圖書目錄

第1章 HTML與HTML5基礎 1
1.1 HTML的基本用法 1
1.1.1 HTML文檔的基本結構 1
1.1.2 常用的HTML標記 3
1.2 升級到XHTML 18
1.2.1 為什麼要升級HTML 18
1.2.2 XHTML與HTML比較 19
1.2.3 如何轉換現有的文檔為XHTML 21
1.3 HTML5概述 22
1.3.1 HTML5的發展歷程 22
1.3.2 HTML5的優勢 23
1.3.3 HTML5的新元素 24
習題1 25
上機實驗1 29
第2章 CSS與CSS3基礎 30
2.1 CSS的基本概念和特點 30
2.1.1 CSS的基本概念 30
2.1.2 CSS的特點 31
2.2.1 CSS樣式規則的定義 31
2.2.2 標記選擇器 32
2.2.3 CSS選擇器分組 32
2.2.5 id選擇器 33
2.2.6 類選擇器 34
2.2.7 偽類選擇器 34
2.3 CSS的引用 35
2.3.2 外部樣式表 36
2.3.3 內聯樣式表 37
2.3.4 輸入樣式表 38
2.3.5 多重樣式表 39
2.4 CSS的繼承 41
2.4.1 CSS的繼承關係 41
2.4.2 CSS繼承的套用 42
2.5 CSS3簡介 43
2.5.1 CSS3的框線 43
2.5.2 CSS3的漸變 45
2.5.3 CSS3的其他常用屬性 47
習題2 49
上機實驗2 50
第3章 用CSS設定文字與背景 51
3.1 CSS的文字與段落樣式 51
3.1.1 CSS的文字樣式 51
3.1.2 CSS的段落文字 57
3.1.3 CSS的列表 61
3.2 CSS的顏色與背景樣式 65
3.2.1 設定顏色 65
3.2.2 設定背景圖像 68
3.2.3 背景圖像的重複方式 69
3.2.4 固定背景圖像 72
3.2.5 背景圖片位置 73
3.2.6 背景樣式的縮寫 75
3.3 綜合實例 76
3.3.1 文字的綜合套用 76
3.3.2 背景的綜合套用 79
習題3 81
上機實驗3 83
第4章 CSS的框模型與定位 84
4.1 CSS的框模型 84
4.1.1 CSS的框模型概述 84
4.1.2 CSS的內邊距 86
4.1.3 CSS的框線 88
4.1.4 CSS的外邊距 96
4.2 CSS的定位和浮動 101
4.2.1 塊級元素 101
4.2.2 CSS的定位機制 102
4.2.3 相對定位 102
4.2.4 絕對定位 105
4.2.5 z-index空間位置 107
4.2.6 CSS的浮動 109
4.3 CSS的定位實例 116
習題4 120
上機實驗4 121
第5章 DIV+CSS布局基礎 122
5.1 div標記與span標記 122
5.1.1 div標記與span標記概述 122
5.1.2 <div>與<span>標記的區別 124
5.2 CSS的排版觀念 125
5.2.1 將頁面用div分塊 125
5.2.2 設計各塊的位置 126
5.2.3 用CSS定位 127
5.3 固定寬度且居中的版式 128
5.3.1 一列固定寬度居中 129
5.3.2 二列固定寬度居中 130
5.4 自適應寬度且居中的版式 132
5.4.1 一列自適應寬度且居中 132
5.4.2 二列寬度自適應 134
5.4.3 左列固定,右列寬度自適應 135
5.4.4 三列浮動中間列寬度自適應 137
5.5 一個常用的DIV+CSS網站布局的基本框架結構實例 140
5.5.1 搭建框架 140
5.5.2 添加CSS樣式 141
5.6 排版實例:淘寶商城 143
5.6.1 搭建HTML框架 144
5.6.2 添加CSS樣式 148
5.6.3 採用CSS+DIV布局的優勢 150
習題5 150
上機實驗5 151
第6章 JavaScript腳本語言 153
6.1 JavaScript概述 153
6.1.1 JavaScript簡介 153
6.1.2 JavaScript的特點 154
6.1.3 在網頁中使用JavaScript 154
6.2 JavaScript的語法基礎 156
6.2.1 JavaScript的數據類型 156
6.2.2 常量、變數與表達式 156
6.2.3 函式的定義及調用 159
6.2.4 條件分支語句 161
6.2.5 循環控制語句 163
6.3 JavaScript的內置對象 165
6.3.1 String對象 165
6.3.2 Math對象 168
6.3.3 Array對象 169
6.3.4 Date對象 171
6.4 瀏覽器對象 173
6.4.1 瀏覽器對象簡介 173
6.4.2 window對象 175
6.4.3 document 對象 180
6.5 JavaScript的事件處理 181
6.5.1 事件及回響方法 181
6.5.2 document的常用事件 183
習題6 185
上機實驗6 188
第7章 CSS與jQuery的整合使用 192
7.1 jQuery概述 192
7.1.1 jQuery簡介 192
7.1.2 在網頁中使用jQuery 193
7.1.3 jQuery的選擇器 193
7.1.4 jQuery的事件 194
7.1.5 jQuery效果實例 196
7.1.6 jQuery與HTML的關聯 206
7.1.7 jQuery的遍歷 211
7.2 CSS3與jQuery整合實例 216
7.2.1 實例一:圖片的輪播效果 216
7.2.2 實例二:下拉選單的製作 220
7.2.3 實例三:標籤網頁的製作 224
習題7 226
上機實驗7 228
第8章 整合案例一:我的部落格 230
8.1 分析架構 230
8.1.1 設計分析 230
8.1.2 排版架構 231
8.2 模組設計 232
8.2.1 導航與Banner 232
8.2.2 左側列表 233
8.2.3 內容部分 235
8.2.4 footer腳註 237
8.3 整體調整 237
8.4 網頁源碼 238
第9章 整合案例二:公益網站首頁 245
9.1 分析架構 245
9.1.1 設計分析 246
9.1.2 排版架構 246
9.2 模組設計 247
9.2.1 導航與logo 247
9.2.2 banner部分 249
9.2.3 內容主體部分 249
9.2.4 圖片導航部分 251
9.2.5 footer腳註 252
9.3 整體調整 253
9.4 網頁源碼 254
上機實驗9 263
習題答案 265
參考文獻 268

相關詞條

熱門詞條

聯絡我們