網(wǎng)頁設(shè)計(jì)基礎(chǔ)教程與上機(jī)指導(dǎo)第版插入網(wǎng)頁對(duì)象

1、n教學(xué)提示：文本和圖像是網(wǎng)頁中最重要的兩種元素。在網(wǎng)頁的適教學(xué)提示：文本和圖像是網(wǎng)頁中最重要的兩種元素。在網(wǎng)頁的適當(dāng)位置放置一些圖像，不僅可使內(nèi)容清晰易懂，而且可使網(wǎng)頁更當(dāng)位置放置一些圖像，不僅可使內(nèi)容清晰易懂，而且可使網(wǎng)頁更具吸引力。網(wǎng)頁中除了能夠插入文本和圖像之外，還有一些多媒具吸引力。網(wǎng)頁中除了能夠插入文本和圖像之外，還有一些多媒體元素是非常重要的。本章主要講述文本的插入、使用列表、在體元素是非常重要的。本章主要講述文本的插入、使用列表、在網(wǎng)頁中插入文件頭部內(nèi)容、插入圖像、插入媒體對(duì)象和插入其他網(wǎng)頁中插入文件頭部內(nèi)容、插入圖像、插入媒體對(duì)象和插入其他對(duì)象等。對(duì)象等。n教學(xué)目標(biāo)：教學(xué)目標(biāo)：

2、 掌握文本的插入掌握文本的插入 掌握列表的使用掌握列表的使用 掌握插入文件頭部內(nèi)容掌握插入文件頭部內(nèi)容 掌握?qǐng)D像的插入掌握?qǐng)D像的插入 掌握插入媒體對(duì)象掌握插入媒體對(duì)象 對(duì)象對(duì)象 創(chuàng)建圖文混和網(wǎng)頁創(chuàng)建圖文混和網(wǎng)頁n文本是網(wǎng)頁中不可缺少的內(nèi)容之一，擔(dān)負(fù)著文本是網(wǎng)頁中不可缺少的內(nèi)容之一，擔(dān)負(fù)著傳遞信息的重要任務(wù)，雖然圖像及多媒體在傳遞信息的重要任務(wù)，雖然圖像及多媒體在網(wǎng)頁中所占的比例越來越大，但是在網(wǎng)站中網(wǎng)頁中所占的比例越來越大，但是在網(wǎng)站中文字的主導(dǎo)地位仍然是不可替代的。文字的主導(dǎo)地位仍然是不可替代的。n3.1.1 插入普通文本插入普通文本n3.1.2 設(shè)置文本屬性設(shè)置文本屬性n3.1.3 插入特

3、殊字符插入特殊字符n在網(wǎng)頁中可直接輸入文本信息，也可以將其在網(wǎng)頁中可直接輸入文本信息，也可以將其他應(yīng)用程序中的文本直接粘貼到網(wǎng)頁中，此他應(yīng)用程序中的文本直接粘貼到網(wǎng)頁中，此外還可以導(dǎo)入已有的外還可以導(dǎo)入已有的Word文檔。插入普通文檔。插入普通文本的方法非常簡單，具體操作步驟如下。文本的方法非常簡單，具體操作步驟如下。 (1)打開網(wǎng)頁文檔。打開網(wǎng)頁文檔。 (2)將鼠標(biāo)指針置于要輸入文本的位置，輸入文將鼠標(biāo)指針置于要輸入文本的位置，輸入文本。本。n輸入文本后，在文本【屬性】面板中可以設(shè)置文本的各項(xiàng)屬輸入文本后，在文本【屬性】面板中可以設(shè)置文本的各項(xiàng)屬性，具體操作步驟如下。性，具體操作步驟如下。

4、(1)打開網(wǎng)頁文檔。打開網(wǎng)頁文檔。 (2)選中要設(shè)置屬性的文本，在【屬性】面板中的【字體】選中要設(shè)置屬性的文本，在【屬性】面板中的【字體】下拉列表框中選擇【編輯字體列表】選項(xiàng)，彈出【編輯下拉列表框中選擇【編輯字體列表】選項(xiàng)，彈出【編輯字體列表】對(duì)話框。字體列表】對(duì)話框。 (3)在對(duì)話框中的【可用字體】列表框中選擇【宋體】，在對(duì)話框中的【可用字體】列表框中選擇【宋體】，單擊按鈕，添加到【選擇的字體】列表框中。單擊按鈕，添加到【選擇的字體】列表框中。 (4)單擊【確定】按鈕，將網(wǎng)頁文本字體設(shè)置為【宋體】，單擊【確定】按鈕，將網(wǎng)頁文本字體設(shè)置為【宋體】，將字體【大小】設(shè)置為將字體【大小】設(shè)置為14像

5、素。像素。 (5)單擊【文本顏色】按鈕，彈出顏色調(diào)色板，在調(diào)色板單擊【文本顏色】按鈕，彈出顏色調(diào)色板，在調(diào)色板中將【文本顏色】設(shè)置為中將【文本顏色】設(shè)置為#FF3F8B。n特殊字符包含換行符、不換行空格、版權(quán)、特殊字符包含換行符、不換行空格、版權(quán)、注冊商標(biāo)等特殊字符，網(wǎng)頁中經(jīng)常用到特殊注冊商標(biāo)等特殊字符，網(wǎng)頁中經(jīng)常用到特殊字符。下面講述在網(wǎng)頁中插入版權(quán)符號(hào)的方字符。下面講述在網(wǎng)頁中插入版權(quán)符號(hào)的方法，具體操作步驟如下。法，具體操作步驟如下。 (1)打開網(wǎng)頁文檔。打開網(wǎng)頁文檔。 (2)將鼠標(biāo)指針置于要插入特殊字符的位置，選將鼠標(biāo)指針置于要插入特殊字符的位置，選擇【插入】擇【插入】|【HTML】|

6、【特殊字符】【特殊字符】|【版權(quán)】【版權(quán)】命令，彈出命令，彈出Dreamweaver提示框。提示框。 (3)單擊【確定】按鈕，插入版權(quán)符號(hào)。單擊【確定】按鈕，插入版權(quán)符號(hào)。 (4)保存文檔，按保存文檔，按F12鍵在瀏覽器中預(yù)覽效果。鍵在瀏覽器中預(yù)覽效果。n在網(wǎng)頁中使用列表可以清晰地創(chuàng)建可識(shí)別的在網(wǎng)頁中使用列表可以清晰地創(chuàng)建可識(shí)別的大綱和目錄結(jié)構(gòu)。大綱和目錄結(jié)構(gòu)。Dreamweaver 8中常用中常用的列表分為有序列表和無序列表兩種形式。的列表分為有序列表和無序列表兩種形式。n3.2.1 插入項(xiàng)目列表插入項(xiàng)目列表n3.2.2 插入編號(hào)列表插入編號(hào)列表n如果項(xiàng)目列表之間是并列關(guān)系，則需要生成如果項(xiàng)

7、目列表之間是并列關(guān)系，則需要生成項(xiàng)目符號(hào)列表。插入項(xiàng)目列表的具體操作步項(xiàng)目符號(hào)列表。插入項(xiàng)目列表的具體操作步驟如下。驟如下。 (1)打開網(wǎng)頁文檔。打開網(wǎng)頁文檔。 (2)將鼠標(biāo)指針置于要插入項(xiàng)目列表的位置，選將鼠標(biāo)指針置于要插入項(xiàng)目列表的位置，選擇【文本】擇【文本】|【列表】【列表】|【項(xiàng)目列表】命令，即可【項(xiàng)目列表】命令，即可插入項(xiàng)目列表。插入項(xiàng)目列表。 單擊【屬性】面板中的【項(xiàng)目列表】按鈕，也可以插入項(xiàng)目列表。 提 示 n編號(hào)列表主要用于把文本內(nèi)容設(shè)置為文本列表清單。編號(hào)列表主要用于把文本內(nèi)容設(shè)置為文本列表清單。插入編號(hào)列表的具體操作步驟如下。插入編號(hào)列表的具體操作步驟如下。n打開網(wǎng)頁文檔，

8、將鼠標(biāo)指針置于要插入編號(hào)列表的打開網(wǎng)頁文檔，將鼠標(biāo)指針置于要插入編號(hào)列表的位置，選擇【文本】位置，選擇【文本】|【列表】【列表】|【編號(hào)列表】命令，【編號(hào)列表】命令，即可插入編號(hào)列表。即可插入編號(hào)列表。 單擊【屬性】面板中的【編號(hào)列表】按鈕，即可插入編號(hào)列表。 提 示 n文件頭標(biāo)簽也就是通常說的文件頭標(biāo)簽也就是通常說的META標(biāo)簽，文件頭標(biāo)標(biāo)簽，文件頭標(biāo)簽在網(wǎng)頁中是看不到的，它包含在網(wǎng)頁中簽在網(wǎng)頁中是看不到的，它包含在網(wǎng)頁中.標(biāo)簽之間。所有包含在該標(biāo)標(biāo)簽之間。所有包含在該標(biāo)簽之間的內(nèi)容在網(wǎng)頁中都是不可見的。簽之間的內(nèi)容在網(wǎng)頁中都是不可見的。n文件頭標(biāo)簽主要包括文件頭標(biāo)簽主要包括META、關(guān)鍵字

9、、說明、刷新、關(guān)鍵字、說明、刷新、基礎(chǔ)和鏈接等內(nèi)容，下面學(xué)習(xí)常用的文件頭標(biāo)簽的基礎(chǔ)和鏈接等內(nèi)容，下面學(xué)習(xí)常用的文件頭標(biāo)簽的使用。使用。n3.3.1 插入插入META信息信息n3.3.2 設(shè)置基礎(chǔ)設(shè)置基礎(chǔ)n3.3.3 插入關(guān)鍵字插入關(guān)鍵字n3.3.4 插入說明文字插入說明文字n3.3.5 設(shè)置刷新設(shè)置刷新nMETA元素用來描述網(wǎng)頁文件自身的信息。元素用來描述網(wǎng)頁文件自身的信息。META元素是網(wǎng)頁中非常重要的元素，元素是網(wǎng)頁中非常重要的元素，它可以記錄有關(guān)當(dāng)前頁面的信息，也可以用來向服務(wù)器提供信息。插入它可以記錄有關(guān)當(dāng)前頁面的信息，也可以用來向服務(wù)器提供信息。插入META信信息的具體操作步驟如下。

10、息的具體操作步驟如下。n(1)選擇【插入】選擇【插入】|【HTML】|【文件頭標(biāo)簽】【文件頭標(biāo)簽】|【META】命令，彈出】命令，彈出META對(duì)對(duì)話框。話框。n(2)在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置，然后單擊【確定】按鈕，在代碼視圖中就可以在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置，然后單擊【確定】按鈕，在代碼視圖中就可以看到插入的看到插入的META信息。信息。n在在META對(duì)話框中可以進(jìn)行如下設(shè)置。對(duì)話框中可以進(jìn)行如下設(shè)置。n【屬性】：在其下拉列表框中包括【名稱】和【屬性】：在其下拉列表框中包括【名稱】和【 -equivalent】兩個(gè)選項(xiàng)?！績蓚€(gè)選項(xiàng)?！久Q】主要用于說明網(wǎng)頁，對(duì)應(yīng)于網(wǎng)頁內(nèi)容，以便于搜索引擎查找?！?/p>

11、名稱】主要用于說明網(wǎng)頁，對(duì)應(yīng)于網(wǎng)頁內(nèi)容，以便于搜索引擎查找。n -equivalent相當(dāng)于相當(dāng)于HTTP文件頭的作用，可以直接影響網(wǎng)頁的傳輸。文件頭的作用，可以直接影響網(wǎng)頁的傳輸。n【值】：表示【值】：表示META的類型。的類型。n【內(nèi)容】：【值】選項(xiàng)所對(duì)應(yīng)的具體的【內(nèi)容】：【值】選項(xiàng)所對(duì)應(yīng)的具體的META中的信息中的信息 在 HTML 插入欄中單擊按鈕右邊的小三角形，在彈出的菜單中選擇 META 命令，彈出 META 對(duì)話框，也可以插入 META 信息。 提 示 n基礎(chǔ)就是指在文件頭中添加一個(gè)腳本的鏈接，該網(wǎng)頁文檔中所有的鏈接都以此基礎(chǔ)就是指在文件頭中添加一個(gè)腳本的鏈接，該網(wǎng)頁文檔中所有的

12、鏈接都以此鏈接為基準(zhǔn)，而其他網(wǎng)頁中的鏈接與該網(wǎng)頁中的基準(zhǔn)鏈接無關(guān)。設(shè)置基礎(chǔ)的具鏈接為基準(zhǔn)，而其他網(wǎng)頁中的鏈接與該網(wǎng)頁中的基準(zhǔn)鏈接無關(guān)。設(shè)置基礎(chǔ)的具體操作步驟如下。體操作步驟如下。 (1)選擇【插入】選擇【插入】|【HTML】|【文件頭標(biāo)簽】【文件頭標(biāo)簽】|【基礎(chǔ)】命令，彈出【基【基礎(chǔ)】命令，彈出【基礎(chǔ)】對(duì)話框。礎(chǔ)】對(duì)話框。 (2)在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置，然后單擊【確定】按鈕，完成設(shè)置。在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置，然后單擊【確定】按鈕，完成設(shè)置。在【基礎(chǔ)】對(duì)話框中可以進(jìn)行如下設(shè)置。在【基礎(chǔ)】對(duì)話框中可以進(jìn)行如下設(shè)置。 Href：填入一個(gè)地址作為超級(jí)鏈接的基本地址，或單擊【瀏覽】按鈕選：填入一個(gè)地

13、址作為超級(jí)鏈接的基本地址，或單擊【瀏覽】按鈕選擇一個(gè)鏈接地址。擇一個(gè)鏈接地址。 【目標(biāo)】：在下拉列表框中可選擇鏈接的打開方式?！究瞻住渴且孕麓啊灸繕?biāo)】：在下拉列表框中可選擇鏈接的打開方式?！究瞻住渴且孕麓翱诘男问酱蜷_；【父】是在父窗口中打開；【自身】是在原來的窗口中口的形式打開；【父】是在父窗口中打開；【自身】是在原來的窗口中打開；【頂部】是在頁面的頂部窗口打開。打開；【頂部】是在頁面的頂部窗口打開。 在 HTML 插入欄中單擊的按鈕右邊的小三角形， 在彈出的菜單中選擇 【基礎(chǔ)】 選項(xiàng)，彈出【基礎(chǔ)】對(duì)話框，按以上步驟在此對(duì)話框中完成基礎(chǔ)設(shè)置。 提 示 n關(guān)鍵字也就是與網(wǎng)頁的主題內(nèi)容相關(guān)的簡短而

14、有代表性的詞匯，關(guān)鍵字也就是與網(wǎng)頁的主題內(nèi)容相關(guān)的簡短而有代表性的詞匯，這是給網(wǎng)絡(luò)中的搜索引擎準(zhǔn)備的。關(guān)鍵字一般要盡可能地概括網(wǎng)這是給網(wǎng)絡(luò)中的搜索引擎準(zhǔn)備的。關(guān)鍵字一般要盡可能地概括網(wǎng)頁內(nèi)容，這樣瀏覽者只要輸入很少的關(guān)鍵字，就能最大程度地搜頁內(nèi)容，這樣瀏覽者只要輸入很少的關(guān)鍵字，就能最大程度地搜索網(wǎng)頁。插入關(guān)鍵字的具體操作步驟如下。索網(wǎng)頁。插入關(guān)鍵字的具體操作步驟如下。 (1)選擇【插入】選擇【插入】| HTML |【文件頭標(biāo)簽】【文件頭標(biāo)簽】|【關(guān)鍵字】命【關(guān)鍵字】命令，彈出【關(guān)鍵字】對(duì)話框。令，彈出【關(guān)鍵字】對(duì)話框。 (2) 在對(duì)話框中的【關(guān)鍵字】文本框中輸入有關(guān)網(wǎng)頁的關(guān)鍵字，在對(duì)話框中的

15、【關(guān)鍵字】文本框中輸入有關(guān)網(wǎng)頁的關(guān)鍵字，單擊【確定】按鈕，即可插入關(guān)鍵字。單擊【確定】按鈕，即可插入關(guān)鍵字。 在 HTML 插入欄中單擊按鈕右邊的小三角形， 在彈出的菜單中選擇 【關(guān)鍵字】 命令，在彈出【關(guān)鍵字】對(duì)話框中也可以插入關(guān)鍵字。 提 示 n關(guān)鍵字忌諱的是詞匯的冗長，而說明則忌諱詞匯過于簡短。說明為設(shè)計(jì)關(guān)鍵字忌諱的是詞匯的冗長，而說明則忌諱詞匯過于簡短。說明為設(shè)計(jì)者提供了可以詳細(xì)說明網(wǎng)頁內(nèi)容的機(jī)會(huì)，而關(guān)鍵字是為了讓搜索引擎最者提供了可以詳細(xì)說明網(wǎng)頁內(nèi)容的機(jī)會(huì)，而關(guān)鍵字是為了讓搜索引擎最大程度地捕捉到網(wǎng)頁。插入說明文字的具體操作步驟如下。大程度地捕捉到網(wǎng)頁。插入說明文字的具體操作步驟如下

16、。 (1)選擇【插入】選擇【插入】|【HTML】|【文件頭標(biāo)簽】【文件頭標(biāo)簽】|【說明】命令，彈出【說【說明】命令，彈出【說明】對(duì)話框。明】對(duì)話框。 (2)在對(duì)話框中的【說明】文本框中輸入有關(guān)網(wǎng)頁的說明，單擊【確定】按在對(duì)話框中的【說明】文本框中輸入有關(guān)網(wǎng)頁的說明，單擊【確定】按鈕即可。鈕即可。 單擊 HTML 插入欄中的按鈕，在彈出的菜單中選擇【說明】選項(xiàng)，也可以彈出【說明】對(duì)話框完成相應(yīng)說明文字的插入。 提 示 (1)選擇【插入】選擇【插入】| HTML |【文件頭標(biāo)簽】【文件頭標(biāo)簽】|【刷新】命令，彈出【刷新】【刷新】命令，彈出【刷新】對(duì)話框?qū)υ捒?(2)在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置，然后單

17、擊【確定】按鈕，完成設(shè)置。在對(duì)話框中進(jìn)行相應(yīng)的設(shè)置，然后單擊【確定】按鈕，完成設(shè)置。 在【刷新】對(duì)話框中可以進(jìn)行如下設(shè)置。在【刷新】對(duì)話框中可以進(jìn)行如下設(shè)置。 【延遲】：網(wǎng)頁被瀏覽器下載后所停留的時(shí)間，以秒為單位。【延遲】：網(wǎng)頁被瀏覽器下載后所停留的時(shí)間，以秒為單位。 【轉(zhuǎn)到【轉(zhuǎn)到URL】：通過單擊右側(cè)的【瀏覽】按鈕來輸入動(dòng)作所轉(zhuǎn)向的網(wǎng)】：通過單擊右側(cè)的【瀏覽】按鈕來輸入動(dòng)作所轉(zhuǎn)向的網(wǎng)頁或文檔的頁或文檔的URL。 【刷新此文檔】：重新將當(dāng)前的網(wǎng)頁從服務(wù)器載入，將更新的網(wǎng)頁顯【刷新此文檔】：重新將當(dāng)前的網(wǎng)頁從服務(wù)器載入，將更新的網(wǎng)頁顯示在瀏覽器中。示在瀏覽器中。 在 HTML 插入欄中單擊按鈕右

18、邊的小三角形，在彈出的菜單中選擇【刷新】命令也可以打開【刷新】對(duì)話框，完成相應(yīng)的刷新設(shè)置。 提 示 n一幅幅圖像和一個(gè)個(gè)漂亮的按鈕、標(biāo)記不但一幅幅圖像和一個(gè)個(gè)漂亮的按鈕、標(biāo)記不但使網(wǎng)頁更加美觀、形象和生動(dòng)，而且使網(wǎng)頁使網(wǎng)頁更加美觀、形象和生動(dòng)，而且使網(wǎng)頁中的內(nèi)容更加豐富多彩?？梢姡瑘D像在網(wǎng)頁中的內(nèi)容更加豐富多彩?？梢?，圖像在網(wǎng)頁中的作用是非常重要的。中的作用是非常重要的。 n3.4.1 插入圖像插入圖像n3.4.2 設(shè)置圖像屬性設(shè)置圖像屬性n3.4.3 插入翻轉(zhuǎn)圖像插入翻轉(zhuǎn)圖像n在在Dreamweaver中插入圖像非常簡單，具體操作中插入圖像非常簡單，具體操作步驟如下。步驟如下。n(1)打開網(wǎng)

19、頁文檔，將鼠標(biāo)指針置于要插入圖像的打開網(wǎng)頁文檔，將鼠標(biāo)指針置于要插入圖像的位置。位置。n(2)選擇【插入】選擇【插入】|【圖像】命令，彈出【選擇圖像【圖像】命令，彈出【選擇圖像源文件】對(duì)話框，在對(duì)話框中選擇圖像。源文件】對(duì)話框，在對(duì)話框中選擇圖像。n(3)單擊【確定】按鈕，即可插入圖像。單擊【確定】按鈕，即可插入圖像。 單擊【常用】插入欄中的按鈕，在彈出【選擇圖像源文件】對(duì)話框中也可以同樣完成圖像的插入。 提 示 n插入圖像后，其四周會(huì)出現(xiàn)可編輯的縮放手柄，這說明該圖像被選擇，同時(shí)【屬性】面插入圖像后，其四周會(huì)出現(xiàn)可編輯的縮放手柄，這說明該圖像被選擇，同時(shí)【屬性】面板中顯示出關(guān)于圖像的屬性設(shè)置

20、，這時(shí)就可以根據(jù)需要設(shè)置圖像屬性。板中顯示出關(guān)于圖像的屬性設(shè)置，這時(shí)就可以根據(jù)需要設(shè)置圖像屬性。n在圖像【屬性】面板中主要可以進(jìn)行如下設(shè)置。在圖像【屬性】面板中主要可以進(jìn)行如下設(shè)置。【寬】和【高】：以像素為單位設(shè)定圖像的寬度和高度。當(dāng)用戶在網(wǎng)頁中插入圖像【寬】和【高】：以像素為單位設(shè)定圖像的寬度和高度。當(dāng)用戶在網(wǎng)頁中插入圖像時(shí)，時(shí)，Dreamweaver 8自動(dòng)使用圖像的原始尺寸。用戶可以使用單位點(diǎn)、英寸、毫自動(dòng)使用圖像的原始尺寸。用戶可以使用單位點(diǎn)、英寸、毫米和厘米指定圖像大小。在米和厘米指定圖像大小。在HTML源代碼中，源代碼中，Dreamweaver將這些值轉(zhuǎn)換為以像將這些值轉(zhuǎn)換為以像素

21、為單位。素為單位。【源文件】：指定圖像的具體路徑。單擊按鈕選擇源文件或直接在文本框中輸入源【源文件】：指定圖像的具體路徑。單擊按鈕選擇源文件或直接在文本框中輸入源文件路徑。文件路徑?！炬溄印浚簽閳D像設(shè)置超級(jí)鏈接?？梢詥螕舭粹o瀏覽選擇要鏈接的文件，或者直接【鏈接】：為圖像設(shè)置超級(jí)鏈接?？梢詥螕舭粹o瀏覽選擇要鏈接的文件，或者直接在文本框中輸入在文本框中輸入U(xiǎn)RL路徑。路徑?！灸繕?biāo)】：鏈接時(shí)的目標(biāo)窗口或框架。在其下拉列表框中包括四個(gè)選項(xiàng)：【目標(biāo)】：鏈接時(shí)的目標(biāo)窗口或框架。在其下拉列表框中包括四個(gè)選項(xiàng)：【替換】：圖片的注釋。當(dāng)用戶的瀏覽器不能正常顯示圖像時(shí)，便在圖像的位置用【替換】：圖片的注釋。當(dāng)用戶

22、的瀏覽器不能正常顯示圖像時(shí)，便在圖像的位置用這個(gè)注釋代替圖像。這個(gè)注釋代替圖像?！揪庉嫛浚簡?dòng)【外部編輯器】首選參數(shù)中指定的圖像編輯器，并使用該圖像編輯【編輯】：啟動(dòng)【外部編輯器】首選參數(shù)中指定的圖像編輯器，并使用該圖像編輯器打開選定的圖像。編輯共包含以下六種方式。器打開選定的圖像。編輯共包含以下六種方式?！镜貓D】：名稱和【熱點(diǎn)工具】標(biāo)注和創(chuàng)建客戶端圖像地圖。【地圖】：名稱和【熱點(diǎn)工具】標(biāo)注和創(chuàng)建客戶端圖像地圖。【垂直邊距】：設(shè)置圖像在垂直方向與文本域或其他頁面元素的間距?！敬怪边吘唷浚涸O(shè)置圖像在垂直方向與文本域或其他頁面元素的間距?！舅竭吘唷浚涸O(shè)置圖像在水平方向與文本域或其他頁面元素的間距

23、?！舅竭吘唷浚涸O(shè)置圖像在水平方向與文本域或其他頁面元素的間距。【低解析度源】：指定在載入主圖像之前應(yīng)該載入的圖像。【低解析度源】：指定在載入主圖像之前應(yīng)該載入的圖像?！具吙颉浚涸O(shè)置以像素為單位的圖像邊框的寬度。默認(rèn)為無邊框?！具吙颉浚涸O(shè)置以像素為單位的圖像邊框的寬度。默認(rèn)為無邊框。【對(duì)齊】：設(shè)置圖像和文字的對(duì)齊方式?！緦?duì)齊】：設(shè)置圖像和文字的對(duì)齊方式。n翻轉(zhuǎn)圖像就是瀏覽網(wǎng)頁時(shí)，當(dāng)鼠標(biāo)經(jīng)過圖像時(shí)，原圖像會(huì)變成另外一張翻轉(zhuǎn)圖像就是瀏覽網(wǎng)頁時(shí)，當(dāng)鼠標(biāo)經(jīng)過圖像時(shí)，原圖像會(huì)變成另外一張圖像。鼠標(biāo)經(jīng)過圖像其實(shí)是由兩張圖像組成的：原始圖像圖像。鼠標(biāo)經(jīng)過圖像其實(shí)是由兩張圖像組成的：原始圖像(頁面顯示時(shí)頁面顯

24、示時(shí)的圖像的圖像)和鼠標(biāo)經(jīng)過圖像和鼠標(biāo)經(jīng)過圖像(當(dāng)鼠標(biāo)經(jīng)過時(shí)顯示的圖像當(dāng)鼠標(biāo)經(jīng)過時(shí)顯示的圖像)。 (1)打開網(wǎng)頁文檔，將鼠標(biāo)指針置于要插入翻轉(zhuǎn)圖像的位置。打開網(wǎng)頁文檔，將鼠標(biāo)指針置于要插入翻轉(zhuǎn)圖像的位置。 (2)選擇【插入】選擇【插入】|【圖像對(duì)象】【圖像對(duì)象】|【鼠標(biāo)經(jīng)過圖像】命令，彈出【插入鼠標(biāo)【鼠標(biāo)經(jīng)過圖像】命令，彈出【插入鼠標(biāo)經(jīng)過圖像】對(duì)話框。經(jīng)過圖像】對(duì)話框。 (3)在對(duì)話框中單擊【原始圖像】文本框右側(cè)的【瀏覽】按鈕，彈出在對(duì)話框中單擊【原始圖像】文本框右側(cè)的【瀏覽】按鈕，彈出Original Images對(duì)話框，在對(duì)話框中選擇圖像。對(duì)話框，在對(duì)話框中選擇圖像。 (4)單擊【確定】按

25、鈕，添加到【原始圖像】文本框中。單擊【鼠標(biāo)經(jīng)過圖單擊【確定】按鈕，添加到【原始圖像】文本框中。單擊【鼠標(biāo)經(jīng)過圖像】文本框右側(cè)的【瀏覽】按鈕，在彈出的像】文本框右側(cè)的【瀏覽】按鈕，在彈出的Rollover Images對(duì)話框中選對(duì)話框中選擇圖像，單擊【確定】按鈕，添加到【鼠標(biāo)經(jīng)過圖像】文本框中。擇圖像，單擊【確定】按鈕，添加到【鼠標(biāo)經(jīng)過圖像】文本框中。 (5)單擊【確定】按鈕，插入鼠標(biāo)經(jīng)過圖像。選中圖像，在【屬性】面板中單擊【確定】按鈕，插入鼠標(biāo)經(jīng)過圖像。選中圖像，在【屬性】面板中將【對(duì)齊】設(shè)置為【右對(duì)齊】。將【對(duì)齊】設(shè)置為【右對(duì)齊】。 (6)保存文檔，按保存文檔，按F12鍵在瀏覽器中預(yù)覽效果鍵

26、在瀏覽器中預(yù)覽效果 單擊 【常用】 插入欄中的右邊的小三角按鈕， 在彈出的菜單中選擇 【鼠標(biāo)經(jīng)過圖像】命令也可以打開【插入鼠標(biāo)經(jīng)過圖像】對(duì)話框。 提 示 n在網(wǎng)頁中插入在網(wǎng)頁中插入Flash動(dòng)畫、動(dòng)畫、Flash按鈕和按鈕和Flash文本等，可以增加網(wǎng)頁的動(dòng)感效果，文本等，可以增加網(wǎng)頁的動(dòng)感效果，使網(wǎng)頁更具吸引力，因此多媒體元素在網(wǎng)頁使網(wǎng)頁更具吸引力，因此多媒體元素在網(wǎng)頁中的應(yīng)用越來越來廣泛。中的應(yīng)用越來越來廣泛。 n3.5.1 插入插入Flash動(dòng)畫動(dòng)畫n3.5.2 插入插入Flash按鈕對(duì)象按鈕對(duì)象n3.5.3 插入插入Flash文本對(duì)象文本對(duì)象n3.5.4 插入插入Java Applet

27、nFlash動(dòng)畫是在專門的動(dòng)畫是在專門的Flash軟件中完成的，在軟件中完成的，在Dreamweaver中能將現(xiàn)有的中能將現(xiàn)有的Flash動(dòng)畫插入到文檔中。在動(dòng)畫插入到文檔中。在Flash【屬性】面板中可以進(jìn)行如下設(shè)置。【屬性】面板中可以進(jìn)行如下設(shè)置?！久Q】：用來標(biāo)識(shí)影片的名稱?！久Q】：用來標(biāo)識(shí)影片的名稱。【寬和高】：以像素為單位設(shè)置影片的寬和高?！緦捄透摺浚阂韵袼貫閱挝辉O(shè)置影片的寬和高?！疚募浚褐付ā疚募浚褐付‵lash文件的路徑。單擊按鈕可以瀏覽并選擇某一文件，或直接在文文件的路徑。單擊按鈕可以瀏覽并選擇某一文件，或直接在文本框中輸入文件的路徑。本框中輸入文件的路徑?！驹次募浚褐?/p>

28、向【源文件】：指向Flash源文件的路徑。源文件的路徑?！狙h(huán)】：選擇該選項(xiàng)，動(dòng)畫將在瀏覽器端循環(huán)播放?！狙h(huán)】：選擇該選項(xiàng)，動(dòng)畫將在瀏覽器端循環(huán)播放?！咀詣?dòng)播放】：選擇該選項(xiàng)，則文檔被瀏覽器載入時(shí)，自動(dòng)播放【自動(dòng)播放】：選擇該選項(xiàng)，則文檔被瀏覽器載入時(shí)，自動(dòng)播放Flash動(dòng)畫。動(dòng)畫?！敬怪边吘唷亢汀舅竭吘唷浚褐付ㄓ捌?、下、左、右邊距空白的像素?cái)?shù)?！敬怪边吘唷亢汀舅竭吘唷浚褐付ㄓ捌?、下、左、右邊距空白的像素?cái)?shù)?！酒焚|(zhì)】：在影片播放期間控制失真。設(shè)置越高，影片的觀看效果就越好，但需要更【品質(zhì)】：在影片播放期間控制失真。設(shè)置越高，影片的觀看效果就越好，但需要更快的處理器的支持以使影片在屏幕

29、上能夠正確顯示?？斓奶幚砥鞯闹С忠允褂捌谄聊簧夏軌蛘_顯示。【比例】：用來設(shè)定顯示比例，有【默認(rèn)【比例】：用來設(shè)定顯示比例，有【默認(rèn)(全部顯示全部顯示)】、【無邊框】和【嚴(yán)格匹配】、【無邊框】和【嚴(yán)格匹配】3個(gè)選項(xiàng)。個(gè)選項(xiàng)?！緦?duì)齊】：設(shè)置【對(duì)齊】：設(shè)置Flash影片的對(duì)齊方式。影片的對(duì)齊方式?！颈尘邦伾浚簽楫?dāng)前【背景顏色】：為當(dāng)前Flash動(dòng)畫設(shè)置背景顏色。動(dòng)畫設(shè)置背景顏色。 單擊【常用】插入欄中的按鈕，利用彈出的【選擇文件】對(duì)話框中也可以插入 Flash動(dòng)畫。 提 示 nDreamweaver 8中內(nèi)置了很多中內(nèi)置了很多Flash按鈕樣式，可以使用戶自定義并插入已設(shè)按鈕樣式，可以使用戶自

30、定義并插入已設(shè)計(jì)好的計(jì)好的Flash按鈕，而不必在按鈕，而不必在Flash軟件中制作動(dòng)畫，然后保存成文件，再將軟件中制作動(dòng)畫，然后保存成文件，再將Flash動(dòng)畫插入到網(wǎng)頁中。動(dòng)畫插入到網(wǎng)頁中。n在【插入在【插入Flash按鈕】對(duì)話框中可以進(jìn)行如下設(shè)置。按鈕】對(duì)話框中可以進(jìn)行如下設(shè)置。 【樣式】：在列表框中列出了所有可選的【樣式】：在列表框中列出了所有可選的Flash按鈕。按鈕。 【按鈕文本】：在文本框中輸入顯示在按鈕上的文字。【按鈕文本】：在文本框中輸入顯示在按鈕上的文字。 【字體和大小】：設(shè)置文字的字體和字號(hào)?！咀煮w和大小】：設(shè)置文字的字體和字號(hào)。 【鏈接】：單擊【瀏覽】按鈕，從彈出的對(duì)話框

31、中選擇按鈕鏈接的目標(biāo)?！炬溄印浚簡螕簟緸g覽】按鈕，從彈出的對(duì)話框中選擇按鈕鏈接的目標(biāo)。 【目標(biāo)】：選擇打開鏈接的目標(biāo)位置，在下拉列表框中包含以下四個(gè)選項(xiàng)?！灸繕?biāo)】：選擇打開鏈接的目標(biāo)位置，在下拉列表框中包含以下四個(gè)選項(xiàng)。 -blank：在新的未命名瀏覽器窗口中打開鏈接文件。：在新的未命名瀏覽器窗口中打開鏈接文件。 -parent：在父框架組或包含該鏈接的框架窗口中打開鏈接文件。：在父框架組或包含該鏈接的框架窗口中打開鏈接文件。 -self：在鏈接所在的框架或窗口中打開鏈接文件，本選項(xiàng)是默認(rèn)的，通：在鏈接所在的框架或窗口中打開鏈接文件，本選項(xiàng)是默認(rèn)的，通常無需指定。常無需指定。 -top：將鏈接

32、的文件在整個(gè)瀏覽器窗口中打開。：將鏈接的文件在整個(gè)瀏覽器窗口中打開。 【背景色】：用于設(shè)置【背景色】：用于設(shè)置Flash按鈕的背景色。按鈕的背景色。 【另存為】：設(shè)置保存該按鈕的路徑及文件名，必須將該按鈕名保存在站點(diǎn)【另存為】：設(shè)置保存該按鈕的路徑及文件名，必須將該按鈕名保存在站點(diǎn)中。中。 【應(yīng)用】：在網(wǎng)頁中將會(huì)顯示出按鈕的樣式?！緫?yīng)用】：在網(wǎng)頁中將會(huì)顯示出按鈕的樣式。 【獲取更多樣式】：從【獲取更多樣式】：從Adobe網(wǎng)站獲得更多的按鈕樣式。網(wǎng)站獲得更多的按鈕樣式。 n在網(wǎng)頁中插入在網(wǎng)頁中插入Flash文本對(duì)象，可以利用文本對(duì)象，可以利用【插入【插入Flash文本】對(duì)話框來完成文本】對(duì)話框來

33、完成 。 在【常用】插入欄中單擊按鈕右邊的小三角形，在彈出菜單中選擇【Flash 文本】命令，利用彈出的【插入 Flash 文本】對(duì)話框也可以插入 Flash 文本。 提 示 nJava是一種允許開發(fā)并可以嵌入是一種允許開發(fā)并可以嵌入Web頁面的編程語言。頁面的編程語言。Java Applet是在是在Java的基礎(chǔ)上演變而的基礎(chǔ)上演變而成的應(yīng)用程序，它可以嵌入到網(wǎng)頁中用來執(zhí)行一定的任務(wù)。成的應(yīng)用程序，它可以嵌入到網(wǎng)頁中用來執(zhí)行一定的任務(wù)。Java Applet小程序創(chuàng)建以后，小程序創(chuàng)建以后，Dreamweaver 8將它插入到將它插入到HTML文檔中，文檔中，Dreamweaver 8使用使用

34、Applet標(biāo)簽來標(biāo)識(shí)對(duì)小程序標(biāo)簽來標(biāo)識(shí)對(duì)小程序文件的引用。文件的引用。 n在在Applet【屬性】面板中可以進(jìn)行如下設(shè)置?！緦傩浴棵姘逯锌梢赃M(jìn)行如下設(shè)置?！続pplet名稱】：指定進(jìn)行腳本撰寫時(shí)用來標(biāo)識(shí)名稱】：指定進(jìn)行腳本撰寫時(shí)用來標(biāo)識(shí)Applet的名稱。的名稱?！緦挕亢汀靖摺浚阂韵袼貫閱挝辉O(shè)置【寬】和【高】：以像素為單位設(shè)置Applet的寬度和高度。的寬度和高度?！敬a】：指定該【代碼】：指定該Applet的的Java代碼的文件路徑。單擊按鈕可以瀏覽并選擇某一文件，或代碼的文件路徑。單擊按鈕可以瀏覽并選擇某一文件，或直接在文本框中輸入文件的路徑。直接在文本框中輸入文件的路徑。【基址】：標(biāo)識(shí)

35、包含選定【基址】：標(biāo)識(shí)包含選定Applet的文件夾。選擇了一個(gè)的文件夾。選擇了一個(gè)Applet后，此文本框?qū)⒈蛔詣?dòng)填充。后，此文本框?qū)⒈蛔詣?dòng)填充?！緦?duì)齊】：設(shè)置【對(duì)齊】：設(shè)置Applet在文檔中的對(duì)齊方式。在文檔中的對(duì)齊方式。【替換】：指定如果用戶的瀏覽器不支持【替換】：指定如果用戶的瀏覽器不支持Java Applet或者已經(jīng)禁用或者已經(jīng)禁用Java，將要顯示的替換，將要顯示的替換內(nèi)容。如果輸入文本，內(nèi)容。如果輸入文本，Dreamweaver將插入該文本，將其作為將插入該文本，將其作為Applet的的alt屬性的值。屬性的值?！敬怪边吘唷亢汀舅竭吘唷浚阂韵袼貫閱挝恢付ā敬怪边吘唷亢汀舅竭吘唷浚阂韵袼貫閱挝恢付ˋpplet上、下、左、右邊距空白的像素上、下、左、右邊距空白的像素?cái)?shù)。數(shù)?！緟?shù)】【參數(shù)】 ：單擊此按鈕，將彈出一個(gè)對(duì)話框，可在其中輸入傳遞給：單擊此按鈕