Dreamweaver網頁設計核心應用標準教程(微課視頻版)

目 錄

第1章

網頁設計入門知識

1.1 網頁的基本概念 2

1.2 網頁設計知識 5

1.2.1 網頁配色基礎 5

1.2.2 網頁設計元素 7

1.2.3 網頁佈局 8

1.2.4 網頁標準化技術 9

1.3 網站製作流程 10

1.3.1 前期準備工作 10

1.3.2 方案實施 11

1.3.3 後期維護 12

1.4 初識Dreamweaver 13

1.4.1 Dreamweaver工作界面 13

1.4.2 文檔的基本操作 14

1.4.3 動手練：創建一個簡單網頁 16

1.5 站點的創建和管理 18

1.5.1 站點的創建 18

1.5.2 站點的管理 19

1.5.3 站點的導入和導出 21

1.6 案例實戰：我的第一個站點 22

1.7 課後練習 24

第2章

網頁基本元素的編輯

2.1 在網頁中插入文本 26

2.1.1 插入文本 26

2.1.2 文本的屬性設置 26

2.1.3 使用列表 28

2.1.4 插入特殊元素 28

2.1.5 動手練：純文字網頁 29

2.2 在網頁中插入圖像 31

2.2.1 網頁中圖像的常見格式 31

2.2.2 插入圖像 31

2.2.3 圖像的屬性設置 32

2.2.4 圖像的對齊方式 34

2.3 插入其他圖像文件 35

2.3.1 圖像占位符 35

2.3.2 鼠標經過圖像 36

2.3.3 動手練：鼠標經過圖像網頁效果 36

2.4 插入其他多媒體 38

2.4.1 插入SWF動畫 38

2.4.2 插入FLV視頻 39

2.5 案例實戰：美食網站首頁 40

2.6 課後練習 43

第3章

HTML基礎知識

3.1 認識HTML 45

3.1.1 HTML簡介 45

3.1.2 標簽和屬性 45

3.1.3 HTML文檔結構 46

3.2 HTML的基本標簽 48

3.2.1 標題文字 48

3.2.2 文字格式 48

3.2.3 段落標簽 49

3.2.4 圖像標簽 51

3.2.5 超鏈接標簽 51

3.2.6 列表標簽 52

3.2.7 表格標簽 53

3.3 頁面動畫效果 55

3.3.1 實現過渡 55

3.3.2 動畫屬性 58

3.3.3 動手練：網頁旋轉動畫效果 60

3.4 HTML 5的應用 62

3.4.1 HTML 5語法變化 62

3.4.2 HTML 5標簽方法 63

3.4.3 HTML 5新增元素 63

3.4.4 HTML 5新增屬性元素 67

3.5 案例實戰：簡易網頁佈局 68

3.6 課後練習   71

第4章

網頁超鏈接的應用

4.1 超鏈接概念 73

4.1.1 相對路徑 73

4.1.2 絕對路徑 73

4.1.3 外部鏈接和內部鏈接 73

4.2 管理網頁超鏈接 74

4.2.1 自動更新鏈接 74

4.2.2 在站點範圍內更改鏈接 75

4.2.3 檢查站點中的鏈接錯誤 75

4.3 在圖像中應用鏈接 76

4.3.1 圖像鏈接 76

4.3.2 圖像熱點鏈接 76

4.3.3 動手練：網頁圖像鏈接 77

4.4 其他常用鏈接 78

4.4.1 文本鏈接 78

4.4.2 錨記鏈接 79

4.4.3 電子郵件鏈接 79

4.4.4 空鏈接 80

4.4.5 動手練：電子郵件鏈接 80

4.5 案例實戰：下載文件鏈接 81

4.6 課後練習   83

第5章

表格的佈局與應用

5.1 插入表格 85

5.1.1 與表格有關的術語 85

5.1.2 插入表格 85

5.1.3 表格的基本代碼 86

5.2 表格屬性 86

5.2.1 設置表格的屬性 86

5.2.2 設置單元格屬性 87

5.2.3 改變背景顏色 88

5.2.4 表格的屬性代碼 88

5.2.5 動手練：寵物店網頁 89

5.3 選擇表格 91

5.3.1 選擇整個表格 91

5.3.2 選擇一個單元格 91

5.4 編輯表格 91

5.4.1 復制和粘貼表格 91

5.4.2 添加行和列 92

5.4.3 刪除行和列 93

5.4.4 合並或拆分單元格 93

5.4.5 動手練：連鎖超市網頁 94

5.5 案例實戰：甜品店網頁 95

5.6 課後練習   98

第6章

CSS樣式應用

6.1 CSS概述 100

6.1.1 CSS的特點 100

6.1.2 CSS的定義 100

6.1.3 CSS的設置 102

6.1.4  “CSS樣式”面板 107

6.1.5 動手練：美化文學網頁 108

6.2 使用CSS 111

6.2.1 外聯樣式表 111

6.2.2 內嵌樣式表 112

6.3 案例實戰：設計茶具網頁 113

6.4 課後練習   116

第7章

Div+CSS佈局

7.1 Div與CSS佈局基礎 118

7.1.1 什麽是Web標準 118

7.1.2 Div概述 118

7.2 創建Div 119

7.2.1 創建Div 119

7.2.2 設置AP Div的屬性 120

7.3 CSS佈局方法 120

7.3.1 盒子模型 120

7.3.2 外邊距設置 121

7.3.3 內邊距設置 122

7.3.4 動手練：左中右佈局 123

7.4 使用Div佈局 126

7.4.1 上中下佈局 126

7.4.2 左右下佈局 127

7.4.3 上左右下佈局 129

7.5 案例實戰：西餐廳網頁 131

7.6 課後練習   138

第8章

模板和庫

8.1 創建模板 140

8.1.1 直接創建模板 140

8.1.2 從現有網頁中創建模板 140

8.1.3 創建可編輯區域 141

8.2 管理和使用模板 142

8.2.1 應用模板 142

8.2.2 從模板中分離 142

8.2.3 更新模板及模板內容頁 143

8.2.4 創建嵌套模板 143

8.2.5 創建可選區域 143

8.3 創建和使用庫 144

8.3.1 創建庫項目 144

8.3.2 插入庫項目 145

8.3.3 編輯和更新庫項目 145

8.4 案例實戰：模板的創建及應用 146

8.5 課後練習   154

第9章

行為

9.1 什麽是行為 156

9.1.1 行為 156

9.1.2 事件 157

9.2 瀏覽器窗口行為 159

9.2.1 打開瀏覽器窗口 159

9.2.2 調用腳本 160

9.2.3 轉到URL 160

9.2.4 動手練：打開瀏覽器窗口 161

9.2.5 動手練：轉到URL網頁 162

9.2.6 動手練：自動關閉網頁 163

9.3 圖像行為 164

9.3.1 交換圖像與恢復交換圖像 164

9.3.2 預先載入圖像 164

9.3.3 顯示-隱藏元素 165

9.4 文本行為 166

9.4.1 彈出信息 166

9.4.2 設置狀態欄文本 166

9.4.3 設置容器的文本 166

9.4.4 設置文本域文字 167

9.4.5 動手練：網頁彈出信息 167

9.5 表單行為 168

9.5.1 跳轉菜單 168

9.5.2 檢查表單 169

9.6 案例實戰：交換圖像效果 169

9.7 課後練習   171

第10章

表單和jQuery Mobile

10.1 使用表單 173

10.1.1 認識表單 173

10.1.2 基本表單對象 173

10.1.3 動手練：創建註冊頁面 174

10.2 常用表單應用 178

10.2.1 文本字段 178

10.2.2 文本區域 178

10.2.3 復選框和復選框組 178

10.2.4 單選按鈕和單選按鈕組 179

10.2.5 選擇（列表/菜單） 180

10.2.6 按鈕 180

10.2.7 文件域 180

10.2.8 動手練：登錄頁面 181

10.3 認識jQuery 183

10.3.1 jQuery簡介 183

10.3.2 為什麽要使用jQuery 184

10.3.3 jQuery常用插件 185

10.4   jQuery Mobile基礎應用 185

10.4.1 調用方法 186

10.4.2 jQuery Mobile頁面 186

10.4.3 jQuery Mobile列表視圖 187

10.4.4 jQuery Mobile佈局網格 187

10.4.5  jQuery Mobile可折疊區塊 188

10.5   案例實戰：信息採集網頁 189

10.6   課後練習 194

第11章

製作科技公司網頁

11.1 網頁製作準備 196

11.1.1   規劃和建立站點 196

11.1.2  頁面結構分析 197

11.2 製作流程 197

11.2.1  製作網站首頁 197

11.2.2  製作次級頁面 207

附　錄

附錄A 課後練習參考答案 216

附錄B HTML頁面元素速查 218

附錄C CSS常用屬性速查 222