內容簡介
本書詳細介紹了如何進行網站的前期策劃,如何綜合使用Dreamweaver CS6、Photoshop CS6和Flash CS6等工具來建設網站,如何在ASP環境下建設動態網站,以及資料庫的創建和網站的策劃、維護、宣傳與推廣等內容。
圖書目錄
網頁製作與網站建設入門基礎
第1篇
建站快速入門
網頁設計與網站建設基礎2
1.1 常見的網站類型3
1.1.1 個人網站3
1.1.2 企業類網站3
1.1.3 娛樂休閒類網站3
1.1.4 機構類網站4
1.1.5 行業信息類網站4
1.1.6 購物類網站5
1.1.7 門戶類網站5
1.2 常用網頁設計軟體和技術6
1.2.1 網頁編輯排版軟體6
1.2.2 網頁動畫製作軟體7
1.2.3 網頁圖像設計軟體7
1.2.4 網頁標記語言HTML8
1.2.5 網頁腳本語言9
1.2.6 動態網頁程式語言ASP10
1.3 靜態網頁和動態網頁10
1.3.1 什麼是靜態網頁10
1.3.2 什麼是動態網頁11
用色彩搭配賞心悅目的網站12
2.1 色彩基礎知識13
2.1.1 色彩的基本概念13
2.1.2 網頁色彩的冷暖視覺13
2.2 常見網頁色彩搭配分析15
2.2.1 綠色15
2.2.2 黃色16
2.2.3 藍色17
2.2.4 紅色18
2.2.5 紫色19
2.2.6 灰色20
2.2.7 黑色21
2.3 頁面色彩搭配21
2.3.1 網頁色彩搭配原理21
2.3.2 幾種常見的網頁配色方法23
第2篇
設計令人流連忘返的靜態網頁
快速掌握Dreamweaver CS6設計基本
網頁26
3.1 Dreamweaver CS6簡述28
3.2 Dreamweaver CS6的工作界面28
3.2.1 選單欄29
3.2.2 插入欄29
3.2.3 浮動面板29
3.2.4 “屬性”面板30
3.2.5 文檔視窗30
3.3 創建和管理站點31
3.3.1 上機練習——創建本地站點31
3.3.2 上機練習——管理本地站點32
3.4 插入文本34
3.4.1 上機練習——插入普通文本34
3.4.2 上機練習——設定文本屬性35
3.4.3 上機練習——插入特殊字元36
3.5 使用列表38
3.5.1 上機練習——插入項目列表38
3.5.2 插入編號列表39
3.6 在網頁中插入檔案頭部內容40
3.6.1 插入MEtA信息40
3.6.2 設定基礎41
3.6.3 插入關鍵字42
3.6.4 插入說明42
3.6.5 設定刷新42
3.7 插入其他對象43
3.7.1 上機練習——插入日期43
3.7.2 上機練習——插入水平線44
3.8 綜合套用46
3.9 專家秘笈49
設計豐富多彩的圖像和多媒體網頁51
4.1 在網頁中插入圖像53
4.1.1 網頁中圖像的常見格式53
4.1.2 上機練習——插入圖像53
4.2 網頁圖像的套用55
4.2.1 上機練習——滑鼠經過圖像55
4.2.2 上機練習——插入圖像占位符57
4.3 插入聲音59
4.3.1 關於音頻檔案格式59
4.3.2 上機練習——添加背景音樂59
4.4 插入視頻61
4.4.1 視頻的檔案格式61
4.4.2 上機練習——在網頁中插入視頻62
4.5 插入其他媒體檔案63
4.5.1 上機練習——插入Flash63
4.5.2 上機練習——插入Java Applet65
4.6 網頁連結的創建67
4.6.1 網頁連結的基本類型67
4.6.2 上機練習——圖像熱點連結68
4.6.3 上機練習——E-mail連結69
4.6.4 上機練習——下載檔案連結71
4.6.5 上機練習——錨點連結72
4.6.6 上機練習——腳本連結74
4.6.7 上機練習——空連結75
4.7 綜合套用76
4.8 專家秘笈81
使用表格和Spry排版網頁82
5.1 插入表格83
5.1.1 上機練習——插入表格83
5.1.2 上機練習——添加內容到單元格86
5.2 編輯表格87
5.2.1 選擇表格及其元素87
5.2.2 調整表格和單元格的大小91
5.2.3 添加、刪除行或列93
5.2.4 拆分單元格94
5.2.5 合併單元格95
5.2.6 剪下、複製、貼上表格95
5.3 設定表格屬性96
5.3.1 設定整個表格的屬性96
5.3.2 設定行、列和單元格屬性96
5.4 使用Spry布局對象97
5.4.1 上機練習——使用Spry選單欄97
5.4.2 使用Spry選項卡式面板98
5.4.3 使用Spry摺疊式99
5.4.4 上機練習——使用Spry可摺疊面板100
5.5 綜合套用——製作圓角表格100
5.6 專家秘笈103
使用模板和庫快速創建網頁105
6.1 創建模板106
6.1.1 上機練習——新建模板106
6.1.2 上機練習——從現有文檔創建模板108
6.2 創建可編輯區域109
6.2.1 上機練習——插入可編輯區域109
6.2.2 刪除可編輯區域110
6.3 使用模板創建網頁110
6.4 創建與套用庫項目112
6.4.1 上機練習——創建庫項目112
6.4.2 上機練習——套用庫項目114
6.4.3 上機練習——修改庫項目115
6.5 綜合套用116
6.6 專家秘笈121
使用行為和腳步設計動感特效網頁123
7.1 動作和事件124
7.1.1 動作124
7.1.2 事件125
7.2 行為的添加與編輯126
7.2.1 行為的添加126
7.2.2 行為的修改127
7.3 使用Dreamweaver內置行為127
7.3.1 上機練習——交換圖像127
7.3.2 恢復交換圖像128
7.3.3 上機練習——打開瀏覽器視窗129
7.3.4 上機練習——調用JavaScript131
7.3.5 改變屬性133
7.3.6 上機練習——拖動AP元素133
7.3.7 上機練習——轉到URL135
7.3.8 上機練習——彈出信息136
7.3.9 上機練習——預先載入圖像138
7.3.10 上機練習——設定狀態欄文本139
7.3.11 跳轉選單140
7.3.12 顯示-隱藏元素142
7.3.13 上機練習——檢查表單144
7.3.14 上機練習——增大/收縮效果146
7.3.15 上機練習——擠壓效果147
7.4 使用JavaScript製作網頁特效149
7.4.1 上機練習——製作滾動文字公告149
7.4.2 上機練習——禁止下載網頁圖像150
7.4.3 上機練習——設定為IE首頁152
7.4.4 上機練習——添加到收藏夾153
7.5 專家秘笈154
使用CSS樣式表美化網頁156
8.1 CSS樣式表157
8.2 CSS基本語法158
8.3 設定CSS屬性159
8.3.1 設定CSS類型屬性159
8.3.2 設定CSS背景屬性160
8.3.3 設定CSS區塊屬性162
8.3.4 設定CSS方框屬性163
8.3.5 設定CSS框線屬性164
8.3.6 設定CSS列表屬性165
8.3.7 設定CSS定位屬性165
8.3.8 設定CSS擴展屬性166
8.4 連結到或導出外部CSS樣式表167
8.4.1 上機練習——創建內部樣式表167
8.4.2 上機練習——創建外部樣式表169
8.4.3 上機練習——連結外部樣式表170
8.5 綜合套用172
8.6 專家秘笈176
用CSS+DIV靈活布局頁面177
9.1 初識DIV178
9.1.1 DIV概述178
9.1.2 CSS+DIV布局的優勢178
9.2 關於AP Div179
9.2.1 AP Div的概念179
9.2.2 AP Div面板179
9.2.3 創建普通AP Div180
9.2.4 創建嵌套AP Div181
9.3 設定AP Div的屬性181
9.3.1 設定AP Div的顯示/隱藏屬性181
9.3.2 改變AP Div的堆疊順序182
9.3.3 為AP Div添加滾動條182
9.3.4 改變AP Div的可見性183
9.4 CSS定位與DIV布局184
9.4.1 盒子模型184
9.4.2 元素的定位184
9.5 CSS+DIV布局的常用方法187
9.5.1 使用DIV對頁面整體規劃188
9.5.2 使用CSS定位188
9.6 綜合套用——利用模板製作CSS布局網頁190
9.7 專家秘笈193
第3篇
開發動態資料庫網站
動態網站開發基礎197
10.1 動態網頁的特點和製作流程199
10.1.1 動態網頁的特點199
10.1. 2 動態網頁的製作流程200
10.2 在網頁中插入互動式表單對象200
10.2.1 上機練習——插入表單域201
10.2.2 上機練習——插入文本域202
10.2.3 上機練習——插入複選框和單選按鈕205
10.2.4 上機練習——插入列表/選單207
10.2.5 上機練習——插入檔案域和按鈕208
10.3 搭建本地伺服器212
10.3.1 上機練習——安裝IIS212
10.3.2 上機練習——配置Web伺服器213
10.4 創建資料庫連線214
10.4.1 上機練習——創建ODBC連線214
10.4.2 上機練習——使用DSN創建ADO連線215
10.5 編輯數據表記錄216
10.5.1 創建記錄集(查詢)216
10.5.2 插入記錄218
10.5.3 更新記錄219
10.5.4 刪除記錄220
10.6 添加伺服器行為221
10.6.1 插入重複區域221
10.6.2 插入顯示區域222
10.6.3 記錄集分頁223
10.6.4 轉到詳細頁面224
10.6.5 轉到相關頁面224
10.6.6 用戶身份驗證225
10.7 專家秘笈227
設計動態網站常用模組230
11.1 設計留言系統231
11.1.1 需求分析與設計思路231
11.1.2 設計資料庫與資料庫連線232
11.1.3 創建留言列表頁面234
11.1.4 創建留言詳細頁面238
11.1.5 創建添加留言頁面240
11.2 設計新聞發布系統244
11.2.1 主要功能頁面245
11.2.2 設計資料庫246
11.2.3 創建資料庫連線248
11.2.4 新聞列表頁面的製作249
11.2.5 新聞詳細頁面的製作255
11.2.6 後台登錄頁面257
11.2.7 刪除新聞頁面的製作260
11.2.8 添加新聞頁面的製作262
11.2.9 修改新聞頁面的製作264
11.2.10 新聞管理總頁面266
11.3 專家秘笈270
第4篇
設計與處理精美的網頁圖像
使用Photoshop CS6設計網頁中的特效
文字273
12.1 使用文字工具274
12.1.1 上機練習——文字的輸入274
12.1.2 上機練習——設定文字屬性275
12.1.3 上機練習——文字的變形277
12.2 Photoshop圖層基本操作278
12.2.1 添加圖層278
12.2.2 刪除圖層278
12.2.3 合併圖層279
12.2.4 設定圖層樣式279
12.3 設計常見的網頁特效文字281
12.4 專家秘笈288
設計網頁中經典圖像元素289
13.1 設計網站Logo290
13.1.1 Logo的特點290
13.1.2 Logo設計標準291
13.1.3 綜合套用1——網站Logo設計實例291
13.2 網路廣告的製作293
13.2.1 網路廣告設計技巧293
13.2.2 綜合套用2——設計網路廣告294
13.3 設計網站首頁298
13.3.1 綜合套用3——首頁的製作298
13.3.2 綜合套用4——切割輸出首頁圖像304
13.4 設計網頁按鈕306
13.5 製作導航欄309
13.6 專家秘笈312
第5篇
設計超炫的網頁動畫
使用Flash CS6創建基本動畫314
14.1 Flash CS6工作界面315
14.2 時間軸與關鍵幀317
14.2.1 時間軸317
14.2.2 時間軸中的圖層318
14.2.3 關鍵幀318
14.3 創建基本動畫319
14.3.1 綜合套用1——逐幀動畫319
14.3.2 綜合套用2——補間動畫322
14.4 創建引導動畫324
14.4.1 引導動畫的創建原理324
14.4.2 綜合套用3——創建引導動畫324
14.5 創建遮罩動畫327
14.5.1 遮罩動畫的創建原理327
14.5.2 綜合套用4——創建遮罩動畫327
14.6 創建有聲動畫330
14.6.1 Flash中可使用的聲音檔案類型330
14.6.2 添加聲音330
14.6.3 編輯聲音332
14.6.4 綜合套用5——創建聲音動畫333
14.7 專家秘笈335
使用Flash CS6創建互動動畫336
15.1 ActionScript概述337
15.1.1 ActionScript的發展史337
15.1.2 ActionScript 3.0的特點338
15.2 ActionScript 3.0語句中的參數339
15.2.1 ActionScript中的專業術語339
15.2.2 ActionScript 3.0基本語法341
15.3 常用ActionScript語句343
15.3.1 for循環343
15.3.2 while和do while循環343
15.3.3 條件語句344
15.3.4 特殊條件判斷344
15.4 代碼的輸入344
15.5 ActionScript的編輯環境345
15.6 利用ActionScript製作互動網頁動畫346
15.6.1 綜合套用1——創建跳轉到其他網頁動畫346
15.6.2 綜合套用2——創建網頁導航動畫348
15.6.3 綜合套用3——創建滑鼠特效353
15.6.4 綜合套用4——製作發光旋轉效果356
15.6.5 綜合套用5——製作回響滑鼠效果360
15.7 專家秘笈364
第6篇
網站的策劃與安全管理
網站的整體策劃366
16.1 為什麼要進行網站策劃367
16.2 怎樣進行網站策劃368
16. 2.1 網站策劃的原則368
16.2.2 網站策劃的關鍵點369
16.3 如何確定網站的定位370
16.4 確定網站的目標用戶371
16.5 網站的內容策劃372
16.5.1 網站內容策劃的重要性372
16.5.2 如何做好網站內容策劃372
網站頁面設計策劃374
17.1 網站欄目和頁面設計策劃376
17.1.1 網站的欄目策劃376
17.1.2 網站的頁面策劃377
17.2 網站導航設計378
17.2.1 導航設計的基本要求378
17.2.2 全局導航的基本要素379
17.2.3 輔助導航的設計要點379
17.2.4 導航設計要點380
17.3 網站頁面版式風格設計381
17.3.1 網站內容的排版381
17.3.2 網站網頁的布局形式382
17.3.3 網站界面設計的兼容性384
17.3.4 界面布局與內容的相關性384
17.4 網站視覺元素設計385
17.4.1 讓文字易辨識385
17.4.2 讓圖片更合理386
17.4.3 讓表單更易用387
17.4.4 讓按鈕更易點擊388
網站的安全與運營維護390
18.1 Web服務的高級設定391
18.1.1 設定用戶391
18.1.2 NTFS許可權的設定393
18.1.3 目錄和應用程式訪問許可權的設定394
18.1.4 匿名和授權訪問控制395
18.1.5 備份與還原IIS396
18.2 反黑客技術397
18.2.1 計算機的設定397
18.2.2 隱藏IP位址400
18.2.3 作業系統賬號管理401
18.2.4 安裝必要的安全軟體402
18.2.5 做好瀏覽器的安全設定402
18.2.6 網站防火牆的套用403
18.3 網站運營404
18.3.1 網站運營的工作內容404
18.3.2 網站運營的關鍵問題405
18.4 網站日常維護與管理406
第7篇
完整商業網站的建設
網站建設規範和基本流程408
19.1 網站建設規範409
19.1.1 組建開發團隊規範409
19.1.2 開發工具規範409
19.1.3 超連結規範409
19.1.4 資料夾和檔案命名規範410
19.1.5 代碼設計規範411
19.2 網站建設的基本流程411
19.2.1 網站的需求分析412
19.2.3 確定網站整體風格412
19.2.4 收集資源413
19.2.5 設計網頁圖像414
19.2.6 編輯製作網頁415
19.2.7 開發動態網站模組416
19.2.8 申請域名和伺服器空間416
19.2.9 測試與發布上傳417
19.2.10 網站維護418
19.2.11 網站的推廣418
設計企業宣傳展示型網站422
20.1 網站前期策劃423
20.2 網站的版面布局及色彩424
20.2.1 草案及粗略布局424
20.2.2 確定網站的色彩424
20.3 設計網站首頁425
20.3.1 首頁的設計425
20.3.2 切割首頁431
20.4 創建本地站點433
20.5 二級模板頁面的設計434
20.5.1 創建庫檔案434
20.5.2 創建模板436
20.5.3 利用模板創建二級頁面439
20.6 專家秘笈441
設計線上購物網站444
21.1 購物網站設計概述445
21.1.1 購物網站概念445
21.1.2 購物網站的設計要點445
21.1.3 主要功能頁面446
21.2 創建資料庫與資料庫連線448
21.2.1 創建資料庫表448
21.2.2 創建資料庫連線450
21.3 設計購物系統前台頁面451
21.3.1 設計商品分類展示頁面451
21.3.2 設計商品詳細信息頁面455
21.4 設計購物系統後台管理457
21.4.1 設計添加商品頁面457
21.4.2 設計商品管理頁面461
21.4.3 製作修改頁面465
21.4.4 設計刪除頁面467
21. 5 專家秘笈470