第1章　設計的靈魂源於靈感 1
1.1 成為一名齣色的網頁設計師 1
1.2 認識網頁和網站 2
1.2.1 網頁 2
1.2.2 網站 3
1.3 製作網頁和網站的那些事 4
1.3.1 網站製作流程 4
1.3.2 網頁設計流程 5
1.3.3 發布站點 5
1.4 Web標準布局介紹 5
1.4.1 看當前的Web開發標 6
1.4.2 為什麼使用Web標準 6
1.4.3 CSS布局標準 7
1.5 網頁製作工具麵麵觀 8
1.5.1 幾種可視化工具 8
1.5.2 安裝Dreamweaver 10
1.6 談HTML和JavaScript的必要性 13
1.7 靈感是設計師的設計之源 13
第2章　網頁設計三劍客 15
2.1 三劍客之——體現身材的HTML 15
2.1.1 HTML概述 15
2.1.2 HTML的特點 16
2.1.3 看HTML的身材如何 16
2.2 三劍客之——會化妝的CSS 16
2.2.1 CSS概述 17
2.2.2 CSS的特點 17
2.2.3 CSS的好處 18
2.3 三劍客之——JavaScript是美的升華 18
2.3.1 JavaScript概述 18
2.3.2 JavaScript基本概念 18
2.3.3 JavaScript的作用 19
2.4 一個典型頁麵文件實例 20
第3章　網頁的記號 23
3.1 為網頁設計發型——設置網頁頭部元素 23
3.1.1 設置文檔類型 23
3.1.2 設置編碼類型 26
3.1.3 設置頁麵標題 28
3.2 其他頭部元素 30
3.2.1 命名空間 30
3.2.2 meta標記 31
3.2.3 關鍵詞 31
3.2.4 網頁描述 31
3.3 設置頁麵正文 34
3.4 注釋是一種說明 36
第4章　你不一定瞭解的文字和段落 40
4.1 標題文字 40
4.2 文本文字 42
4.2.1 文本文字標記<font> 43
4.2.2 字型設置 44
4.3 段落標記 46
4.4 換行標記 48
4.5 插入水平綫 48
4.6 特殊符號處理 51
第5章　看超鏈接的跳躍 56
5.1 鏈接概述 56
5.1.1 錨鏈 56
5.1.2 URL引用 57
5.2 建立內部鏈接 57
5.3 建立外部鏈接 60
5.4 使用Telnet鏈接 63
5.5 創建E-mail鏈接 64
5.6 創建FTP鏈接 66
5.7 其他形式的鏈接 68
5.7.1 新聞組鏈接 69
5.7.2 WAIS鏈接 69
第6章　圖片是修飾網頁的最佳途徑 71
6.1 常用的圖片格式介紹 71
6.1.1 GIF格式 71
6.1.2 JPEG格式 72
6.2 設置背景圖片 73
6.3 插入圖片 75
6.3.1 圖片的基本處理 76
6.3.2 圖片布局處理 77
6.4 設置圖片鏈接 80
第7章　你不一定瞭解的列錶 82
7.1 無序列錶 82
7.2 有序列錶 84
7.3 更加緊湊的菜單列錶 87
7.4 定義列錶標記 89
7.5 列錶的嵌套使用 91
第8章　錶格沒那麼簡單 94
8.1 創建一個錶格 94
8.2 錶格標題 97
8.3 跨行和跨列 99
8.3.1 實現跨列處理 100
8.3.2 實現跨行處理 102
8.3.3 實現同時跨行、跨列處理 105
8.4 設置錶格頁眉 107
8.5 設置錶格背景圖像 109
8.6 對齊處理 110
8.6.1 錶格的整體對齊 110
8.6.2 對齊錶格中的內元素 112
8.7 設置單元格大小 115
第9章　特效和多媒體帶來的絢麗 117
9.1 實現滾動效果 117
9.2 設置背景音樂 119
9.2.1 代碼指定 119
9.2.2 媒體插件實現 120
9.3 插入Flash 122
9.4 插入Applet 126
9.5 ActiveX 控件 129
第10章　使用框架 133
10.1 框架標記介紹 133
10.2 創建框架 135
10.3 設置框架大小 139
10.4 為框架創建鏈接 142
10.5 框架嵌套 146
第11章　看錶單帶來的革命性意義 152
11.1 錶單標記 152
11.2 使用form標記 153
11.3 使用文本域 154
11.4 使用文本區域 156
11.5 使用按鈕 159
11.6 使用單選按鈕和復選框 161
11.7 使用列錶菜單 164
11.8 使用文件域 167
11.9 使用圖像域 169
11.10 使用隱藏域 171
11.11 使用單選組按鈕 173
11.12 錶單的綜閤使用 176
第12章　div布局處理 188
12.1 div標記介紹 188
12.1.1 div的格式 188
12.1.2 使用div 189
12.2 插入div標記 190
12.3 插入AP div 192
第13章　HTML 5來瞭 196
13.1 HTML 5 是下一代的HTML 196
13.1.1 發展曆程 196
13.1.2 HTML 5的吸引力 197
13.2 新特性之視頻處理 197
13.2.1 video標記 198
13.2.2 <video>標記的屬性 198
13.3 新特性之音頻處理 203
13.3.1 audio標記 203
13.3.2 <audio>標記的屬性 204
13.4 新特性之Canvas 208
13.4.1 <canvas>標記介紹 208
13.4.2 HTML DOM Canvas 對象 209
13.4.3 Canvas實踐 209
13.5 新特性之Web存儲 219
13.5.1 Web存儲介紹 219
13.5.2 HTML 5中Web存儲的意義 220
13.5.3 兩種存儲方法 220
13.6 新特性之錶單新特性 223
13.6.1 全新的Input 類型 223
13.6.2 全新的錶單元素 227
13.6.3 全新的錶單屬性 229
第14章　等瞭很久的CSS基礎 236
14.1 CSS語法 236
14.2 使用選擇符 239
14.2.1 命名機製 239
14.2.2 通配選擇符 240
14.2.3 類型選擇符 242
14.2.4 群組選擇符 244
14.2.5 包含選擇符 246
14.2.6 ID選擇符 248
14.2.7 class選擇符 250
14.2.8 組閤選擇符 250
14.3 CSS屬性介紹 250
14.4 CSS編碼規範 252
14.4.1 書寫規範 253
14.4.2 命名規範 253
14.5 顔色介紹 253
14.5.1 顔色名稱定義 254
14.5.2 十六進製定義 255
14.6 長度單位 257
14.6.1 絕對長度單位 257
14.6.2 相對長度單位 257
14.7 百分比值 258
14.8 URL是地址 261
14.8.1 相對路徑 261
14.8.2 絕對路徑 261
14.8.3 應用實例 261
14.9 CSS的調用 264
第15章　先看頁麵布局 268
15.1 CSS元素介紹 268
15.1.1 塊元素 268
15.1.2 內聯元素 271
15.1.3 可變元素 272
15.2 CSS元素定位介紹 272
15.2.1 元素的定位 272
15.2.2 定位屬性 277
15.3 內容控製屬性 282
15.3.1 控製頁麵內容屬性display 282
15.3.2 是否顯示屬性visibility 283
15.3.3 居中顯示屬性text-align 286
15.3.4 邊界屬性margin 289
15.4 控製頁麵背景 291
15.4.1 頁麵背景概述 291
15.4.2 使用背景顔色 292
15.4.3 使用背景圖片 293
15.4.4 背景顔色和背景圖片混用 301
15.4.5 設置文本樣式 303
15.4.6 設置鏈接樣式 305
15.5 使用浮動屬性 307
15.5.1 浮動屬性簡介 307
15.5.2 固定元素相鄰 307
15.5.3 兩個浮動元素相鄰 309
15.5.4 多個浮動元素相鄰 310
15.6 清除浮動屬性 311
15.6.1 清除浮動屬性簡介 311
15.6.2 使用清除浮動屬性 313
15.7 使用列錶屬性 315
15.7.1 列錶樣式屬性list-style-type 315
15.7.2 列錶位置屬性list-style-position 317
15.7.3 列錶圖片屬性list-style- image 318
15.7.4 列錶綜閤屬性list-style 320
第16章　將網頁打造成一個容器 322
16.1 盒模型簡介 322
16.1.1 盒模型的內容 322
16.1.2 盒模型的背景 324
16.2 使用補白屬性 324
16.2.1 補白屬性概述 324
16.2.2 使用補白屬性百分比值 327
16.2.3 使用單側補白屬性 329
16.3 使用邊框屬性 331
16.3.1 邊框樣式屬性 331
16.3.2 邊框寬度屬性 333
16.3.3 邊框顔色屬性 335
16.3.4 邊框屬性的綜閤使用 336
16.3.5 使用錶格邊框屬性 338
16.4 使用邊界屬性 340
16.4.1 邊界屬性 340
16.4.2 單側邊界屬性 342
16.4.3 相鄰邊界屬性 344
16.5 父子元素之間的距離 349
16.5.1 子元素邊界為0 349
16.5.2 父元素補白為0 351
16.6 嵌套元素使用負邊界 353
16.7 固定元素的大小 355
第17章　CSS設置和修飾 358
17.1 CSS文本設置 358
17.1.1 文本縮進 358
17.1.2 對齊文本 362
17.1.3 圖文混排對齊處理 365
17.1.4 設置行高和間隔 367
17.1.5 設置文本間隔和空白 372
17.1.6 實現文本轉換 375
17.1.7 實現水平和垂直居中 376
17.2 文本修飾鏈接 380
17.2.1 文本修飾 380
17.2.2 使用鏈接屬性 383
17.2.3 設置鼠標懸停樣式 389
17.3 CSS修飾圖片 391
17.3.1 背景圖片修飾 391
17.3.2 修飾內容圖片 392
17.4 CSS錶單修飾 395
17.4.1 修飾錶單文本域 396
17.4.2 修飾錶單文本區域 396
17.4.3 修飾錶單按鈕 398
17.4.4 修飾錶單復選框 399
17.4.5 修飾錶單單選按鈕 400
17.4.6 修飾錶單列錶 401
17.4.7 修飾錶單文件域 402
17.4.8 修飾錶單圖像域 403
17.5 修飾頁麵滾動條 404
17.6 修飾水平綫 406
17.7 修飾錶格 407
17.7.1 修飾錶格邊綫和背景 407
17.7.2 設置錶格的寬度和高度 408
17.7.3 實現錶格居中 409
17.7.4 設置錶格內容高度 412
第18章　引入JavaScript 414
18.1 JavaScript簡介 414
18.1.1 JavaScript格式 414
18.1.2 一個典型的JavaScript文件 414
18.2 數據類型 416
18.2.1 數據類型概述 416
18.2.2 JavaScript常量 417
18.2.3 JavaScript變量 417
18.3 錶達式和運算符 420
18.3.1 JavaScript錶達式 420
18.3.2 JavaScript運算符 420
18.4 JavaScript循環語句 424
18.4.1 if條件語句 424
18.4.2 for循環語句 427
18.4.3 while循環語句 429
18.4.4 do…while循環語句 430
18.4.5 break控製 432
18.4.6 switch循環語句 432
18.5 JavaScript函數 432
18.5.1 函數的構成 433
18.5.2 JavaScript常用函數 434
18.6 JavaScript對象 436
18.6.1 對象基礎知識 436
18.6.2 JavaScript常用對象和方法 438
18.7 JavaScript事件 441
18.7.1 JavaScript常用事件 441
18.7.2 事件處理程序 443
18.8 JavaScript窗口對象 444
18.8.1 窗口對象 444
18.8.2 窗口對象的事件驅動 444
18.8.3 窗口對象中的屬性 444
18.8.4 窗口對象的方法 445
18.8.5 JavaScript窗口對象的應用 445
18.9 JavaScript框架對象 448
第19章　行為操作 451
19.1 行為介紹 451
19.1.1 行為簡介 451
19.1.2 行為事件 453
19.1.3 行為的使用 453
19.2 調用JavaScript 455
19.3 URL轉移 456
19.4 交換圖像 458
19.5 打開瀏覽器窗口 460
19.6 顯示隱藏元素 462
19.7 播放聲音 463
19.8 改變屬性 465
19.9 彈齣信息 467
19.10 跳轉菜單 469
19.11 拖動AP元素 472
第20章　談一談設計師這個行業 474
20.1 網頁設計師這一行業 474
20.2 從閤格到優秀其實並不遙遠 475
20.3 企業需要什麼樣的人纔 476
20.4 設計師們的三塊大蛋糕 476
20.5 從設計師的擔心談齣路 477
第21章　從麵試中談設計 479
21.1 麵試 479
21.1.1 麵試前的準備 479
21.1.2 常見的麵試錯誤 480
21.2 麵試中最大的問題 481
21.2.1 網頁設計師要抓住設計的靈魂 481
21.2.2 需要牢記的原則 481
21.2.3 考官的問題——網頁設計理念 484
21.2.4 考官的問題——網頁設計的誤區 484
21.3 在麵試中所得——什麼纔是好的網頁設計 484
21.4 配色的問題 485
21.5 不得不說的標題 486
21.6 麵試問題——網頁設計布局 487
21.7 網頁設計必須注意的26個問題 488
21.8 探索無止境，學習無歸期 491
第22章　從項目中談模塊 493
22.1 一個項目引發的問題 493
22.2 JavaScript特效的應用 495
22.3 文字處理 496
22.3.1 實例概述 496
22.3.2 定義文本顔色 497
22.3.3 指定文本內容 498
22.3.4 文本增亮處理 498
22.3.5 文本減亮處理 498
22.3.6 定義變換頻率 499
22.4 時間處理 502
22.5 圖像處理 506
22.5.1 實例概述 507
22.5.2 設置圖像屬性 507
22.5.3 亮度增加處理 507
22.5.4 亮度減小處理 508
22.6 背景處理 511
22.7 鼠標光標處理 515
22.7.1 實例概述 515
22.7.2 指定跟隨文本 515
22.7.3 文本效果處理 515
22.7.4 頁麵顯示 516
22.8 菜單處理 518
22.8.1 實例概述 518
22.8.2 設置菜單元素內容 518
22.8.3 設置滾動區域屬性 519
第23章　為Android手機設計網頁 523
23.1 搭建開發環境 523
23.1.1 搭建Android開發環境 523
23.1.2 搭建網頁運行環境 525
23.2 先看一段代碼 528
23.2.1 實現主頁 528
23.2.2 編寫CSS文件 529
23.2.3 實現頁麵自動縮放 531
23.3 添加Android的CSS 532
23.3.1 編寫基本的樣式 532
23.3.2 添加視覺效果 534
23.4 添加JavaScript 535
23.4.1 jQuery框架介紹 535
23.4.2 具體實踐 536
23.5 使用Ajax 539
23.5.1 編寫HTML文件 539
23.5.2 編寫JavaScript文件 543
23.5.3 最後的修飾 544
23.6 讓網頁動起來 545
23.6.1 一個開源框架——JQTouch 546
23.6.2 一個簡單應用 546
第24章　SEO優化 555
24.1 SEO基礎 555
24.2 搜索引擎 556
24.2.1 搜索引擎的工作 556
24.2.2 搜索引擎之間的差異 557
24.3 非常重要的關鍵詞 557
24.3.1 優化正確的關鍵詞 557
24.3.2 關鍵詞密度 558
24.3.3 特殊的關鍵詞 559
24.3.4 利用相關性提高網站關鍵詞排名 560
24.3.5 挖掘準確的長尾關鍵詞 562
24.4 鏈接 563
24.4.1 內嚮鏈接和外嚮鏈接 563
24.4.2 錨文本 564
24.5 做好數據分析 565
24.6 網站排名算法總結 566
24.7 幾個有效的SEO排名策略 567
第25章　個人博客網站 569
25.1 網站規劃 569
25.1.1 站點需求分析 569
25.1.2 預期效果分析 570
25.1.3 站點結構規劃 571
25.2 切圖分析 571
25.3 製作站點首頁 572
25.3.1 實現流程分析 572
25.3.2 製作頂部導航 573
25.3.3 設計中間內容部分 577
25.3.4 製作底部版權部分 583
25.4 製作日誌頁麵 585
25.4.1 實現流程分析 585
25.4.2 日誌內容實現 585
25.5 製作日誌詳情頁麵 586
25.5.1 實現流程分析 586
25.5.2 頁麵具體實現 587
· · · · · · (收起)