Web標準網頁設計原理與前端開發技術

Web標準網頁設計原理與前端開發技術

《Web標準網頁設計原理與前端開發技術》是2018年5月清華大學出版社出版的圖書,作者是崔敬東、徐雷。

基本介紹

  • 中文名:Web標準網頁設計原理與前端開發技術
  • 作者:崔敬東、徐雷
  • 出版社:清華大學出版社
  • 出版時間:2018年5月
  • 定價:49 元
  • ISBN:9787302484257
內容簡介,圖書目錄,

內容簡介

本書重點講解基於XHTML、div+CSS、JavaScript和jQuery的Web標準網頁設計原理與前端開發技術,內容包括網站與網頁、使用Fireworks製作圖片、使用Flash製作動畫、超文本標記語言、CSS基礎、可擴展超文本標記語言、套用div+CSS布局網頁、使用Dreamweaver設計和製作網頁、使用Dreamweaver建設網站、JavaScript基礎、JavaScript內置對象、處理和驗證表單數據、BOM和DOM、DHTML、jQuery基礎等。
本書以HTML 4.01、XHTML 1.0、CSS 2.1和ECMA-262 5.1等技術規範為基礎,不僅注重原理、技術與套用三者的結合,而且具有概念簡潔、深入淺出、代碼規範、前後呼應、面向套用和範例典型等特點。通過學習本書,可以了解基於“內容、結構、表現和行為”層次模型的Web標準網頁設計原理,掌握XHTML、div+CSS、JavaScript、JSON和jQuery等主流的Web前端開發技術,為學習動態網頁設計原理與製作技術做好準備。本書主要面向教學(套用)型大學的電子商務、信息管理與信息系統、計算機科學與技術、軟體工程等相關專業,可作為“網頁設計與製作”和“網際網路前端開發技術”課程的教材。此外,本書還可用作相關培訓教材或教學參考書,也可供網站開發與管理人員參考。

圖書目錄

第1章 網站與網頁 1
1.1 網際網路與全球資訊網 1
1.2 伺服器、客戶機和Web瀏覽器 2
1.3 網頁與HTML 3
1.4 網頁素材 7
1.5 靜態網頁、動態網頁和網站 7
1.6 小結 8
1.7 習題 8
第2章 使用Fireworks製作圖片 10
2.1 Fireworks軟體的工作界面 10
2.2 製作網站標題 11
2.3 製作導航欄按鈕圖片 13
2.4 將文本附加到路徑 14
2.5 製作圖片交替的GIF動畫 15
2.6 製作滾動字幕效果的GIF動畫 17
2.7 小結 20
2.8 習題 20
第3章 使用Flash製作動畫 21
3.1 Flash軟體的工作界面 21
3.2 製作縮放自如的文字 22
3.3 製作運動漸變的動畫 24
3.4 製作環繞球體旋轉的文字 28
3.5 小結 31
3.6 習題 31
4.1 表現性元素 32
4.2 HTML元素及其屬性 33
4.3 a元素及其套用 35
4.4 標題元素 37
4.5 段落元素 38
4.6 列表元素 39
4.7 表格元素 40
4.8 img元素及其套用 42
4.9 行內元素和塊級元素 44
4.10 結構性元素、表現性元素、表現性屬性 45
4.11 小結 46
4.12 習題 47
第5章 CSS基礎 48
5.1 網頁的內容、結構與表現 48
5.2 HTML規範及文檔類型定義 50
5.2.1 Transitional類型的HTML文檔的基本要求 51
5.2.2 W3C標記驗證服務 52
5.2.3 使用Dreamweaver驗證HTML文檔的語法規範性 53
5.3.1 類型選擇器 55
5.3.2 類選擇器 55
5.3.3 ID選擇器 57
5.3.6 偽類 59
5.3.7 選擇器分組 60
5.4 常用的樣式特性 61
5.4.1 類型特性 61
5.4.2 背景特性 62
5.4.3 區塊特性 63
5.5 行內樣式 63
5.6 外部樣式表及其套用 64
5.6.1 創建外部樣式表 64
5.6.2 W3C線上CSS驗證服務 65
5.6.3 在HTML文檔中連結外部樣式表 65
5.6.4 Web瀏覽器的兼容性視圖設定 67
5.7.1 CSS的層疊性 68
5.7.2 CSS的繼承性 70
5.8 小結 71
5.9 習題 72
第6章 可擴展超文本標記語言 73
6.1 XHTML的形成背景 73
6.1.1 缺乏語法規範性的HTML文檔 73
6.1.2 XHTML的面世 74
6.2 XHTML的語法規定 74
6.3 XHTML文檔的基本結構 76
6.4 使用W3C標記驗證服務檢查XHTML文檔的語法 77
6.5 XHTML+CSS 78
6.6 使用字元實體在網頁中顯示特殊字元 79
6.7 小結 80
6.8 習題 80
第7章 套用div+CSS布局網頁 82
7.1 盒子模型 82
7.2 與盒子模型有關的樣式特性 83
7.2.1 方框特性 83
7.2.2 框線特性 83
7.2.3 盒子模型演示 84
7.3 元素及其盒子在網頁中的排列 85
7.3.1 正常流中的元素盒子 86
7.3.2 元素盒子的浮動 87
7.3.3 套用CSS和盒子浮動製作水平導航條 89
7.4 div+CSS網頁布局 90
7.5 Web標準網頁設計舉例 93
7.6 小結 96
7.7 習題 97
第8章 使用Dreamweaver設計和製作網頁 100
8.1 Dreamweaver軟體的工作界面 100
8.2 使用Dreamweaver創建CSS文檔 101
8.3 使用Dreamweaver創建XHTML文檔 106
8.4 小結 111
8.5 習題 111
第9章 使用Dreamweaver建設網站 112
9.1 網站規劃與功能定位 112
9.2 創建本地站點 112
9.3 創建公共資料夾 114
9.4 設計網頁的版面布局 115
9.5 素材準備 116
9.6 創建實現網頁版面布局的CSS文檔 118
9.7 創建HTML模板 118
9.8 運用模板製作網頁 125
9.9 通過HTML模板維護網站 131
9.10 通過CSS文檔定製網站風格 133
9.11 規範化HTML文檔 134
9.12 網頁測試 135
9.13 小結 136
9.14 習題 137
第10章 JavaScript基礎 138
10.1 JavaScript放置 138
10.1.1 在HTML文檔主體直接插入JavaScript 138
10.1.2 在IE瀏覽器中調試JavaScript 141
10.1.3 JavaScript函式 143
10.1.4 在HTML文檔頭部定義JavaScript函式 143
10.1.5 在外部腳本文檔定義JavaScript函式 144
10.2 變數和類型 146
10.2.1 變數 146
10.2.2 類型 146
10.3 運算符與表達式 148
10.4 全局變數和局部變數 151
10.5 類型轉換 152
10.5.1 隱式類型轉換 152
10.5.2 顯式類型轉換 153
10.6 JavaScript中的流程控制語句 154
10.6.1 選擇控制語句 154
10.6.2 循環控制語句 155
10.7 小結 157
10.8 習題 158
第11章 JavaScript內置對象 159
11.1 對象、屬性和方法 159
11.2 Date對象 159
11.3 String對象 161
11.3.1 創建String對象 161
11.3.2 String對象的屬性 161
11.3.3 String對象的方法 161
11.3.4 String對象和string類型的變數 162
11.3.5 String對象的套用 163
11.3.6 正則表達式及其套用 165
11.4 RegExp對象 168
11.5 Array對象 170
11.5.1 數組的邏輯結構 170
11.5.2 創建Array對象 170
11.5.3 Array對象的length屬性和數組元素 171
11.5.4 Array對象的方法 172
11.5.5 使用for-in 語句遍歷數組 173
11.6 Math對象 174
11.7 小結 174
11.8 習題 175
第12章 處理和驗證表單數據 177
12.1 表單、控制項及其屬性 177
12.2 表單事件和事件屬性 180
12.3 驗證表單數據 181
12.4 網頁的Web標準 185
12.4.1 網頁Web標準的四個層次 185
12.4.2 Web標準系列 188
12.5 小結 189
12.6 習題 189
第13章 BOM和DOM 191
13.1 瀏覽器對象模型 191
13.1.1 訪問window對象的屬性 192
13.1.2 通過window對象調用的方法 192
13.1.3 screen對象 195
13.2 文檔對象模型及HTML文檔樹 195
13.2.1 文檔對象模型 195
13.2.2 使用innerHTML屬性和innerText屬性訪問元素的內容 197
13.2.3 調用getElementById方法訪問HTML文檔樹中的元素節點 197
13.2.4 調用getElementsByTagName方法訪問HTML文檔樹中的
元素節點 200
13.3 事件及其處理 202
13.3.1 事件的類型 202
13.3.2 在HTML元素的開始標籤中處理事件 203
13.3.3 使用對象及有關屬性處理事件 204
13.4 事件的綜合處理 205
13.5 小結 208
13.6 習題 209
第14章 DHTML 211
14.1 絕對定位和相對定位 211
14.1.1 絕對定位 211
14.1.2 相對定位 213
14.2 下拉選單 214
14.3 垂直移動的文本 218
14.4 水平方向呈現跑馬燈效果的文本串 222
14.5 在網頁上漂浮的圖片連結 224
14.5.1 從左向右移動的圖片連結 224
14.5.2 沿水平方向來回移動的圖片連結 225
14.5.3 在Web瀏覽器視窗內漂浮的圖片連結 227
14.6 自動切換的圖片 229
14.6.1 嵌入自動切換的圖片 230
14.6.2 自動切換的圖片及數字按鈕組 233
14.6.3 自動切換的圖片、數字按鈕組及數字按鈕click事件 235
14.7 表格數據隔行變色 236
14.8 小結 238
14.9 習題 239
第15章 jQuery基礎 240
15.1 從JavaScript到jQuery的轉換 240
15.1.1 函式作為參數 240
15.1.2 使用JavaScript說明jQuery程式的基本語法及其格式 241
15.1.3 獲取和使用jQuery 248
15.1.4 jQuery程式的基本語法及其格式 249
15.2 事件及其處理 253
15.3 選取HTML DOM元素對象 254
15.3.1 常用的CSS選擇器、偽類以及結合符 254
15.3.2 jQuery選擇器 257
15.3.3 使用過濾器縮小結果集 259
15.4 對jQuery對象進行疊代 260
15.5 DOM操作 261
15.5.1 取值/賦值方法 261
15.5.2 垂直滾動播放的文本 263
15.5.3 沿水平方向來回移動的圖片連結 265
15.5.4 JSON 267
15.5.5 創建和插入HTML元素對象 269
15.6 更多套用舉例 277
15.6.1 簡單數組排序 277
15.6.2 對象數組排序 278
15.6.3 閉包和內部函式 281
15.6.4 表格數據排序 283
15.7 小結 287
15.8 習題 288
參考文獻 291

相關詞條

熱門詞條

聯絡我們