《精通網頁設計和網站製作（視頻教學版）》是機械工業出版社2017年出版的圖書，作者：程振宏 等編著
基本介紹
- 書名：精通網頁設計和網站製作（視頻教學版）
- 作者：程振宏 等編著
- ISBN：978-7-111-57860-4
- 定價：59.00
- 出版社：機械工業出版社
- 出版時間：2017-09
- 開本：16
基本信息,內容簡介,目錄,
基本信息
作者：程振宏 等編著 |
ISBN(書號)：978-7-111-57860-4 |
出版日期：2017-09 |
版次：1/1 |
開本：16 |
定價：￥59.00 |
內容簡介
本書全面、細緻地剖析主流網頁設計與網站製作技術，精心整合併詳細介紹中文版Dreamweaver CC、Photoshop CC網頁設計工具以及HTML、JavaScript在網站製作中的實際套用，在講解基礎知識的同時，以大量商業案例來講解網頁設計的方法，並在正文中穿插大量操作技巧與學習心得，能讓讀者迅速成為網頁設計高手。
全書共19章，從認識網頁設計與網站製作開始，一步步講解Dreamweaver CC創建基本文本網頁，用圖像和多媒體美化網頁，使用表格布局排版網頁，使用模板和庫批量製作風格統一的網頁，使用CSS+DIV布局網頁，使用行為設計動感特效網頁，動態網站設計基礎，Photoshop CC製作網頁圖像，網頁切片輸出與動畫製作，Photoshop網頁圖像設計，JavaScript基礎知識，JavaScript程式核心語法，JavaScript中的對象和事件，HTML入門，HTML5基礎，設計企業宣傳型網站，申請域名和空間，網站的測試、上傳與維護等知識。
本書既可作為職業學校、電腦培訓班的教材，又可作為大專院校相關專業師生的教學參考用書，更是廣大網頁設計、網頁製作和網站製作愛好者首選的自學參考用書
全書共19章，從認識網頁設計與網站製作開始，一步步講解Dreamweaver CC創建基本文本網頁，用圖像和多媒體美化網頁，使用表格布局排版網頁，使用模板和庫批量製作風格統一的網頁，使用CSS+DIV布局網頁，使用行為設計動感特效網頁，動態網站設計基礎，Photoshop CC製作網頁圖像，網頁切片輸出與動畫製作，Photoshop網頁圖像設計，JavaScript基礎知識，JavaScript程式核心語法，JavaScript中的對象和事件，HTML入門，HTML5基礎，設計企業宣傳型網站，申請域名和空間，網站的測試、上傳與維護等知識。
本書既可作為職業學校、電腦培訓班的教材，又可作為大專院校相關專業師生的教學參考用書，更是廣大網頁設計、網頁製作和網站製作愛好者首選的自學參考用書
目錄
前 言
第1章 網頁設計與網站製作基礎 1
1.1 關於網頁設計基礎 2
1.1.1 什麼是網頁 2
1.1.2 Web標準的概念和特點 3
1.1.3 網頁設計師應該具備的素養 4
1.2 常用網頁設計軟體 4
1.2.1 網頁編輯排版軟體Dreamweaver CC 5
1.2.2 網頁動畫製作軟體Flash CC 5
1.2.3 網頁圖像設計軟體Photoshop CC 5
1.3 網站開發常用語言 6
1.3.1 網頁標記語言HTML 6
1.3.2 網頁樣式表CSS 7
1.3.3 網頁腳本語言JavaScript 7
1.3.4 動態網頁程式語言ASP 9
1.4 網站的類型與特點 9
1.4.1 資訊類網站 10
1.4.2 電子商務類網站 10
1.4.3 互動遊戲類網站 11
1.4.4 機構類網站 11
1.4.5 時尚類網站 12
1.4.6 門戶類網站 12
1.5 網站製作流程概述 12
1.5.1 了解客戶的需求 13
1.5.2 製作項目規劃文案 13
1.5.3 規劃網站內容 13
1.5.4 設計網頁圖像 14
1.5.5 製作網頁 14
1.5.6 開發動態網站模組 15
1.5.7 申請域名和伺服器空間 15
1.5.8 網站的推廣 16
第2章 Dreamweaver CC創建基本文本網頁 17
2.1 了解Dreamweaver CC的操作界面 18
2.2 在Dreamweaver中搭建站點 19
2.2.1 使用嚮導建立站點 20
2.2.2 使用高級設定建立站點 21
2.3 添加文本元素 24
2.3.1 在網頁中添加文本 24
2.3.2 插入日期 25
2.3.3 插入特殊字元 26
2.3.4 插入水平線 27
2.4 編輯文本格式 28
2.4.1 設定文本字型 28
2.4.2 設定文本大小 29
2.4.3 設定文本顏色 30
2.5 超連結的基本概念 30
2.6 創建連結的方法 30
2.6.1 使用“屬性”面板創建連結 30
2.6.2 使用指向檔案圖示創建連結 31
2.6.3 使用選單命令創建連結 31
2.7 技能訓練 31
技能訓練1——創建外部連結 31
技能訓練2——創建E-mail連結 32
技能訓練3——創建下載檔案的連結 34
技能訓練4——創建圖像熱點連結 35
技能訓練5——創建基本文本網頁 36
第3章 用圖像和多媒體美化網頁 38
3.1 在網頁中使用圖像 39
3.1.1 插入圖像 39
3.1.2 設定圖像屬性 40
3.1.3 裁剪圖像 41
3.1.4 調整圖像亮度和對比度 42
3.1.5 銳化圖像 43
3.2 插入其他圖像元素 43
3.2.1 插入背景圖像 44
3.2.2 創建滑鼠經過圖像 44
3.3 使用代碼提示添加背景音樂 46
3.4 插入其他媒體對象 48
3.4.1 插入Flash動畫 48
3.4.2 插入Flash Video 49
3.5 技能訓練 51
技能訓練1——創建滑鼠經過圖像導航欄 51
技能訓練2——創建圖文並茂的網頁 53
第4章 使用表格布局排版網頁 55
4.1 插入表格 56
4.1.1 表格的基本概念 56
4.1.2 插入表格 56
4.2 設定表格屬性 57
4.2.1 設定表格的屬性 57
4.2.2 設定單元格屬性 58
4.3 選擇表格元素 59
4.3.1 選取表格 59
4.3.2 選取行或列 60
4.3.3 選取單元格 60
4.4 表格的基本操作 61
4.4.1 調整表格高度和寬度 61
4.4.2 添加或刪除行或列 63
4.4.3 拆分單元格 64
4.4.4 合併單元格 65
4.4.5 剪下、複製、貼上單元格 66
4.5 技能訓練 66
技能訓練1——創建細線表格 66
技能訓練2——製作圓角表格 68
第5章 使用模板和庫批量製作風格統一的網頁 72
5.1 創建模板 73
5.1.1 新建模板 73
5.1.2 從現有文檔創建模板 74
5.2 創建可編輯區域 75
5.2.1 插入可編輯區域 75
5.2.2 刪除可編輯區域 76
5.2.3 更改可編輯區域 77
5.3 使用模板創建網頁 77
5.4 管理站點中的模板 79
5.4.1 刪除模板 79
5.4.2 修改模板 80
5.5 創建與套用庫項目 81
5.5.1 創建庫項目 82
5.5.2 套用庫項目 84
5.5.3 修改庫項目 85
5.6 技能訓練 85
技能訓練1——創建模板 86
技能訓練2——利用模板創建網頁 94
第6章 使用CSS+DIV布局網頁 97
6.1 初識DIV 98
6.1.1 什麼是Web標準 98
6.1.2 DIV概述 98
6.1.3 CSS+DIV布局優點 100
6.2 CSS布局方法 100
6.2.1 將頁面用DIV分塊 101
6.2.2 用CSS定位各塊的位置 101
6.3 常見的布局類型 103
6.3.1 單行單列固定寬度 104
6.3.2 一列自適應 105
6.3.3 兩列固定寬度 106
6.3.4 兩列寬度自適應 107
6.3.5 三列浮動中間寬度自適應 108
第7章 使用行為設計動感特效網頁 110
7.1 了解動作和事件 111
7.1.1 動作 111
7.1.2 事件 111
7.2 行為的添加與編輯 112
7.2.1 行為的添加 112
7.2.2 行為的修改 113
7.3 使用Dreamweaver內置行為 113
7.3.1 交換圖像 113
7.3.2 彈出信息 115
7.3.3 打開瀏覽器視窗 116
7.3.4 設定狀態欄文本 118
7.3.5 調用JavaScript 119
7.3.6 轉到URL 120
7.3.7 blind效果 121
7.3.8 Fold效果 123
7.3.9 檢查外掛程式 124
7.3.10 檢查表單 124
第8章 動態網站設計基礎 127
8.1 動態網頁的特點與製作過程 128
8.1.1 動態網頁的特點 128
8.1.2 動態網頁工作原理 128
8.1.3 動態網站技術核心 129
8.2 動態網站技術類型 130
8.2.1 ASP 130
8.2.2 PHP 131
8.2.3 JSP 131
8.2.4 ASP、PHP和JSP比較 132
8.3 搭建本地伺服器 132
8.3.1 安裝IIS 132
8.3.2 配置Web伺服器 134
8.4 創建資料庫連線 135
第9章 Photoshop CC製作網頁圖像 137
9.1 編輯圖像檔案 138
9.1.1 新建與保存網頁圖像檔案 138
9.1.2 打開網頁圖像檔案 139
9.2 使用頁面布局工具 140
9.2.1 使用標尺 140
9.2.2 使用參考線 141
9.2.3 使用矩形工具 141
9.2.4 使用直線工具 142
9.2.5 使用單行（列）選框工具 142
9.3 設定前景色和背景色 143
9.4 創建選擇區域 144
9.4.1 選框工具 144
9.4.2 套索工具 145
9.4.3 魔棒工具 145
9.4.4 製作透明圖像 145
9.5 基本繪圖工具 147
9.5.1 畫筆工具 147
9.5.2 鉛筆工具 148
9.5.3 減淡和加深工具 149
9.6 技能訓練——繪製網站標誌 150
第10章 網頁切片輸出與動畫製作 153
10.1 創建與編輯切片 154
10.1.1 切片方法 154
10.1.2 編輯切片選項 155
10.1.3 最佳化和輸出切片 155
10.2 Photoshop保存圖像的方式 156
10.2.1 認識網頁中支持的圖像格式 156
10.2.2 保存網頁圖像 157
10.3 創建GIF動畫 158
10.3.1 認識“動畫”面板 158
10.3.2 創建動畫 159
10.3.3 存儲動畫 162
10.4 技能訓練——企業網站首頁 162
技能訓練1——企業網站首頁 162
技能訓練2——創建網頁Banner動畫 166
第11章 Photoshop網頁圖像設計 169
11.1 網站Logo的製作 170
11.2 網站Banner的製作 172
11.3 網站按鈕的製作 174
11.4 導航條的製作 176
11.5 技能訓練——常見的文字特效設計 177
技能訓練1——絢彩果凍字 177
技能訓練2——立體多彩字 179
第12章 JavaScript基礎知識 182
12.1 JavaScript簡介 183
12.1.1 JavaScript的歷史 183
12.1.2 JavaScript特點 184
12.1.3 JavaScript注釋 184
12.2 JavaScript的添加方法 185
12.2.1 內部引用 185
12.2.2 外部調用js檔案 186
12.2.3 添加到事件中 187
12.3 基本數據類型 187
12.3.1 使用字元串型數據 187
12.3.2 使用數值型數據 188
12.3.3 使用布爾型數據 189
12.3.4 使用Undefined和Null類型 190
12.4 常量 191
12.4.1 常量的種類 191
12.4.2 常量的使用方法 192
12.4.3 變數的含義 192
12.4.4 變數的定義方式 193
12.4.5 變數的命名規則 194
12.4.6 變數的作用範圍 194
12.5 運算符介紹 195
12.5.1 算術運算符 196
12.5.2 關係運算符 196
12.5.3 字元串運算符 197
12.5.4 賦值運算符 198
12.5.5 邏輯運算符 199
12.5.6 位運算符 199
12.6 技能訓練——製作倒計時特效 200
第13章 JavaScript程式核心語法 202
13.1 函式 203
13.1.1 什麼是函式 203
13.1.2 函式的參數傳遞 204
13.1.3 函式中變數的作用域和返回值 205
13.2 函式的定義 206
13.2.1 函式的普通定義方式 206
13.2.2 函式的變數定義方式 207
13.2.3 函式的指針調用方式 208
13.3 使用選擇語句 210
13.3.1 if選擇語句 210
13.3.2 if-else選擇語句 211
13.3.3 If...else if...else選擇語句 212
13.3.4 switch多條件選擇語句 213
13.4 使用循環語句 215
13.4.1 for循環語句 215
13.4.2 while循環語句 217
13.4.3 do-while循環語句 218
13.4.4 break和continue跳轉語句 219
13.5 技能訓練——禁止右擊 221
第14章 JavaScript中的對象和事件 223
14.1 對象套用 224
14.1.1 聲明和實例化 224
14.1.2 對象的引用 226
14.1.3 對象的廢除 226
14.1.4 對象的綁定 227
14.2 瀏覽器對象 228
14.2.1 Navigator對象 228
14.2.2 windows對象 229
14.2.3 location對象 231
14.2.4 history對象 232
14.2.5 document對象 233
14.3 內置對象 234
14.3.1 Date對象 234
14.3.2 數學對象math 237
14.3.3 字元串對象String 238
14.3.4 數組對象Array 239
14.4 常見事件 241
14.4.1 onClick事件 241
14.4.2 onchange事件 242
14.4.3 onSelect事件 243
14.4.4 onFocus事件 245
14.4.5 onLoad事件 246
14.4.6 滑鼠移動事件 247
14.4.7 onblur事件 248
14.4.8 onsubmit事件和onreset事件 249
14.4.9 onresize頁面大小事件 251
14.4.10 鍵盤事件 251
14.5 技能訓練——改變網頁背景顏色和文字顏色 253
第15章 HTML入門 255
15.1 HTML的基本語法 256
15.1.1 網頁結構 256
15.1.2 創建HTML檔案 257
15.2 常見的HTML標籤 258
15.2.1 文本類標籤 259
15.2.2 文本類標籤：文本加粗、斜體與下劃線 260
15.2.3 表格標籤 261
15.2.4 超連結標籤 262
15.2.5 段落標籤 263
15.2.6 表單與按鈕標籤 264
15.2.7 圖片標籤 266
15.2.8 換行標籤 268
15.2.9 水平線標籤 269
15.2.10 特殊標籤 270
第16章 HTML5基礎 272
16.1 認識HTML5 273
16.2 HTML5與HTML4的區別 274
16.2.1 HTML5的語法變化 274
16.2.2 HTML 5中的標記方法 274
16.2.3 HTML 5語法中的3個要點 275
16.2.4 HTML5與HTML4在搜尋引擎最佳化的對比 276
16.3 HTML5新增的元素和廢除的元素 277
16.3.1 新增的結構元素 277
16.3.2 新增塊級元素 279
16.3.3 新增的行內的語義元素 281
16.3.4 新增的嵌入多媒體元素與互動性元素 285
16.3.5 新增的input元素的類型 286
16.3.6 廢除的元素 288
16.4 新增的主體結構元素 289
16.4.1 article元素 289
16.4.2 section元素 290
16.4.3 nav元素 292
16.4.4 aside元素 294
16.5 新增的非主體結構元素 295
16.5.1 header元素 295
16.5.2 hgroup元素 296
16.5.3 footer元素 297
16.5.4 address元素 298
第17章 設計企業宣傳型網站 299
17.1 網站前期策劃 300
17.1.1 明確企業網站建站目的 300
17.1.2 網站總體策劃 300
17.2 網站的版面布局及色彩 301
17.2.1 確定網站的色彩 301
17.2.2 草案及粗略布局 301
17.3 設計網站首頁 302
17.3.1 首頁的設計 302
17.3.2 切割首頁 307
17.4 創建本地站點 308
17.5 二級模板頁面的設計 309
17.5.1 創建庫檔案 309
17.5.2 創建模板 311
17.5.3 利用模板創建二級頁面 315
17.6 網站推廣 317
17.6.1 網站推廣的目的 317
17.6.2 網站推廣的方式 318
第18章 申請域名和空間 322
18.1 域名選擇 323
18.1.1 域名概述 323
18.1.2 域名的分類 323
18.1.3 選擇域名的方法 323
18.1.4 怎樣選擇最佳的域名 324
18.1.5 域名申請流程 325
18.2 伺服器空間選擇 327
18.2.1 伺服器空間的幾種類型 327
18.2.2 如何來選擇網站的伺服器空間 328
18.2.3 空間申請流程 329
18.3 網站備案 330
18.3.1 什麼是網站備案 330
18.3.2 為什麼要備案 331
18.3.3 哪些網站需要ICP備案 331
18.4 完整備案基本流程 331
18.5 經營性網站備案 333
18.5.1 經營性網站備案須知 333
18.5.2 經營性網站備案名稱規範 333
第19章 網站的測試、上傳與維護 335
19.1 站點的測試 336
19.1.1 檢查連結 336
19.1.2 站點報告 336
19.1.3 清理文檔 337
19.2 網頁的上傳 338
19.2.1 利用Dreamweaver上傳網頁 338
19.2.2 使用LeapFtp軟體上傳檔案 340
19.3 網站的維護 341
19.3.1 網站內容維護 341
19.3.2 網站備份 342
19.4 網站安全維護 342
19.4.1 NTFS許可權的設定 343
19.4.2 安裝必要的安全軟體 344
第1章 網頁設計與網站製作基礎 1
1.1 關於網頁設計基礎 2
1.1.1 什麼是網頁 2
1.1.2 Web標準的概念和特點 3
1.1.3 網頁設計師應該具備的素養 4
1.2 常用網頁設計軟體 4
1.2.1 網頁編輯排版軟體Dreamweaver CC 5
1.2.2 網頁動畫製作軟體Flash CC 5
1.2.3 網頁圖像設計軟體Photoshop CC 5
1.3 網站開發常用語言 6
1.3.1 網頁標記語言HTML 6
1.3.2 網頁樣式表CSS 7
1.3.3 網頁腳本語言JavaScript 7
1.3.4 動態網頁程式語言ASP 9
1.4 網站的類型與特點 9
1.4.1 資訊類網站 10
1.4.2 電子商務類網站 10
1.4.3 互動遊戲類網站 11
1.4.4 機構類網站 11
1.4.5 時尚類網站 12
1.4.6 門戶類網站 12
1.5 網站製作流程概述 12
1.5.1 了解客戶的需求 13
1.5.2 製作項目規劃文案 13
1.5.3 規劃網站內容 13
1.5.4 設計網頁圖像 14
1.5.5 製作網頁 14
1.5.6 開發動態網站模組 15
1.5.7 申請域名和伺服器空間 15
1.5.8 網站的推廣 16
第2章 Dreamweaver CC創建基本文本網頁 17
2.1 了解Dreamweaver CC的操作界面 18
2.2 在Dreamweaver中搭建站點 19
2.2.1 使用嚮導建立站點 20
2.2.2 使用高級設定建立站點 21
2.3 添加文本元素 24
2.3.1 在網頁中添加文本 24
2.3.2 插入日期 25
2.3.3 插入特殊字元 26
2.3.4 插入水平線 27
2.4 編輯文本格式 28
2.4.1 設定文本字型 28
2.4.2 設定文本大小 29
2.4.3 設定文本顏色 30
2.5 超連結的基本概念 30
2.6 創建連結的方法 30
2.6.1 使用“屬性”面板創建連結 30
2.6.2 使用指向檔案圖示創建連結 31
2.6.3 使用選單命令創建連結 31
2.7 技能訓練 31
技能訓練1——創建外部連結 31
技能訓練2——創建E-mail連結 32
技能訓練3——創建下載檔案的連結 34
技能訓練4——創建圖像熱點連結 35
技能訓練5——創建基本文本網頁 36
第3章 用圖像和多媒體美化網頁 38
3.1 在網頁中使用圖像 39
3.1.1 插入圖像 39
3.1.2 設定圖像屬性 40
3.1.3 裁剪圖像 41
3.1.4 調整圖像亮度和對比度 42
3.1.5 銳化圖像 43
3.2 插入其他圖像元素 43
3.2.1 插入背景圖像 44
3.2.2 創建滑鼠經過圖像 44
3.3 使用代碼提示添加背景音樂 46
3.4 插入其他媒體對象 48
3.4.1 插入Flash動畫 48
3.4.2 插入Flash Video 49
3.5 技能訓練 51
技能訓練1——創建滑鼠經過圖像導航欄 51
技能訓練2——創建圖文並茂的網頁 53
第4章 使用表格布局排版網頁 55
4.1 插入表格 56
4.1.1 表格的基本概念 56
4.1.2 插入表格 56
4.2 設定表格屬性 57
4.2.1 設定表格的屬性 57
4.2.2 設定單元格屬性 58
4.3 選擇表格元素 59
4.3.1 選取表格 59
4.3.2 選取行或列 60
4.3.3 選取單元格 60
4.4 表格的基本操作 61
4.4.1 調整表格高度和寬度 61
4.4.2 添加或刪除行或列 63
4.4.3 拆分單元格 64
4.4.4 合併單元格 65
4.4.5 剪下、複製、貼上單元格 66
4.5 技能訓練 66
技能訓練1——創建細線表格 66
技能訓練2——製作圓角表格 68
第5章 使用模板和庫批量製作風格統一的網頁 72
5.1 創建模板 73
5.1.1 新建模板 73
5.1.2 從現有文檔創建模板 74
5.2 創建可編輯區域 75
5.2.1 插入可編輯區域 75
5.2.2 刪除可編輯區域 76
5.2.3 更改可編輯區域 77
5.3 使用模板創建網頁 77
5.4 管理站點中的模板 79
5.4.1 刪除模板 79
5.4.2 修改模板 80
5.5 創建與套用庫項目 81
5.5.1 創建庫項目 82
5.5.2 套用庫項目 84
5.5.3 修改庫項目 85
5.6 技能訓練 85
技能訓練1——創建模板 86
技能訓練2——利用模板創建網頁 94
第6章 使用CSS+DIV布局網頁 97
6.1 初識DIV 98
6.1.1 什麼是Web標準 98
6.1.2 DIV概述 98
6.1.3 CSS+DIV布局優點 100
6.2 CSS布局方法 100
6.2.1 將頁面用DIV分塊 101
6.2.2 用CSS定位各塊的位置 101
6.3 常見的布局類型 103
6.3.1 單行單列固定寬度 104
6.3.2 一列自適應 105
6.3.3 兩列固定寬度 106
6.3.4 兩列寬度自適應 107
6.3.5 三列浮動中間寬度自適應 108
第7章 使用行為設計動感特效網頁 110
7.1 了解動作和事件 111
7.1.1 動作 111
7.1.2 事件 111
7.2 行為的添加與編輯 112
7.2.1 行為的添加 112
7.2.2 行為的修改 113
7.3 使用Dreamweaver內置行為 113
7.3.1 交換圖像 113
7.3.2 彈出信息 115
7.3.3 打開瀏覽器視窗 116
7.3.4 設定狀態欄文本 118
7.3.5 調用JavaScript 119
7.3.6 轉到URL 120
7.3.7 blind效果 121
7.3.8 Fold效果 123
7.3.9 檢查外掛程式 124
7.3.10 檢查表單 124
第8章 動態網站設計基礎 127
8.1 動態網頁的特點與製作過程 128
8.1.1 動態網頁的特點 128
8.1.2 動態網頁工作原理 128
8.1.3 動態網站技術核心 129
8.2 動態網站技術類型 130
8.2.1 ASP 130
8.2.2 PHP 131
8.2.3 JSP 131
8.2.4 ASP、PHP和JSP比較 132
8.3 搭建本地伺服器 132
8.3.1 安裝IIS 132
8.3.2 配置Web伺服器 134
8.4 創建資料庫連線 135
第9章 Photoshop CC製作網頁圖像 137
9.1 編輯圖像檔案 138
9.1.1 新建與保存網頁圖像檔案 138
9.1.2 打開網頁圖像檔案 139
9.2 使用頁面布局工具 140
9.2.1 使用標尺 140
9.2.2 使用參考線 141
9.2.3 使用矩形工具 141
9.2.4 使用直線工具 142
9.2.5 使用單行（列）選框工具 142
9.3 設定前景色和背景色 143
9.4 創建選擇區域 144
9.4.1 選框工具 144
9.4.2 套索工具 145
9.4.3 魔棒工具 145
9.4.4 製作透明圖像 145
9.5 基本繪圖工具 147
9.5.1 畫筆工具 147
9.5.2 鉛筆工具 148
9.5.3 減淡和加深工具 149
9.6 技能訓練——繪製網站標誌 150
第10章 網頁切片輸出與動畫製作 153
10.1 創建與編輯切片 154
10.1.1 切片方法 154
10.1.2 編輯切片選項 155
10.1.3 最佳化和輸出切片 155
10.2 Photoshop保存圖像的方式 156
10.2.1 認識網頁中支持的圖像格式 156
10.2.2 保存網頁圖像 157
10.3 創建GIF動畫 158
10.3.1 認識“動畫”面板 158
10.3.2 創建動畫 159
10.3.3 存儲動畫 162
10.4 技能訓練——企業網站首頁 162
技能訓練1——企業網站首頁 162
技能訓練2——創建網頁Banner動畫 166
第11章 Photoshop網頁圖像設計 169
11.1 網站Logo的製作 170
11.2 網站Banner的製作 172
11.3 網站按鈕的製作 174
11.4 導航條的製作 176
11.5 技能訓練——常見的文字特效設計 177
技能訓練1——絢彩果凍字 177
技能訓練2——立體多彩字 179
第12章 JavaScript基礎知識 182
12.1 JavaScript簡介 183
12.1.1 JavaScript的歷史 183
12.1.2 JavaScript特點 184
12.1.3 JavaScript注釋 184
12.2 JavaScript的添加方法 185
12.2.1 內部引用 185
12.2.2 外部調用js檔案 186
12.2.3 添加到事件中 187
12.3 基本數據類型 187
12.3.1 使用字元串型數據 187
12.3.2 使用數值型數據 188
12.3.3 使用布爾型數據 189
12.3.4 使用Undefined和Null類型 190
12.4 常量 191
12.4.1 常量的種類 191
12.4.2 常量的使用方法 192
12.4.3 變數的含義 192
12.4.4 變數的定義方式 193
12.4.5 變數的命名規則 194
12.4.6 變數的作用範圍 194
12.5 運算符介紹 195
12.5.1 算術運算符 196
12.5.2 關係運算符 196
12.5.3 字元串運算符 197
12.5.4 賦值運算符 198
12.5.5 邏輯運算符 199
12.5.6 位運算符 199
12.6 技能訓練——製作倒計時特效 200
第13章 JavaScript程式核心語法 202
13.1 函式 203
13.1.1 什麼是函式 203
13.1.2 函式的參數傳遞 204
13.1.3 函式中變數的作用域和返回值 205
13.2 函式的定義 206
13.2.1 函式的普通定義方式 206
13.2.2 函式的變數定義方式 207
13.2.3 函式的指針調用方式 208
13.3 使用選擇語句 210
13.3.1 if選擇語句 210
13.3.2 if-else選擇語句 211
13.3.3 If...else if...else選擇語句 212
13.3.4 switch多條件選擇語句 213
13.4 使用循環語句 215
13.4.1 for循環語句 215
13.4.2 while循環語句 217
13.4.3 do-while循環語句 218
13.4.4 break和continue跳轉語句 219
13.5 技能訓練——禁止右擊 221
第14章 JavaScript中的對象和事件 223
14.1 對象套用 224
14.1.1 聲明和實例化 224
14.1.2 對象的引用 226
14.1.3 對象的廢除 226
14.1.4 對象的綁定 227
14.2 瀏覽器對象 228
14.2.1 Navigator對象 228
14.2.2 windows對象 229
14.2.3 location對象 231
14.2.4 history對象 232
14.2.5 document對象 233
14.3 內置對象 234
14.3.1 Date對象 234
14.3.2 數學對象math 237
14.3.3 字元串對象String 238
14.3.4 數組對象Array 239
14.4 常見事件 241
14.4.1 onClick事件 241
14.4.2 onchange事件 242
14.4.3 onSelect事件 243
14.4.4 onFocus事件 245
14.4.5 onLoad事件 246
14.4.6 滑鼠移動事件 247
14.4.7 onblur事件 248
14.4.8 onsubmit事件和onreset事件 249
14.4.9 onresize頁面大小事件 251
14.4.10 鍵盤事件 251
14.5 技能訓練——改變網頁背景顏色和文字顏色 253
第15章 HTML入門 255
15.1 HTML的基本語法 256
15.1.1 網頁結構 256
15.1.2 創建HTML檔案 257
15.2 常見的HTML標籤 258
15.2.1 文本類標籤 259
15.2.2 文本類標籤：文本加粗、斜體與下劃線 260
15.2.3 表格標籤 261
15.2.4 超連結標籤 262
15.2.5 段落標籤 263
15.2.6 表單與按鈕標籤 264
15.2.7 圖片標籤 266
15.2.8 換行標籤 268
15.2.9 水平線標籤 269
15.2.10 特殊標籤 270
第16章 HTML5基礎 272
16.1 認識HTML5 273
16.2 HTML5與HTML4的區別 274
16.2.1 HTML5的語法變化 274
16.2.2 HTML 5中的標記方法 274
16.2.3 HTML 5語法中的3個要點 275
16.2.4 HTML5與HTML4在搜尋引擎最佳化的對比 276
16.3 HTML5新增的元素和廢除的元素 277
16.3.1 新增的結構元素 277
16.3.2 新增塊級元素 279
16.3.3 新增的行內的語義元素 281
16.3.4 新增的嵌入多媒體元素與互動性元素 285
16.3.5 新增的input元素的類型 286
16.3.6 廢除的元素 288
16.4 新增的主體結構元素 289
16.4.1 article元素 289
16.4.2 section元素 290
16.4.3 nav元素 292
16.4.4 aside元素 294
16.5 新增的非主體結構元素 295
16.5.1 header元素 295
16.5.2 hgroup元素 296
16.5.3 footer元素 297
16.5.4 address元素 298
第17章 設計企業宣傳型網站 299
17.1 網站前期策劃 300
17.1.1 明確企業網站建站目的 300
17.1.2 網站總體策劃 300
17.2 網站的版面布局及色彩 301
17.2.1 確定網站的色彩 301
17.2.2 草案及粗略布局 301
17.3 設計網站首頁 302
17.3.1 首頁的設計 302
17.3.2 切割首頁 307
17.4 創建本地站點 308
17.5 二級模板頁面的設計 309
17.5.1 創建庫檔案 309
17.5.2 創建模板 311
17.5.3 利用模板創建二級頁面 315
17.6 網站推廣 317
17.6.1 網站推廣的目的 317
17.6.2 網站推廣的方式 318
第18章 申請域名和空間 322
18.1 域名選擇 323
18.1.1 域名概述 323
18.1.2 域名的分類 323
18.1.3 選擇域名的方法 323
18.1.4 怎樣選擇最佳的域名 324
18.1.5 域名申請流程 325
18.2 伺服器空間選擇 327
18.2.1 伺服器空間的幾種類型 327
18.2.2 如何來選擇網站的伺服器空間 328
18.2.3 空間申請流程 329
18.3 網站備案 330
18.3.1 什麼是網站備案 330
18.3.2 為什麼要備案 331
18.3.3 哪些網站需要ICP備案 331
18.4 完整備案基本流程 331
18.5 經營性網站備案 333
18.5.1 經營性網站備案須知 333
18.5.2 經營性網站備案名稱規範 333
第19章 網站的測試、上傳與維護 335
19.1 站點的測試 336
19.1.1 檢查連結 336
19.1.2 站點報告 336
19.1.3 清理文檔 337
19.2 網頁的上傳 338
19.2.1 利用Dreamweaver上傳網頁 338
19.2.2 使用LeapFtp軟體上傳檔案 340
19.3 網站的維護 341
19.3.1 網站內容維護 341
19.3.2 網站備份 342
19.4 網站安全維護 342
19.4.1 NTFS許可權的設定 343
19.4.2 安裝必要的安全軟體 344
