《網頁制作綜合技術教程(第2版)》全面介紹了HTML和CSS這兩個標準,以及使用制作網頁中常用的軟件進行網頁設計和制作的各方面內容和技巧。本書分為6部分18章,內容包括HTML網頁設計、美工與動畫元素設計、CSS頁面樣式設計、CSS頁面布局設計、JavaScript基礎以及綜合案例等。
《網頁制作綜合技術教程(第2版)》遵循Web標準,強調網頁中“表現”與“內容”分離的思想,從規范的角度全面系統地介紹網頁設計的制作方法與技巧。書中給出了大量詳細的案例,并進行了詳細的分析,便于讀者理解。
《網頁制作綜合技術教程(第2版)》可作為高等院校各專業“網頁設計與制作”課程的教材,也可供網頁設計、制作和開發人員參考使用。
溫謙,前沿科技主要負責人,在人民郵電出版社出版計算機分社出版網頁設計類圖書多本,編寫過3本網頁類教材,均為暢銷作品。
第1部分 HTML網頁設計
第1章 網頁設計基礎知識 2
1.1 網頁的基礎概念 2
1.2 網頁與HTML 3
1.3 Web標準 4
1.3.1 標準的重要性 4
1.3.2 “Web標準”概述 5
1.4 網頁設計與開發過程 6
1.4.1 基本任務與角色 6
1.4.2 明確網站定位 7
1.4.3 收集信息和素材 7
1.4.4 策劃欄目內容 7
1.4.5 設計頁面方案 8
1.4.6 制作頁面 8
1.4.7 實現后臺功能 8
1.4.8 整合與測試網站 8
1.5 HTML基礎 9
1.5.1 創建第一個HTML文件 9
1.5.2 HTML文件結構 10
1.6 簡單的HTML案例 11
1.7 網頁源文件的獲取 14
1.7.1 直接查看源文件 14
1.7.2 保存網頁 15
1.8 利用Dreamweaver快速建立基本文檔 16
1.8.1 Dreamweaver簡介 16
1.8.2 創建新的空白文檔 17
1.8.3 案例—創建新文檔 19
1.9 思考與練習 21
第2章 用HTML設置文本和圖像 23
2.1 文本排版 23
2.1.1 實現段落與段內換行 23
2.1.2 設置標題 25
2.1.3 使文字水平居中 25
2.1.4 設置文字段落的縮進 26
2.2 文字列表 26
2.2.1 建立序列表 26
2.2.2 建立有序列表 27
2.3 HTML標記與HTML屬性 28
2.3.1 控制段落的水平位置 28
2.3.2 設置背景顏色 28
2.3.3 文字的特殊樣式 29
2.3.4 文字的大小和顏色 30
2.4 HTML標記和屬性的局限性 31
2.5 特殊文字符號 31
2.6 使用圖像 33
2.6.1 網頁中的圖像格式 33
2.6.2 簡單案例 33
2.6.3 文件路徑 34
2.7 設置圖片的尺寸 36
2.8 設置圖像的替換文本 37
2.9 利用Dreamweaver設置文本和圖像 37
2.10 利用Dreamweaver代碼視圖提高
效率 41
2.10.1 代碼提示 41
2.10.2 代碼折疊 42
2.10.3 拆分視圖與代碼快速定位 43
2.11 思考與練習 43
第3章 超鏈接 45
3.1 設置文字超鏈接 45
3.1.1 URL的格式 45
3.1.2 URL的類型 46
3.2 設置頁面內部鏈接 47
3.3 設置圖片超鏈接 48
3.4 設置電子郵件鏈接 48
3.5 設置鏈接頁面的目標窗口 49
3.6 創建熱點區域 49
3.6.1 用HTML建立熱點區域 50
3.6.2 利用Dreamweaver定位熱點
區域 51
3.7 框架之間的鏈接 53
3.7.1 建立框架與框架集 53
3.7.2 用cols屬性將窗口分為左右
部分 54
3.7.3 用rows屬性將窗口分為上下
部分 54
3.7.4 框架的嵌套 55
3.7.5 在框架中插入網頁 55
3.7.6 在框架之間進行鏈接 56
3.7.7 嵌入式框架 58
3.8 網站的組織結構與維護 59
3.9 思考與練習 60
第4章 使用表格與表單 61
4.1 使用表格 61
4.1.1 表格的基本結構 61
4.1.2 合并單元格 62
4.1.3 設置對齊方式 63
4.1.4 設置表格背景色和邊框顏色 65
4.1.5 cellpadding屬性和cellspacing
屬性 66
4.1.6 完整的表格標記 66
4.1.7 用表格進行頁面布局的局限性 68
4.2 使用表單 71
4.2.1 表單的用途和原理 71
4.2.2 表單類型 72
4.3 Dreamweaver中的模板 76
4.3.1 認識模板 76
4.3.2 制作模板 77
4.3.3 使用模板 78
4.3.4 將文檔和模板分離 80
4.4 思考與練習 81
第2部分 美工與動畫元素設計
第5章 圖像處理與設計基礎 84
5.1 網頁美術設計的基礎知識 84
5.1.1 基本概念 84
5.1.2 Fireworks的基本操作流程 85
5.1.3 畫布 88
5.2 在Fireworks中編輯位圖 91
5.2.1 創建和取消選區 91
5.2.2 編輯選區中的像素區域 94
5.2.3 變形和扭曲 96
5.3 繪制矢量圖形 97
5.3.1 創建基本矢量圖形 97
5.3.2 調整矢量線條 99
5.4 美術基礎理論 101
5.4.1 平面構圖 101
5.4.2 色彩 103
5.5 案例—科技網站頁面設計 105
5.5.1 繪制背景 106
5.5.2 繪制主體區域 106
5.5.3 制作Banner 108
5.5.4 添加文字和素材 109
5.6 思考與練習 110
第6章 圖像的優化與導出 111
6.1 了解圖像文件類型 111
6.2 使用“圖像預覽”命令優化導出
圖像 112
6.2.1 使用“圖像預覽”命令 112
6.2.2 優化JPEG格式的圖像 113
6.2.3 優化GIF格式的圖像 113
6.3 使用“切片” 115
6.3.1 切片與導出 115
6.3.2 用切片實現“分別優化” 119
6.4 思考與練習 121
第7章 在網頁中使用Flash 122
7.1 使用Dreamweaver添加內置的Flash
對象 122
7.1.1 使用Dreamweaver內置的Flash
按鈕對象 122
7.1.2 使用Dreamweaver內置的Flash
文本對象 123
7.2 Flash軟件簡介 124
7.2.1 Flash的基本功能 124
7.2.2 Flash的工作界面 125
7.2.3 Flash的工作流程 126
7.3 在Flash中繪制圖形 127
7.4 Flash動畫基本原理 128
7.5 創建形狀補間動畫 129
7.6 動畫補間 131
7.7 在網頁中發布Flash動畫 134
7.7.1 插入動畫 135
7.7.2 設置Flash對象的屬性 136
7.8 思考與練習 137
第3部分 CSS樣式設計
第8章 (X)HTML與CSS概述 140
8.1 HTML與XHTML 140
8.1.1 追根溯源 140
8.1.2 DOCTYPE的含義與選擇 141
8.1.3 XHTML與HTML的重要區別 142
8.2 (X)HTML與CSS 143
8.2.1 CSS標準 143
8.2.2 傳統HTML的缺點 144
8.2.3 CSS的引入 144
8.2.4 如何編輯CSS 146
8.2.5 瀏覽器與CSS 146
8.3 構造CSS規則 147
8.4 基本CSS選擇器 148
8.4.1 標記選擇器 149
8.4.2 類別選擇器 149
8.4.3 ID選擇器 152
8.5 在HTML中使用CSS的方法 153
8.5.1 行內式 153
8.5.2 內嵌式 154
8.5.3 鏈接式 154
8.5.4 導入式 155
8.5.5 各種方式的優先級問題 157
8.6 思考與練習 159
第9章 CSS樣式設置實踐 160
9.1 手工編寫頁面 160
9.1.1 構造頁面框架 160
9.1.2 設置標題 161
9.1.3 控制圖片 162
9.1.4 設置正文 162
9.1.5 設置整體頁面 163
9.1.6 對段落分別進行設置 163
9.1.7 完整代碼 164
9.1.8 CSS的注釋 165
9.2 使用Dreamweaver進行CSS設置 165
9.2.1 創建頁面 165
9.2.2 新建CSS規則 167
9.2.3 編輯CSS規則 169
9.2.4 為圖像創建CSS規則 170
9.3 復合選擇器 172
9.3.1 “交集”選擇器 172
9.3.2 “并集”選擇器 173
9.3.3 后代選擇器 175
9.4 CSS的繼承特性 176
9.4.1 繼承關系 177
9.4.2 CSS繼承的運用 178
9.5 CSS的層疊特性 179
9.6 思考與練習 181
第10章 用CSS設置文本和圖像 182
10.1 使用CSS設置文本樣式 182
10.1.1 長度單位 182
10.1.2 準備頁面 183
10.1.3 設置文字的字體 183
10.1.4 設置文字的傾斜效果 184
10.1.5 設置文字的加粗效果 185
10.1.6 英文字母大小寫轉換 186
10.1.7 控制文字的大小 186
10.1.8 文字的裝飾效果 187