內容簡介

本書以零基礎講解為宗旨，用實例引導讀者深入學習，采取“基礎入門→網頁內容設計→網頁元素設計→網頁動畫設計→項目開發”的講解模式，深入淺出地講解網頁設計的各項技術及實戰技能。

本書第1篇“基礎入門”主要內容包括網頁設計與網站建設基礎、網頁配色與網站布局等；第2篇“網頁內容設計”主要內容包括使用Dreamweaver CC創建站點、使用文本豐富網頁內容、使用圖像與多媒體網頁元素、設計網頁中的超鏈接、使用網頁表單和行為等；第3篇“網頁元素設計”主要內容包括調整與修飾圖像、制作網頁特效文字、制作網頁按鈕與導航條、制作網頁特效邊線與背景、制作網頁Logo與網頁Banner等；第4篇“網頁動畫設計”主要內容包括制作簡單網頁動畫元素、使用元件和庫、創建交互式動畫、制作動態網站的Logo與Banner、Flash動畫的測試與發布等；第5篇“項目開發”主要內容包括使用CSS層疊樣式表、利用Div+CSS布局網頁、構建動態網站的運行環境、使用MySQL數據庫、開發網站用戶管理系統等。

本書贈送了12種超值的王牌資源。包括本書實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模板、12部網頁開發必備參考手冊、11個精彩JavaScript案例、Dreamweaver CC快捷鍵速查手冊、HTML標記速查表、精彩網站配色方案賞析、網頁樣式與布局案例賞析、CSS+Div布局賞析案例、Web前端工程師常見面試題等。

本書面向初、中級用戶，適合任何想學習用Dreamweaver+Flash+Photoshop設計網頁的人員，無論您是否從事計算機相關行業，無論您是否接觸過Dreamweaver+Flash+Photoshop，通過學習本書均可快速掌握用Dreamweaver+Flash+Photoshop設計網頁和開發動態網站的方法及技巧。

 

 

前    言

　　“網站開發案例課堂”系列圖書是專門為辦公技能和網頁設計初學者量身定制的一套學習用書，涵蓋網頁設計、網站開發、數據庫設計等方面。整套書具有以下幾個特點。

面向前沿科技

　　無論是網站建設、數據庫設計，還是HTML 5、CSS 3、JavaScript，我們都精選較為前沿或用戶群較大的領域推進，幫助大家認識和了解最新動態。

權威的作者團隊

　　組織國家重點實驗室和資深應用專家聯手編著該套圖書，融合豐富的教學經驗與優秀的管理理念。

學習型案例設計

　　以技術的實際應用過程為主線，全程采用圖解和同步多媒體結合的教學方式，生動、直觀、全面地剖析使用過程中的各種應用技能，降低難度，提升學習效率。

為什么要寫這樣一本書

　　隨著網絡的發展，很多企事業單位和廣大網民對于建立網站的需求越來越強烈。另外，對于大中專院校，很多學生需要做網站畢業設計，但是這些讀者又不懂網頁代碼程序，不知道從哪里下手。針對這些情況，我們編寫了此書，以期全面帶領讀者學習網頁設計和網站建設的知識。通過本書的實訓，讀者可以很快地學會設計網頁和開發網站，提高職業技能，從而幫助解決公司與求職者的雙重需求問題。

本書特色

零基礎、入門級的講解

　　無論您是否從事計算機相關行業，無論您是否接觸過Dreamweaver+Flash+Photoshop網頁設計和動態網站開發，都能從本書中找到最佳起點。

超多、實用、專業的范例和項目

　　本書在編排上緊密結合深入學習網頁制作技術的先后過程，從網頁設計的基本概念開始，帶領大家逐步深入地學習各種應用技巧，側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者讀起來簡明輕松，操作起來有章可循。

隨時檢測自己的學習成果

　　大部分章末均設置了“疑難解惑”板塊，從而幫助讀者解決自學過程中最常見的疑難問題。

細致入微、貼心提示

　　本書在講解過程中，在各章中使用了“注意”“提示”“技巧”等小貼士，使讀者在學習過程中更清楚地了解相關操作、理解相關概念，并輕松掌握各種操作技巧。

專業創作團隊和技術支持

　　您在學習過程中遇到任何問題，可加入QQ群(案例課堂VIP，號碼為451102631)進行提問，專家人員會在線答疑。

超值資源大放送

全程同步教學錄像

　　涵蓋本書所有知識點，詳細講解每個實例和項目的過程及技術關鍵點。比看書更能輕松地掌握書中所有動態網站開發的知識，而且擴展的講解部分可使您得到比書中更多的收獲。

超多容量王牌資源

　　贈送大量王牌資源，包括本書實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模板、12部網頁開發必備參考手冊、11個精彩JavaScript案例、Dreamweaver CC快捷鍵速查手冊、HTML標記速查表、精彩網站配色方案賞析、網頁樣式與布局案例賞析、CSS+Div布局賞析案例、Web前端工程師常見面試題等。讀者可以通過QQ群(案例課堂VIP，號碼為451102631)獲取贈送資源，也可以掃描二維碼，下載本書資源。

讀者對象

沒有任何Dreamweaver+Flash+Photoshop網頁設計基礎的初學者。

有一定的Dreamweaver+Flash+Photoshop網頁設計基礎，想精通網站開發的人員。

有一定的動態網站開發基礎，沒有項目經驗的人員。

正在進行畢業設計的學生。

大專院校及培訓學校的老師和學生。

創作團隊

　　本書由劉春茂編著，參加編寫的人員還有劉玉萍、張金偉、蒲娟、周佳、付紅、李園、郭廣新、侯永崗、王攀登、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、王偉、展娜娜、李琪、梁云梁和周浩浩。在編寫過程中，我們竭盡所能地將最好的講解呈現給讀者，但也難免有疏漏和不妥之處，敬請不吝指正。若您在學習中遇到困難或疑問，或有任何建議，可寫信至信箱357975357@qq.com。

　　

　　

　　                                                      編  者  

目    錄

第1篇  基 礎 入 門

第1章  開啟網頁設計之路——網頁設計

與網站建設基礎 3

1.1  認識網頁和網站 4

1.1.1  什么是網頁 4

1.1.2  什么是網站 5

1.1.3  網站的種類和特點 5

1.2  網頁的相關概念 7

1.2.1  因特網與萬維網 7

1.2.2  瀏覽器與HTML 7

1.2.3  URL、域名與IP地址 8

1.2.4  上傳和下載 8

1.3  網頁的HTML構成 9

1.3.1  文檔標記 9

1.3.2  頭部標記 10

1.3.3  主體標記 10

1.4  HTML的常用標記 11

1.4.1  標題標記 11

1.4.2  段落標記 11

1.4.3  換行標記 12

1.4.4  鏈接標記 13

1.4.5  列表標記 14

1.4.6  圖像標記 17

1.4.7  表格標記 19

1.4.8  表單標記 21

1.5  綜合案例——制作日程表 22

1.6  疑難解惑 25

第2章  整體把握網站結構——網頁配色與網站布局 27

2.1  善用色彩設計網頁 28

2.1.1  認識色彩 28

2.1.2  確定網站的主題色 29

2.1.3  網頁中色彩的搭配 31

2.1.4  網頁元素的色彩搭配 32

2.1.5  網頁色彩搭配的技巧 34

2.2  常見網站的布局結構 36

2.2.1  “國”字型 36

2.2.2  標題正文型 37

2.2.3  左右框架型 37

2.2.4  上下框架型 37

2.2.5  綜合框架型 38

2.2.6  封面型 38

2.2.7  Flash型 38

2.3  綜合案例——定位網站頁面的框架 39

2.4  疑難解惑 40

 

　　

第2篇  網頁內容設計

 

第3章  磨刀不誤砍柴工——使用

Dreamweaver CC創建站點 43

3.1  認識Dreamweaver CC 44

3.1.1  啟動Dreamweaver CC 44

3.1.2  認識Dreamweaver CC的工作區 45

3.1.3  體驗Dreamweaver CC的新增功能 47

3.2  創建站點 50

3.2.1  案例1——創建本地站點 50

3.2.2  案例2——創建遠程站點 51

3.3  管理站點 52

3.3.1  案例3——打開站點 52

3.3.2  案例4——編輯站點 52

3.3.3  案例5——刪除站點 53

3.3.4  案例6——復制站點 54

3.3.5  案例7——導出與導入站點 54

3.4  操作站點文件及文件夾 55

3.4.1  案例8——創建文件夾 56

3.4.2  案例9——創建文件 56

3.4.3  案例10——文件或文件夾的移動和復制 57

3.4.4  案例11——刪除文件或文件夾 57

3.5  綜合案例——創建本地站點 58

3.6  疑難解惑 59

第4章  制作我的第一個網頁——使用文本豐富網頁內容 61

4.1  網頁文檔的基本操作 62

4.1.1  案例1——創建網頁 62

4.1.2  案例2——頁面屬性 62

4.1.3  案例3——保存網頁 64

4.1.4  案例4——打開網頁 65

4.1.5  案例5——預覽網頁 66

4.2  添加網頁內容 67

4.2.1  案例6——插入文字 67

4.2.2  案例7——設置字體 68

4.2.3  案例8——設置字號 68

4.2.4  案例9——設置字體顏色 69

4.2.5  案例10——設置字體樣式 70

4.2.6  案例11——編輯段落 72

4.2.7  案例12——創建項目列表 77

4.3  使用特殊文本添加網頁內容 79

4.3.1  案例13——插入換行符 79

4.3.2  案例14——插入水平線 79

4.3.3  案例15——插入日期 80

4.3.4  案例16——插入特殊字符 81

4.4  綜合案例——制作圖文并茂的網頁 82

4.5  疑難解惑 84

第5章  有圖有真相——使用圖像與多媒體網頁元素 87

5.1  常用圖像格式 88

5.1.1  GIF格式 88

5.1.2  JPEG格式 88

5.1.3  PNG格式 89

5.2  用圖像美化網頁 89

5.2.1  案例1——插入圖像 89

5.2.2  案例2——設置圖像的屬性 91

5.2.3  案例3——設置圖像對齊方式 93

5.2.4  案例4——剪裁需要的圖像 94

5.2.5  案例5——調整圖像的亮度與對比度 95

5.2.6  案例6——設置圖像的銳化效果 96

5.3  插入其他圖像元素 97

5.3.1  案例7——插入鼠標經過圖像 97

5.3.2  案例8——插入圖像占位符 99

5.4  在網頁中插入多媒體 100

5.4.1  案例9——插入背景音樂 100

5.4.2  案例10——插入Flash動畫 101

5.4.3  案例11——插入FLV視頻 102

5.4.4  案例12——插入HTML 5音頻 104

5.4.5  案例13——插入HTML 5視頻 105

5.5  綜合案例1——制作精彩的多媒體網頁 107

5.6  綜合案例2——在代碼視圖中插入背景音樂 109

5.7  疑難解惑 110

第6章  不在網頁中迷路——設計網頁中的超鏈接 113

6.1  超級鏈接 114

6.1.1  鏈接的概念 114

6.1.2  常規鏈接 114

6.1.3  鏈接的類型 115

6.2  鏈接路徑 116

6.2.1  什么是URL 116

6.2.2  絕對路徑 116

6.2.3  文檔相對路徑 117

6.2.4  根相對路徑 117

6.3  創建超級鏈接的方法 117

6.3.1  案例1——使用菜單命令創建鏈接 117

6.3.2  案例2——使用【屬性】面板創建鏈接 118

6.3.3  案例3——使用【指向文件】按鈕創建鏈接 118

6.4  創建不同種類的網頁超鏈接 119

6.4.1  案例4——添加文本鏈接 119

6.4.2  案例5——添加圖像鏈接 120

6.4.3  案例6——創建外部鏈接 121

6.4.4  案例7——創建錨記鏈接 121

6.4.5  案例8——創建圖像熱點鏈接 123

6.4.6  案例9——創建電子郵件鏈接 124

6.4.7  案例10——創建下載文件的鏈接 125

6.4.8  案例11——創建空鏈接 126

6.4.9  案例12——創建腳本鏈接 126

6.5  綜合案例——為企業網站添加友情鏈接 128

6.6  疑難解惑 128

第7章  讓網頁互動起來——使用網頁表單和行為 129

7.1  認識表單 130

7.1.1  什么是表單 130

7.1.2  認識表單對象 130

7.1.3  案例1——插入表單 133

7.1.4  案例2——設置表單屬性 134

7.2  常用表單對象的應用 135

7.2.1  案例3——插入文本域 135

7.2.2  案例4——插入密碼域 136

7.2.3  案例5——插入復選框 137

7.2.4  案例6——插入單選按鈕 138

7.2.5  案例7——插入下拉菜單 138

7.2.6  案例8——插入滾動列表 139

7.2.7  案例9——插入按鈕 140

7.2.8  案例10——插入圖像按鈕 140

7.2.9  案例11——插入文件上傳域 141

7.3  認識行為 142

7.3.1  行為的概念 142

7.3.2  案例12——打開【行為】面板 143

7.4  常用內置行為的應用 143

7.4.1  案例13——交換圖像 143

7.4.2  案例14——彈出信息 145

7.4.3  案例15——打開瀏覽器

窗口 146

7.4.4  案例16——檢查表單行為 148

7.4.5  案例17——設置狀態欄

文本 149

7.5  綜合案例——使用表單制作留言本 151

7.6  疑難解惑 154

　　

第3篇  網頁元素設計

 

第8章  網頁圖像說變就變——調整與修飾圖像 157

8.1  圖像色調的調整 158

8.1.1  案例1——調整圖像的亮度與對比度 158

8.1.2  案例2——使用【色階】命令調整圖像 158

8.1.3  案例3——使用【曲線】命令調整圖像 162

8.1.4  案例4——調整圖像的曝光度 165

8.2  圖像色彩的調整 166

8.2.1  案例5——使用【色相/飽和度】命令 166

8.2.2  案例6——使用【自然飽和度】命令 168

8.2.3  案例7——使用【色彩平衡】命令 168

8.2.4  案例8——使用【黑白】命令 169

8.2.5  案例9——使用【照片濾鏡】命令 170

8.2.6  案例10——使用【通道混合器】命令 171

8.2.7  案例11——使用【匹配顏色】命令 172

8.2.8  案例12——使用【替換顏色】命令 174

8.2.9  案例13——使用【可選顏色】命令 175

8.2.10  案例14——使用【陰影/高光】 命令 177

8.3  修復圖像中的污點與瑕疵 178

8.3.1  案例15——修復圖像中的污點 178

8.3.2  案例16——修復圖像中的瑕疵 179

8.3.3  案例17——修復圖像選中的區域 179

8.3.4  案例18——內容感知移動工具 180

8.3.5  案例19——消除照片中的紅眼 181

8.4  通過圖像或圖案修飾圖像 182

8.4.1  案例20——通過復制圖像修飾圖像 182

8.4.2  案例21——通過圖案修飾圖像 183

8.5  通過橡皮擦修飾圖像 183

8.5.1  案例22——擦除圖像中指定的區域 184

8.5.2  案例23——擦除圖像中的指定顏色 184

8.5.3  案例24——擦除圖像中相近的顏色 185

8.6  修飾圖像中的細節 186

8.6.1  案例25——修飾圖像中生硬的邊緣 186

8.6.2  案例26——提高圖像的清晰度 187

8.6.3  案例27——通過涂抹修飾圖像 187

8.7  通過調色修飾圖像 188

8.7.1  案例28——減淡工具和加深工具 188

8.7.2  案例29——改變圖像色彩的飽和度 189

8.8  綜合案例——制作放射線背景圖 189

8.9  疑難解惑 190

第9章  有情有義的文字——制作網頁特效文字 191

9.1  文字的類型 192

9.2  輸入文字 192

9.2.1  案例1——通過文字工具輸入文字 192

9.2.2  案例2——通過文字蒙版工具輸入文字狀選區 194

9.2.3  案例3——轉換點文字和段落文字 195

9.2.4  案例4——轉換文字排列方向 195

9.3  設置文字格式 196

9.3.1  案例5——通過選項欄設置格式 196

9.3.2  案例6——通過【字符】面板設置文字格式 197

9.3.3  案例7——通過【段落】面板設置段落格式 198

9.3.4  案例8——設置字符樣式和段落樣式 200

9.3.5  案例9——查找和替換文本 200

9.4  文字轉換 201

9.4.1  案例10——將文字轉換為工作路徑 201

9.4.2  案例11——將文字轉換為形狀 202

9.4.3  案例12——將文字轉換為圖像 202

9.5  制作常見特效文字 203

9.5.1  案例13——制作路徑文字 203

9.5.2  案例14——制作變形文字 204

9.5.3  案例15——制作燃燒文字特效 206

9.6  綜合案例——制作空心輪廓字 208

9.7  疑難解惑 210

第10章  網頁中的路標——制作網頁 按鈕與導航條 211

10.1  按鈕與導航條的設計原則 212

10.1.1  網頁按鈕的設計注意事項 212

10.1.2  網頁導航條的設計注意 事項 212

10.2  制作按鈕 213

10.2.1  案例1——制作普通按鈕 213

10.2.2  案例2——制作迷你按鈕 214

10.2.3  案例3——制作水晶按鈕 217

10.2.4  案例4——制作木紋按鈕 221

10.3  制作導航條 224

10.3.1  案例5——制作橫向導航條 224

10.3.2  案例6——制作垂直導航條 226

10.4  綜合案例——制作水晶風格網站導航條 228

10.5  疑難解惑 234

第11章  網頁中迷人的藍海——制作網頁特效邊線與背景 235

11.1  制作裝飾邊線 236

11.1.1  案例1——制作裝飾虛線 236

11.1.2  案例2——制作內嵌線條 238

11.1.3  案例3——制作斜紋線條 239

11.2  制作網頁背景圖片 241

11.2.1  案例4——制作漸變背景圖片 241

11.2.2  案例5——制作透明背景圖像 244

11.3  綜合案例——制作夢幻星光網頁背景 245

11.4  疑難解惑 249

第12章  網頁中的標志與旗幟——制作網頁Logo與網頁Banner 251

12.1  網頁Logo與Banner概述 252

12.1.1  網頁Logo設計標準 252

12.1.2  網頁Logo的標準尺寸 253

12.1.3  網頁Logo的一般形式 254

12.1.4  網頁Banner的標準尺寸 255

12.1.5  Banner設計注意要點 255

12.2  制作文字Logo 255

12.2.1  案例1——制作背景 255

12.2.2  案例2——制作文字內容 256

12.2.3  案例3——繪制自定義形狀 257

12.2.4  案例4——美化文字Logo 258

12.3  制作圖案Logo 260

12.3.1  案例5——制作背景 260

12.3.2  案例6——制作圖案效果 262

12.4  制作英文Banner 264

12.4.1  案例7——制作Banner背景 264

12.4.2  案例8——制作Banner底紋 265

12.4.3  案例9——制作文字特效 267

12.5  制作中文Banner 267

12.5.1  案例10——輸入特效文字 267

12.5.2  案例11——將輸入的文字設置為3D效果 268

12.5.3  案例12——制作Banner背景 270

12.6  綜合案例1——制作圖文結合 Logo 271

12.7  綜合案例2——制作圖文結合 Banner 275

12.8  疑難解惑 277

　　

第4篇  網頁動畫設計

 

第13章  讓網頁活靈活現——制作簡單網頁動畫元素 281

13.1  Flash的基本功能 282

13.1.1  矢量繪圖 282

13.1.2  動畫設計 282

13.1.3  強大的編程功能 282

13.2  時間軸、幀和圖層 283

13.2.1  什么是圖層 283

13.2.2  時間軸與幀 284

13.3  制作簡單動畫 285

13.3.1  案例1——制作幀幀動畫 285

13.3.2  案例2——制作補間動畫 288

13.3.3  案例3——制作遮罩動畫 292

13.3.4  案例4——使用動畫預設 294

13.4  綜合案例——制作數字倒計時動畫 295

13.5  疑難解惑 297

第14章  快速組織動畫素材——使用元件和庫 299

14.1  創建Flash元件 300

14.1.1  元件概述與分類 300

14.1.2  案例1——創建圖形元件 300

14.1.3  案例2——創建按鈕元件 301

14.1.4  案例3——創建影片剪輯元件 304

14.1.5  案例4——調用其他文檔中的元件 306

14.2  使用實例 306

14.2.1  案例5——為實例另外指定一個元件 307

14.2.2  案例6——改變實例屬性 307

14.3  使用【庫】面板 310

14.3.1  案例7——認識【庫】面板 310

14.3.2  案例8——庫的管理與使用 311

14.4  綜合案例——制作絢麗網頁按鈕 313

14.5  疑難解惑 317

第15章  網頁元素的動態交互——創建交互式動畫 319

15.1  ActionScript概述 320

15.1.1  ActionScript基本術語 320

15.1.2  【動作】面板 321

15.2  使用ActionScript制作動畫特效 322

15.2.1  案例1——制作按鈕切換圖片效果 322

15.2.2  案例2——制作按鈕切換背景顏色效果 327

15.2.3  案例3——制作星光閃爍效果 332

15.3  Flash常用組件的使用 336

15.3.1  案例4——組件的添加與刪除 337

15.3.2  案例5——Button(按鈕)組件 338

15.3.3  案例6——CheckBox(復選框)組件 339

15.3.4  案例7——ComboBox(下拉列表)組件 340

15.3.5  案例8——List平鋪滾動組件 342

15.3.6  案例9——RadioButton(單選按鈕)組件 344

15.3.7  案例10——ProgressBar(加載進度)組件 346

15.3.8  案例11——ScrollPane(滾動條窗口)組件 347

15.4  綜合案例——制作飄雪效果 349

15.5  疑難解惑 352

第16章  讓網頁動起來——制作動態網站的Logo與Banner 353

16.1  制作滾動文字Logo 354

16.1.1  設置文檔屬性 354

16.1.2  制作文字元件 354

16.1.3  制作滾動效果 355

16.2  制作產品Banner 357

16.2.1  制作文字動畫 357

16.2.2  制作文字遮罩動畫 359

16.2.3  制作圖片動畫 360

16.3  疑難解惑 362

第17章  動態網頁元素的輸出——Flash動畫的測試與發布 363

17.1  Flash動畫的優化 364

17.1.1  案例1——動畫的優化 364

17.1.2  案例2——動畫的測試 365

17.2  輸出前的格式設置 366

17.2.1  案例3——Flash輸出的設置 366

17.2.2  案例4——HTML輸出的設置 367

17.2.3  案例5——GIF輸出的設置 369

17.2.4  案例6——JPEG輸出的設置 370

17.2.5  案例7——PNG輸出的設置 371

17.3  Flash動畫的發布 372

17.3.1  案例8——導出動畫 372

17.3.2  案例9——預覽發布動畫 373

17.4  疑難解惑 374

　　

第5篇  項 目 開 發

 

第18章  讀懂樣式表密碼——使用CSS層疊樣式表 377

18.1  初識CSS樣式表 378

18.1.1  什么是CSS 378

18.1.2  CSS的3種類型 378

18.1.3  CSS的語法格式 379

18.1.4  案例1——使用Dreamweaver編寫CSS 380

18.2  CSS的使用方式 381

18.2.1  案例2——行內樣式 382

18.2.2  案例3——內嵌樣式 382

18.2.3  案例4——鏈接樣式 383

18.2.4  案例5——導入樣式 385

18.3  CSS中的常用樣式 386

18.3.1  案例6——使用字體樣式 386

18.3.2  案例7——使用文本樣式 390

18.3.3  案例8——使用背景樣式 394

18.3.4  案例9——設計邊框樣式 401

18.3.5  案例10——設置列表樣式 405

18.4  綜合案例——制作簡單公司主頁 409

18.5  疑難解惑 412

第19章  架構師的大比拼——利用 Div+CSS布局網頁 413

19.1  認識并創建層 414

19.1.1  什么是層 414

19.1.2  案例1——使用Dreamweaver 創建層 414

19.2  Div層的定位方法 415

19.2.1  盒子模型的概念 415

19.2.2  案例2——定義網頁border 區域 415

19.2.3  案例3——定義網頁padding 區域 417

19.2.4  案例4——定義網頁margin 區域 418

19.3  使用CSS排版 421

19.3.1  案例5——將頁面用div 分塊 421

19.3.2  案例6——設置各塊位置 422

19.3.3  案例7——用CSS定位 422

19.4  常見網頁布局模式 425

19.4.1  案例8——網頁單列布局模式 425

19.4.2  案例9——網頁1-2-1型布局模式 429

19.4.3  案例10——網頁1-3-1型布局模式 432

19.5  綜合案例——創建左右布局頁面 435

19.6  疑難解惑 438

第20章  制作動態網頁基礎——構建動態網站的運行環境 439

20.1  PHP基本知識 440

20.1.1  PHP的概念 440

20.1.2  PHP語言的優勢 440

20.1.3  PHP服務器概述 440

20.2  安裝PHP前的準備工作 441

20.2.1  軟硬件環境 441

20.2.2  案例1——獲取PHP 7.1安裝資源包 442

20.3  PHP +IIS服務器的安裝配置 443

20.3.1  案例2——IIS簡介及安裝 443

20.3.2  案例3——PHP的安裝 444

20.3.3  案例4——設置虛擬目錄 447

20.4  PHP+Apache服務器的環境搭建 447

20.4.1  Apache簡介 447

20.4.2  案例5——關閉原有的網站服務器 448

20.4.3  案例6——安裝Apache 449

20.4.4  案例7——將PHP與Apache建立關聯 450

20.5  在Windows下使用WampServer組合包 451

20.6  綜合案例——測試第一個PHP程序 454

20.7  疑難解惑 455

第21章  構建動態網站后臺數據——使用MySQL數據庫 457

21.1  定義一個互動網站 458

21.1.1  定義互動網站的重要性 458

21.1.2  網頁取得數據庫的原理 458

21.1.3  案例1——在Dreamweaver CC中定義網站 459

21.2  MySQL數據庫的安裝和管理 462

21.2.1  案例2——MySQL 數據庫的安裝 462

21.2.2  案例3——MySQL 數據庫的配置 466

21.2.3  案例4——phpMyAdmin的安裝 470

21.2.4  案例5——MySQL數據庫的建立 471

21.3  在網頁中使用MySQL數據庫 477

21.3.1  案例6——添加【數據庫】面板 477

21.3.2  案例7——建立MySQL數據庫連接 479

21.3.3  案例8——綁定記錄集 481

21.4  數據庫的備份與還原 484

21.4.1  案例9——數據庫的備份 484

21.4.2  案例10——數據庫的還原 485

21.5  綜合案例——給我的MySQL數據庫加密 486

21.6  疑難解惑 487

第22章  綜合應用案例——開發網站用戶管理系統 489

22.1  系統的功能分析 490

22.1.1  規劃網頁結構和功能 490

22.1.2  站點文件規劃 491

22.1.3  網頁美工設計 491

22.2  數據庫設計與連接 491

22.2.1  數據庫設計 492

22.2.2  創建數據庫連接 494

22.3  用戶登錄模塊的設計 496

22.3.1  登錄頁面 496

22.3.2  登錄成功和登錄失敗頁面的制作 504

22.3.3  用戶登錄系統功能的測試 506

22.4  用戶注冊模塊的設計 507

22.4.1  用戶注冊頁面 507

22.4.2  注冊成功和注冊失敗頁面 512

22.4.3  用戶注冊功能的測試 513

22.5  用戶注冊資料修改模塊的設計 514

22.5.1  修改資料頁面 514

22.5.2  更新成功頁面 516

22.5.3  修改資料功能的測試 517

22.6  密碼查詢模塊的設計 518

22.6.1  密碼查詢頁面 518

22.6.2  完善密碼查詢功能頁面 522

22.6.3  密碼查詢模塊的測試 524