第1章 網頁設計基礎知識 1
1.1 認識網頁 1
1.1.1 網頁和網站 1
1.1.2 網頁基本構成元素 2
1.2 如何設計網頁 3
1.2.1 網頁設計基本原則 3
1.3.2 網頁設計成功要素 4
1.2.3 網頁設計風格及色彩搭配 6
1.3 網頁設計師應具備的素質 7
1.3.1 藝術素質 7
1.3.2 技能素質 8
1.3.3 綜閤素質 8
1.4 專傢解惑 8
第2章 HTML網頁文檔結構 10
2.1 HTML代碼的結構 10
2.1.1 HTML代碼的組成 10
2.1.2 代碼注釋 11
2.2 HTML的基本標簽 12
2.2.1 HTML標記<html> 12
2.2.2 head標簽及其屬性 12
2.2.3 body標簽及其屬性 15
2.3 HTML文件的編寫方法 16
2.3.1 手工編寫HTML文件 16
2.3.2 使用HTML編輯器 17
2.4 使用瀏覽器查看HTML文件 19
2.4.1 各大瀏覽器與HTML的兼容 19
2.4.2 查看頁麵效果 20
2.4.3 查看源文件 20
2.5 專傢解惑 21
第3章 網頁文本與段落的設計 22
3.1 網頁文本的特殊樣式 22
3.1.1 粗體顯示 22
3.1.2 強調顯示 23
3.1.3 加強調顯示 24
3.1.4 傾斜文本 24
3.1.5 上標和下標文本 25
3.1.6 設置文字大小 26
3.1.7 定義文字的方嚮 27
3.1.8 設置文字的字體、大小與顔色 28
3.2 網頁文本排版 28
3.2.1 換行標記<br/> 29
3.2.2 段落標記<p> 29
3.2.3 網頁標題標記<h1>~<h6> 31
3.2.4 文本水平居中標記<center> 32
3.2.5 標尺標記<hr> 32
3.3 網頁文字列錶的設計 33
3.3.1 建立無序列錶 33
3.3.2 建立有序列錶 35
3.3.3 建立不同類型的無序列錶 36
3.3.4 建立不同類型的有序列錶 37
3.3.5 嵌套列錶 38
3.3.6 自定義列錶 39
3.4 設置網頁文本段落格式 40
3.4.1 段落左對齊 40
3.4.2 段落居中對齊 41
3.4.3 段落右對齊 41
3.5 綜閤實戰——成纔教育網文本設計 42
3.6 專傢解惑 43
第4章 網頁色彩和圖片的設計 44
4.1 網頁色彩的應用 44
4.2 在網頁中插入圖像 45
4.2.1 設置圖像在網頁中的寬度和高度 47
4.2.2 設置圖像的提示文字 48
4.2.3 將圖片設置為網頁背景 49
4.2.4 排列圖像 50
4.3 綜閤實戰——製作茂森房地産廣告網頁 51
4.4 專傢解惑 52
第5章 網頁超鏈接的設計 53
5.1 鏈接和路徑 53
5.1.1 超鏈接的概念 53
5.1.2 鏈接路徑URL 54
5.1.3 HTTP路徑 55
5.1.4 FTP路徑 56
5.1.5 電子郵件路徑 57
5.2 鏈接元素 58
5.2.1 鏈接元素<a> 58
5.2.2 指定路徑屬性href 59
5.2.3 顯示鏈接目標屬性target 59
5.2.4 激活順序屬性tabindex 61
5.2.5 鏈接的熱鍵屬性accesskey 62
5.2.6 鏈接到同一頁麵的不同位置 63
5.3 圖像鏈接 65
5.3.1 創建鏈接區域元素<map> 65
5.3.2 鏈接區域的名稱屬性name 65
5.3.3 定義鼠標敏感區元素area 65
5.3.4 鏈接的路徑屬性href 66
5.3.5 鏈接的文本說明屬性alt 67
5.4 專傢解惑 68
第6章 網頁錶格的設計 70
6.1 錶格基本結構 70
6.1.1 錶格概述 70
6.1.2 用於創建錶格的標記 70
6.2 創建錶格 72
6.2.1 創建普通錶格 72
6.2.2 創建帶有標題的錶格 73
6.2.3 創建完整的錶格 74
6.3 設置錶格屬性 76
6.3.1 定義錶格的邊框類型 76
6.3.2 定義錶格的錶頭 77
,6.3.3 設置錶格背景 78
6.3.4 設置單元格背景 80
6.4 綜閤實例——製作計算機報價錶 81
6.5 專傢解惑 83
第7章 網頁錶單的設計 84
7.1 錶單簡介 84
7.2 錶單基本元素 85
7.2.1 錶單標簽 85
7.2.2 文字字段 86
7.2.3 密碼域 88
7.2.4 單選按鈕 88
7.2.5 復選框 89
7.2.6 下拉菜單 90
7.2.7 列錶框 91
7.2.8 普通按鈕 92
7.2.9 提交按鈕 93
7.2.10 重置按鈕 94
7.3 綜閤實戰——製作淘寶注冊頁 95
7.4 專傢解惑 97
第8章 使用HTML創建框架 98
8.1 窗口框架簡介 98
8.1.1 什麼是框架 98
8.1.2 框架的基本結構 99
8.2 設置框架集的基本屬性 99
8.2.1 水平分割窗口 99
8.2.2 垂直分割窗口 100
8.2.3 混閤分割窗口 101
8.2.4 設置框架邊框 103
8.2.5 設置框架的邊框寬度 104
8.2.6 設置框架的邊框顔色 105
8.3 設置窗口屬性 106
8.3.1 頁麵源文件 106
8.3.2 設置頁麵名稱 107
8.3.3 固定窗口的尺寸 108
8.3.4 邊框與頁麵內容的水平邊距 109
8.3.5 邊框與頁麵內容的垂直邊距 111
8.3.6 設置框架滾動條顯示 112
8.3.7 不支持框架標簽 113
8.4 內聯框架 114
8.4.1 內聯框架的主要參數 114
8.4.2 必需參數:頁麵源文件 117
8.4.3 特有屬性:框架大小 117
8.4.4 特有屬性:對齊方式 118
8.4.5 共有參數設置 119
8.4.6 其他參數 120
8.5 框架與鏈接 122
8.5.1 設置普通框架結構的鏈接 122
8.5.2 內聯框架與鏈接 125
8.6 專傢解惑 127
第9章 網頁多媒體的設計 128
9.1 添加動態文字 128
9.1.1 設置滾動文字 128
9.1.2 設置文字的滾動方嚮 129
9.1.3 設置文字的滾動方式 131
9.1.4 設置文字的滾動循環次數 132
9.1.5 設置文字的滾動速度 133
9.1.6 設置文字滾動的時間間隔 134
9.1.7 設置滾動文字的背景色 135
9.1.8 設置滾動文字的背景麵積 136
9.1.9 設置空白空間 137
9.2 添加背景音樂 138
9.2.1 設置背景音樂 138
9.2.2 設置背景音樂的循環播放次數 139
9.3 添加多媒體文件 140
9.3.1 設置多媒體文件 140
9.3.2 設置多媒體文件的自動運行 141
9.3.3 設置多媒體文件的循環播放 142
9.3.4 隱藏多媒體播放麵闆 143
9.3.5 添加其他類型的多媒體文件 144
9.4 專傢解惑 145
第10章 初識CSS 146
10.1 為什麼要使用CSS 146
10.2 在HTML中使用CSS的方法 147
10.2.1 行內樣式 147
10.2.2 內嵌樣式 148
10.2.3 鏈接樣式 150
10.2.4 導入樣式 151
10.2.5 優先級問題 152
10.3 專傢解惑 155
第11章 CSS基礎語法 156
11.1 CSS選擇器 156
11.1.1 標簽選擇器 156
11.1.2 類選擇器 157
11.1.3 ID選擇器 159
11.1.4 全局選擇器 160
11.1.5 組閤選擇器 161
11.1.6 繼承選擇器 163
11.1.7 僞類選擇器 164
11.1.8 屬性選擇器 166
11.2 選擇器聲明 167
11.2.1 集體聲明 167
11.2.2 多重嵌套聲明 168
11.3 CSS繼承 168
11.5 綜閤實例——製作新聞菜單 170
11.6 專傢解惑 173
第12章 CSS字體與段落屬性 174
12.1 CSS文字樣式 174
12.1.1 字體(font-family) 174
12.1.2 字號(font-size) 175
12.1.3 字體風格(font-style) 177
12.1.4 加粗字體(font-weight) 178
12.1.5 小寫字母轉為大寫字母(font-variant) 179
12.1.6 字體復閤屬性(font) 180
12.1.7 字體顔色(color) 181
12.2 CSS段落樣式 182
12.2.1 單詞間隔(word-spacing) 182
12.2.2 字符間隔(letter-spacing) 183
12.2.3 文字修飾(text-decoration) 184
12.2.4 垂直對齊方式(vertial-align) 185
12.2.5 文本轉換(text-transform) 187
12.2.6 水平對齊方式(text-align) 188
12.2.7 文本縮進(text-indent) 190
12.2.8 文本行高(line-height) 191
12.2.9 處理空白(white-sapce) 191
12.2.10 文本反排(unicode-bidi和direction) 193
12.4 綜閤實例——網頁簡單圖文混排 195
12.5 專傢解惑 197
第13章 用CSS美化圖片 198
13.1 修飾圖片 198
13.1.1 圖片邊框 198
13.1.2 圖片縮放 199
13.2 對齊圖片 202
13.2.1 橫嚮對齊方式 202
13.2.2 縱嚮對齊方式 203
13.3 圖文混排 205
13.3.1 文字環繞 205
13.3.2 設置圖片與文字間距 206
13.4 綜閤實例1——一句話新聞 208
13.5 綜閤實例2——學校宣傳單 212
13.6 專傢解惑 214
第14章 用CSS設置背景與邊框 215
14.1 設置背景 215
14.1.1 背景顔色 215
14.1.2 背景圖片 217
14.1.3 背景復閤屬性 224
14.2 設置邊框 225
14.2.1 邊框樣式 225
14.2.2 邊框顔色 227
14.2.3 邊框綫寬 228
14.2.4 邊框復閤屬性 230
14.3 綜閤實例——簡單的公司主頁 231
14.4 專傢解惑 235
第15章 用CSS美化超級鏈接和鼠標 236
15.1 超級鏈接特效 236
15.1.1 改變超級鏈接的基本樣式 236
15.1.2 超級鏈接背景圖設置 238
15.1.3 超級鏈接按鈕效果 240
15.2 鼠標特效 241
15.2.1 使用CSS控製鼠標箭頭 241
15.2.2 鼠標變幻超鏈接 243
15.2.3 頁麵滾動條 244
15.3 綜閤實例1——製作實用導航欄 246
15.4 綜閤實例2——鼠標特效 248
15.5 專傢解惑 251
第16章 用CSS美化錶格和錶單樣式 252
16.1 錶格樣式 252
16.1.1 錶格邊框樣式 252
16.1.2 錶格邊框寬度 255
16.1.3 錶格邊框顔色 256
16.2 CSS與錶單 258
16.2.1 美化錶單中的元素 258
16.2.2 美化提交按鈕 260
16.2.3 美化下拉菜單 262
16.3 綜閤實例1——隔行變色 264
16.4 綜閤實例2——錶格圖文網頁布局 266
16.5 綜閤實例3——變色錶格 269
16.6 綜閤實例4——登錄錶單 272
16.7 綜閤實例5——注冊錶單 274
16.8 專傢解惑 277
第17章 用CSS製作實用菜單 278
17.1 項目列錶 278
17.1.1 美化無序列錶 278
17.1.2 美化有序列錶 280
17.1.3 美化自定義列錶 282
17.1.4 圖片列錶 283
17.1.5 列錶縮進 285
17.1.6 列錶復閤屬性 286
17.2 無需錶格的菜單 288
17.3 菜單的橫竪轉換 291
17.4 綜閤實例1——段落模擬列錶效果 293
17.5 綜閤實例2——模擬soso導航欄 295
17.6 專傢解惑 299
第18章 CSS濾鏡的應用 300
18.1 濾鏡概述 300
18.2 CSS的基本濾鏡 301
18.2.1 通道(Alpha)濾鏡 301
18.2.2 Blur濾鏡 303
18.2.3 Chroma濾鏡 305
18.2.4 DropShadow濾鏡 306
18.2.5 FlipH濾鏡 307
18.2.6 Glow濾鏡 308
18.2.7 Gray濾鏡 309
18.2.8 Invert濾鏡 310
18.2.9 FlipV濾鏡 311
18.2.10 Mask濾鏡 312
18.2.11 Shadow濾鏡 313
18.2.12 Wave濾鏡 314
18.2.13 X-ray濾鏡 315
18.3 CSS的高級濾鏡 316
18.3.1 BlendTrans濾鏡 316
18.3.2 Light濾鏡 318
18.3.3 RevealTrans濾鏡 320
18.4 專傢解惑 322
第19章 CSS定位與DIV布局 324
19.1 定位方式 324
19.1.1 定位屬性 324
19.1.2 position屬性 325
19.1.3 層疊順序 329
19.1.4 邊偏移屬性 331
19.2 浮動定位 332
19.3 溢齣定位 334
19.4 隱藏定位 336
19.5 塊和行內元素 338
19.5.1 塊元素 338
19.5.2 行內元素 340
19.6 綜閤實例——左右布局的新聞頁麵 341
19.7 專傢解惑 345
第20章 CSS與JavaScript的搭配應用 346
20.1 JavaScript概述 346
20.1.1 JavaScript概念 346
20.1.2 JavaScript的引用 347
20.1.3 JavaScript與CSS 348
20.2 JavaScript語法基礎 349
20.2.1 數據類型 349
20.2.2 變量 350
20.2.3 運算符 350
20.2.4 流程控製語句 353
20.2.5 函數 357
20.3 綜閤實例1——打字效果的文字 360
20.4 綜閤實例2——文字升降特效 362
20.5 綜閤實例3——跑馬燈效果 364
20.6 綜閤實例4——閃爍圖片 367
20.7 綜閤實例5——左右移動的圖片 369
20.8 綜閤實例6——嚮上滾動菜單 372
20.9 綜閤實例7——跟隨鼠標移動的圖片 374
20.10 綜閤實例8——樹形菜單 376
20.11 綜閤實例9——顔色選擇器 381
20.12 專傢解惑 384
第21章 CSS與XML的綜閤運用 385
21.1 XML語法基礎 385
21.1.1 XML概念 385
21.1.2 XML文檔的組成和聲明 387
21.1.3 XML元素介紹 388
21.2 使用CSS修飾XML文件 391
21.2.1 在XML文件中使用CSS 391
21.2.2 設置字體屬性 392
21.2.3 設置色彩屬性 393
21.2.4 設置邊框屬性 395
21.2.5 設置文本屬性 396
21.3 綜閤實戰1——招聘廣告 398
21.4 綜閤實戰2——書目清單 400
21.5 綜閤實戰3——圖文混排頁麵 403
21.6 綜閤實戰4——古詩欣賞 406
21.7 專傢解惑 409
第22章 CSS與Ajax的綜閤應用 410
22.1 Ajax概述 410
22.1.1 什麼是Ajax 410
22.1.2 Ajax的關鍵元素 414
22.1.3 CSS在Ajax應用中的地位 414
22.2 Ajax快速入門 415
22.2.1 全麵剖析XMLHttpRequest對象 415
22.2.2 發齣Ajax請求 418
22.2.3 處理服務器響應 419
22.3 CSS與Ajax綜閤實戰——製作自由拖動的網頁 421
22.4 專傢解惑 427
第23章 構建企業門戶網站 428
23.1 構思布局 428
23.1.1 設計分析 428
23.1.2 排版架構 429
23.2 模塊分割 430
23.2.1 Logo與導航菜單 430
23.2.2 左側文本介紹 433
23.2.3 右側導航鏈接 434
23.2.4 版權信息 436
23.3 整體調整 437
23.4 專傢解惑 438
第24章 團購商務類網站的設計 439
24.1 整體布局 439
24.1.1 整體設計分析 439
24.1.2 架構布局分析 440
24.2 主要模塊設計 442
24.2.1 樣式代碼分析 442
24.2.2 網頁頂部代碼分析 443
24.2.3 分類及區域選擇模塊分析 445
24.2.4 新品展示模塊分析 446
24.2.5 側邊欄模塊分析 449
24.2.6 熱門城市索引模塊分析 452
24.2.7 底部模塊分析 453
24.3 調整 455
24.3.1 部分內容調整 455
24.3.2 模塊調整 456
24.3.3 調整後預覽測試 456
· · · · · · (
收起)