內容簡介
《外行學網頁製作與網站建設從入門到精通》是指導初學者學習網頁製作與網站建設的入門書籍。書中詳細地介紹了初學者學習網頁製作與網站建設必須掌握的基礎知識和使用方法,並對初學者在進行網頁製作與網站建設時經常會遇到的問題進行了專家級的指導,以免初學者在起步的過程中走彎路。全書分為23章,分別介紹網頁製作入門、Dreamweaver CS4輕鬆入門、創建網頁、用CSS樣式美化網頁、使用超連結暢遊各地、用表格布局網頁、用層布局網頁、創建表單網頁、網站的發布和推廣、進入Flash魔幻世界、繪製矢量圖形、製作Flash簡單動畫、動作腳本的套用、動畫的測試與發布、Flash動畫在網頁中的套用、初識Fireworks CS4、Photoshop CS4在網頁中的套用、使用Fireworks繪製和編輯網頁圖像、使用Fireworks創建網頁動畫、使用Fireworks設計網頁典型元素、將圖像嵌入到網頁中、ASP-NET簡介和綜合性網站實例等方面的內容。 《外行學網頁製作與網站建設從入門到精通》附帶一張精心開發製作的專業級DVD格式的電腦多媒體教學光碟,它採用全程語音講解、情景式教學、詳細的圖文對照和真實的情景演示等方式,緊密結合書中的內容對各個知識點進行深入的講解,大大地擴充了本書的知識範圍。
《外行學網頁製作與網站建設從入門到精通》既適合網頁製作與網站建設的初學者閱讀,又可以作為大中專類院校相關專業以及相關企業培訓的教材,同時對有經驗的網站建設者也有很高的參考價值。
目錄
目 錄
第1篇 基礎入門
第1章 網頁製作入門
光碟演示路徑:網頁製作入門
1.1 認識網頁和網站 3
1.1.1 認識網頁 3
1. 網頁的基本概念 3
2. 網頁的分類 4
3. 網頁製作常用工具 5
1.1.2 認識網站 6
1. 什麼是網站 6
2. 網站建設流程 8
1.2 網頁的色彩設計 10
1.2.1 色彩基本知識 10
1.2.2 網頁配色技巧 10
1.3 HTML語言 11
1.3.1 HTML簡介 11
1.3.2 HTML常用標籤 13
1.3.3 編輯代碼 14
1. 查看原始碼 14
2. 使用標籤選擇器和標籤編輯器 14
3. 使用代碼提示 15
第2篇 網頁製作與網站建設
第2章 Dreamweaver CS4輕鬆入門
光碟演示路徑:創建並美化網頁\Dreamweaver CS4入門
2.1 走進Dreamweaver CS4 19
2.1.1 啟動Dreamweaver CS4 19
2.1.2 退出Dreamweaver CS4 20
2.2 Dreamweaver CS4的工作環境 20
2.3 Dreamweaver CS4的新增功能 22
2.4 站點的創建與管理 23
2.4.1 創建站點的準備工作 23
2.4.2 創建本地站點 24
2.4.3 管理站點 25
1. 打開站點 25
2. 編輯站點 26
3. 刪除站點 26
2.4.4 管理站點檔案 26
1. 新建檔案和資料夾 26
2. 重命名檔案和資料夾 27
3. 刪除檔案和資料夾 27
2.5 設定頁面屬性 28
2.5.1 設定外觀 28
2.5.2 設定連結 29
2.5.3 設定標題 30
2.5.4 設定標題/編碼 30
2.5.5 設定跟蹤圖像 31
2.6 Web伺服器的安裝與設定 31
2.6.1 安裝Web伺服器 31
2.6.2 設定Web伺服器 32
第3章 創建網頁
光碟演示路徑:創建並美化網頁\創建網頁
3.1 創建基本網頁 36
3.1.1 插入文本 36
3.1.2 設定文本格式 36
3.1.3 插入日期和時間 37
3.1.4 插入水平線 38
3.1.5 插入特殊字元 39
3.2 創建圖文並茂的網頁 39
3.2.1 網頁中圖像的常見格式 40
3.2.2 插入圖像 40
3.2.3 設定圖像屬性 41
3.2.4 插入圖像占位符 42
3.3 創建多媒體網頁 43
3.3.1 插入Flash對象 43
1. Flash檔案類型 43
2. 插入Flash動畫 43
3.3.2 插入其他媒體元素 45
練兵場 46
——製作網頁的導航條
第4章 用CSS樣式美化網頁
光碟演示路徑:創建並美化網頁\美化網頁
4.1 初識CSS 48
4.2 定義CSS樣式 49
4.2.1 認識【CSS樣式】面板 49
4.2.2 創建CSS樣式 49
1. 創建自定義CSS樣式 49
2. 重新定義HTML元素 50
3. 基於選擇的內容 51
4.3 編輯CSS樣式 52
4.3.1 修改CSS樣式 52
1. 類型 52
2. 背景 53
3. 區塊 53
4. 方框 54
5. 框線 54
6. 列表 54
7. 定位 55
8. 擴展 55
4.3.2 刪除CSS樣式 55
4.4 CSS樣式表的套用 56
練兵場 58
——製作光暈字效果
第5章 使用超連結暢遊各地
光碟演示路徑:超連結、網頁布局、表單和網頁發布\使用超連結
5.1 超連結概述 60
5.2 創建超連結 60
5.2.1 文本連結 60
5.2.2 圖像連結 62
5.2.3 E-mail連結 63
5.2.4 空連結 63
5.2.5 腳本連結 64
5.2.6 下載連結 65
5.2.7 錨連結 66
5.3 管理連結 67
5.3.1 設定連結管理特性 67
5.3.2 測試連結 68
練兵場 68
——創建圖像熱點連結
第6章 用表格布局網頁
光碟演示路徑:超連結、網頁布局、表單和網頁發布\用表格布局網頁
6.1 創建表格 70
6.1.1 表格的基本概念 70
6.1.2 插入表格 70
6.1.3 添加表格內容 71
6.1.4 插入嵌套表格 71
6.2 表格的屬性設定 72
6.2.1 設定單元格屬性 72
6.2.2 設定表格屬性 72
6.3 表格的基本操作 73
6.3.1 選中表格 73
1. 選中整個表格 73
2. 選中表格行 74
3. 選中表格列 75
4. 選中單元格 75
6.3.2 調整表格行或列 76
1. 插入表格行或列 76
2. 刪除表格行或列 76
6.3.3 單元格的合併與拆分 77
1. 拆分單元格 77
2. 合併單元格 77
6.4 使用表格布局頁面 77
練兵場 80
——製作有層次感的表格
第7章 用層布局網頁
光碟演示路徑:超連結、網頁布局、表單和網頁發布\用層布局網頁
7.1 創建層 82
7.1.1 層概述 82
7.1.2 創建普通層 82
1. 直接插入層 82
2. 繪製層 82
3. 拖動層到預定位置來創建層 83
7.1.3 創建嵌套層 83
7.2 設定層屬性 84
7.3 層的基本操作 86
7.3.1 選中層 86
7.3.2 調整層大小和位置 87
1. 調整層的大小 87
2. 調整層的位置 88
7.3.3 修改層名稱 88
7.3.4 控制層的可見性 89
7.4 使用層布局頁面 89
練兵場 92
——製作網頁廣告
第8章 創建表單網頁
光碟演示路徑:超連結、網頁布局、表單和網頁發布\創建表單網頁
8.1 創建表單域 94
8.1.1 初識表單 94
8.1.2 表單域 94
8.2 添加表單對象 95
1. 添加文本欄位 95
2. 添加隱藏域 96
3. 添加文本區域 96
4. 添加複選框 96
5. 添加單選按鈕 97
6. 添加單選按鈕組 97
7. 添加列表/選單 98
8. 添加跳轉選單 99
9. 添加按鈕 100
10. 添加Spry驗證文本域 100
8.3 表單套用實例 102
練兵場 104
——製作公司通訊錄
第9章 網站的發布和推廣
光碟演示路徑:超連結、網頁布局、表單和網頁發布\網站的發布和推廣
9.1 發布網頁 106
9.2 網站的推廣 107
第3篇 動畫製作
第10章 進入Flash魔幻世界
光碟演示路徑:製作使用Flash動畫\Flash CS4入門
10.1 Flash CS4的啟動與退出 111
10.1.1 啟動Flash CS4 111
10.1.2 退出Flash CS4 112
10.2 Flash CS4的工作界面 112
10.3 Flash CS4的基本操作 113
10.3.1 新建文檔 113
10.3.2 保存文檔 114
10.3.3 打開文檔 114
第11章 繪製矢量圖形
光碟演示路徑:製作使用Flash動畫\繪製矢量圖形
11.1 熟悉工具箱 116
11.2 Flash CS4的新增工具 116
11.2.1 3D旋轉工具組 116
11.2.2 Deco工具 117
11.2.3 骨骼工具組 118
11.2.4 噴塗刷工具 119
11.3 繪製基本圖形 120
11.3.1 繪製線條 120
1. 線條工具 120
2. 鉛筆工具 120
3. 鋼筆工具 121
11.3.2 繪製矩形和橢圓 121
11.3.3 繪製多邊形和星形 123
11.3.4 給圖形填充顏色 124
1. 顏料桶工具 124
2. 顏色面板 124
3. 墨水瓶工具與滴管工具 125
11.3.5 選擇圖形 125
練兵場 126
——繪製雲彩
第12章 製作Flash簡單動畫
光碟演示路徑:製作使用Flash動畫\製作Flash簡單動畫
12.1 時間軸與幀 128
12.1.1 時間軸 128
12.1.2 幀 128
1. 幀的類型 128
2. 幀的編輯 129
12.2 製作簡單動畫 132
12.2.1 逐幀動畫 132
12.2.2 補間動畫 134
1. 動畫補間動畫 134
2. 形狀補間動畫 137
12.2.3 引導動畫 140
12.2.4 遮罩動畫 142
12.3 文本動畫 146
練兵場 148
——製作筆畫字動畫
第13章 動作腳本的套用
光碟演示路徑:製作使用Flash動畫\動作腳本的使用
13.1 動作腳本入門 150
1. ActionScript基礎 150
2. 【動作】面板 151
13.2 數據類型 152
13.2.1 Boolean數據類型 152
13.2.2 String數據類型 153
13.2.3 Number數據類型和uint數據類型 154
13.2.4 int數據類型 155
13.3 常量與變數 155
13.3.1 常量 155
13.3.2 變數 156
1. 聲明變數 156
2. 變數的作用域 156
13.4 運算符 157
13.4.1 算術運算符 157
13.4.2 關係運算符 158
13.4.3 邏輯運算符 158
13.4.4 條件運算符 159
13.5 控制語句 159
13.5.1 條件控制語句 159
1. if語句 160
2. switch語句 162
13.5.2 循環控制語句 163
1. for循環語句 163
2. while循環語句 163
3. do…while循環語句 163
13.6 函式 164
13.6.1 定義函式 164
13.6.2 無參數無返回值的函式 164
13.6.3 無參數有返回值的函式 164
13.6.4 有參數無返回值的函式 165
13.6.5 有參數有返回值的函式 165
13.7 類與包 165
13.7.1 第一個自定義類 166
13.7.2 包 168
1. 創建包 168
2. 調用包 168
13.7.3 類、數據成員和成員方法 170
1. 定義類 170
2. 數據成員 170
3. 成員方法 170
練兵場 172
——控制小球運動
第14章 動畫的測試與發布
光碟演示路徑:製作使用Flash動畫\動畫的測試與發布
14.1 測試動畫 174
14.2 最佳化動畫 176
14.3 導出動畫 177
14.3.1 導出圖像 177
14.3.2 導出動畫 178
1. 導出GIF動畫 178
2. 導出SWF影片 179
14.4 發布動畫 180
14.4.1 設定發布格式 180
14.4.2 預覽發布效果 180
14.5 將Flash動畫嵌入到網頁中 181
第15章 Flash動畫在網頁中的套用
光碟演示路徑:製作使用Flash動畫\ Flash動畫在網頁中的套用
15.1 製作按鈕動畫 184
15.2 製作Flash導航條 187
15.3 製作網頁廣告 191
第4篇 圖像製作
第16章 初識Fireworks CS4
光碟演示路徑:製作網站圖像\Fireworks CS4入門
16.1 Fireworks CS4的啟動與退出 195
16.1.1 啟動Fireworks CS4 195
16.1.2 退出Fireworks CS4 196
16.2 Fireworks CS4的工作界面 196
16.3 Fireworks CS4的基本操作 199
16.3.1 新建文檔 199
16.3.2 保存文檔 199
16.3.3 打開文檔 201
16.3.4 選擇和縮放 203
16.3.5 畫布和圖像 204
1. 認識畫布和圖像 204
2. 畫布的顯示 205
3. 修改畫布的大小和顏色 206
4. 修改圖像的大小 208
5. 裁剪圖像 208
16.3.6 路徑、筆觸和填充 209
第17章 Photoshop CS4在網頁中的套用
光碟演示路徑:製作網站圖像\Photoshop CS4在網頁中的套用
17.1 使用Photoshop設計網頁效果圖 212
17.1.1 製作網頁背景和框架 212
17.1.2 製作導航欄 214
17.1.3 製作內容版面 215
1. 添加圖片 215
2. 製作房產公告部分 217
3. 製作版面的其他部分 219
17.2 Photoshop CS4與Fireworks CS4的區別 219
第18章 使用Fireworks繪製和編輯網頁圖像
光碟演示路徑:製作網站圖像\繪製編輯網頁圖像
18.1 繪製矢量圖 222
18.1.1 矢量工具 222
1. 【直線】工具 222
2. 【鋼筆】工具 222
3. 基本圖形工具 224
4. 自定形狀工具 226
5. 【文本】工具 226
6. 矢量對象編輯工具 227
7. 【刀子】工具 227
18.1.2 實例——繪製卡通手錶 227
18.2 編輯點陣圖 232
18.2.1 點陣圖工具 232
1. 【選取框】工具 與【橢圓選取框】工具 232
2. 【套索】工具 與【多邊形套索】工具 233
3. 【魔術棒】工具 234
4. 【刷子】工具 234
5. 【鉛筆】工具 235
6. 【橡皮擦】工具 235
7. 各種修飾工具 235
18.2.2 實例——為靜物更換背景 235
練兵場 236
——繪製條形碼
第19章 使用Fireworks創建網頁動畫
光碟演示路徑:製作網站圖像\創建網頁動畫
19.1 動畫基礎知識 238
19.1.1 GIF動畫 238
19.1.2 【狀態】和【層】面板 238
19.2 動畫實例——製作動態Banner 238
練兵場 242
——製作文字動畫
第20章 使用Fireworks設計網頁典型元素
光碟演示路徑:製作網站圖像\設計網頁典型元素
20.1 使用Fireworks打造特殊框線效果 244
20.2 製作個性信息框 246
20.3 打造逼真的書本效果 251
20.4 製作閃光略過的動畫效果 255
20.5 製作精美的播放器效果 259
1. 製作播放器背景 259
2. 繪製播放器 261
第21章 將圖像嵌入到網頁中
光碟演示路徑:製作網站圖像\將圖像嵌入到網頁中
21.1 使用Fireworks CS4對圖像切片 266
21.2 將圖像嵌入網頁 267
第5篇 網站建設實例
第22章 ASP-NET簡介
光碟演示路徑:網站建設實例\ASP-NET簡介
22.1 ASP-NET概述 271
22.1.1 什麼是ASP-NET 271
22.1.2 伺服器控制項 272
1. HTML伺服器控制項 272
2. Web伺服器控制項 273
3. Validation伺服器控制項 274
22.1.3 母版頁 275
22.2 C#概述 276
22.2.1 變數 276
1. 聲明變數 276
2. 初始化變數 276
3. 變數的作用域 276
4. 常量 277
22.2.2 數據類型 277
1. 簡單類型 277
2. 枚舉類型 279
3. 結構類型 279
4. 類(class)類型 279
5. 對象(object)類型 279
6. 字元串(string)類型 279
7. 接口類型 280
8. 代表類型 280
9. 數組 280
22.2.3 運算符 280
1. 算術運算符 281
2. 邏輯運算符 283
3. 比較運算符 284
4. 賦值運算符 285
5. 條件運算符 285
6. 運算符的優先權 286
22.2.4 流控制 287
1. 條件語句 287
2. 循環語句 290
3. 跳轉語句 292
22.2.5 類 293
1. 類的數據成員 293
2. 類的函式成員 294
3. 類的唯讀欄位 294
22.2.6 連線資料庫 295
1. ADO-NET的命名空間 295
2. ADO-NET的共享類 296
3. ADO-NET的特定類 296
4. 使用ADO-NET連線資料庫 297
22.2.7 C#編程規則 298
1. 用於標識符的規則 298
2. 用法約定 299
第23章 綜合性網站實例
光碟演示路徑:網站建設實例\綜合網站實例
23.1 製作網站的前期準備 306
23.1.1 網站分析 306
23.1.2 創建站點 307
23.1.3 配置Web伺服器 308
23.2 製作網站首頁 310
23.3 製作動態模組 313
23.3.1 設計分析 313
23.3.2 創建資料庫 313
1. 創建空白資料庫 313
2. 設計資料庫表 315
23.3.3 連線資料庫 317
23.3.4 製作留言模組 319
1. 創建首頁上的留言模組 319
2. 創建顯示留言頁面 321
3. 創建查看留言頁面 324
4. 創建發表留言頁面 326
5. 創建管理員登錄頁面 328
6. 創建管理留言頁面 330
7. 創建留言回復頁面 332
8. 創建登錄失敗提示頁面 335