【文章內(nèi)容簡介】 這樣在任何背景下， Flash 動(dòng)畫都能實(shí)現(xiàn)透明背景的顯示。 插入 Flash 文本 我們將光標(biāo)放置在表格 3 第二行的單元格中，用 Flash 文本制作導(dǎo)航欄目。單擊常用快捷欄的媒體按鈕，在列表中選擇 Flash文本，彈出 “ 插入 Flash文本 ”對話框，字體隨意，大小 22px，顏色設(shè)置為 F5E458，轉(zhuǎn)滾顏色為 54C994，文本為 “ 圖片素材 ” ，背景顏色 6DCFF6，選擇自己需要的路徑鏈接。同樣方法我們分別在表格 3的第 6行制作 “ 代碼素材 ” 、 “Flash 動(dòng)漫 ” 、 “ 精美壁紙 ” 和 “ 音頻視頻 ” 等欄目。 插入 Flash 按鈕 我們在將光標(biāo)放置于插入 Flash 按鈕的位置，單擊常用快捷欄的媒體按鈕，在列表中選擇 Flash 按鈕，彈出 “ 插入 Flash 按鈕 ” 對話框。 “ 樣式 ” 用來選擇按鈕的外觀， “ 按鈕文本 ” 用來輸入按鈕上的文字， “ 字體 ” 和 “ 大小 ” 用于設(shè)置按鈕上文字的字體和大小，字號(hào)變大，按鈕并不會(huì)跟著改變。 “ 鏈接 ” 用于輸入按鈕的鏈接，可以是外部鏈接，也可以是內(nèi)部鏈接。 “ 目標(biāo) ” 用來設(shè)置打開的鏈接窗口。 如果需要修改 Flash 按鈕對象，可以先選中它，然后在屬性面板中單擊 “ 編輯 ” 按鈕，會(huì)自動(dòng)彈出剛才的 “ 插入 Flash 按鈕 ” 對話框，更改它的設(shè)置就可以了。 插入 FlashPaper 我們還可以在網(wǎng)頁中插入 Macromedia FlashPaper 文檔。在瀏覽器中打開包含 FlashPaper 文檔的頁面時(shí)，瀏覽者能夠?yàn)g覽 FlashPaper 文檔中的所有頁面，而無需加載新的 Web 頁。也可以搜索、打印和縮放該文檔。 在 “ 文檔 ” 窗口中，將光標(biāo)放放在頁面上想要顯示 FlashPaper 文檔的位置，然后選擇 “ 插入 ”“ 媒體 ”“FlashPaper” 。 在 “ 插入 FlashPaper” 對話框中，瀏覽到一個(gè) FlashPaper 文檔并將其選定。 如果需要，通過輸入寬度和高度（以像素為單位）指定 FlashPaper 對象在網(wǎng)頁上的尺寸。 FlashPaper 將縮放文檔以適合寬度。 單擊 “ 確定 ” 在頁面中插入文檔。 由于 FlashPaper 文檔是 Flash 對象，因此頁面上將出現(xiàn)一個(gè) Flash 占位符。 如果需要，在屬性檢查器中設(shè)置其他屬性。 插入 Flash 視頻 二、插入聲音 聲音能極好的烘托網(wǎng)頁頁面的 氛圍，網(wǎng)頁中常見的聲音格式有 WAV、 MPMIDI、 AIF、 RA、或 Real Audio 格式。 添加背景音樂 在頁面中可以嵌入背景音樂。這種音樂多以 MP3， MIDI 文件為主，在 DW中，添加背景音樂有兩種方法，一種是通過手寫代碼實(shí)現(xiàn)，還有一種是通過行為實(shí)現(xiàn)。 在 HTML 語言中，通過 BGSOUNG這個(gè)標(biāo)記可以嵌入多種格式的音樂文件，具體步驟是 ： 我們將 音樂文件存放在 med 文件夾里。 打開 網(wǎng)頁，我們?yōu)檫@個(gè)頁面添加背景音樂 切換到 DW 的 “ 拆分 ” 視圖，講光標(biāo)定位到 /body之前的位置，在光標(biāo)的位置寫下下面這段代碼： bgsound src＝ med/，如下圖所示。 按下 F12鍵，在瀏覽器中查看效果，我們可以聽見背景音樂聲。 如果希望循環(huán)播放音樂，將剛才的源代碼修改為以下代碼即可： bgsound src=med/ loop=true 嵌入音樂 嵌入音頻可以將聲音直接插入頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時(shí)具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。如果希望在頁面顯示瀏覽器的外觀，可以使用這種方法。 打開 網(wǎng)頁，將光標(biāo)放置于我們想要顯示播放器的位置。 單擊快捷欄上的 “ 媒體 ” 按鈕 ，從下拉列表中選擇 “ 插件 ” 。 彈出 “ 選擇文件 ” 對話框，在對話框中 音頻文件。 單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標(biāo)來顯示。 選中該圖標(biāo)，在屬性面板中可以對播放器的屬性進(jìn)行設(shè)置： 要實(shí)現(xiàn)循環(huán)播放音樂的效果，單擊屬性面板中的 “ 參 數(shù) ” 按鈕，然后單擊“ ＋ ” 按鈕，在 “ 參數(shù) ” 列中輸入 loop，并在 “ 值 ” 列中輸入 true 后，單擊 “ 確定 ” 按鈕。 要實(shí)現(xiàn)自動(dòng)播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對話框的 “ 參數(shù) ” 列中輸入autostart，并在值中輸入 true，單擊 “ 確定 ” 按鈕。 按下 F12鍵，打開瀏覽器預(yù)覽，這個(gè)頁面實(shí)現(xiàn)了嵌入音樂的效果，在瀏覽器里顯示了播放插件。 三、創(chuàng)建鏈接關(guān)系 鏈接是一個(gè)網(wǎng)站的靈魂，一個(gè)網(wǎng)站是由多個(gè)頁面組成的，而這些頁面之間依據(jù)鏈接確定相互之間的導(dǎo)航關(guān)系。 超級(jí)鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁之間、站點(diǎn)與 Web之間的鏈接關(guān) 系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁成為有機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。超級(jí)鏈接由兩部分組成：鏈接載體和鏈接目標(biāo)。 許多頁面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動(dòng)畫等。而鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源，如：頁面、圖像、聲音、程序、其他網(wǎng)站、 Email甚至是頁面中的某個(gè)位置 錨點(diǎn)。 鏈接的類型 如果按鏈接目標(biāo)分類，可以將超級(jí)鏈接分為以下幾種類型： * 內(nèi)部鏈接：同一網(wǎng)站文檔之間的鏈接。 * 外部鏈接：不同網(wǎng)站文檔之間的鏈接。 * 錨點(diǎn)鏈接：同一網(wǎng)頁或不 同網(wǎng)頁中指定位置的鏈接。 * Email 鏈接：發(fā)送電子郵件的鏈接。 關(guān)于鏈接路徑 絕對路徑，為文件提供完全的路徑，包括適用的協(xié)議，例如 、 ftp， rtsp等。 相對路徑，相對路徑最適合網(wǎng)站的內(nèi)部鏈接。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。要鏈接到下一級(jí)目錄中的文件，只需要輸入目錄名。然后輸入 “/“ ，再輸入文件名。如鏈接到上一級(jí)目錄中的文件，則先輸入 ”../“ 再輸入目錄名， 文件名。 根路徑：是指從站點(diǎn)根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開頭，例如， /fy/ 就是站點(diǎn)根文件夾下的 fy子文件夾中的一個(gè)文件（ ）的根路徑。 創(chuàng)建外部鏈接 不論是文字還是圖像，都可以創(chuàng)建鏈接到絕對地址的外部鏈接。創(chuàng)建鏈接的方法可以直接輸入地址也可以使用超級(jí)鏈接對話框。 （ 1）直接輸入地址 打開 頁面，輸入并選中文字 “ 閃客啟航網(wǎng)頁技術(shù)區(qū) ” 。 在屬性面板中， “ 鏈接 ” 用來設(shè)置圖像或文字 的超鏈接， “ 目標(biāo) ” 用來設(shè)置打開方式。 我們在 “ 鏈接 ” 文本框直接輸入外部絕對地址 “ 目標(biāo) ” 項(xiàng)的下拉列表中選擇 _blank（在一個(gè)新的未命名的瀏覽器窗口中打開鏈接）。如下圖所示。 （ 2）使用超級(jí)鏈接對話框 打開 頁面，選中文字 “ 閃客啟航 ” 。 單擊常用快捷欄中的 “ 超級(jí)鏈接 ” 按鈕。 彈出 “ 超級(jí)鏈接 ” 對話框，我們進(jìn)行以下各項(xiàng)的設(shè)置： “ 文本 ” 文本框用來設(shè)置超級(jí)鏈接顯示的文本。 “ 鏈接 ” 用來設(shè)置超鏈接連接到的路徑。 “ 目標(biāo) ” 下拉列表框用來設(shè)置超鏈接的打開方式，有四個(gè)選項(xiàng)。 “ 標(biāo)題 ” 文本框用來設(shè)置超鏈接的標(biāo)題。 設(shè)置好后，單擊 “ 確定 ” 按鈕，向網(wǎng)頁中插入超鏈接。 龍騰教程網(wǎng) 創(chuàng)建內(nèi)部鏈接 在文檔窗口選中文字，單擊屬性面板 “ 鏈接 ” 后的 按鈕，彈出 “ 選擇文件 ” 對話框，選擇要鏈接到的網(wǎng)頁文件，即可鏈接到這個(gè)網(wǎng)頁。 我們也可以拖動(dòng) “ 鏈接 ” 后的 按鈕到站點(diǎn) 面板上的相應(yīng)網(wǎng)頁文件，則鏈接將指向這個(gè)網(wǎng)頁文件。 此外，我們還可以直接將相對地址輸入到 “ 鏈接 ” 文本框里來鏈接一個(gè)頁面。 創(chuàng)建 E－ mail 鏈接 單擊常用快捷欄中的 “ 電子郵件鏈接 ” 按鈕，彈出 “ 電子郵件鏈接 ” 對話框，在對話框的文本框那輸入要鏈接的文本，然后在 E－ mail 文本框內(nèi)輸入郵箱地址即可。 創(chuàng)建錨點(diǎn)鏈接 所謂錨點(diǎn)鏈接，是指在同一個(gè)頁面中的不同位置的鏈接。 打開一個(gè)頁面較長的網(wǎng)頁，將光標(biāo)放置于要插入錨點(diǎn)的地方，單擊常用快捷欄的 “ 命名錨記 ” 按鈕，插入錨點(diǎn) 。再選中需要鏈接錨點(diǎn)的文字，再屬性面板中拖動(dòng)鏈接后的 到錨點(diǎn)上即可。 制作圖像映射 打開 文件，選中 102。 gif 圖片，在屬性面板中，有不同形狀的圖像熱區(qū)按鈕，選擇一個(gè)熱區(qū)按鈕單擊。 然后在圖像上需要?jiǎng)?chuàng)建熱區(qū)的位置拖動(dòng)鼠標(biāo)，即可創(chuàng)建熱區(qū)。 此時(shí)，選中的部分被稱著圖像熱點(diǎn)。 選中這個(gè)圖像熱點(diǎn)，在屬性面板上可以給這個(gè)圖像熱點(diǎn)設(shè)置超鏈接即可。 現(xiàn)在，請發(fā)揮你的想象力，巧妙運(yùn)用各種頁面元素來豐富你的網(wǎng)頁，把它裝扮的更加生動(dòng)和精彩！ Dreamweaver 教程第五章： 使用 CSS美化頁面 層疊樣式表 (CSS) 是一系列格式設(shè)置規(guī)則，它們控制 Web 頁面內(nèi)容的外觀。使用 CSS 設(shè)置頁面格式時(shí)，內(nèi)容與表現(xiàn)形式是相互分開的。頁面內(nèi)容（ HTML 代碼）位于自身的 HTML 文件中，而定義代碼表現(xiàn)形式的 CSS 規(guī)則位于另一個(gè)文件（外部樣式表）或 HTML 文檔的另一部分（通常為 head 部分）中。使用 CSS 可以非常靈活并更好地控制頁面的外觀，從精確的布局定位到特定的字體和樣式等。 術(shù)語 “ 層疊 ” 是指對同一個(gè)元素或 Web 頁面應(yīng)用多個(gè)樣式的能力。例如，可以創(chuàng)建一個(gè) CSS 規(guī)則來應(yīng)用顏色，創(chuàng)建另一個(gè)規(guī)則來應(yīng)用邊距，然后將兩者應(yīng)用于一個(gè)頁面中的同一文本。所定義的樣式 “ 層疊 ” 到您的 Web 頁面上的元素，并最終創(chuàng)建您想要的設(shè)計(jì)。 CSS 樣式表的創(chuàng)建，可以統(tǒng)一定制網(wǎng)頁文字的大小、字體、顏色、邊框、鏈接狀態(tài)等效果。在 Dreamweaver 8中 CSS 樣式的設(shè)置方式有了很大的改進(jìn)，更為方便、實(shí)用、快捷。 一、創(chuàng)建 CSS樣式 選中菜單 “ 窗口 ”“CSS 樣式 ” 。打開 CSS樣式面板。 單擊 “CSS 樣式 ” 面板右下角的 “ 新建 CSS規(guī)則 ” 按鈕，打開 “ 新建 CSS規(guī)則 ” 對話框。 在 “ 選擇器類型 ” 選項(xiàng)中，可以選擇創(chuàng)建 CSS 樣式的方法包括以下三種： 類：我們可以在文檔窗口的任何區(qū)域或文本中應(yīng)用類樣式，如果將類樣式應(yīng)用于一整段文字，那么會(huì)在相應(yīng)的標(biāo)簽中出現(xiàn) CLASS 屬性，該屬性值即為類樣式的名稱。 標(biāo)簽（重新定義特定標(biāo)簽的外觀）：重新定義 HTML 標(biāo)記的的默認(rèn)格式。我們可以針對某一個(gè)標(biāo)簽來定義層疊樣式表，也就是說定義的層疊樣式表將只應(yīng)用于選擇的標(biāo)簽。例如，我們?yōu)? body和 /body標(biāo)簽定義了 層疊樣式表，那么所有包含在 body和 /body標(biāo)簽的內(nèi)容將遵循定義的層疊樣式表。 高級(jí)（ ID、偽類選擇器等）：為特定的組合標(biāo)簽定義層疊樣式表，使用 ID作為屬性，以保證文檔具有唯一可用的值。高級(jí)樣式是一種特殊類型的樣式，常用的有 4種： a:link 設(shè)定正常狀態(tài)下鏈接文字的樣式。 a:active 設(shè)定鼠標(biāo)單擊時(shí)鏈接的外觀。 a:visited 設(shè)定訪問過的鏈接的外觀。 a:hover 設(shè)定鼠標(biāo)放置在鏈接文字之上時(shí)，文字的外觀。 為新建 CSS 樣式輸入或選擇名稱、標(biāo)記或選擇器，其中： 對于自定義樣式，其名稱必須以點(diǎn)（ .）開始，如果沒有輸入該點(diǎn)，則 DW回自動(dòng)添加上。自定義樣式名可以是字母與數(shù)字的組合，但 .之后必須是字母。 對于重新定義 HTML 標(biāo)記，可以在 “ 標(biāo)簽 ” 下拉列表中輸入或選擇重新定義的標(biāo)記。 對于 CSS選擇器樣式，可以在 “ 選擇器 ” 下拉列表中輸入或選擇需要的選擇器。 在 “ 定義在 ” 區(qū)域選擇定義的樣式位置，可以是 “ 新建樣式表文件 ” 或“ 僅對該文檔 ” 。單擊 “ 確定 ” 按鈕，如果選擇了 “ 新建樣式表文 件 ” 選項(xiàng)，回彈出 “ 保存樣式表文件為 ” 對話框，給樣式表命名，保存后，回彈出 “CSS 規(guī)則定義 ” 對話框。如果選擇了 “ 僅對該文檔 ” ，則單擊 “ 確定 ” 后，直接彈出 “CSS規(guī)則定義 ” ，在其中設(shè)置 CSS 樣式。 “CSS 規(guī)則定義 ” 對話