本書全面、詳實(shí)地介紹了網(wǎng)站設(shè)計(jì)、開發(fā)、維護(hù)、推廣的具體方法和步驟。其中不僅包括靜態(tài)網(wǎng)頁的制作、動態(tài)網(wǎng)站的開發(fā)、網(wǎng)站的推廣與宣傳等內(nèi)容,還包括綜合性的整站建設(shè)案例。此外,附錄中還包括“網(wǎng)頁制作常見問題精解”等有助于讀者速學(xué)、速查的內(nèi)容。
全書共分為19章,以“入門篇→網(wǎng)頁設(shè)計(jì)與制作篇→動態(tài)網(wǎng)站開發(fā)篇→網(wǎng)站發(fā)布與維護(hù)篇→綜合案例篇”為線索具體展開,涵蓋了網(wǎng)站設(shè)計(jì)、開發(fā)、維護(hù)、推廣方面的內(nèi)容。書中涉及大量的實(shí)例,難度由低到高、循序漸進(jìn),并注重技巧的歸納和總結(jié)。
本書語言簡潔、內(nèi)容豐富,適合網(wǎng)頁設(shè)計(jì)與制作人員、網(wǎng)站建設(shè)與開發(fā)人員、大中專院校相關(guān)專業(yè)師生、網(wǎng)頁制作培訓(xùn)班學(xué)員與自學(xué)者閱讀。
第1部分 入門篇
第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ) 2
1.1 網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語 2
1.1.1 什么靜態(tài)網(wǎng)頁 2
1.1.2 什么動態(tài)網(wǎng)頁 3
1.2 網(wǎng)頁美工常用工具 4
1.2.1 掌握網(wǎng)頁編輯排版軟件
Dreamweaver 4
1.2.2 掌握網(wǎng)頁圖像制作軟件
Photoshop 5
1.2.3 掌握網(wǎng)頁動畫制作軟件
Flash 5
1.3 網(wǎng)頁版面布局設(shè)計(jì) 6
1.3.1 網(wǎng)頁版面布局原則 6
1.3.2 點(diǎn)、線、面的構(gòu)成 7
1.4 常見的網(wǎng)站類型 9
1.4.1 個人網(wǎng)站 9
1.4.2 企業(yè)類網(wǎng)站 10
1.4.3 娛樂休閑類網(wǎng)站 10
1.4.4 行業(yè)信息類網(wǎng)站 11
1.4.5 門戶類網(wǎng)站 12
1.4.6 購物類網(wǎng)站 12
1.5 文字與圖像版式設(shè)計(jì) 13
1.5.1 文字的字體、字號、行距 13
1.5.2 文字的圖形化 13
1.6 網(wǎng)站建設(shè)的一般流程 14
1.6.1 確定網(wǎng)站主題 14
1.6.2 網(wǎng)站整體規(guī)劃 14
1.6.3 收集資料與素材 15
1.6.4 設(shè)計(jì)網(wǎng)頁圖像 16
1.6.5 制作網(wǎng)頁 17
1.6.6 開發(fā)動態(tài)網(wǎng)站模塊 17
1.6.7 發(fā)布與上傳 19
1.6.8 后期更新與維護(hù) 19
1.6.9 網(wǎng)站的推廣 19
1.7 經(jīng)典習(xí)題與解答 19
第2章 網(wǎng)站頁面配色和創(chuàng)意 20
2.1 色彩基礎(chǔ)知識 20
2.1.1 色彩的基本概念 20
2.1.2 常見色彩表達(dá)的意義 21
2.2 網(wǎng)頁色彩搭配 23
2.2.1 網(wǎng)頁色彩搭配原理 23
2.2.2 網(wǎng)頁設(shè)計(jì)中色彩搭配的
技巧 24
2.2.3 常見的網(wǎng)頁配色方案 26
2.3 頁面設(shè)計(jì)創(chuàng)意思維 29
2.3.1 什么是創(chuàng)意 29
2.3.2 創(chuàng)意思維的原則 29
2.4 創(chuàng)意的方法 32
2.4.1 富于聯(lián)想 32
2.4.2 巧用對比 32
2.4.3 大膽夸張 33
2.4.4 善用比喻 33
2.4.5 以小見大 34
2.4.6 流行時尚 34
2.5 經(jīng)典習(xí)題與解答 35
第2部分 網(wǎng)頁設(shè)計(jì)與制作篇
第3章 熟悉Dreamweaver CC的工作
環(huán)境 38
3.1 Dreamweaver CC工作區(qū) 38
3.2 Dreamweaver CC工具欄 39
3.2.1 標(biāo)準(zhǔn)工具欄 39
3.2.2 文檔工具欄 39
3.3 浮動面板 39
3.4 插入欄 40
3.5 創(chuàng)建本地站點(diǎn) 41
3.5.1 使用站點(diǎn)向?qū)?chuàng)建本地
站點(diǎn) 41
3.5.2 使用高級設(shè)置建立站點(diǎn) 42
3.6 管理站點(diǎn)文件 46
3.6.1 創(chuàng)建文件夾和文件 46
3.6.2 移動和復(fù)制文件 47
3.7 經(jīng)典習(xí)題與解答 48
第4章 制作簡潔的文本網(wǎng)頁 49
4.1 插入文本 49
4.1.1 普通文本 49
4.1.2 特殊字符 50
4.1.3 插入日期 52
4.2 設(shè)置文本屬性 53
4.2.1 設(shè)置標(biāo)題段落格式 53
4.2.2 設(shè)置文本字體和字號 54
4.2.3 添加新字體 54
4.2.4 設(shè)置文本顏色 55
4.2.5 設(shè)置文本對齊方式 56
4.2.6 設(shè)置文本縮進(jìn)和凸出 56
4.3 創(chuàng)建項(xiàng)目列表和編號列表 57
4.3.1 創(chuàng)建項(xiàng)目列表 57
4.3.2 創(chuàng)建編號列表 58
4.4 插入網(wǎng)頁頭部內(nèi)容 58
4.4.1 插入Meta 58
4.4.2 插入關(guān)鍵字 59
4.4.3 插入說明 59
4.4.4 插入腳本 59
4.4.5 設(shè)置Hyperlink 60
4.5 在網(wǎng)頁中插入水平線 60
4.6 檢查拼寫與查找替換 63
4.6.1 檢查拼寫 63
4.6.2 查找和替換 63
4.7 實(shí)例—創(chuàng)建基本文本網(wǎng)頁 64
4.8 經(jīng)典習(xí)題與解答 66
第5章 使用圖像豐富網(wǎng)頁內(nèi)容 68
5.1 網(wǎng)頁中常用的圖像格式 68
5.1.1 GIF格式 68
5.1.2 JPEG格式 69
5.1.3 PNG格式 69
5.2 在網(wǎng)頁中插入圖像 69
5.2.1 插入普通圖像 69
5.2.2 插入鼠標(biāo)經(jīng)過圖像 71
5.3 設(shè)置圖像屬性 74
5.3.1 調(diào)整圖像大小 74
5.3.2 設(shè)置圖像對齊方式 75
5.4 在網(wǎng)頁中編輯圖像 76
5.4.1 裁剪圖像 76
5.4.2 重新取樣圖像 77
5.4.3 調(diào)整圖像亮度和對比度 77
5.4.4 銳化圖像 78
5.5 插入Flash 79
5.5.1 插入Flash動畫 79
5.5.2 插入Flash視頻 80
5.6 實(shí)例 82
實(shí)例1—創(chuàng)建圖文混排網(wǎng)頁 82
實(shí)例2—創(chuàng)建翻轉(zhuǎn)圖像導(dǎo)航 85
5.7 經(jīng)典習(xí)題與解答 88
第6章 使用行為和JavaScript制作動感
特效網(wǎng)頁 89
6.1 行為概述 89
6.1.1 認(rèn)識事件 90
6.1.2 動作類型 90
6.2 使用Dreamweaver內(nèi)置行為 91
6.2.1 交換圖像 91
6.2.2 轉(zhuǎn)到URL 93
6.2.3 打開瀏覽器窗口 95
6.2.4 彈出信息 98
6.2.5 設(shè)置狀態(tài)欄文本 99
6.2.6 預(yù)先載入圖像 101
6.2.7 檢查表單 103
6.3 利用腳本制作特效網(wǎng)頁 105
6.3.1 制作滾動公告網(wǎng)頁 105
6.3.2 制作自動關(guān)閉網(wǎng)頁 107
6.3.3 利用JavaScript函數(shù)實(shí)現(xiàn)
打印功能 108
6.4 經(jīng)典習(xí)題與解答 110
第7章 使用表格排列網(wǎng)頁數(shù)據(jù) 112
7.1 網(wǎng)頁的基本構(gòu)成 112
7.2 網(wǎng)頁布局方法 114
7.2.1 紙上布局法 114
7.2.2 軟件布局法 114
7.3 常見的網(wǎng)頁布局類型 114
7.3.1 國字型布局 115
7.3.2 廠字型布局 115
7.3.3 框架型布局 116
7.3.4 封面型布局 116
7.3.5 Flash型布局 116
7.4 基本的表格布局方法 117
7.4.1 插入表格 117
7.4.2 設(shè)置表格屬性 118
7.4.3 合并單元格 119
7.4.4 選取表格對象 120
7.5 實(shí)例—利用表格布局網(wǎng)頁 121
7.5.1 實(shí)例1—利用表格排列
數(shù)據(jù) 121
7.5.2 實(shí)例2—捌角型布局 123
7.5.3 實(shí)例3—封面型布局 127
7.5.4 實(shí)例4—國字型布局
網(wǎng)頁 130
7.6 經(jīng)典習(xí)題與解答 136
第8章 創(chuàng)建超級鏈接 137
8.1 關(guān)于超鏈接的基本概念 137
8.1.1 絕對路徑 137
8.1.2 相對路徑 138
8.2 創(chuàng)建超級鏈接的方法 138
8.2.1 使用屬性面板創(chuàng)建
鏈接 138
8.2.2 使用指向文件圖標(biāo)創(chuàng)建
鏈接 138
8.2.3 使用菜單創(chuàng)建鏈接 138
8.3 創(chuàng)建各種類型的鏈接 139
8.3.1 創(chuàng)建文本鏈接 139
8.3.2 創(chuàng)建圖像熱點(diǎn)鏈接 140
8.3.3 創(chuàng)建E-mail鏈接 141
8.3.4 創(chuàng)建下載文件鏈接 143
8.3.5 創(chuàng)建腳本鏈接 144
8.3.6 創(chuàng)建空鏈接 145
8.4 管理超級鏈接 145
8.4.1 自動更新鏈接 146
8.4.2 在站點(diǎn)范圍內(nèi)更改鏈接 146
8.4.3 檢查站點(diǎn)中的鏈接錯誤 147
8.5 實(shí)例—創(chuàng)建圖像熱點(diǎn)鏈接 147
8.6 經(jīng)典習(xí)題與解答 149
第9章 使用模板和庫提高網(wǎng)頁制作
效率 150
9.1 創(chuàng)建模板網(wǎng)頁 150
9.1.1 直接創(chuàng)建模板 150
9.1.2 從現(xiàn)有文檔創(chuàng)建模板 152
9.2 使用模板 153
9.2.1 定義可編輯區(qū) 153
9.2.2 定義新的可選區(qū)域 154
9.2.3 定義重復(fù)區(qū)域 155
9.2.4 基于模板創(chuàng)建網(wǎng)頁 155
9.3 管理模板 159
9.3.1 更新模板 159
9.3.2 從模板中脫離 161
9.4 創(chuàng)建與應(yīng)用庫項(xiàng)目 162
9.4.1 關(guān)于庫項(xiàng)目 162
9.4.2 創(chuàng)建庫項(xiàng)目 162
9.4.3 應(yīng)用庫項(xiàng)目 164
9.4.4 修改庫項(xiàng)目 166
9.5 實(shí)例—模板應(yīng)用 167
9.5.1 實(shí)例1—創(chuàng)建網(wǎng)站
模板 167
9.5.2 實(shí)例2—利用模板創(chuàng)建
網(wǎng)頁 179
9.6 經(jīng)典習(xí)題與解答 183
9.6.1 填空題 183
9.6.2 操作題 184
第10章 CSS+Div布局網(wǎng)頁 185
10.1 初識Div 185
10.1.1 Div概述 185
10.1.2 Div與span的區(qū)別 185
10.1.3 Div與CSS布局優(yōu)勢 187
10.2 CSS定位 188
10.2.1 盒子模型的概念 188
10.2.2 float定位 188
10.2.3 position定位 190
10.3 CSS布局理念 191
10.3.1 將頁面用Div分塊 191
10.3.2 設(shè)計(jì)各塊的位置 191
10.3.3 用CSS定位 192
10.4 常見的布局類型 193
10.4.1 一列固定寬度 193
10.4.2 一列自適應(yīng) 195
10.4.3 兩列固定寬度 195
10.4.4 兩列寬度自適應(yīng) 196
10.4.5 兩列右列寬度自適應(yīng) 198
10.4.6 三列浮動中間寬度自
適應(yīng) 198
10.5 經(jīng)典習(xí)題與解答 200
第11章 處理與優(yōu)化網(wǎng)頁中的圖片 201
11.1 Photoshop CC工作環(huán)境簡介 201
11.2 調(diào)整圖像大小 205
11.3 網(wǎng)頁圖像的色彩調(diào)整 207
11.3.1 使用【色階】命令優(yōu)化
網(wǎng)頁圖像 207
11.3.2 使用【曲線】命令優(yōu)化網(wǎng)頁
圖像 208
11.3.3 使用【色彩平衡】命令優(yōu)化
網(wǎng)頁圖像 210
11.3.4 使用【亮度/對比度】命令
優(yōu)化網(wǎng)頁圖像 211
11.3.5 使用【色相/飽和度】命令
優(yōu)化網(wǎng)頁圖像 212
11.4 處理產(chǎn)品圖像 213
11.5 經(jīng)典習(xí)題與解答 216
第12章 設(shè)計(jì)網(wǎng)站Logo和按鈕 218
12.1 VI簡介 218
12.1.1 VI設(shè)計(jì)的概念 218
12.1.2 VI在網(wǎng)站設(shè)計(jì)中的
意義 219
12.2 網(wǎng)站標(biāo)識設(shè)計(jì)概述 220
12.2.1 網(wǎng)站Logo設(shè)計(jì)標(biāo)準(zhǔn) 220
12.2.2 網(wǎng)站Logo的標(biāo)準(zhǔn)尺寸 220
12.3 按鈕設(shè)計(jì) 221
12.3.1 制作導(dǎo)航按鈕 221
12.3.2 制作發(fā)光按鈕 224
12.4 經(jīng)典習(xí)題與解答 226
第13章 設(shè)計(jì)網(wǎng)站動畫和網(wǎng)絡(luò)廣告 227
13.1 Flash工作環(huán)境簡介 227
13.2 網(wǎng)站廣告設(shè)計(jì)指南 229
13.2.1 網(wǎng)站廣告設(shè)計(jì)基本
原則 230
13.2.2 網(wǎng)站廣告的類型 231
13.3 制作網(wǎng)頁廣告實(shí)例 232
13.3.1 設(shè)計(jì)Banner宣傳廣告
實(shí)例 232
13.3.2 紙質(zhì)遮罩動畫效果 240
13.4 經(jīng)典習(xí)題與解答 243
第3部分 動態(tài)網(wǎng)站開發(fā)篇
第14章 在Dreamweaver中編寫代碼 246
14.1 查看源代碼 246
14.2 管理標(biāo)簽庫 247
14.3 Dreamweaver中的編碼 247
14.3.1 使用代碼提示加入背景
音樂 247
14.3.2 使用標(biāo)簽選擇器插入
浮動框架 250
14.3.3 使用標(biāo)簽編輯器編輯
標(biāo)簽 254
14.4 使用代碼片斷面板 254
14.5 經(jīng)典習(xí)題與解答 255
第15章 動態(tài)網(wǎng)站創(chuàng)建基礎(chǔ) 257
15.1 搭建服務(wù)器平臺 257
15.2 設(shè)計(jì)數(shù)據(jù)庫 261
15.3 建立數(shù)據(jù)庫連接 263
15.3.1 了解DSN 263
15.3.2 定義系統(tǒng)DSN 263
15.4 SQL語言簡介 265
15.4.1 SQL語言概述 265
15.4.2 SQL的優(yōu)點(diǎn) 266
15.5 常用的SQL語句 266
15.5.1 表的建立(CREATE
TABLE) 266
15.5.2 插入數(shù)據(jù)(INSERT
INTO) 267
15.5.3 修改數(shù)據(jù)(UPDATE) 268
15.5.4 刪除數(shù)據(jù)(DELETE) 269
15.5.5 SQL查詢語句
(SELECT) 269
15.6 經(jīng)典習(xí)題與解答 271
第4部分 網(wǎng)站發(fā)布與維護(hù)篇
第16章 網(wǎng)站的發(fā)布 274
16.1 站點(diǎn)的測試 274
16.1.1 檢查斷掉的鏈接 274
16.1.2 檢查外部鏈接 275
16.1.3 檢查孤立文件 275
16.2 網(wǎng)頁的上傳 276
16.2.1 利用Dreamweaver上傳
網(wǎng)頁 276
16.2.2 LeapFTP上傳文件 277
16.3 經(jīng)典習(xí)題與解答 280
第17章 網(wǎng)站的日常維護(hù) 281
17.1 網(wǎng)站的運(yùn)營維護(hù) 281
17.2 網(wǎng)站數(shù)據(jù)庫內(nèi)容維護(hù) 283
17.3 網(wǎng)頁維護(hù) 284
17.4 網(wǎng)站安全維護(hù) 284
17.4.1 取消文件夾隱藏共享 285
17.4.2 刪掉不必要的協(xié)議 285
17.4.3 關(guān)閉文件和打印共享 286
17.4.4 禁用Guest賬號 287
17.4.5 禁止建立空連接 287
17.4.6 設(shè)置NTFS權(quán)限 288
17.4.7 管理操作系統(tǒng)賬號 289
17.4.8 安裝必要的殺毒軟件 290
17.4.9 做好Internet Explorer
瀏覽器的安全設(shè)置 290
17.5 經(jīng)典習(xí)題與解答 291
第18章 網(wǎng)站宣傳與推廣 292
18.1 注冊到搜索引擎 292
18.2 導(dǎo)航網(wǎng)站登錄 294
18.3 友情鏈接 295
18.4 網(wǎng)絡(luò)廣告 296
18.5 郵件廣告 296
18.6 聊天工具推廣網(wǎng)站 297
18.7 發(fā)布信息推廣 298
18.8 博客推廣 299
18.9 傳統(tǒng)媒體廣告 300
18.10 商業(yè)資源合作推廣 300
18.11 經(jīng)典習(xí)題與解答 301
第5部分 綜合案例篇
第19章 創(chuàng)建企業(yè)展示型網(wǎng)站 304
19.1 網(wǎng)站前期策劃 304
19.1.1 企業(yè)網(wǎng)站分類 304
19.1.2 企業(yè)網(wǎng)站主要功能
頁面 306
19.1.3 本例網(wǎng)站頁面 308
19.2 設(shè)計(jì)網(wǎng)站首頁 309
19.2.1 設(shè)計(jì)首頁 309
19.2.2 切割首頁 313
19.3 在Dreamweaver中進(jìn)行頁面
排版制作 314
19.3.1 創(chuàng)建本地站點(diǎn) 315
19.3.2 創(chuàng)建二級模板頁面 315
19.3.3 利用模板制作其他
網(wǎng)頁 319
19.4 給網(wǎng)頁添加彈出窗口頁面 322
19.5 本地測試及發(fā)布上傳 324
19.6 經(jīng)典習(xí)題與解答 324
第6部分 附錄篇
附錄A 網(wǎng)頁制作常見問題精解 328
附錄B ASP函數(shù)速查表 367
附錄C JavaScript語法速查 372
附錄D CSS屬性一覽表 379