Dreamweaver CC網(wǎng)頁設(shè)計(jì)與制作目錄

時(shí)間：2023-02-18 19:10:02 | 來源：營銷百科

時(shí)間：2023-02-18 19:10:02 來源：營銷百科

Dreamweaver CC網(wǎng)頁設(shè)計(jì)與制作目錄：Contents

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

1.1　認(rèn)識(shí)網(wǎng)頁的基本組成2

1.2　優(yōu)秀網(wǎng)頁結(jié)構(gòu)賞析5

1.3　認(rèn)識(shí)靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁8

1.4　了解網(wǎng)頁的訪問原理9

1.5　認(rèn)識(shí)域名和域名服務(wù)器10

1.5.1　域名的各種分類10

1.5.2　域名服務(wù)器(DNS)11

1.6　網(wǎng)站設(shè)計(jì)流程13

1.7　網(wǎng)頁制作的常用工具13

1.7.1　內(nèi)容編輯工具14

1.7.2　網(wǎng)頁美化工具14

1.8　實(shí)戰(zhàn)問答15

NO.1　靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁有何區(qū)別15

NO.2　網(wǎng)頁設(shè)計(jì)是否必須懂HTML標(biāo)記15

1.9　思考與練習(xí)16

Chapter02初識(shí)DreamweaverCC

2.1　DreamweaverCC的基本操作18

2.1.1　安裝DreamweaverCC18

2.1.2　啟動(dòng)DreamweaverCC20

2.1.3　退出DreamweaverCC22

2.2　了解DreamweaverCC的新功能23

2.3　認(rèn)識(shí)DreamweaverCC工作環(huán)境24

2.3.1　菜單欄24

2.3.2　面板組24

2.3.3　'插入'面板24

2.3.4　文檔窗口26

2.3.5　'屬性'面板27

2.4　網(wǎng)頁設(shè)計(jì)的基本操作28

2.4.1　新建網(wǎng)頁28

2.4.2　保存網(wǎng)頁28

2.4.3　打開網(wǎng)頁29

2.4.4　預(yù)覽網(wǎng)頁31

2.4.5　關(guān)閉網(wǎng)頁31

2.5　實(shí)戰(zhàn)問答33

NO.1　創(chuàng)建網(wǎng)頁的其他方法33

NO.2　如何改變預(yù)覽網(wǎng)頁時(shí)的瀏覽器33

2.6　思考與練習(xí)34

Chapter03頁面屬性的設(shè)置

3.1　在對(duì)話框中設(shè)置頁面屬性36

3.1.1　設(shè)置外觀(CSS)36

3.1.2　設(shè)置外觀(HTML)37

3.1.3　設(shè)置鏈接(CSS)39

3.1.4　設(shè)置標(biāo)題(CSS)41

3.1.5　設(shè)置標(biāo)題/編碼43

3.1.6　設(shè)置跟蹤圖像44

3.2　使用代碼設(shè)置字體與頁面背景效果45

3.2.1　添加頁面標(biāo)題45

3.2.2　為文字添加加粗和傾斜格式46

3.2.3　設(shè)置文字的字號(hào)大小47

3.2.4　設(shè)置網(wǎng)頁文本的文本顏色48

3.2.5　設(shè)置網(wǎng)頁的背景顏色49

3.2.6　為網(wǎng)頁添加背景圖片50

3.3　使用代碼設(shè)置超鏈接屬性51

3.3.1　設(shè)置超鏈接的邊距51

3.3.2　設(shè)置鏈接顏色52

3.3.3　設(shè)置鼠標(biāo)經(jīng)過超鏈接效果53

3.3.4　設(shè)置已訪問鏈接53

3.3.5　設(shè)置活動(dòng)鏈接54

3.3.6　修改下劃線樣式54

3.4　實(shí)戰(zhàn)問答55

NO.1　外觀(CSS)和外觀(HTML)有何區(qū)別55

NO.2　如何讓背景圖片固定55

3.5　思考與練習(xí)55

Chapter04創(chuàng)建與管理站點(diǎn)

4.1　創(chuàng)建、配置與發(fā)布本地站點(diǎn)58

4.1.1　創(chuàng)建本地站點(diǎn)58

4.1.2　為站點(diǎn)定義遠(yuǎn)程服務(wù)器59

4.1.3　發(fā)布站點(diǎn)60

4.2　管理站點(diǎn)61

4.2.1　刪除站點(diǎn)61

4.2.2　編輯站點(diǎn)61

4.2.3　復(fù)制站點(diǎn)62

4.2.4　導(dǎo)出站點(diǎn)63

4.2.5　導(dǎo)入站點(diǎn)63

4.3　管理站點(diǎn)中的內(nèi)容64

4.3.1　添加文件/文件夾64

4.3.2　重命名和刪除文件/文件夾65

4.4　實(shí)戰(zhàn)問答65

NO.1　站點(diǎn)已刪除為什么文件還在65

NO.2　如何將已有文件添加到站點(diǎn)中66

4.5　思考與練習(xí)66

Chapter05網(wǎng)頁中的文本創(chuàng)建

5.1　文本的簡單操作68

5.1.1　在網(wǎng)頁中錄入文本68

5.1.2　讓文本換行分段69

5.1.3　設(shè)置文本的對(duì)齊方式69

5.1.4　設(shè)置文本的字體格式70

5.2　項(xiàng)目列表和編號(hào)列表的使用71

5.2.1　插入項(xiàng)目列表71

5.2.2　插入編號(hào)列表71

5.3　特殊文本的操作72

5.3.1　插入換行符72

5.3.2　插入水平線73

5.3.3　插入日期74

5.3.4　插入特殊字符75

5.3.5　插入注釋76

5.4　實(shí)戰(zhàn)問答77

NO.1　項(xiàng)目列表中列表項(xiàng)前綴是否可以更改77

NO.2　編號(hào)列表中列表項(xiàng)前綴序號(hào)是否可更改77

5.5　思考與練習(xí)78

Chapter06在網(wǎng)頁中插入圖像與多媒體

6.1　常用圖像格式80

6.1.1　JPEG圖像80

6.1.2　GIF圖像80

6.1.3　PNG圖像80

6.2　在網(wǎng)頁中使用圖像81

6.2.1　插入圖像81

6.2.2　編輯圖像大小82

6.2.3　設(shè)置圖像對(duì)齊方式84

6.2.4　裁剪需要的圖像85

6.2.5　調(diào)整圖片的亮度和對(duì)比度87

6.2.6　設(shè)置圖像的銳化效果88

6.3　插入其他圖像元素90

6.3.1　插入圖像熱區(qū)90

6.3.2　鼠標(biāo)經(jīng)過圖像91

6.4　在網(wǎng)頁中插入多媒體93

6.4.1　插入背景音樂93

6.4.2　插入Flash動(dòng)畫94

6.4.3　插入FLV視頻96

6.4.4　插入HTML5視頻98

6.4.5　插入HTML5音頻99

6.4.6　插入其他媒體101

6.5　實(shí)戰(zhàn)問答102

NO.1　如何讓背景音樂循環(huán)播放102

NO.2　為何插入普通視頻的網(wǎng)頁在其他計(jì)算機(jī)不能播放103

NO.3　為什么插入HTML5視頻后不能播放103

6.6　思考與練習(xí)103

Chapter07超鏈接的應(yīng)用

7.1　認(rèn)識(shí)超鏈接的類型106

7.1.1　按超鏈接源端點(diǎn)的對(duì)象劃分106

7.1.2　按執(zhí)行超鏈接后的動(dòng)作劃分106

7.1.3　按超鏈接的鏈接位置劃分107

7.2　鏈接路徑有哪些分類108

7.2.1　什么是URL108

7.2.2　相對(duì)路徑108

7.2.3　絕對(duì)路徑109

7.2.4　根路徑109

7.3　各種超鏈接的創(chuàng)建方法109

7.3.1　插入文本鏈接109

7.3.2　設(shè)置鏈接打開方式111

7.3.3　插入圖像鏈接112

7.3.4　插入熱點(diǎn)鏈接114

7.3.5　插入錨點(diǎn)鏈接115

7.3.6　插入空鏈接117

7.3.7　插入E-mail鏈接118

7.3.8　插入腳本鏈接119

7.4　實(shí)戰(zhàn)問答121

NO.1　超鏈接打開方式中_BLANK和NEW的區(qū)別121

NO.2　為什么錨點(diǎn)鏈接不起作用121

7.5　思考與練習(xí)121

Chapter08表格的應(yīng)用

8.1　創(chuàng)建表格并輸入內(nèi)容124

8.1.1　精確插入指定行列的表格124

8.1.2　在表格中輸入內(nèi)容125

8.1.3　插入嵌套表格126

8.2　格式化表格效果127

8.2.1　選擇表格及單元格127

8.2.2　設(shè)置表格大小和對(duì)齊方式130

8.2.3　為表格添加邊框132

8.2.4　設(shè)置單元格中文本和背景格式133

8.2.5　設(shè)置單元格大小與對(duì)齊方式134

8.3　編輯表格的常見操作136

8.3.1　插入行或列136

8.3.2　刪除行或列139

8.3.3　復(fù)制、剪切和粘貼單元格140

8.3.4　合并單元格141

8.3.5　拆分單元格142

8.4　表格的高級(jí)操作143

8.4.1　在網(wǎng)頁中對(duì)表格數(shù)據(jù)排序143

8.4.2　導(dǎo)入表格數(shù)據(jù)145

8.4.3　導(dǎo)出表格數(shù)據(jù)146

8.5　實(shí)戰(zhàn)問答147

NO.1　如何快速、準(zhǔn)確地選擇表格及單元格147

NO.2　在表格中能插入圖像文件嗎147

NO.3　為什么網(wǎng)頁中的表格無法進(jìn)行排序操作149

NO.4　為什么導(dǎo)入到網(wǎng)頁中的數(shù)據(jù)出現(xiàn)了混亂149

8.6　思考與練習(xí)149

Chapter09使用CSS層疊樣式表

9.1　了解CSS樣式表152

9.1.1　什么是CSS152

9.1.2　CSS的3種類型152

9.1.3　CSS的語法格式153

9.2　CSS樣式的嵌入、內(nèi)聯(lián)和外聯(lián)方式154

9.2.1　嵌入式CSS154

9.2.2　內(nèi)聯(lián)式CSS154

9.2.3　外聯(lián)式CSS155

9.3　各種CSS樣式的創(chuàng)建方法156

9.3.1　建立ID樣式156

9.3.2　建立類樣式158

9.3.3　建立標(biāo)簽樣式159

9.3.4　建立復(fù)合樣式160

9.3.5　建立外部樣式161

9.4　CSS中的常用樣式162

9.4.1設(shè)置字體樣式162

9.4.2　設(shè)置文本樣式166

9.4.3　設(shè)置背景樣式167

9.4.4　設(shè)置方框樣式170

9.4.5　設(shè)置邊框樣式172

9.4.6　設(shè)置列表樣式174

9.4.7　設(shè)置定位樣式176

9.4.8　設(shè)置過渡樣式178

9.5　實(shí)戰(zhàn)問答180

NO.1　如何導(dǎo)入外部CSS樣式表文件180

NO.2　如何自動(dòng)調(diào)整圖像大小181

9.6　思考與練習(xí)182

Chapter10利用Div層布局

10.1　認(rèn)識(shí)并創(chuàng)建層184

10.1.1　什么是層184

10.1.2　創(chuàng)建層184

10.1.3　創(chuàng)建嵌套層185

10.1.4　為層添加CSS樣式表187

10.2　Div層的定位方法189

10.2.1　什么是盒子模型189

10.2.2　通過float屬性定位層189

10.2.3　通過position屬性定位層191

10.3　Div常用布局方式的應(yīng)用192

10.3.1　居中布局192

10.3.2　浮動(dòng)布局193

10.3.3　一列固定寬度布局194

10.3.4　一列自適應(yīng)寬度布局194

10.3.5　兩列固定寬度布局195

10.4　實(shí)戰(zhàn)問答197

NO.1　如何清除Div浮動(dòng)197

NO.2　如何設(shè)置Div對(duì)象的行高197

10.5　思考與練習(xí)198

Chapter11使用模板和庫

11.1　使用模板200

11.1.1　創(chuàng)建模板200

11.1.2　定義可編輯區(qū)域201

11.1.3　創(chuàng)建基于模板的網(wǎng)頁202

11.1.4　從模板中分離網(wǎng)頁203

11.1.5　管理模板204

11.2　使用庫206

11.2.1　創(chuàng)建庫文件206

11.2.2向頁面添加庫文件207

11.2.3　修改并更新庫文件208

11.3　實(shí)戰(zhàn)問答209

NO.1　如何在現(xiàn)有網(wǎng)頁文件上應(yīng)用模板209

NO.2　模板可以嵌套模板嗎209

11.4　思考與練習(xí)210

Chapter12表單的應(yīng)用

12.1　認(rèn)識(shí)網(wǎng)頁中的表單212

12.1.1　什么是表單212

12.1.2　認(rèn)識(shí)表單對(duì)象212

12.2　創(chuàng)建表單216

12.2.1　插入表單216

12.2.2　設(shè)置表單屬性217

12.3　插入表單對(duì)象218

12.3.1　插入文本域218

12.3.2　插入密碼域221

12.3.3　插入其他文本域223

12.3.4　插入按鈕對(duì)象224

12.3.5　插入圖像按鈕225

12.3.6　插入文件上傳域226

12.4　實(shí)戰(zhàn)問答228

NO.1　如何通過'插入'面板添加表單對(duì)象228

NO.2　如何自動(dòng)選擇文本框中所有文本內(nèi)容229

12.5　思考與練習(xí)229

Chapter13在網(wǎng)頁中編寫JavaScript

13.1　了解JavaScript的基礎(chǔ)知識(shí)232

13.1.1　JavaScript是什么232

13.1.2　JavaScript能做什么232

13.1.3　JavaScript怎么用233

13.2　JavaScript基礎(chǔ)語法233

13.2.1　了解值和變量234

13.2.2　了解運(yùn)算符234

13.2.3　認(rèn)識(shí)各種比較符234

13.2.4　函數(shù)的使用234

13.3　掌握J(rèn)avaScript的常用事件235

13.3.1　窗口事件235

13.3.2　鼠標(biāo)事件237

13.3.3　鍵盤事件238

13.3.4　表單處理事件239

13.4　jQuery的應(yīng)用241

13.4.1　jQuery核心函數(shù)241

13.4.2　使用jQuery選擇器242

13.4.3　使用jQuery操作對(duì)象屬性243

13.4.4　使用jQuery事件245

13.4.5　jQuery中常用的效果246

13.5　實(shí)戰(zhàn)問答248

NO.1　 與--放置在變量前后的區(qū)別248

NO.2　解決預(yù)覽頁面時(shí)腳本執(zhí)行問題249

13.6　思考與練習(xí)249

Chapter14制作婚紗網(wǎng)站

14.1　婚紗網(wǎng)制作介紹252

14.2　婚紗網(wǎng)制作思路分析253

14.3　婚紗網(wǎng)制作過程254

14.3.1　創(chuàng)建婚紗網(wǎng)站點(diǎn)254

14.3.2　創(chuàng)建婚紗網(wǎng)模板255

14.3.3　創(chuàng)建樣式表257

14.3.4　在模板中制作導(dǎo)航261

14.3.5　底部制作265

14.3.6　制作婚紗網(wǎng)首頁267

14.3.7　制作聯(lián)系我們頁面270

14.3.8　修改模板頁中的導(dǎo)航菜單273

14.4　婚紗網(wǎng)案例制作總結(jié)274

14.5　婚紗網(wǎng)案例制作答疑274

14.6　實(shí)戰(zhàn)問答274

NO.1　為什么要有Div CSS布局而不用表格274

NO.2　為何要減少對(duì)圖像的使用274

NO.3　如何將制作好的網(wǎng)站發(fā)布到網(wǎng)絡(luò)上274

NO.4　為什么創(chuàng)建的模板文件在瀏覽器中不能查看275

習(xí)題答案277^[1]