Dreamweaver動態網站開發案例課堂

《Dreamweaver動態網站開發案例課堂》是2016年2月清華大學出版社出版的圖書，作者是劉玉紅、蒲娟。

基本介紹

• 書名：Dreamweaver動態網站開發案例課堂
• 作者：劉玉紅
  蒲娟
• ISBN：9787302423553
• 定價：59元
• 出版社：清華大學出版社
• 出版時間：2016年2月

內容簡介

本書以零基礎講解為宗旨，用實例引導讀判放疊拳者深入學習，採取“網站基礎知識→網頁美化布局→動態網站開發→網站全能拓展”的講解模式，深入淺出地講解了Dreamweaver開發動態網站的各項技術及實戰技能。

本書第1篇主要講解網頁設計與網站建設認知、網站配色與布局、Dreamweaver CS6創建網站站點、整蒸市網頁內容之美、HTML 5新增元素與屬性速覽、設計網頁超連結、使用網頁表單和行為、使用表格布局網頁、使用框架布局網頁、使用模板等；第2篇主要講解使用CSS樣式表美化網頁、CSS+DIV布局典型範例、網站的發布等；第3篇主要講解構建動態網站的運行環境、使用MySQL資料庫、動態網站套用模組開發遷再連、娛樂休閒類網站開發實戰、電子商務類網站開發實戰等；第4篇主要講解網站最佳化與推廣、網站安全與防禦等。本書還在配套的在DVD光碟中贈送了豐富的資源，諸如本書實例素材檔案、教學幻燈片、本書精品教學視頻、網頁樣式與布局案例賞析、Dreamweaver CS6快捷鍵和技巧、HTML標籤速查表、精彩網站配色方案賞析、CSS+DIV布局賞析案例、Web前端工程師常見面試題等。

本書提妹適合任何想學習Dreamweaver開發動態網站的人員，無論您是否從事計算機相關行業，無論您是否接觸過Dreamweaver，通過學習本書內容均可快速掌握Dreamweaver開發動態網站的方法和技巧。

圖書目錄

第1篇 Dreamweaver網頁設計

第1章 網頁設計與網站建設認知 3

1.1 認識網頁和網站 4

1.1.1 什麼是網頁 4

1.1.2 什麼是網站 5

1.1.3 網站的種類和特點 5

1.2 網頁的相關概念 6

1.2.1 網際網路閥連辯奔與全球資訊網 6

1.2.2 瀏覽器與HTML 7

1.2.3 URL、域名與IP位址 7

1.2.4 上傳和下載 8

1.3 網頁的HTML構成 8

1.3.1 文檔標記 9

1.3.2 頭部標記 9

1.3.3 主體標記 10

1.4 HTML的常用標記 10

1.4.1 標題標記<h1>到<h6> 10

1.4.2 段再白付落標記<p> 11

1.4.3 換行標記<br> 12

1.4.4 連結標記<a> 13

1.4.5 列表標記<ul> 14

1.4.6 圖像標記<img> 16

1.4.7 表格標記<table> 19

1.4.8 框架標記<frame> 21

1.4.9 表單標記<form> 22

1.4.10 注釋標記<!> 24

1.4.11 移動標記<marquee> 24

1.5 實戰演店頌凳練——製作日程表 25

1.6 跟我練練手 29

1.6.1 練習目標 29

1.6.2 上機練習 29

1.7 高手甜點 29

第2章 整體把握網站結構——網站配色

與布局 31

2.1 善用色彩設計網頁 32

2.1.1 認識色彩 32

2.1.2 網頁上的色彩處理 33

2.2 網頁色彩的搭配 36

2.2.1 確定網站的主題色 37

2.2.2 網頁色彩搭配原理 38

2.2.3 網頁中色彩的搭配 40

2.2.4 網頁元素的色彩搭配 41

2.2.5 網頁色彩搭配的技巧 43

2.3 布局網站板塊結構 45

2.3.1 “國”字型 45

2.3.2 標題正文型 46

2.3.3 左右框架型 46

2.3.4 上下框架型 46

2.3.5 綜合框架型 47

2.3.6 封面型 47

2.3.7 Flash型 47

2.4 網站配色套用案例 48

2.4.1 案例1——網路購物網站的

色彩套用 48

2.4.2 案例2——遊戲網站的

色彩套用 49

2.4.3 案例3——企業入口網站的

色彩套用 50

2.4.4 案例4——時政新聞網站的

色彩套用 52

2.4.5 案例5——影音視頻網站的

色彩套用 52

2.4.6 案例6——電子商務網站的

色彩套用 53

2.4.7 案例7——娛樂網站的

色彩套用 54

2.5 實戰演練——定位網站頁面的框架 54

2.6 跟我練練手 56

2.6.1 練習目標 56

2.6.2 上機練習 56

2.7 高手甜點 56

第3章 磨刀不誤砍柴工——Dreamweaver

CS6 創建網站站點 57

3.1 認識Dreamweaver CS6的工作環境 58

3.1.1 啟動Dreamweaver CS6 58

3.1.2 認識Dreamweaver CS6的

工作區 59

3.1.3 熟悉Dreamweaver CS6的

面板 61

3.2 創建站點 63

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

3.2.2 案例2——使用【檔案】

面板創建站點 64

3.3 管理站點 65

3.3.1 案例3——打開站點 65

3.3.2 案例4——編輯站點 66

3.3.3 案例5——刪除站點 66

3.3.4 案例6——複製站點 67

3.4 操作站點檔案及資料夾 68

3.4.1 案例7——創建資料夾 68

3.4.2 案例8——創建檔案 69

3.4.3 案例9——檔案或資料夾的

移動和複製 69

3.4.4 案例10——刪除檔案或資料夾 70

3.5 實戰演練——建立站點檔案和資料夾 70

3.6 跟我練練手 71

3.6.1 練習目標 71

3.6.2 上機練習 72

3.7 高手甜點 72

第4章 製作我的第一個網頁——網頁

內容之美 73

4.1 文檔的基本操作 74

4.1.1 案例1——創建空白文檔 74

4.1.2 案例2——設定頁面屬性 74

4.2 用文字美化網頁 78

4.2.1 案例3——插入文字 79

4.2.2 案例4——設定字型 80

4.2.3 案例5——設定字號 82

4.2.4 案例6——設定字型顏色 83

4.2.5 案例7——設定字型樣式 83

4.2.6 案例8——編輯段落 85

4.2.7 案例9——檢查拼寫 91

4.2.8 案例10——創建項目列表 92

4.3 用圖像美化網頁 94

4.3.1 案例11——插入圖像 94

4.3.2 案例12——圖像屬性設定 96

4.3.3 案例13——圖像的對齊方式 98

4.3.4 案例14——插入滑鼠經過

圖像 99

4.3.5 案例15——插入圖像占位符 101

4.4 用動畫美化網頁 103

4.4.1 案例16——插入Flash動畫 103

4.4.2 案例17——插入FLV視頻 104

4.5 用其他網頁元素美化網頁 106

4.5.1 案例18——插入水平線 106

4.5.2 案例19——插入日期 107

4.5.3 案例20——插入特殊字元 108

4.6 綜合演練——製作圖文並茂的網頁 109

4.7 跟我學上機 111

4.7.1 練習目標 111

4.7.2 上機練習 111

4.8 高手甜點 111

第5章 Web新面孔——HTML 5新增

元素與屬性速覽 113

5.1 新增的主體結構元素 114

5.1.1 案例1——section元素 114

5.1.2 案例2——article元素 114

5.1.3 案例3——aside元素 117

5.1.4 案例4——nav元素 119

5.1.5 案例5——time元素 121

5.2 新增的非主體結構元素 122

5.2.1 案例6——header元素 122

5.2.2 案例7——hgroup元素 123

5.2.3 案例8——footer元素 125

5.2.4 案例9——figure元素 127

5.2.5 案例10——address元素 129

5.3 新增其他常用元素 130

5.3.1 案例11——mark元素 131

5.3.2 案例12——rp、rt與

ruby元素 132

5.3.3 案例13——progress元素 132

5.3.4 案例14——command元素 133

5.3.5 案例15——embed元素 134

5.3.6 案例16——details與summary

元素 135

5.3.7 案例17——datalist元素 135

5.4 新增的全局屬性 136

5.4.1 案例18——content Editable

屬性 136

5.4.2 案例19——spellcheck屬性 137

5.4.3 案例20——tabindex屬性 138

5.5 HTML新增屬性與廢除的屬性 139

5.5.1 案例21——表單屬性 139

5.5.2 案例22——連結相關屬性 145

5.5.3 案例23——其他屬性 146

5.5.4 HTML 5中已廢除的屬性 147

5.6 綜合演練——製作HTML 5的網頁 149

5.7 跟我練練手 150

5.7.1 練習目標 150

5.7.2 上機練習 150

5.8 高手甜點 151

第6章 不在網頁中迷路——設計網頁

超連結 153

6.1 連結與路徑 154

6.1.1 連結的概念 154

6.1.2 連結路徑 154

6.1.3 連結的類型 156

6.2 添加網頁超連結 156

6.2.1 案例1——添加文本連結 156

6.2.2 案例2——添加圖像連結 157

6.2.3 案例3——創建外部連結 158

6.2.4 案例4——創建錨記連結 159

6.2.5 案例5——創建圖像熱點

連結 161

6.2.6 案例6——創建電子郵件

連結 162

6.2.7 案例7——創建下載檔案的

連結 163

6.2.8 案例8——創建空連結 164

6.2.9 案例9——創建腳本連結 165

6.3 案例10——連結的檢查 166

6.4 實戰演練——為企業網站添加友情

連結 166

6.5 跟我練練手 167

6.5.1 練習目標 167

6.5.2 上機練習 167

6.6 高手甜點 167

第7章 讓網頁互動起來——使用網頁

表單和行為 169

7.1 在網頁中插入表單元素 170

7.1.1 案例1——插入表單域 170

7.1.2 案例2——插入文本域 171

7.1.3 案例3——插入單行文本域 171

7.1.4 案例4——插入多行文本域 172

7.1.5 案例5——插入密碼域 172

7.2 在網頁中插入複選框和單選按鈕 173

7.2.1 案例6——插入複選框 173

7.2.2 案例7——插入單選按鈕 174

7.3 製作網頁列表和選單 174

7.3.1 案例8——插入下拉選單 174

7.3.2 案例9——插入滾動列表 175

7.4 在網頁中插入按鈕 176

7.4.1 案例10——插入按鈕 176

7.4.2 案例11——插入圖像按鈕 176

7.5 添加網頁行為 177

7.5.1 案例12——打開【行為】

面板 177

7.5.2 案例13——添加行為 178

7.6 常用行為的套用 179

7.6.1 案例14——交換圖像 179

7.6.2 案例15——彈出信息 180

7.6.3 案例16——打開瀏覽器視窗 181

7.6.4 案例17——檢查表單行為 183

7.6.5 案例18——設定狀態欄文本 185

7.7 實戰演練——使用表單製作留言本 187

7.8 跟我練練手 190

7.8.1 練習目標 190

7.8.2 上機練習 190

7.9 高手甜點 191

第8章 初步接觸網頁布局——使用表格

布局網頁 193

8.1 插入表格 194

8.2 選中表格 195

8.2.1 案例1——選中完整的表格 195

8.2.2 案例2——選中行和列 196

8.2.3 案例3——選中單元格 197

8.3 表格屬性 198

8.3.1 案例4——設定單元格屬性 198

8.3.2 案例5——設定整個表格屬性 199

8.4 操作表格 199

8.4.1 案例6——調整表格的大小 199

8.4.2 案例7——增加行和列 200

8.4.3 案例8——刪除行、列、

單元格 202

8.4.4 案例9——剪下、複製和貼上

單元格 202

8.4.5 案例10——合併和拆分

單元格 203

8.5 操作表格數據 205

8.5.1 案例11——在表格中輸入

文本 205

8.5.2 案例12——在表格中插入

圖像 205

8.5.3 案例13——表格中的數據

排序 206

8.6 實戰演練——使用表格布局網頁 207

8.7 跟我練練手 210

8.7.1 練習目標 210

8.7.2 上機練習 210

8.8 高手甜點 210

第9章 極速的頁面布局——使用框架

布局網頁 213

9.1 認識框架 214

9.2 創建框架 214

9.2.1 案例1——創建預定義的

框架集 214

9.2.2 案例2——在框架中添加

內容 215

9.2.3 案例3——創建嵌套框架集 218

9.2.4 案例4——創建浮動框架 219

9.3 保存框架和框架集檔案 220

9.3.1 案例5——保存所有的框架集

檔案 220

9.3.2 案例6——保存框架集檔案 221

9.3.3 案例7——保存框架檔案 221

9.4 選中框架和框架集 222

9.4.1 案例8——認識【框架】

面板 222

9.4.2 案例9——在【框架】面板中

選中框架或框架集 222

9.4.3 案例10——在文檔視窗中

轉移框架或框架集 223

9.5 設定框架和框架集屬性 224

9.5.1 案例11——設定框架屬性 224

9.5.2 案例12——設定框架集屬性 225

9.5.3 案例13——改變框架的背景

顏色 226

9.6 實戰演練——創建左右結構框架的

網頁 227

9.7 跟我練練手 228

9.7.1 練習目標 228

9.7.2 上機練習 229

9.8 高手甜點 229

第10章 批量製作風格統一的網頁——

使用模板 231

10.1 創建模板 232

10.1.1 案例1——在空白文檔中

創建模板 232

10.1.2 案例2——在【資源】面板中

創建模板 232

10.1.3 案例3——使用現有文檔創建

模板 233

10.1.4 案例4——創建可編輯區域 234

10.2 管理模板 235

10.2.1 案例5——從模板中分離

文檔 235

10.2.2 案例6——更新模板和基於

模板的網頁 236

10.3 實戰演練——創建基於模板的頁面 237

10.4 跟我練練手 239

10.4.1 練習目標 239

10.4.2 上機練習 239

10.5 高手甜點 239

第2篇 網頁美化與布局

第11章 讀懂樣式表密碼——使用CSS

樣式表美化網頁 243

11.1 初識CSS 244

11.1.1 CSS概述 244

11.1.2 CSS的作用 244

11.1.3 CSS的基本語法 245

11.2 使用CSS樣式美化網頁 245

11.2.1 案例1——使用字型樣式美化

文字 246

11.2.2 案例2——使用文本樣式美化

文本 248

11.2.3 案例3——使用背景樣式美化

背景 252

11.2.4 案例4——使用連結樣式美化

連結 254

11.2.5 案例5——使用列表樣式美化

列表 255

11.2.6 案例6——使用區塊樣式

美化區塊 257

11.2.7 案例7——使用寬高樣式設定

寬高 258

11.2.8 案例8——使用框線樣式

美化框線 259

11.3 使用CSS濾鏡美化網頁 261

11.3.1 CSS濾鏡概述 261

11.3.2 案例9——Alpha濾鏡 262

11.3.3 案例10——Blur濾鏡 264

11.3.4 案例11——Chroma濾鏡 266

11.3.5 案例12——DropShadow

濾鏡 266

11.3.6 案例13——FlipH濾鏡和

FlipV濾鏡 268

11.3.7 案例14——Glow濾鏡 270

11.3.8 案例15——Gray濾鏡 271

11.3.9 案例16——Invert濾鏡 271

11.3.10 案例17——Mask濾鏡 272

11.3.11 案例18——Shadow濾鏡 273

11.3.12 案例19——Wave濾鏡 274

11.3.13 案例20——X-ray濾鏡 275

11.4 實戰演練——設定網頁中的連結

樣式 276

11.5 跟我練練手 279

11.5.1 練習目標 279

11.5.2 上機練習 280

11.6 高手甜點 280

第12章 架構師的大比拼——網頁布局

典型案例 281

12.1 使用CSS排版 282

12.1.1 案例1——將頁面用

DIV分塊 282

12.1.2 案例2——設定各塊位置 282

12.1.3 案例3——用CSS定位 283

12.2 固定寬度網頁剖析與布局 286

12.2.1 案例4——網頁單列布局

模式 286

12.2.2 案例5——網頁1-2-1型布局

模式 291

12.2.3 案例6——網頁1-3-1型布局

模式 295

12.3 自動縮放網頁1-2-1型布局模式 299

12.3.1 案例7——1-2-1型等比例變

寬布局 299

12.3.2 案例8——1-2-1型單列變寬

布局 300

12.4 自動縮放網頁1-3-1型布局模式 301

12.4.1 案例9——1-3-1型三列寬度

等比例布局 301

12.4.2 案例10——1-3-1型單側列寬度

固定的變寬布局 302

12.4.3 案例11——1-3-1型中間列寬度

固定的變寬布局 305

12.4.4 案例12——1-3-1型雙側列

寬度固定的變寬布局 309

12.4.5 案例13——1-3-1型中列和

側列寬度固定的變寬布局 313

12.5 實戰演練——使用CSS設定網頁布

局列的背景色 316

12.6 跟我練練手 318

12.6.1 練習目標 318

12.6.2 上機練習 318

12.7 高手甜點 318

第13章 讓別人瀏覽我的成果——網站

的發布 321

13.1 上傳網站前的準備工作 322

13.1.1 註冊域名 322

13.1.2 申請空間 322

13.2 測試網站 322

13.2.1 案例1——測試站點範圍的

連結 322

13.2.2 案例2——改變站點範圍的

連結 323

13.2.3 案例3——查找和替換 324

13.2.4 案例4——清理文檔 325

13.3 上傳網站 326

13.3.1 案例5——使用Dreamweaver

上傳網站 326

13.3.2 案例6——使用FTP工具

上傳網站 328

13.4 跟我練練手 330

13.4.1 練習目標 330

13.4.2 上機練習 330

13.5 高手甜點 330

第3篇 動態網站開發篇

第14章 製作動態網頁基礎——構建

動態網站的運行環境 333

14.1 準備互動網頁的執行環境 334

14.1.1 什麼是PHP 334

14.1.2 執行PHP的程式 334

14.2 架設IIS +PHP的執行環境 334

14.2.1 案例1——IIS網站伺服器的

安裝與設定 334

14.2.2 案例2——在IIS網站伺服器上

安裝PHP 337

14.3 架設Apache+PHP的執行環境 340

14.3.1 案例3——Apache 網站

伺服器的安裝與設定 340

14.3.2 案例4——在Apache網站

伺服器上安裝PHP 345

14.4 MySQL 資料庫的安裝 348

14.4.1 案例5——MySQL 資料庫的

安裝 348

14.4.2 案例6——phpMyAdmin的

安裝 351

14.5 實戰演練——快速安裝PHP集成環境：

AppServ 2.5 352

14.6 跟我練練手 355

14.6.1 練習目標 355

14.6.2 上機練習 355

14.7 高手甜點 355

第15章 架起動態網頁的橋樑——

定義動態網站與使用MySQL

資料庫 357

15.1 定義一個互動網站 358

15.1.1 定義互動網站的重要性 358

15.1.2 案例1——在Dreamweaver CS6

中定義網站 358

15.2 MySQL資料庫的使用 361

15.2.1 資料庫的原理 362

15.2.2 案例2——資料庫的建立 363

15.3 在網頁中使用MySQL資料庫 369

15.3.1 網頁取得資料庫的原理 369

15.3.2 案例3——建立MySQL資料庫

連線 370

15.3.3 案例4——綁定記錄集 371

15.4 加密MySQL資料庫 374

15.4.1 MySQL資料庫的安全問題 375

15.4.2 案例4——為MySQL管理賬號

加上密碼 375

15.5 實戰演練——資料庫的備份與還原 376

15.6 跟我練練手 379

15.6.1 練習目標 379

15.6.2 上機練習 379

15.7 高手甜點 380

第16章 開啟動態網頁製作之路——

動態網站套用模組開發 381

16.1 網站模組的概念 382

16.2 網站模組的使用 382

16.2.1 案例1——程式源檔案的

複製 382

16.2.2 案例2——新建站點 382

16.3 常用動態網站模組開發 383

16.3.1 案例3——線上點播模組

開發 383

16.3.2 案例4——網頁搜尋模組

開發 384

16.3.3 案例5——線上支付模組

開發 386

16.3.4 案例6——線上客服模組

開發 386

16.3.5 案例7——天氣預報模組

開發 387

第17章 娛樂休閒類網站開發實戰 389

17.1 網站分析及準備工作 390

17.1.1 設計分析 390

17.1.2 網站工作流程圖 390

17.1.3 資料庫分析 390

17.1.4 製作程式基本數據表 392

17.2 網站結構分析 392

17.3 網站主頁面的製作 393

17.3.1 管理站點 393

17.3.2 網站廣告管理主頁面的製作 393

17.4 網站二級頁面的製作 397

17.5 網站後台分析與討論 399

17.6 網站成品預覽 399

第18章 電子商務類網站 開發實戰 403

18.1 網站分析及準備工作 404

18.1.1 設計分析 404

18.1.2 網站流程圖 404

18.1.3 資料庫分析 405

18.1.4 製作程式基本數據表 406

18.2 網站結構分析 407

18.3 網站主頁面的製作 408

18.3.1 管理站點 408

18.3.2 網站廣告管理主頁面的製作 408

18.4 網站二級頁面的製作 410

18.4.1 企業新聞列表頁 410

18.4.2 企業產品展示列表頁 411

18.5 網站後台分析與討論 413

18.6 網站成品預覽 413

第4篇 網站全能拓展篇

第19章 增加點擊率——網站最佳化與

推廣 419

19.1 在網站中添加廣告 420

19.1.1 網站廣告分類 420

19.1.2 添加網站廣告 421

19.2 添加實用查詢工具 422

19.2.1 添加天氣預報 423

19.2.2 添加IP查詢 423

19.2.3 添加萬年曆 424

19.2.4 添加列車時刻查詢 425

19.3 網站的宣傳與推廣 426

19.3.1 網站宣傳實用策略 426

19.3.2 利用大眾傳媒進行推廣 427

19.3.3 利用網路媒介進行推廣 428

19.3.4 利用其他形式進行推廣 429

19.4 實戰演練——查看網站的流量 430

19.5 跟我練練手 432

19.5.1 練習目標 432

19.5.2 上機練習 432

19.6 高手甜點 433

第20章 打造堅實的保壘——網站安全

與防禦 435

20.1 網站維護基礎知識 436

20.1.1 網站的維護與安全 436

20.1.2 常見的網站攻擊方式 437

20.2 網站安全防禦策略 438

20.2.1 檢測上傳檔案的安全性 438

20.2.2 設定網站的訪問許可權 440

20.4 高手甜點 441

2.1 善用色彩設計網頁 32

2.1.1 認識色彩 32

2.1.2 網頁上的色彩處理 33

2.2 網頁色彩的搭配 36

2.2.1 確定網站的主題色 37

2.2.2 網頁色彩搭配原理 38

2.2.3 網頁中色彩的搭配 40

2.2.4 網頁元素的色彩搭配 41

2.2.5 網頁色彩搭配的技巧 43

2.3 布局網站板塊結構 45

2.3.1 “國”字型 45

2.3.2 標題正文型 46

2.3.3 左右框架型 46

2.3.4 上下框架型 46

2.3.5 綜合框架型 47

2.3.6 封面型 47

2.3.7 Flash型 47

2.4 網站配色套用案例 48

2.4.1 案例1——網路購物網站的

色彩套用 48

2.4.2 案例2——遊戲網站的

色彩套用 49

2.4.3 案例3——企業入口網站的

色彩套用 50

2.4.4 案例4——時政新聞網站的

色彩套用 52

2.4.5 案例5——影音視頻網站的

色彩套用 52

2.4.6 案例6——電子商務網站的

色彩套用 53

2.4.7 案例7——娛樂網站的

色彩套用 54

2.5 實戰演練——定位網站頁面的框架 54

2.6 跟我練練手 56

2.6.1 練習目標 56

2.6.2 上機練習 56

2.7 高手甜點 56

第3章 磨刀不誤砍柴工——Dreamweaver

CS6 創建網站站點 57

3.1 認識Dreamweaver CS6的工作環境 58

3.1.1 啟動Dreamweaver CS6 58

3.1.2 認識Dreamweaver CS6的

工作區 59

3.1.3 熟悉Dreamweaver CS6的

面板 61

3.2 創建站點 63

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

3.2.2 案例2——使用【檔案】

面板創建站點 64

3.3 管理站點 65

3.3.1 案例3——打開站點 65

3.3.2 案例4——編輯站點 66

3.3.3 案例5——刪除站點 66

3.3.4 案例6——複製站點 67

3.4 操作站點檔案及資料夾 68

3.4.1 案例7——創建資料夾 68

3.4.2 案例8——創建檔案 69

3.4.3 案例9——檔案或資料夾的

移動和複製 69

3.4.4 案例10——刪除檔案或資料夾 70

3.5 實戰演練——建立站點檔案和資料夾 70

3.6 跟我練練手 71

3.6.1 練習目標 71

3.6.2 上機練習 72

3.7 高手甜點 72

第4章 製作我的第一個網頁——網頁

內容之美 73

4.1 文檔的基本操作 74

4.1.1 案例1——創建空白文檔 74

4.1.2 案例2——設定頁面屬性 74

4.2 用文字美化網頁 78

4.2.1 案例3——插入文字 79

4.2.2 案例4——設定字型 80

4.2.3 案例5——設定字號 82

4.2.4 案例6——設定字型顏色 83

4.2.5 案例7——設定字型樣式 83

4.2.6 案例8——編輯段落 85

4.2.7 案例9——檢查拼寫 91

4.2.8 案例10——創建項目列表 92

4.3 用圖像美化網頁 94

4.3.1 案例11——插入圖像 94

4.3.2 案例12——圖像屬性設定 96

4.3.3 案例13——圖像的對齊方式 98

4.3.4 案例14——插入滑鼠經過

圖像 99

4.3.5 案例15——插入圖像占位符 101

4.4 用動畫美化網頁 103

4.4.1 案例16——插入Flash動畫 103

4.4.2 案例17——插入FLV視頻 104

4.5 用其他網頁元素美化網頁 106

4.5.1 案例18——插入水平線 106

4.5.2 案例19——插入日期 107

4.5.3 案例20——插入特殊字元 108

4.6 綜合演練——製作圖文並茂的網頁 109

4.7 跟我學上機 111

4.7.1 練習目標 111

4.7.2 上機練習 111

4.8 高手甜點 111

第5章 Web新面孔——HTML 5新增

元素與屬性速覽 113

5.1 新增的主體結構元素 114

5.1.1 案例1——section元素 114

5.1.2 案例2——article元素 114

5.1.3 案例3——aside元素 117

5.1.4 案例4——nav元素 119

5.1.5 案例5——time元素 121

5.2 新增的非主體結構元素 122

5.2.1 案例6——header元素 122

5.2.2 案例7——hgroup元素 123

5.2.3 案例8——footer元素 125

5.2.4 案例9——figure元素 127

5.2.5 案例10——address元素 129

5.3 新增其他常用元素 130

5.3.1 案例11——mark元素 131

5.3.2 案例12——rp、rt與

ruby元素 132

5.3.3 案例13——progress元素 132

5.3.4 案例14——command元素 133

5.3.5 案例15——embed元素 134

5.3.6 案例16——details與summary

元素 135

5.3.7 案例17——datalist元素 135

5.4 新增的全局屬性 136

5.4.1 案例18——content Editable

屬性 136

5.4.2 案例19——spellcheck屬性 137

5.4.3 案例20——tabindex屬性 138

5.5 HTML新增屬性與廢除的屬性 139

5.5.1 案例21——表單屬性 139

5.5.2 案例22——連結相關屬性 145

5.5.3 案例23——其他屬性 146

5.5.4 HTML 5中已廢除的屬性 147

5.6 綜合演練——製作HTML 5的網頁 149

5.7 跟我練練手 150

5.7.1 練習目標 150

5.7.2 上機練習 150

5.8 高手甜點 151

第6章 不在網頁中迷路——設計網頁

超連結 153

6.1 連結與路徑 154

6.1.1 連結的概念 154

6.1.2 連結路徑 154

6.1.3 連結的類型 156

6.2 添加網頁超連結 156

6.2.1 案例1——添加文本連結 156

6.2.2 案例2——添加圖像連結 157

6.2.3 案例3——創建外部連結 158

6.2.4 案例4——創建錨記連結 159

6.2.5 案例5——創建圖像熱點

連結 161

6.2.6 案例6——創建電子郵件

連結 162

6.2.7 案例7——創建下載檔案的

連結 163

6.2.8 案例8——創建空連結 164

6.2.9 案例9——創建腳本連結 165

6.3 案例10——連結的檢查 166

6.4 實戰演練——為企業網站添加友情

連結 166

6.5 跟我練練手 167

6.5.1 練習目標 167

6.5.2 上機練習 167

6.6 高手甜點 167

第7章 讓網頁互動起來——使用網頁

表單和行為 169

7.1 在網頁中插入表單元素 170

7.1.1 案例1——插入表單域 170

7.1.2 案例2——插入文本域 171

7.1.3 案例3——插入單行文本域 171

7.1.4 案例4——插入多行文本域 172

7.1.5 案例5——插入密碼域 172

7.2 在網頁中插入複選框和單選按鈕 173

7.2.1 案例6——插入複選框 173

7.2.2 案例7——插入單選按鈕 174

7.3 製作網頁列表和選單 174

7.3.1 案例8——插入下拉選單 174

7.3.2 案例9——插入滾動列表 175

7.4 在網頁中插入按鈕 176

7.4.1 案例10——插入按鈕 176

7.4.2 案例11——插入圖像按鈕 176

7.5 添加網頁行為 177

7.5.1 案例12——打開【行為】

面板 177

7.5.2 案例13——添加行為 178

7.6 常用行為的套用 179

7.6.1 案例14——交換圖像 179

7.6.2 案例15——彈出信息 180

7.6.3 案例16——打開瀏覽器視窗 181

7.6.4 案例17——檢查表單行為 183

7.6.5 案例18——設定狀態欄文本 185

7.7 實戰演練——使用表單製作留言本 187

7.8 跟我練練手 190

7.8.1 練習目標 190

7.8.2 上機練習 190

7.9 高手甜點 191

第8章 初步接觸網頁布局——使用表格

布局網頁 193

8.1 插入表格 194

8.2 選中表格 195

8.2.1 案例1——選中完整的表格 195

8.2.2 案例2——選中行和列 196

8.2.3 案例3——選中單元格 197

8.3 表格屬性 198

8.3.1 案例4——設定單元格屬性 198

8.3.2 案例5——設定整個表格屬性 199

8.4 操作表格 199

8.4.1 案例6——調整表格的大小 199

8.4.2 案例7——增加行和列 200

8.4.3 案例8——刪除行、列、

單元格 202

8.4.4 案例9——剪下、複製和貼上

單元格 202

8.4.5 案例10——合併和拆分

單元格 203

8.5 操作表格數據 205

8.5.1 案例11——在表格中輸入

文本 205

8.5.2 案例12——在表格中插入

圖像 205

8.5.3 案例13——表格中的數據

排序 206

8.6 實戰演練——使用表格布局網頁 207

8.7 跟我練練手 210

8.7.1 練習目標 210

8.7.2 上機練習 210

8.8 高手甜點 210

第9章 極速的頁面布局——使用框架

布局網頁 213

9.1 認識框架 214

9.2 創建框架 214

9.2.1 案例1——創建預定義的

框架集 214

9.2.2 案例2——在框架中添加

內容 215

9.2.3 案例3——創建嵌套框架集 218

9.2.4 案例4——創建浮動框架 219

9.3 保存框架和框架集檔案 220

9.3.1 案例5——保存所有的框架集

檔案 220

9.3.2 案例6——保存框架集檔案 221

9.3.3 案例7——保存框架檔案 221

9.4 選中框架和框架集 222

9.4.1 案例8——認識【框架】

面板 222

9.4.2 案例9——在【框架】面板中

選中框架或框架集 222

9.4.3 案例10——在文檔視窗中

轉移框架或框架集 223

9.5 設定框架和框架集屬性 224

9.5.1 案例11——設定框架屬性 224

9.5.2 案例12——設定框架集屬性 225

9.5.3 案例13——改變框架的背景

顏色 226

9.6 實戰演練——創建左右結構框架的

網頁 227

9.7 跟我練練手 228

9.7.1 練習目標 228

9.7.2 上機練習 229

9.8 高手甜點 229

第10章 批量製作風格統一的網頁——

使用模板 231

10.1 創建模板 232

10.1.1 案例1——在空白文檔中

創建模板 232

10.1.2 案例2——在【資源】面板中

創建模板 232

10.1.3 案例3——使用現有文檔創建

模板 233

10.1.4 案例4——創建可編輯區域 234

10.2 管理模板 235

10.2.1 案例5——從模板中分離

文檔 235

10.2.2 案例6——更新模板和基於

模板的網頁 236

10.3 實戰演練——創建基於模板的頁面 237

10.4 跟我練練手 239

10.4.1 練習目標 239

10.4.2 上機練習 239

10.5 高手甜點 239

第2篇 網頁美化與布局

第11章 讀懂樣式表密碼——使用CSS

樣式表美化網頁 243

11.1 初識CSS 244

11.1.1 CSS概述 244

11.1.2 CSS的作用 244

11.1.3 CSS的基本語法 245

11.2 使用CSS樣式美化網頁 245

11.2.1 案例1——使用字型樣式美化

文字 246

11.2.2 案例2——使用文本樣式美化

文本 248

11.2.3 案例3——使用背景樣式美化

背景 252

11.2.4 案例4——使用連結樣式美化

連結 254

11.2.5 案例5——使用列表樣式美化

列表 255

11.2.6 案例6——使用區塊樣式

美化區塊 257

11.2.7 案例7——使用寬高樣式設定

寬高 258

11.2.8 案例8——使用框線樣式

美化框線 259

11.3 使用CSS濾鏡美化網頁 261

11.3.1 CSS濾鏡概述 261

11.3.2 案例9——Alpha濾鏡 262

11.3.3 案例10——Blur濾鏡 264

11.3.4 案例11——Chroma濾鏡 266

11.3.5 案例12——DropShadow

濾鏡 266

11.3.6 案例13——FlipH濾鏡和

FlipV濾鏡 268

11.3.7 案例14——Glow濾鏡 270

11.3.8 案例15——Gray濾鏡 271

11.3.9 案例16——Invert濾鏡 271

11.3.10 案例17——Mask濾鏡 272

11.3.11 案例18——Shadow濾鏡 273

11.3.12 案例19——Wave濾鏡 274

11.3.13 案例20——X-ray濾鏡 275

11.4 實戰演練——設定網頁中的連結

樣式 276

11.5 跟我練練手 279

11.5.1 練習目標 279

11.5.2 上機練習 280

11.6 高手甜點 280

第12章 架構師的大比拼——網頁布局

典型案例 281

12.1 使用CSS排版 282

12.1.1 案例1——將頁面用

DIV分塊 282

12.1.2 案例2——設定各塊位置 282

12.1.3 案例3——用CSS定位 283

12.2 固定寬度網頁剖析與布局 286

12.2.1 案例4——網頁單列布局

模式 286

12.2.2 案例5——網頁1-2-1型布局

模式 291

12.2.3 案例6——網頁1-3-1型布局

模式 295

12.3 自動縮放網頁1-2-1型布局模式 299

12.3.1 案例7——1-2-1型等比例變

寬布局 299

12.3.2 案例8——1-2-1型單列變寬

布局 300

12.4 自動縮放網頁1-3-1型布局模式 301

12.4.1 案例9——1-3-1型三列寬度

等比例布局 301

12.4.2 案例10——1-3-1型單側列寬度

固定的變寬布局 302

12.4.3 案例11——1-3-1型中間列寬度

固定的變寬布局 305

12.4.4 案例12——1-3-1型雙側列

寬度固定的變寬布局 309

12.4.5 案例13——1-3-1型中列和

側列寬度固定的變寬布局 313

12.5 實戰演練——使用CSS設定網頁布

局列的背景色 316

12.6 跟我練練手 318

12.6.1 練習目標 318

12.6.2 上機練習 318

12.7 高手甜點 318

第13章 讓別人瀏覽我的成果——網站

的發布 321

13.1 上傳網站前的準備工作 322

13.1.1 註冊域名 322

13.1.2 申請空間 322

13.2 測試網站 322

13.2.1 案例1——測試站點範圍的

連結 322

13.2.2 案例2——改變站點範圍的

連結 323

13.2.3 案例3——查找和替換 324

13.2.4 案例4——清理文檔 325

13.3 上傳網站 326

13.3.1 案例5——使用Dreamweaver

上傳網站 326

13.3.2 案例6——使用FTP工具

上傳網站 328

13.4 跟我練練手 330

13.4.1 練習目標 330

13.4.2 上機練習 330

13.5 高手甜點 330

第3篇 動態網站開發篇

第14章 製作動態網頁基礎——構建

動態網站的運行環境 333

14.1 準備互動網頁的執行環境 334

14.1.1 什麼是PHP 334

14.1.2 執行PHP的程式 334

14.2 架設IIS +PHP的執行環境 334

14.2.1 案例1——IIS網站伺服器的

安裝與設定 334

14.2.2 案例2——在IIS網站伺服器上

安裝PHP 337

14.3 架設Apache+PHP的執行環境 340

14.3.1 案例3——Apache 網站

伺服器的安裝與設定 340

14.3.2 案例4——在Apache網站

伺服器上安裝PHP 345

14.4 MySQL 資料庫的安裝 348

14.4.1 案例5——MySQL 資料庫的

安裝 348

14.4.2 案例6——phpMyAdmin的

安裝 351

14.5 實戰演練——快速安裝PHP集成環境：

AppServ 2.5 352

14.6 跟我練練手 355

14.6.1 練習目標 355

14.6.2 上機練習 355

14.7 高手甜點 355

第15章 架起動態網頁的橋樑——

定義動態網站與使用MySQL

資料庫 357

15.1 定義一個互動網站 358

15.1.1 定義互動網站的重要性 358

15.1.2 案例1——在Dreamweaver CS6

中定義網站 358

15.2 MySQL資料庫的使用 361

15.2.1 資料庫的原理 362

15.2.2 案例2——資料庫的建立 363

15.3 在網頁中使用MySQL資料庫 369

15.3.1 網頁取得資料庫的原理 369

15.3.2 案例3——建立MySQL資料庫

連線 370

15.3.3 案例4——綁定記錄集 371

15.4 加密MySQL資料庫 374

15.4.1 MySQL資料庫的安全問題 375

15.4.2 案例4——為MySQL管理賬號

加上密碼 375

15.5 實戰演練——資料庫的備份與還原 376

15.6 跟我練練手 379

15.6.1 練習目標 379

15.6.2 上機練習 379

15.7 高手甜點 380

第16章 開啟動態網頁製作之路——

動態網站套用模組開發 381

16.1 網站模組的概念 382

16.2 網站模組的使用 382

16.2.1 案例1——程式源檔案的

複製 382

16.2.2 案例2——新建站點 382

16.3 常用動態網站模組開發 383

16.3.1 案例3——線上點播模組

開發 383

16.3.2 案例4——網頁搜尋模組

開發 384

16.3.3 案例5——線上支付模組

開發 386

16.3.4 案例6——線上客服模組

開發 386

16.3.5 案例7——天氣預報模組

開發 387

第17章 娛樂休閒類網站開發實戰 389

17.1 網站分析及準備工作 390

17.1.1 設計分析 390

17.1.2 網站工作流程圖 390

17.1.3 資料庫分析 390

17.1.4 製作程式基本數據表 392

17.2 網站結構分析 392

17.3 網站主頁面的製作 393

17.3.1 管理站點 393

17.3.2 網站廣告管理主頁面的製作 393

17.4 網站二級頁面的製作 397

17.5 網站後台分析與討論 399

17.6 網站成品預覽 399

第18章 電子商務類網站 開發實戰 403

18.1 網站分析及準備工作 404

18.1.1 設計分析 404

18.1.2 網站流程圖 404

18.1.3 資料庫分析 405

18.1.4 製作程式基本數據表 406

18.2 網站結構分析 407

18.3 網站主頁面的製作 408

18.3.1 管理站點 408

18.3.2 網站廣告管理主頁面的製作 408

18.4 網站二級頁面的製作 410

18.4.1 企業新聞列表頁 410

18.4.2 企業產品展示列表頁 411

18.5 網站後台分析與討論 413

18.6 網站成品預覽 413

第4篇 網站全能拓展篇

第19章 增加點擊率——網站最佳化與

推廣 419

19.1 在網站中添加廣告 420

19.1.1 網站廣告分類 420

19.1.2 添加網站廣告 421

19.2 添加實用查詢工具 422

19.2.1 添加天氣預報 423

19.2.2 添加IP查詢 423

19.2.3 添加萬年曆 424

19.2.4 添加列車時刻查詢 425

19.3 網站的宣傳與推廣 426

19.3.1 網站宣傳實用策略 426

19.3.2 利用大眾傳媒進行推廣 427

19.3.3 利用網路媒介進行推廣 428

19.3.4 利用其他形式進行推廣 429

19.4 實戰演練——查看網站的流量 430

19.5 跟我練練手 432

19.5.1 練習目標 432

19.5.2 上機練習 432

19.6 高手甜點 433

第20章 打造堅實的保壘——網站安全

與防禦 435

20.1 網站維護基礎知識 436

20.1.1 網站的維護與安全 436

20.1.2 常見的網站攻擊方式 437

20.2 網站安全防禦策略 438

20.2.1 檢測上傳檔案的安全性 438

20.2.2 設定網站的訪問許可權 440

20.4 高手甜點 441