第1章

Dreamweaver　CC基礎(chǔ)入門

001

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

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

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

1.2　網(wǎng)絡(luò)基本術(shù)語..........................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　常見的網(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　娛樂網(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)頁文檔............　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　課堂案例——編寫HTML5..............　029

3.1.2　HTML簡介........................................　031

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

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

3.2.1　課堂案例——輸入古詩....................　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)頁排版....................　038

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

第4章

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

與圖像

041

4.1　網(wǎng)頁中的文本.........................　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)頁中插入水平線

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

4.2.2　水平線標(biāo)簽

---

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

格與表單

063

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

5.1.1　課堂案例——?jiǎng)?chuàng)建網(wǎng)頁中的表格......　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)頁............080

第6章

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

084

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

6.1.1　課堂案例——在新窗口中打開網(wǎng)頁.....　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)頁頂部............089

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

第7章

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

與視頻

092

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

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

7.1.2