第1章

Dreamweaver　CC基礎(chǔ)入門

001

1.1　了解網(wǎng)頁(yè)與網(wǎng)站.......................　002

1.1.1　網(wǎng)頁(yè)....................................................002

1.1.2　網(wǎng)頁(yè)與網(wǎng)站的關(guān)系............................003

1.2　網(wǎng)絡(luò)基本術(shù)語(yǔ)..........................003

1.2.1　域名....................................................003

1.2.2　HTTP................................................003

1.2.3　FTP....................................................003

1.2.4　超鏈接................................................003

1.2.5　站點(diǎn)....................................................004

1.3　常見(jiàn)的網(wǎng)站類型......................004

1.3.1　門戶網(wǎng)站............................................004

1.3.2　企業(yè)網(wǎng)站............................................004

1.3.3　個(gè)人網(wǎng)站............................................005

1.3.4　娛樂(lè)網(wǎng)站............................................005

1.3.5　機(jī)構(gòu)網(wǎng)站............................................005

1.3.6　電子商務(wù)網(wǎng)站....................................005

1.4　Dreamweaver CC的啟動(dòng)與退出......006

1.4.1　啟動(dòng)Dreamweaver CC....................006

1.4.2　退出Dreamweaver CC....................007

1.5　Dreamweaver CC的工作界面.......007

1.5.1　菜單欄................................................007

1.5.2　工具欄................................................007

1.5.3　文檔窗口............................................008

1.5.4　“屬性”面板....................................008

1.5.5　面板組................................................008

1.6　設(shè)置首選參數(shù)..........................009

1.6.1　常規(guī)參數(shù)............................................009

1.6.2　代碼格式............................................010

1.6.3　代碼顏色............................................　011

1.6.4　復(fù)制/粘貼..........................................　012

1.6.5　在瀏覽器中預(yù)覽................................　012

1.6.6　字體....................................................　013

1.7　可視化輔助工具......................　014

1.7.1　標(biāo)尺工具............................................　014

1.7.2　網(wǎng)格工具............................................　015

1.7.3　輔助線工具........................................　015

第2章

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

017

2.1　站點(diǎn)的規(guī)劃.............................　018

2.2　站點(diǎn)面板...............................　018

2.2.1　課堂案例——?jiǎng)?chuàng)建我的第一個(gè)站點(diǎn)...... 0182.2.2 了解站點(diǎn)面板....................................020

2.3　導(dǎo)出和導(dǎo)入站點(diǎn)......................　021

2.3.1　導(dǎo)出站點(diǎn)............................................　021

2.3.2　導(dǎo)入站點(diǎn)............................................　022

2.4　管理站點(diǎn)...............................　022

2.4.1　課堂案例——管理網(wǎng)頁(yè)文檔............　023

2.4.2　編輯站點(diǎn)............................................　024

2.4.3　復(fù)制站點(diǎn)............................................　026

2.4.4　刪除站點(diǎn)............................................　026

第3章

HTML5的基礎(chǔ)知識(shí)

028

3.1　HTML5概述..........................　029

3.1.1　課堂案例——編寫(xiě)HTML5..............　029

3.1.2　HTML簡(jiǎn)介........................................　031

3.1.3　HTML的基本結(jié)構(gòu)............................　031

3.2　HTML的常用標(biāo)簽..................　033

3.2.1　課堂案例——輸入古詩(shī)....................　033

3.2.2　................................　034

3.2.3　...............................　034

3.2.4　...............................　035

3.2.5　...............................　035

3.2.6　.......................................　035

3.2.7　
...................................................　036

3.2.8　

...

.........................................　036

3.2.9　.........................................　037

3.3　練習(xí)案例...............................038

3.3.1　練習(xí)案例——網(wǎng)頁(yè)排版....................　038

3.3.2　練習(xí)案例——網(wǎng)頁(yè)內(nèi)容居中顯示.....040

第4章

創(chuàng)建HTML5網(wǎng)頁(yè)中的文本

與圖像

041

4.1　網(wǎng)頁(yè)中的文本.........................　042

4.1.1　課堂案例——輸入文本并設(shè)置顏色

............................................................　042

4.1.2　設(shè)置文字字號(hào)....................................　043

4.1.3　設(shè)置文字的字體與樣式....................　043

4.1.4　設(shè)置字體的顏色................................　045

4.1.5　文本的上標(biāo)和下標(biāo)............................　046

4.1.6　插入特殊字符....................................　047

4.1.7　列表....................................................　048

4.2　水平線..................................050

4.2.1　課堂案例——在網(wǎng)頁(yè)中插入水平線

............................................................050

4.2.2　水平線標(biāo)簽

---

...............................　051

4.3　網(wǎng)頁(yè)中的圖像.........................　053

4.3.1　課堂案例——在網(wǎng)頁(yè)中插入圖像

............................................................　053

4.3.2　圖像的基本格式................................　054

4.3.3　設(shè)置圖像屬性....................................　055

4.3.4　設(shè)置圖像與網(wǎng)頁(yè)文字的對(duì)齊方式

............................................................　056

4.3.5　設(shè)置圖像與文字之間的距離............　058

4.3.6　圖形按鈕（圖像鏈接）......................　059

4.4　練習(xí)案例...............................060

4.4.1　練習(xí)案例——將圖像設(shè)置為網(wǎng)頁(yè)背景

............................................................060

4.4.2　練習(xí)案例——金魚(yú)喂養(yǎng)問(wèn)答網(wǎng)頁(yè)...... 061第5章

創(chuàng)建HTML5網(wǎng)頁(yè)中的表

格與表單

063

5.1　表格......................................064

5.1.1　課堂案例——?jiǎng)?chuàng)建網(wǎng)頁(yè)中的表格......　064

5.1.2　表格的標(biāo)題........................................　065

5.1.3　表格的尺寸........................................　067

5.1.4　表格的邊框尺寸................................　067

5.1.5　表格的間距調(diào)整................................　068

5.1.6　表格內(nèi)容與邊框之間的填充寬度.....　069

5.1.7　表格中數(shù)據(jù)的對(duì)齊方式....................070

5.1.8　創(chuàng)建跨多行多列的單元格................　071

5.2　表單.....................................　072

5.2.1　課堂案例——制作在線調(diào)查表........　072

5.2.2　表單概述............................................　076

5.2.3　文本域................................................　077

5.2.4　密碼域................................................　077

5.2.5　單選按鈕............................................　077

5.2.6　復(fù)選框................................................　078

5.2.7　表單按鈕............................................　078

5.3　練習(xí)案例...............................　079

5.3.1　練習(xí)案例——制作導(dǎo)航欄................　079

5.3.2　練習(xí)案例——制作注冊(cè)網(wǎng)頁(yè)............080

第6章

創(chuàng)建HTML5中的超鏈接

084

6.1　設(shè)置超鏈接.............................085

6.1.1　課堂案例——在新窗口中打開(kāi)網(wǎng)頁(yè).....　085

6.1.2　創(chuàng)建超鏈接........................................　085

6.1.3　URL....................................................　086

6.1.4　超鏈接路徑........................................　086

6.2　圖像鏈接與下載鏈接................087

6.2.1　課堂案例——單擊小圖查看大圖

............................................................　087

6.2.2　圖像鏈接............................................　088

6.2.3　下載鏈接............................................　088

6.3　錨點(diǎn)鏈接...............................089

6.4　電子郵件鏈接.........................089

6.5　練習(xí)案例...............................089

6.5.1　練習(xí)案例——返回網(wǎng)頁(yè)頂部............089

6.5.2　練習(xí)案例——精美壁紙下載............090

第7章

在HTML5網(wǎng)頁(yè)中添加音頻

與視頻

092

7.1　添加音頻................................093

7.1.1　課堂案例——插入音頻文件............　093

7.1.2