網頁設計與網站建設實例教程(第2版)（微課視頻版）

目 錄

第1章  網站與網頁基礎 1

1.1　了解網站 1

1.1.1　網站的基本概念 1

1.1.2　網站的訪問方式 3

1.1.3　網站的工作過程 4

1.1.4　常見的網站分類 5

1.1.5　網站的基本架構 9

1.2　認識網頁 10

1.2.1　網頁的頁面結構 10

1.2.2　網頁中的主要元素 13

1.2.3　網頁的結構類型 16

1.3　網頁開發工具 17

1.3.1　網頁設計語言 17

1.3.2　網頁制作工具 20

1.3.3　網頁美化工具 21

1.3.4　網頁調試工具 22

1.4　小結和習題 23

1.4.1　本章小結 23

1.4.2　本章練習 24

第2章  網站規劃設計 25

2.1　網站的初步規劃 25

2.1.1　網站的建設流程 25

2.1.2　網站的設計原則 28

2.1.3　網站的設計技術 29

2.2　網站配色與布局 29

2.2.1　網站的配色設計 30

2.2.2　網站的布局設計 33

2.3　網站的內容設計 34

2.3.1　網站的主題定位 34

2.3.2　網站的風格確定 35

2.3.3　網站的結構設計 36

2.3.4　網站的形象設計 36

2.3.5　網站的導航設計 37

2.4　小結和習題 38

2.4.1　本章小結 38

2.4.2　本章練習 39

第3章  初識網頁制作軟件40

3.1　Dreamweaver工作環境 40

3.1.1　操作界面 40

3.1.2　浮動面板 42

3.1.3　視圖模式 43

3.2　站點的創建與管理 45

3.2.1　站點的規劃 45

3.2.2　站點的創建 45

3.2.3　站點的管理 48

3.3　網頁的基本操作 52

3.3.1　新建網頁 52

3.3.2　預覽網頁 53

3.3.3　設置網頁屬性 55

3.4　小結和習題 57

3.4.1　本章小結 57

3.4.2　本章練習 57

第4章  制作網頁內容 59

4.1　輸入文本 59

4.1.1　添加文本 59

4.1.2　編輯網頁文本 63

4.1.3　插入列表 65

4.1.4　插入表格 67

4.1.5　插入特殊元素 70

4.2　插入圖像 72

4.2.1　添加圖像 72

4.2.2　編輯圖像 74

4.2.3　設置圖像背景 76

4.2.4　設置圖像特效 78

4.3　插入多媒體元素 80

4.3.1　插入動畫 80

4.3.2　插入視頻 81

4.3.3　插入音頻 83

4.4　使用超鏈接 85

4.4.1　創建超鏈接 85

4.4.2　添加錨鏈接 87

4.5　使用模板快速制作網頁 89

4.5.1　創建模板文件 90

4.5.2　使用模板文件 93

4.5.3　管理模板文件 95

4.6　設計移動端網頁 97

4.6.1　創建移動端網頁頁面 97

4.6.2　插入布局網格 98

4.6.3　插入可折疊區塊 100

4.6.4　插入列表視圖 101

4.7　小結和習題 102

4.7.1　本章小結 102

4.7.2　本章練習 103

第5章  使用CSS樣式美化網頁 105

5.1　了解CSS基礎知識 105

5.1.1　初識CSS樣式 105

5.1.2　編寫CSS樣式 107

5.1.3　引用外部CSS 111

5.2　編寫CSS樣式代碼 114

5.2.1　解讀CSS常用選擇器 114

5.2.2　分析CSS常用屬性 120

5.3　使用CSS樣式美化文本 124

5.3.1　設置字體屬性 124

5.3.2　設置段落屬性 129

5.4　使用CSS樣式修飾頁面 135

5.4.1　設置圖片樣式 135

5.4.2　設置背景與邊框 140

5.5　小結和習題 144

5.5.1　本章小結 144

5.5.2　本章練習 144

第6章  制作網頁表單 147

6.1　初識表單 147

6.1.1　認識表單對象 147

6.1.2　創建表單 149

6.2　添加表單對象 152

6.2.1　用文本域和密碼域輸入數據 152

6.2.2　用文本區域輸入多行文本 154

6.2.3　用列表/菜單選擇數據 156

6.2.4　用單選按鈕選擇數據 158

6.2.5　用復選框選擇數據 159

6.2.6　用按鈕提交數據 161

6.2.7　配置HTML5表單對象 164

6.3　小結與習題 167

6.3.1　本章小結 167

6.3.2　本章練習 167

第7章  規劃布局網頁 169

7.1　網頁布局基礎知識 169

7.1.1　網頁布局類型 170

7.1.2　網頁布局途徑 173

7.1.3　網頁布局方式 174

7.2　表格布局 176

7.2.1　插入編輯表格 176

7.2.2　美化設置表格 179

7.2.3　制作表格網頁 184

7.3　DIV+CSS布局 190

7.3.1　兩列結構布局 190

7.3.2　多列結構布局 193

7.4　自適應布局 197

7.4.1　流式布局 197

7.4.2　彈性盒子布局 199

7.4.3　媒體查詢布局 201

7.5　小結和習題 203

7.5.1　本章小結 203

7.5.2　本章練習 204

第8章  添加網頁特效 206

8.1　使用CSS設計動畫特效 206

8.1.1　設計變換動畫特效 207

8.1.2　設計關鍵幀動畫特效 208

8.1.3　設計過渡動畫特效 211

8.2　使用行為添加網頁特效 213

8.2.1　交換圖像 213

8.2.2　彈出信息 215

8.2.3　打開瀏覽器窗口 216

8.2.4　其他效果 217

8.3　使用HTML5添加動畫特效 219

8.3.1　制作HTML5 夢幻動畫特效 219

8.3.2　利用HTML5 Canvas繪制圖形特效 221

8.3.3　制作HTML5 SVG矢量圖形動畫 223

8.4　小結和習題 226

8.4.1　本章小結 226

8.4.2　本章練習 226

第9章  制作動態網站 227

9.1　安裝與配置動態網站環境 227

9.1.1　安裝IIS環境 227

9.1.2　配置PHP環境 229

9.2　建立網站數據庫 235

9.2.1　安裝MySQL數據庫 235

9.2.2　設計MySQL數據庫 238

9.3　開發動態網頁 242

9.3.1　使用PHP連接數據庫 242

9.3.2　實現增刪改查功能 245

9.4　制作職業學院網站 257

9.4.1　分析網站需求 258

9.4.2　設計網站數據庫 260

9.4.3　制作網站首頁 262

9.4.4　制作列表頁面 265

9.4.5　制作內容頁面 267

9.4.6　制作管理頁面 268

9.5　小結和習題 272

9.5.1　本章小結 272

9.5.2　本章練習 272

第10章  網站建設與發布 273

10.1　準備網站基礎設施 273

10.1.1　選擇與購買雲服務器 274

10.1.2　註冊與管理域名 277

10.2　配置網站運行環境 282

10.2.1　安裝網絡操作系統 282

10.2.2　部署網站管理平臺 285

10.2.3　創建網站和數據庫 287

10.3　測試與上傳網站內容 289

10.3.1　綜合測試網站 289

10.3.2　上傳網站內容 290

10.4　發布和維護網站 294

10.4.1　正式上線網站 294

10.4.2　初期維護與監控 296

10.5　優化與推廣網站 297

10.5.1　優化網站與內容推廣 297

10.5.2　提升網站流量與品牌影響力 298

10.6　小結和習題 299

10.6.1　本章小結 299

10.6.2　本章練習 299

參考文獻 301