Dreamweaver CC中文版網(wǎng)頁(yè)設(shè)計(jì)與制作從新手到高手目

時(shí)間：2023-02-23 01:33:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-23 01:33:01 來(lái)源：營(yíng)銷百科

Dreamweaver CC中文版網(wǎng)頁(yè)設(shè)計(jì)與制作從新手到高手目錄：第1章DreamweaverCC概述 1

1.1網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ) 2

1.1.1了解網(wǎng)頁(yè)與網(wǎng)站 2

1.1.2網(wǎng)頁(yè)制作工具 3

1.1.3網(wǎng)站設(shè)計(jì)與制作流程 4

1.2認(rèn)識(shí)DreamweaverCC 5

1.2.1Dreamweaver版本介紹 5

1.2.2DreamweaverCC新增功能 6

1.2.3DreamweaverCC工作界面 8

1.2.4DreamweaverCC文檔視圖 9

1.2.5【編碼】工具欄 10

1.3設(shè)置DreamweaverCC首選項(xiàng) 11

1.3.1常用類 11

1.3.2外觀類 14

1.3.3代碼類 15

1.3.4樣式和程序類 17

1.3.5其他類首選項(xiàng) 17

第2章創(chuàng)建與管理站點(diǎn) 20

2.1站點(diǎn)概述 21

2.1.1站點(diǎn)定義 21

2.1.2站點(diǎn)結(jié)構(gòu) 21

2.2創(chuàng)建站點(diǎn) 22

2.2.1創(chuàng)建本地站點(diǎn) 22

2.2.2設(shè)置站點(diǎn)服務(wù)器 22

2.2.3設(shè)置版本控制 24

2.2.4高級(jí)設(shè)置 25

2.3管理站點(diǎn) 27

2.3.1編輯站點(diǎn) 27

2.3.2導(dǎo)入/導(dǎo)出站點(diǎn)設(shè)置 28

2.3.3測(cè)試站點(diǎn) 29

2.4練習(xí)：安裝IIS服務(wù)器 30

2.5練習(xí)：配置IIS服務(wù)器 32

2.6練習(xí)：創(chuàng)建本地站點(diǎn) 34

2.7新手訓(xùn)練營(yíng) 35

第3章XHTML標(biāo)簽基礎(chǔ) 38

3.1XHTML基本語(yǔ)法 39

3.1.1XHTML概述 39

3.1.2XHTML文檔結(jié)構(gòu) 39

3.1.3XHTML文檔類型聲明 40

3.2XHTML語(yǔ)法規(guī)范和標(biāo)準(zhǔn)屬性 40

3.2.1XHTML語(yǔ)法規(guī)范 41

3.2.2XHTML標(biāo)準(zhǔn)屬性 42

3.3XHTML常用元素 43

3.3.1塊狀標(biāo)簽 43

3.3.2內(nèi)聯(lián)標(biāo)簽 45

3.3.3按鈕標(biāo)簽 46

3.3.4內(nèi)聯(lián)框架標(biāo)簽 47

3.4練習(xí)：制作小說(shuō)閱讀頁(yè)面 48

3.5練習(xí)：制作友情鏈接頁(yè)面 52

3.6練習(xí)：制作全景圖像欣賞頁(yè)面 55

3.7新手訓(xùn)練營(yíng) 57

第4章文件管理 60

4.1創(chuàng)建網(wǎng)頁(yè)文檔 61

4.1.1新建文檔 61

4.1.2保存文檔 62

4.1.3打開(kāi)文檔 63

4.2設(shè)置網(wǎng)頁(yè)文檔 64

4.2.1設(shè)置頁(yè)面屬性 64

4.2.2設(shè)置文件頭標(biāo)簽 66

4.3管理文件和文件夾 68

4.3.1使用【文件】面板 68

4.3.2操作文件和文件夾 69

4.3.3查找和定位文件 71

4.3.4遮蓋文件和文件夾 72

4.4管理遠(yuǎn)程文件 73

4.4.1存回和取出文件 73

4.4.2同步文件 74

4.5練習(xí)：制作詩(shī)詞欣賞頁(yè) 74

4.6練習(xí)：制作班級(jí)管理制度 77

4.7新手訓(xùn)練營(yíng) 80

第5章創(chuàng)建文本頁(yè)面 83

5.1設(shè)置網(wǎng)頁(yè)文本 84

5.1.1插入網(wǎng)頁(yè)文本 84

5.1.2設(shè)置文本屬性 85

5.1.3插入特殊文本 86

5.2設(shè)置文檔列表 87

5.2.1項(xiàng)目列表與編號(hào) 87

5.2.2嵌套項(xiàng)目列表 88

5.2.3設(shè)置列表屬性 89

5.3設(shè)置文本格式 89

5.3.1設(shè)置HTML樣式 89

5.3.2設(shè)置對(duì)齊方式 94

5.3.3設(shè)置段落樣式 95

5.4練習(xí)：制作產(chǎn)品簡(jiǎn)介網(wǎng)頁(yè) 96

5.5練習(xí)：制作招商信息網(wǎng)頁(yè) 99

5.6練習(xí)：制作滾動(dòng)文本 103

5.7新手訓(xùn)練營(yíng) 105

第6章創(chuàng)建圖像頁(yè)面 108

6.1添加圖像 109

6.1.1網(wǎng)頁(yè)圖像格式 109

6.1.2插入圖像 109

6.1.3設(shè)置圖像屬性 110

6.2編輯圖像 111

6.2.1更改圖像 111

6.2.2調(diào)整圖像 112

6.2.3使用圖像熱點(diǎn) 113

6.3插入圖像對(duì)象 114

6.3.1插入背景圖像 114

6.3.2插入Photoshop智能對(duì)象 115

6.4練習(xí)：制作新聞圖片網(wǎng)頁(yè) 116

6.5練習(xí)：制作導(dǎo)航條 121

6.6練習(xí)：制作兒童動(dòng)畫頁(yè)面 125

6.7新手訓(xùn)練營(yíng) 127

第7章創(chuàng)建多媒體頁(yè)面 130

7.1插入Flash 131

7.1.1插入Flash動(dòng)畫 131

7.1.2插入Flash視頻 132

7.2插入HTML5媒體 134

7.2.1插入HTML5音頻 134

7.2.2插入HTML5視頻 135

7.2.3HTML5媒體屬性 136

7.2.4HTML5媒體方法 139

7.2.5HTML5媒體事件 139

7.3插入其他媒體對(duì)象 141

7.3.1插入EdgeAnimate 141

7.3.2插入媒體插件 141

7.4練習(xí)：制作導(dǎo)航條版塊 142

7.5練習(xí)：制作音樂(lè)播放網(wǎng)頁(yè) 146

7.6練習(xí)：制作在線視頻網(wǎng)頁(yè) 149

7.7新手訓(xùn)練營(yíng) 152

第8章創(chuàng)建網(wǎng)頁(yè)鏈接 154

8.1鏈接與路徑 155

8.1.1網(wǎng)頁(yè)中的鏈接 155

8.1.2網(wǎng)頁(yè)中的路徑 155

8.2創(chuàng)建文本與圖像鏈接 156

8.2.1創(chuàng)建文本鏈接 157

8.2.2創(chuàng)建圖像鏈接 157

8.2.3編輯鏈接 158

8.3創(chuàng)建其他鏈接 160

8.3.1創(chuàng)建電子郵件鏈接 160

8.3.2創(chuàng)建腳本鏈接 161

8.3.3創(chuàng)建空鏈接 161

8.3.4創(chuàng)建文件下載鏈接 161

8.3.5創(chuàng)建錨記鏈接 162

8.4練習(xí)：制作頁(yè)面導(dǎo)航條 162

8.5練習(xí)：制作頁(yè)內(nèi)導(dǎo)航 165

8.6練習(xí)：制作網(wǎng)站引導(dǎo)頁(yè) 168

8.7新手訓(xùn)練營(yíng) 170

第9章應(yīng)用表格與IFrame框架 173

9.1創(chuàng)建表格 174

9.1.1插入表格 174

9.1.2創(chuàng)建嵌套表格 174

9.1.3添加表格內(nèi)容 175

9.2編輯表格 175

9.2.1選擇表格 176

9.2.2調(diào)整表格 177

9.2.3操作單元格 178

9.3設(shè)置表格 179

9.3.1設(shè)置表格屬性 179

9.3.2設(shè)置單元格屬性 179

9.4處理表格數(shù)據(jù) 180

9.4.1排序數(shù)據(jù) 180

9.4.2導(dǎo)入/導(dǎo)出表格數(shù)據(jù) 180

9.5應(yīng)用IFrame框架 182

9.5.1IFrame框架概述 182

9.5.2插入IFrame框架 182

9.5.3鏈接IFrame框架頁(yè)面 183

9.6練習(xí)：制作飲食文化網(wǎng)頁(yè) 184

9.7練習(xí)：制作個(gè)人簡(jiǎn)歷 187

9.8練習(xí)：制作購(gòu)物車頁(yè) 191

9.9新手訓(xùn)練營(yíng) 193

第10章應(yīng)用表單元素 195

10.1添加表單 196

10.1.1表單概述 196

10.1.2插入表單 196

10.2添加文本和網(wǎng)頁(yè)元素 198

10.2.1添加文本元素 198

10.2.2添加網(wǎng)頁(yè)元素 199

10.3添加日期和時(shí)間元素 202

10.3.1添加月和周對(duì)象 202

10.3.2添加日期時(shí)間對(duì)象 203

10.4添加選擇與按鈕元素 205

10.4.1添加選擇元素 205

10.4.2添加按鈕元素 207

10.5練習(xí)：制作問(wèn)卷調(diào)查表 209

10.6練習(xí)：制作用戶注冊(cè)頁(yè)面 212

10.7練習(xí)：制作用戶登錄頁(yè)面 216

10.8新手訓(xùn)練營(yíng) 219

第11章應(yīng)用模板和庫(kù) 221

11.1站點(diǎn)資源管理 222

11.1.1使用【資源】面板 222

11.1.2收藏和管理資源 222

11.2使用模板 223

11.2.1創(chuàng)建模板 223

11.2.2編輯模板 224

11.3應(yīng)用模板 227

11.3.1創(chuàng)建和應(yīng)用模板頁(yè) 227

11.3.2編輯模板頁(yè) 228

11.4使用庫(kù)項(xiàng)目 229

11.4.1創(chuàng)建庫(kù)項(xiàng)目 229

11.4.2使用庫(kù)項(xiàng)目 230

11.5練習(xí)：使用模板制作網(wǎng)頁(yè) 231

11.6練習(xí)：制作企業(yè)網(wǎng)頁(yè) 236

11.7練習(xí)：制作網(wǎng)站頁(yè)眉庫(kù)元件 238

11.8新手訓(xùn)練營(yíng) 240

第12章應(yīng)用CSS樣式 242

12.1CSS樣式概述 243

12.1.1了解CSS樣式 243

12.1.2CSS樣式分類 244

12.1.3CSS書寫規(guī)范 245

12.2使用【CSS設(shè)計(jì)器】面板 246

12.2.1源 246

12.2.2@媒體 248

12.2.3選擇器 249

12.2.4屬性 250

12.3CSS選擇器和方法 250

12.3.1CSS選擇器 250

12.3.2CSS選擇方法 253

12.4設(shè)置CSS樣式 254

12.4.1設(shè)置布局樣式 254

12.4.2設(shè)置文本樣式 255

12.4.3設(shè)置邊框樣式 257

12.4.4設(shè)置背景樣式 257

12.5使用CSS過(guò)渡效果 258

12.5.1創(chuàng)建CSS過(guò)渡效果 258

12.5.2編輯CSS過(guò)渡效果 259

12.6練習(xí)：制作景點(diǎn)介紹 260

12.7練習(xí)：制作多彩時(shí)尚頁(yè) 263

12.8練習(xí)：制作圖片新聞頁(yè) 266

12.9新手訓(xùn)練營(yíng) 269

第13章使用Div CSS布局網(wǎng)頁(yè) 271

13.1應(yīng)用Div標(biāo)簽 272

13.1.1了解Div標(biāo)簽 272

13.1.2插入Div標(biāo)簽 272

13.1.3編輯Div標(biāo)簽 273

13.2CSS盒模型 274

13.2.1盒模型概述 274

13.2.2設(shè)置盒模型屬性 275

13.2.3CSS3.0新增盒

模型屬性 277

13.3CSS布局方式 278

13.3.1流動(dòng)布局 278

13.3.2浮動(dòng)布局 279

13.3.3絕對(duì)定位布局 280

13.4練習(xí)：制作化妝品網(wǎng)頁(yè) 282

13.5練習(xí)：制作家居網(wǎng)頁(yè) 285

13.6練習(xí)：制作商品列表頁(yè) 287

13.7新手訓(xùn)練營(yíng) 290

第14章網(wǎng)頁(yè)行為特效 293

14.1網(wǎng)頁(yè)行為概述 294

14.1.1行為定義 294

14.1.2行為面板概述 294

14.2設(shè)置文本信息行為 295

14.2.1設(shè)置容器文本 295

14.2.2設(shè)置文本域文字 295

14.2.3設(shè)置狀態(tài)欄文本 296

14.2.4設(shè)置框架文本 296

14.3設(shè)置網(wǎng)頁(yè)信息行為 297

14.3.1設(shè)置窗口信息行為 297

14.3.2設(shè)置圖像信息行為 298

14.3.3設(shè)置跳轉(zhuǎn)信息行為 299

14.3.4設(shè)置其他網(wǎng)頁(yè)

信息行為 300

14.4設(shè)置jQuery效果 303

14.4.1設(shè)置Blind效果 303

14.4.2設(shè)置Highlight效果 303

14.4.3其他jQuery效果 304

14.5練習(xí)：制作網(wǎng)頁(yè)導(dǎo)航 304

14.6練習(xí)：制作企業(yè)首頁(yè) 307

14.7新手訓(xùn)練營(yíng) 312

第15章jQuery與jQueryUI 315

15.1了解jQuery與jQueryUI 316

15.1.1了解jQuery 316

15.1.2了解jQueryUI 316

15.1.3如何使用jQuery與

jQueryUI 316

15.2jQuery基礎(chǔ) 318

15.2.1jQuery選擇符 318

15.2.2jQuery事件 322

15.3jQueryUI交互 326

15.3.1jQueryUI交互組件 326

15.3.2jQueryUI網(wǎng)頁(yè)組件 332

15.4jQueryUI效果庫(kù) 336

15.4.1jQueryUI效果 336

15.4.2色彩動(dòng)畫 337

15.5練習(xí)：制作圖片展示 339

15.6練習(xí)：制作彈出對(duì)話框 341

15.7新手訓(xùn)練營(yíng) 343

第16章JQueryMobile 347

16.1jQueryMobile概述 348

16.1.1什么是jQueryMobile 348

16.1.2創(chuàng)建移動(dòng)設(shè)備網(wǎng)頁(yè) 349

16.1.3頁(yè)面基礎(chǔ) 350

16.2創(chuàng)建基礎(chǔ)網(wǎng)頁(yè) 354

16.2.1創(chuàng)建對(duì)話框 354

16.2.2頁(yè)面樣式 354

16.2.3創(chuàng)建工具欄 355

16.3添加按鈕和表單元素 359

16.3.1創(chuàng)建網(wǎng)頁(yè)按鈕 359

16.3.2添加表單元素 361

16.4練習(xí)：制作新聞快報(bào) 368

16.5練習(xí)：制作訂餐頁(yè)面 370

16.6練習(xí)：制作登錄頁(yè)面 372

16.7新手訓(xùn)練營(yíng) 374