第1章　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)　1

1.1　互聯(lián)網(wǎng)基礎(chǔ)　2

1.1.1　Internet與Web服務(wù)　2

1.1.2　URL路徑　2

1.1.3　服務(wù)器與瀏覽器　2

1.1.4　互聯(lián)網(wǎng)數(shù)據(jù)中心　3

1.2　網(wǎng)站建設(shè)基本流程　3

1.2.1　前期準(zhǔn)備工作　3

1.2.2　方案實(shí)施　4

1.2.3　后期工作　5

1.3　網(wǎng)站建設(shè)基礎(chǔ)　5

1.3.1　什么是靜態(tài)網(wǎng)頁(yè)　5

1.3.2　什么是動(dòng)態(tài)網(wǎng)頁(yè)　6

1.3.3　常見(jiàn)網(wǎng)站類(lèi)型　6

1.3.4　申請(qǐng)域名和購(gòu)買(mǎi)空間　8

1.4　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　9

1.4.1　網(wǎng)頁(yè)版面布局的原則和方法　9

1.4.2　常見(jiàn)的版面布局形式　10

1.4.3　網(wǎng)頁(yè)配色基礎(chǔ)　11

1.5　網(wǎng)頁(yè)制作常用軟件　14

1.5.1　Photoshop　14

1.5.2　Fireworks　15

1.5.3　Flash　15

1.5.4　Dreamweaver　16

1.6　網(wǎng)頁(yè)制作標(biāo)準(zhǔn)技術(shù)　16

1.6.1　網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML　16

1.6.2　頁(yè)面修飾語(yǔ)言CSS　17

1.6.3　網(wǎng)頁(yè)腳本語(yǔ)言JavaScript　17

1.6.4　動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP、PHP和JSP　17

第2章　初識(shí)Dreamweaver CC　18

2.1　Dreamweaver CC的工作界面　19

2.1.1　友善的開(kāi)始頁(yè)面　19

2.1.2　不同風(fēng)格的界面　20

2.1.3　伸縮自如的功能面板　20

2.1.4　多文檔的編輯界面　20

2.1.5　新穎的插入面板　21

2.1.6　更完整的CSS功能　22

2.2　創(chuàng)建網(wǎng)站框架　23

2.2.1　站點(diǎn)管理器　23

2.2.2　創(chuàng)建文件夾　24

2.2.3　定義新站點(diǎn)　24

2.2.4　創(chuàng)建和保存網(wǎng)頁(yè)　25

2.3　管理站點(diǎn)　26

2.3.1　打開(kāi)站點(diǎn)　27

2.3.2　編輯站點(diǎn)　27

2.3.3　復(fù)制站點(diǎn)　27

2.3.4　刪除站點(diǎn)　27

2.3.5　導(dǎo)入和導(dǎo)出站點(diǎn)　27

2.4　網(wǎng)頁(yè)文件頭設(shè)置　28

2.4.1　插入搜索關(guān)鍵字　28

2.4.2　插入作者和版權(quán)信息　29

2.4.3　設(shè)置刷新時(shí)間　30

2.4.4　設(shè)置描述信息　30

第3章　文本與文檔　31

3.1　文本與文檔　32

3.1.1　課堂案例數(shù)碼產(chǎn)品網(wǎng)頁(yè)　32

3.1.2　輸入文本　34

3.1.3　設(shè)置文本屬性　34

3.1.4　輸入連續(xù)的空格　35

3.1.5　設(shè)置是否顯示不可見(jiàn)元素　36

3.1.6　設(shè)置頁(yè)邊距　36

3.1.7　設(shè)置網(wǎng)頁(yè)的標(biāo)題　37

3.1.8　設(shè)置網(wǎng)頁(yè)的默認(rèn)格式　37

3.1.9　課堂案例機(jī)電設(shè)備網(wǎng)頁(yè)　38

3.1.10　改變文本的大小　40

3.1.11　改變文本的顏色　41

3.1.12　改變文本的字體　42

3.1.13　改變文本的對(duì)齊方式　43

3.1.14　設(shè)置文本樣式　44

3.1.15　段落文本　45

3.2　項(xiàng)目符號(hào)和編號(hào)列表　46

3.2.1　課堂案例電器城網(wǎng)頁(yè)　46

3.2.2　設(shè)置項(xiàng)目符號(hào)或編號(hào)　48

3.2.3　修改項(xiàng)目符號(hào)或編號(hào)　49

3.2.4　設(shè)置文本縮進(jìn)格式　49

3.2.5　插入日期　49

3.2.6　特殊字符　49

3.2.7　插入換行符　50

3.3　水平線、網(wǎng)格與標(biāo)尺　51

3.3.1　課堂案例攝影藝術(shù)網(wǎng)頁(yè)　51

3.3.2　水平線　53

3.3.3　顯示和隱藏網(wǎng)格　54

3.3.4　標(biāo)尺　55

3.4　課堂練習(xí)有機(jī)果蔬網(wǎng)頁(yè)　56

3.5　課后習(xí)題休閑旅游網(wǎng)頁(yè)　56

第4章　圖像和多媒體　58

4.1　圖像的插入　59

4.1.1　課堂案例節(jié)能環(huán)保網(wǎng)頁(yè)　59

4.1.2　網(wǎng)頁(yè)中的圖像格式　60

4.1.3　插入圖像　61

4.1.4　設(shè)置圖像屬性　61

4.1.5　給圖片添加文字說(shuō)明　62

4.1.6　跟蹤圖像　62

4.2　多媒體在網(wǎng)頁(yè)中的應(yīng)用　63

4.2.1　課堂案例五谷雜糧網(wǎng)頁(yè)　63

4.2.2　插入Flash動(dòng)畫(huà)　65

4.2.3　插入FlV　66

4.2.4　插入Edge Animate作品　68

4.2.5　插入音頻　68

4.2.6　插入插件　70

4.3　課堂練習(xí)時(shí)尚先生網(wǎng)頁(yè)　71

4.4　課后習(xí)題房源網(wǎng)頁(yè)　71

第5章　超鏈接　72

5.1　超鏈接的概念與路徑知識(shí)　73

5.2　文本超鏈接　73

5.2.1　課堂案例實(shí)木地板網(wǎng)頁(yè)　73

5.2.2　創(chuàng)建文本鏈接　76

5.2.3　文本鏈接的狀態(tài)　77

5.2.4　下載文件鏈接　78

5.2.5　電子郵件鏈接　78

5.3　圖像超鏈接　79

5.3.1　課堂案例溫泉度假網(wǎng)頁(yè)　79

5.3.2　圖像超鏈接　81

5.3.3　鼠標(biāo)經(jīng)過(guò)圖像鏈接　82

5.4　命名錨點(diǎn)超鏈接　82

5.4.1　課堂案例男士服裝網(wǎng)頁(yè)　82

5.4.2　命名錨點(diǎn)鏈接　86

5.5　熱點(diǎn)鏈接　86

5.5.1　課堂案例口腔護(hù)理網(wǎng)頁(yè)　87

5.5.2　創(chuàng)建熱點(diǎn)鏈接　88

5.6　課堂練習(xí)家裝設(shè)計(jì)網(wǎng)頁(yè)　90

5.7　課后習(xí)題建筑設(shè)計(jì)網(wǎng)頁(yè)　90

第6章　使用表格　91

6.1　表格的簡(jiǎn)單操作　92

6.1.1　課堂案例租車(chē)網(wǎng)頁(yè)　92

6.1.2　表格的組成　96

6.1.3　插入表格　97

6.1.4　表格各元素的屬性　98

6.1.5　在表格中插入內(nèi)容　99

6.1.6　選擇表格元素　99

6.1.7　復(fù)制、粘貼表格　101

6.1.8　刪除表格和表格內(nèi)容　102

6.1.9　縮放表格　102

6.1.10　合并和拆分單元格　103

6.1.11　增加和刪除表格的行和列　104

6.2　網(wǎng)頁(yè)中的數(shù)據(jù)表格　105

6.2.1　課堂案例綠色糧倉(cāng)網(wǎng)頁(yè)　105

6.2.2　導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)　108

6.2.3　排序表格　110

6.3　復(fù)雜表格的排版　111

6.4　課堂練習(xí)火鍋餐廳網(wǎng)頁(yè)　111

6.5　課后習(xí)題茶文化網(wǎng)頁(yè)　112

第7章　ASP　113

7.1　ASP動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)　114

7.1.1　課堂案例攝像世界網(wǎng)頁(yè)　114

7.1.2　ASP服務(wù)器的安裝　115

7.1.3　ASP語(yǔ)法基礎(chǔ)　118

7.1.4　數(shù)組的創(chuàng)建與應(yīng)用　120

7.1.5　流程控制語(yǔ)句　122

7.2　ASP內(nèi)置對(duì)象　125

7.2.1　課堂案例網(wǎng)球俱樂(lè)部網(wǎng)頁(yè)　125

7.2.2　Request請(qǐng)求對(duì)象　127

7.2.3　Response響應(yīng)對(duì)象　132

7.2.4　Session會(huì)話對(duì)象　134

7.2.5　Application應(yīng)用程序?qū)ο蟆?35

7.2.6　Server服務(wù)對(duì)象　137

7.2.7　ObjectContext事務(wù)處理對(duì)象　139

7.3　課堂練習(xí)挖掘機(jī)網(wǎng)頁(yè)　140

7.4　課后習(xí)題牛奶飲料網(wǎng)頁(yè)　140

第8章　CSS樣式　142

8.1　CSS樣式的概念　143

8.2　CSS樣式　143

8.2.1　CSS樣式控制面板　143

8.2.2　CSS樣式的類(lèi)型　144

8.3　樣式的類(lèi)型與創(chuàng)建　144

8.3.1　創(chuàng)建重定義HTML標(biāo)簽樣式　145

8.3.2　創(chuàng)建CSS選擇器　146

8.3.3　創(chuàng)建和應(yīng)用自定義樣式　146

8.3.4　創(chuàng)建和引用外部樣式　147

8.4　編輯樣式　148

8.5　CSS的屬性　149

8.5.1　課堂案例極速賽車(chē)網(wǎng)頁(yè)　149

8.5.2　類(lèi)型　153

8.5.3　背景　154

8.5.4　區(qū)塊　155

8.5.5　方框　156

8.5.6　邊框　156

8.5.7　列表　157

8.5.8　定位　157

8.5.9　擴(kuò)展　158

8.5.10　過(guò)渡　158

8.6　過(guò)濾器　159

8.6.1　課堂案例汽配商城網(wǎng)頁(yè)　159

8.6.2　可應(yīng)用過(guò)濾的HTML標(biāo)簽　161

8.6.3　CSS的靜態(tài)過(guò)濾器　162

8.6.4　CSS的動(dòng)態(tài)過(guò)濾器　163

8.7　課堂練習(xí)愛(ài)美化妝品網(wǎng)頁(yè)　163

8.8　課后習(xí)題咖啡屋網(wǎng)頁(yè)　164

第9章　模板和庫(kù)　165

9.1　資源面板　166

9.2　模板　166

9.2.1　課堂案例飛越天空網(wǎng)頁(yè)　167

9.2.2　創(chuàng)建模板　168

9.2.3　定義和取消可編輯區(qū)域　169

9.2.4　創(chuàng)建基于模板的網(wǎng)頁(yè)　173

9.2.5　管理模板　173

9.3　庫(kù)　175

9.3.1　課堂案例建達(dá)康集團(tuán)網(wǎng)頁(yè)　175

9.3.2　創(chuàng)建庫(kù)文件　180

9.3.3　向頁(yè)面添加庫(kù)項(xiàng)目　180

9.3.4　更新庫(kù)文件　181

9.4　課堂練習(xí)租車(chē)網(wǎng)頁(yè)　183

9.5　課后習(xí)題愛(ài)家紡網(wǎng)頁(yè)　183

第10章　CSS DIV布局方法　185

10.1　CSS DIV的概述　186

10.1.1　CSS DIV的優(yōu)勢(shì)　186

10.1.2　CSS DIV缺點(diǎn)　186

10.2

標(biāo)記與標(biāo)記　186

10.2.1　概述　186

10.2.2

與的區(qū)別　186

10.3　盒子模型　186

10.3.1　盒子結(jié)構(gòu)　187

10.3.2　盒子屬性　187

10.4　盒子的定位與浮動(dòng)　188

10.4.1　課堂案例綠色農(nóng)場(chǎng)網(wǎng)頁(yè)　188

10.4.2　盒子的定義　195

10.4.3　盒子的浮動(dòng)　195

10.5　課堂練習(xí)浪漫花屋網(wǎng)頁(yè)　198

10.6　課后習(xí)題旅游網(wǎng)頁(yè)　199

第11章　使用表單　200

11.1　使用表單　201

11.1.1　課堂案例用戶(hù)登錄界面　201

11.1.2　創(chuàng)建表單　204

11.1.3　表單的屬性　204

11.1.4　單行文本域　205

11.2　應(yīng)用復(fù)選框和單選按鈕　207

11.2.1　課堂案例會(huì)員注冊(cè)頁(yè)面　208

11.2.2　單選按鈕　210

11.2.3　單選按鈕組　211

11.2.4　復(fù)選框　211

11.3　創(chuàng)建列表和菜單　212

11.3.1　課堂案例留言板網(wǎng)頁(yè)　212

11.3.2　創(chuàng)建列表和菜單　214

11.3.3　創(chuàng)建文件域　215

11.3.4　創(chuàng)建圖像域　216

11.3.5　插入按鈕　217

11.3.6　插入提交按鈕　217

11.3.7　插入重置按鈕　218

11.4　創(chuàng)建HTML5表單元素　218

11.4.1　課堂案例動(dòng)物樂(lè)園網(wǎng)頁(yè)　218

11.4.2　插入U(xiǎn)rl文本域　221

11.4.3　插入Tel文本域　221

11.4.4　插入搜索文本域　221

11.4.5　插入數(shù)字文本域　222

11.4.6　插入范圍文本域　222

11.4.7　插入顏色　223

11.4.8　課堂案例國(guó)際航空網(wǎng)頁(yè)　223

11.4.9　插入月表單　225

11.4.10　插入周表單　226

11.4.11　插入日期表單　226

11.4.12　插入時(shí)間表單　227

11.4.13　插入日期時(shí)間　228

11.4.14　插入日期時(shí)間（當(dāng)?shù)兀��?28

11.5　課堂練習(xí)創(chuàng)新生活網(wǎng)頁(yè)　229

11.6　課后習(xí)題美食在線網(wǎng)頁(yè)　229

第12章　行為　231

12.1　行為概述　232

12.1.1　行為面板　232

12.1.2　應(yīng)用行為　232

12.2　動(dòng)作　233

12.2.1　課堂案例婚戒網(wǎng)頁(yè)　233

12.2.2　調(diào)用JavaScript　236

12.2.3　打開(kāi)瀏覽器窗口　237

12.2.4　轉(zhuǎn)到URL　238

12.2.5　課堂案例開(kāi)心烘焙網(wǎng)頁(yè)　239

12.2.6　檢查插件　241

12.2.7　檢查表單　242

12.2.8　交換圖像　243

12.2.9　課堂案例獻(xiàn)愛(ài)心網(wǎng)頁(yè)　243

12.2.10　顯示-隱藏層　245

12.2.11　設(shè)置容器的文本　247

12.2.12　設(shè)置狀態(tài)欄文本　247

12.2.13　設(shè)置文本域文字　248

12.2.14　跳轉(zhuǎn)菜單　248

12.2.15　跳轉(zhuǎn)菜單開(kāi)始　249

12.3　課堂練習(xí)攝影網(wǎng)頁(yè)　250

12.4　課后習(xí)題美味蛋糕網(wǎng)頁(yè)　251

第13章　網(wǎng)頁(yè)代碼　252

13.1　網(wǎng)頁(yè)代碼　253

13.1.1　課堂案例安享愛(ài)晚網(wǎng)頁(yè)　253

13.1.2　代碼提示功能　254

13.1.3　使用標(biāo)簽庫(kù)插入標(biāo)簽　255

13.2　常用的HTML標(biāo)簽　256

13.3　腳本語(yǔ)言　257

13.4　響應(yīng)HTML事件　258

13.5　課后習(xí)題時(shí)尚兒童服飾網(wǎng)頁(yè)　259

第14章　商業(yè)案例實(shí)訓(xùn)　260

14.1　樂(lè)卡絲家居網(wǎng)頁(yè)　261

14.1.1　案例分析　261

14.1.2　案例設(shè)計(jì)　261

14.1.3　案例制作　261

14.2　課后習(xí)題美食網(wǎng)頁(yè)　290