【正文】 的能力。頁面內(nèi)容（ HTML 代碼）位于自身的 HTML 文件中，而定義代碼表現(xiàn)形式的 CSS 規(guī)則位于另一個文件（外部樣式表）或 HTML 文檔的另一部分（通常為 head 部分）中。 現(xiàn)在，請發(fā)揮你的想象力，巧妙運用各種頁面元素來豐富你的網(wǎng)頁，把它裝扮的更加生動和精彩！ 入門圖文教程 :創(chuàng)建 CSS 樣式 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點擊數(shù) : 526 | 時間 :2020124]【 大 中 小 】 層疊樣式表 (CSS) 是一系列格式設(shè)置規(guī)則，它們控制 Web 頁面內(nèi)容的外觀。此時，選中的部分被稱著圖像熱點。 gif 圖片，在屬性面板中，有不同形狀的圖像熱區(qū)按鈕 ，選擇一個熱區(qū)按鈕單擊。再選中需要鏈接錨點的文字，再屬性面板中拖動鏈接后的 到錨點上即可。 創(chuàng)建錨點鏈接 所謂錨點鏈接，是指在同一個頁面中的不同位置的鏈接 。 此外，我們還可以直接將相對地址輸入到 “ 鏈接 ” 文本框里來鏈接一個頁面。 創(chuàng)建內(nèi)部鏈接 在文檔窗口選中文字，單擊屬性面板 “ 鏈接 ” 后的 按鈕，彈出 “ 選擇文件 ” 對話框，選擇要鏈接到的網(wǎng)頁文件，即可鏈接到這個網(wǎng)頁。 “ 標(biāo)題 ” 文本框用來設(shè)置超鏈接的標(biāo)題。 “ 鏈接 ” 用來設(shè)置超鏈接連接到的路徑。 單擊常用快捷欄中的 “ 超級鏈接 ” 按鈕。如下圖所示。 在屬性面板中， “ 鏈接 ” 用來設(shè)置圖像或文字的超鏈接， “ 目標(biāo) ” 用來設(shè)置打開方式。創(chuàng)建鏈接的方法可以直接輸入地址也可以使用超級鏈接對話框。 根路徑：是指從站點根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開頭，例如， /fy/ 就是站點根文件夾 下的 fy子文件夾中的一個文件（ ）的根路徑。然后輸入 “/“ ，再輸入文件名。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。 關(guān)于鏈接路徑 絕對路徑，為文件提供完全的路徑，包括適用的協(xié)議，例如 、 ftp， rtsp等。 * 錨點鏈接：同一網(wǎng)頁或不同網(wǎng)頁中指定位置的鏈接。 鏈接的類型 如果按鏈接目標(biāo)分類，可以將超級鏈接分為以下幾種類型： * 內(nèi)部鏈接：同一網(wǎng)站文檔之間的鏈接。 許多頁面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動畫等。 超級鏈接是指站點內(nèi)不同網(wǎng)頁之間、站點與Web 之間的鏈接關(guān)系，它可以使站點內(nèi)的網(wǎng)頁成為有機的整體，還能夠使不同站點之 間建立聯(lián)系。 按下 F12 鍵，打開瀏覽器預(yù)覽，這個頁面實現(xiàn)了嵌入音樂的效果，在瀏覽器里顯示了播放插件。 選中該圖標(biāo)，在屬性面板中可以對播放器的屬性進行設(shè)置： 要實現(xiàn)循環(huán)播放音樂的效果，單擊屬性面板中的 “ 參數(shù) ” 按鈕，然后單擊“ ＋ ” 按鈕，在 “ 參數(shù) ” 列中輸 入 loop，并在 “ 值 ” 列中輸入 true 后，單擊 “ 確定 ” 按鈕。 彈出 “ 選擇文件 ” 對話框，在對話框中 音頻文件。 打開 網(wǎng)頁，將光標(biāo)放置于我們想要顯示播放器的位置。 如果希望循環(huán)播放音樂，將剛才的源代碼修改為以下代碼即可： bgsound src=med/ loop=true 嵌入音樂 嵌入音頻可以將聲音直接插入頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。 打開 網(wǎng)頁，我們?yōu)檫@個頁面添加背景音樂 切換到 DW 的 “ 拆分 ” 視圖，講光標(biāo)定位到 /body之前的位置，在光標(biāo)的位置寫下下面這段代碼： bgsound src＝ med/，如下圖所示。這種音樂多以 MP3， MIDI 文件為主，在 DW中，添加背景音樂有兩種方法，一種是通過手寫代碼實現(xiàn)，還有一種是通過行為實現(xiàn)。 入門圖文教程 :插入聲音 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點擊數(shù) : 419 | 時間 :2020124]【 大 中 小 】 聲音能極好的烘托網(wǎng)頁頁面的氛圍，網(wǎng)頁中常見的聲音格式有 WAV、 MP MIDI、AIF、 RA、或 Real Audio 格式。 如果需要，在屬性檢查器中設(shè)置其 他屬性。 單擊 “ 確定 ” 在頁面中插入文檔。 如果需要，通過輸入寬度和高度（以像素為單位）指定 FlashPaper 對象在網(wǎng)頁上的尺寸。 在 “ 文檔 ” 窗口中，將光標(biāo)放放在頁面上 想要顯示 FlashPaper 文檔的位置，然后選擇 “ 插入 ”“ 媒體 ”“FlashPaper” 。在瀏覽器中打開包含 FlashPaper 文檔的頁面時，瀏覽者能夠瀏覽 FlashPaper 文檔中的所有頁面，而無需加載新的 Web 頁。 如果需要修改 Flash 按鈕對象，可以先選中它，然后在屬性面板中單擊 “ 編輯 ” 按鈕，會自動彈出剛才的 “ 插入 Flash 按鈕 ” 對話框，更改它的設(shè)置就可以了。 “ 鏈接 ” 用于輸入按鈕的鏈接，可以是外部鏈接，也可以是內(nèi)部鏈接。 插入 Flash 按鈕 我們在將光標(biāo)放置于插入 Flash 按鈕的位置，單擊常用快捷欄的媒體按鈕，在 列表中選擇 Flash 按鈕，彈出 “ 插入 Flash 按鈕 ” 對話框。單擊常用快捷欄的媒體按鈕，在列表中選擇 Flash文本，彈出 “ 插入 Flash文本 ”對話框，字體隨意，大小 22px，顏 色設(shè)置為 F5E458，轉(zhuǎn)滾顏色為 54C994，文本為 “ 圖片素材 ” ，背景顏色 6DCFF6，選擇自己需要的路徑鏈接。 這樣在任何背景下， Flash 動畫都能實現(xiàn)透明背景的顯示。 “ 對齊 ” 下拉列表用來設(shè)置 Flash 動畫的對齊方式， 為了使頁面的背景在 Flash 下能夠襯托出來，我們可以使 Flash 的背景變?yōu)橥该鳌? 通過勾選 “ 自動播放 ” 復(fù)選框后，可以設(shè)定 Flash 文件是否在頁面加載時就播放。 在文檔窗口單擊這個 Flash 文件，就可以在屬性面板中設(shè)置它的屬性了。 彈出 “ 選擇文件 ” 對話框，選擇 swf 文件夾中的 文件。 好啦～我們完成了頁面的布局，開始插入頁面元素。 (4) 在表格 2 右側(cè)單元格插入一個 1行 2列的表格（表格 4），表格寬度為 550px。閃客啟航 ” （ 3）在表格 2第二行左側(cè)單元格插入一個 6行一列的表格（表格 3），表格寬度為 95％，邊框和單元格邊距為 0，單元格間 距為 5，將表格居中對齊。在第一行左側(cè)單元格插入圖片 img/,在右側(cè)單元格插入圖片 img/。 （ 2） 插入一個 3 行 2列的表格（表格 2），表格的寬度為 100％，邊框粗細為 0，單元格邊距和單元格間距都為 0，背景顏色 6DCFF6。 “ 鏈接 ” 項選擇始終無下劃線，鏈接顏色為 F282A8，已訪問鏈接為 F5E458。為了增強網(wǎng)頁的表現(xiàn)力，豐富文檔的顯示效果，我們可以向其 Flash 動畫、Java 小程序、音頻播放插件等多媒體內(nèi)容。 m 這里，還可以自己設(shè)定相應(yīng)的參數(shù)值。 插入一個 5 行 6列的表格，表格的寬為 500 像素，高為 300 像素，邊框、單元格間距和邊距全為 0 。添加文字 “ 恭賀新禧 ” ，字號 68px，字體為隸書，顏色為 A51008。背景圖像選擇 beij/。背景圖像選擇 beij/。背景圖像選擇 beij/。 創(chuàng)建嵌套表格的操作方法，先插入總表格，然后將光標(biāo)置于要插入嵌套表格的地方，繼續(xù)插入表格即可。 引入嵌套表格，由總表格負責(zé)整體排版，由嵌套的表格負責(zé)各個子欄目的排版，并插入到總表格的相應(yīng)位置中，各司其職，互不沖突。 網(wǎng)頁的排版有時會很復(fù)雜，在外部需要一個表格來控制總體布局，如果內(nèi)部排版的細節(jié)也通過總表格來實現(xiàn)，容易引起行高列寬等的沖突，給表格的制作帶來困難。 合并單元格時，選中要合并的單元格，單擊屬性面板中的 “ 合并 ” 按鈕即可。 要刪除行或列，選擇要刪除的行或列，單擊鼠標(biāo)右鍵，在彈出 菜單中選擇 “ 刪除行 ” 或 “ 刪除列 ” 命令即可。 如果選擇了 “ 插入行 ” 命令，在選擇行的上方就插入了一個空白行 ，如果選擇了 “ 插入列 ” 命令，就在選擇列的左側(cè)插入了一列空白列。 “ 邊框 ” 文本框用來色設(shè)置表格邊框的顏色。 “ 背景 ” 文本框用來設(shè)置表格的背景圖像。 “ 不換行 ” 復(fù)選框可以防止單元格中較長的文本自動換行。 “ 垂直 ” 文本框用來設(shè)置單元格內(nèi)的垂直排版方式，是頂端對齊、底端對齊或是居中對齊。 單元格屬性 把光標(biāo)移動到某個單元格內(nèi)，可以利用單元格屬性面板對這個單元格的屬性進行設(shè)置。還可以單擊文本框后的 “ 瀏覽 ”按鈕，查找圖像文件。 在 “ 背景圖像 ” 文本框填入表格背景圖像的路徑，可以給表格添加背景圖像。 “ 背景顏色 ” 文本框用來設(shè)置表格的背景顏色。 “ 對齊 ” 下拉列表框用來設(shè)置表格的對齊方式，默認的對齊方式一般為左對齊。 設(shè)置表格屬性 選中一個表格后，可以通過屬性面板更改表格屬性。要選中不連續(xù)的幾個單元格，可以按住 Ctrl 鍵，單擊要選擇的所有單元格即可。 選擇整個表格的方法是把鼠標(biāo)放在表格邊框的任意處，當(dāng)出現(xiàn) 這樣的標(biāo)志時單擊即可選中整個表格，或在表格內(nèi)任意處單擊，然后在狀態(tài)欄選中 table標(biāo)簽即可；或在單元格任意處單擊，點鼠標(biāo)右鍵在彈出菜單菜單中選擇 “ 表格—— 選擇表格 ” 要選中某一單元格，按住 Ctrl 鍵，鼠標(biāo)在需要選中的單元格單擊即可；或者，選中狀態(tài)欄中的 td標(biāo)簽。 “ 摘要 ” 可以在這里對表格進行注釋。 “ 標(biāo)題 ” 定義表格的標(biāo)題。 “ 邊框粗細 ” 用來設(shè)置表格的邊框的寬度。 “ 單元格邊距 ” 文本框用來設(shè)置單元格的內(nèi)部空白的大小。 “ 表格寬度 ” 文本框用來設(shè)置表格的寬度，可以填入數(shù)值，緊隨其后的下拉列表框用來設(shè)置寬度的單位，有兩個選項 —— 百分比和像素。 “ 行數(shù) ” 文本框用來設(shè)置表格的行數(shù)。 圖片與文本一樣，是網(wǎng)頁中最常用到的內(nèi)容，其變化相對較少，要想排出精致美觀的網(wǎng)頁，下一節(jié)課的內(nèi)容可是必不可少的哦， 繼續(xù)努力吧 ^_^ 入門圖文教程： Dreamweaver 8 插入并編輯表格 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點擊數(shù) : 581 | 時間 :2020124]【 大 中 小 】 表格是網(wǎng)頁設(shè)計制作不可缺少的元素，它以簡潔明了和高效快捷的方式將圖片、文本、數(shù)據(jù)和表單的元素有序的顯示在頁面上，讓我們可以設(shè)計出漂亮的頁面，使用表格排版的頁面在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，而在不同的瀏覽器平臺有較好的兼容性，所以表格是網(wǎng)頁中最常用的排版方式之一。 鼠標(biāo)經(jīng)過圖像，鼠標(biāo)經(jīng)過圖像實際上由兩個圖像 組成，主圖像（當(dāng)首次載入頁時顯示的圖像）和次圖像（當(dāng)鼠標(biāo)指針移過主圖像時顯示的圖像）。單擊下拉列表中的 “ 圖像占位符 ” ，打開 “ 圖像占位符 ” 對話框。 插入其它圖像元素 在我們單擊常用插入欄的 “ 圖像 ” 按鈕時，可以看到，除了第 1 項 “ 圖像 ”外，還有 “ 圖像占位符 ” 、 “ 鼠標(biāo)經(jīng)過圖像 ” 、 “ 導(dǎo)航條 ” 等項目。 在屬性面板中， “ 對齊 ” 下拉列表框時設(shè)置圖像與文本的相互對齊方式，共有 10 個選項。 “ 替代 ” 文本框用來設(shè)置圖像的替代文本，可以輸入一段文字，當(dāng)圖像無法顯示時，將顯示這段文字。 “ 水平邊距 ” 和 “ 垂直邊距 ” 文本框用來設(shè)置圖像左右和上下與其它頁面元素的距離。 圖像的大小是可以改變的，但是在 DW 里更改是極不好的習(xí)慣，如果我們的電腦安裝了 FW 軟件，單擊屬性面板的 “ 編輯 ” 旁邊的 ，即可啟動 FW 對圖像進行縮放等處理。 在屬 性面板的左上角，顯示當(dāng)前圖像的縮略圖，同時顯示圖像的大小。 注意：如果我們在插入圖片的時候，沒有將圖片保存在站點根目錄下，會彈出下圖所示的對話框，提醒我們要把圖片保存在站點內(nèi)部，這時單擊 “ 是 ” 按鈕， 然后選擇本地站點的路徑將圖片保存，圖像也可以被插入到網(wǎng)頁中。 插圖圖像時，將光標(biāo)放置在文檔窗口需要插入圖像的位置，然后鼠標(biāo)單擊常用插入欄的 “ 圖像 ” 按鈕。其中使用最為廣泛的是GIF 和 JPEG。 插入時間，在文檔編輯窗口中，將鼠標(biāo)光標(biāo)移動到要插入日期的位置，單擊常用插入欄的 “ 日 期 ” 按鈕，在彈出的 “ 插入日期 ” 對話框中選擇相應(yīng)的格式即可。 插入水平線，水平線起到分隔文本的排版作用，選擇快捷工具欄的 “HTML”項，單擊 HTML 欄的第一個按鈕 ，即可向網(wǎng)頁中插入水平線。 插入列表，列表分為兩種，有序列