【正文】 ，可以將超級(jí)鏈接分為以下幾種類型： * 內(nèi)部鏈接：同一網(wǎng)站文檔之間的鏈接。然后輸入 “/“ ，再輸入文件名。如下圖所示。 創(chuàng)建內(nèi)部鏈接 在文檔窗口選中文字，單擊屬性面板 “ 鏈接 ” 后的 按鈕，彈出 “ 選擇文件 ” 對(duì)話框，選擇要鏈接到的網(wǎng)頁(yè)文件，即可鏈接到這個(gè)網(wǎng)頁(yè)。 gif 圖片，在屬性面板中，有不同形狀的圖像熱區(qū)按鈕 ，選擇一個(gè)熱區(qū)按鈕單擊。 術(shù)語(yǔ) “ 層疊 ” 是指對(duì)同一個(gè)元素或 Web 頁(yè)面應(yīng)用多個(gè)樣式的能力。 在 “ 選擇器類型 ” 選項(xiàng)中，可以選擇創(chuàng)建 CSS 樣式的方法包括以下三種： 類：我們可以在文檔窗口的任何區(qū)域或文本中應(yīng)用類樣式，如果將類樣式應(yīng)用于一整段文字，那么會(huì)在相應(yīng)的標(biāo)簽中出現(xiàn) CLASS 屬性，該屬性值即為類樣式的名稱。 a:hover 設(shè)定鼠標(biāo)放置在鏈接文字之上時(shí)，文字的外觀。 “CSS 規(guī)則定義 ” 對(duì)話框中設(shè)置 CSS 規(guī)則定義。 大?。捍笮【褪亲痔?hào)，可以直接填入數(shù)字，然后選擇單位。 背景樣式的設(shè)置 在 HTML 中，背景只能使用單一的色彩或利用圖像水平垂直方向的平鋪。還可以設(shè)置數(shù)值與單位結(jié)合表示位置的方式，比較常用的是像素單位。 文字縮進(jìn)：這是最重要的項(xiàng)目。 顯示：制定是否以及如何顯示元素。 浮動(dòng)：實(shí)際就是文字等對(duì)象的環(huán)繞效果。如果在清除層的一側(cè)有層，對(duì)象將自動(dòng)移到層的下面?？梢赃x擇相對(duì)值：細(xì)、中、粗。選擇 ul標(biāo)簽可以對(duì)整個(gè)列表應(yīng)用設(shè)置，選中 li 標(biāo)簽可對(duì) 單獨(dú)的項(xiàng)目應(yīng)用。 分頁(yè)：通過(guò)樣式來(lái)為網(wǎng)頁(yè)添加分 頁(yè)符號(hào)。 CSS 的相關(guān)操作都是通過(guò)這個(gè)菜單上的項(xiàng)目來(lái)實(shí)現(xiàn)的。 設(shè)置完畢后單擊 “ 確定 ” 按鈕， CSS 文件即被導(dǎo)入到當(dāng)前頁(yè)面。 “Direction=?” 模糊方向，以 45 度為單位改變， “0” 為垂直向上， “45”向右上， “90” 水平向右， “135” 向右下，以依次改變。有了 CSS 樣式，網(wǎng)頁(yè)排版發(fā)生了翻天覆地的變化，在 Dreamweaver8 里，使用 CSS 樣式是如此的簡(jiǎn)單，而制作出來(lái)的效果可以如此的炫目。 將普通網(wǎng)頁(yè)另存為模板 打開(kāi)一個(gè)已經(jīng)制作完成的網(wǎng)頁(yè)，刪除網(wǎng)頁(yè)中不需要的部分，保留幾個(gè)網(wǎng)頁(yè)共同需要的區(qū)域。 在保存模板時(shí)，如果模板中沒(méi)有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。 如果希望刪除可編輯區(qū)域，可以將光標(biāo)置于要?jiǎng)h除的可編輯區(qū)域內(nèi)，選擇 “ 修改 /模板 /刪除模板標(biāo)記 ” 命令，光標(biāo)所在區(qū)域的可編輯區(qū)即被刪除。 Dreamweaver 8 使用庫(kù) [新浪 ViVi] [百度搜藏 ] [ 書(shū)簽 ] [作者 :佚名 | 點(diǎn)擊數(shù) : 271 | 時(shí)間 :2020125]【 大 中 小 】 所謂庫(kù)項(xiàng)目，實(shí)際上就是文檔內(nèi)容的任意組合，可以將文檔中的任意內(nèi)容存儲(chǔ)為庫(kù)項(xiàng)目，使它在其它地方被重復(fù)使用。 五、創(chuàng)建基于模板的頁(yè)面 打開(kāi) 素材 文件，選擇菜單欄的文件 另存為模板命令。 點(diǎn)擊資源面板的 “ 模板 ” 按鈕，在資源面板我們就可以看見(jiàn) 文件，選中 ，按住鼠標(biāo)左鍵直接拖拽到 的文檔窗口中。 一、創(chuàng)建框架 在創(chuàng)建框架集或使用框架前，通過(guò)選擇 “ 查看 /可視化助理 /框架邊框 ” 命令，使框架邊框在文檔窗口的設(shè)計(jì)視圖中可見(jiàn)。 三、 編輯框架式網(wǎng)頁(yè) 雖然框架式網(wǎng)頁(yè)把屏幕分割成幾個(gè)窗口，每個(gè)框架（窗口）中放置一個(gè)普通的網(wǎng)頁(yè)，但是編輯框架式網(wǎng)頁(yè)時(shí)，要把整個(gè)編輯窗口當(dāng)作一個(gè)網(wǎng)頁(yè)來(lái)編輯，插入的網(wǎng)頁(yè)元素位于哪個(gè)框架，就保存在哪個(gè)框架的網(wǎng)頁(yè)中。 需要注意的是： 框架是不可以合并的。 在我們保存有框架名為 mainFrame、 leftFrame、 topFrame 的框架后，在目標(biāo)下拉菜單中，還會(huì)出現(xiàn) mainFrame、 leftFrame、 topFrame 選項(xiàng)： * mainFrame 放到名為 mainFrame 的框架中。 插入一個(gè) 1行 2列的表格，寬度為 100％，高度為 100px，左單元格寬度為382px 并插入背景圖片 img/，設(shè)置表格的背景顏色為 圖片右邊 緣的綠色（用吸管吸取）。在頁(yè)面屬性中將上、下、左。 * _self 放在相同窗口中（默認(rèn)窗口無(wú)須指定）。 在編輯窗口某個(gè)框架內(nèi)按住 Alt 鍵并單擊鼠標(biāo)，即可選擇該框架。 選擇菜單欄 文件 保存全部，將框架集保存為 ，上方框架保存為 ，左側(cè)框架保存為 ，右側(cè)框架保存為 。 一個(gè)框架結(jié)構(gòu)有兩部分網(wǎng)頁(yè)文件構(gòu)成： 框架（ Frame）： 框架是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無(wú)關(guān)的網(wǎng)頁(yè)文件。這樣我們就完成了模板的制作。 更改庫(kù) 如果修改了庫(kù)文件，選擇 “ 文件 /保存 ” 命令，彈出 “ 更新庫(kù)項(xiàng)目 ” 對(duì)話框，詢問(wèn)是否更新網(wǎng)站中使用了該庫(kù)文件的網(wǎng)頁(yè)。重復(fù)區(qū)域通常用于表格，也可以為其他頁(yè)面元素定義重復(fù)區(qū)域。 在彈出的 “ 新建可編輯區(qū)域 ” 對(duì)話框中給該區(qū)域命名，然后單擊 “ 確定 ” 按鈕。 單擊 “ 保存 ” 按鈕，保存模板。 然后單擊 “ 編輯 ” 按鈕，打開(kāi)模板進(jìn)行編輯。 保存文件，按 F12 預(yù)覽效果。 Blur 濾鏡產(chǎn)生像被風(fēng)吹一樣的模糊效果。 “ 添加為 ” 選擇 “ 鏈接 ” ，這 IE和 Netscape兩種瀏覽器都支持的導(dǎo)入方式。單擊 “ 過(guò)濾器 ” 下拉列表框旁的按鈕，可以看見(jiàn)有多種濾鏡效果可供選擇。這個(gè)面板主要包括 3 種效果：分頁(yè)、光標(biāo)和過(guò)濾器?？梢赃x擇圓點(diǎn)、圓圈、方塊、數(shù)字、小寫(xiě)羅馬數(shù)字、大寫(xiě)羅馬數(shù)字、小寫(xiě)字母、大寫(xiě)字母、無(wú)列表符號(hào)等。 樣式設(shè)置邊框的樣式，如果選中 “ 全部相同 ” 復(fù)選框，則只需要設(shè)置 “ 上 ”樣式，其它方向的樣式與 “ 上 ” 相同。 清除：規(guī)定對(duì)象的一側(cè)不許有層。 寬：通過(guò)數(shù)值和單位設(shè)置對(duì)象的寬度。選擇 “ 正常 ” ，忽略源代碼文字之間的所有空格。 垂直對(duì)齊：設(shè)置對(duì)象的垂直對(duì)齊方式。 附件：選擇圖像做背景的時(shí)候，可以設(shè)置圖像是否跟隨網(wǎng)頁(yè)一同滾動(dòng)。 變量：在英文種，大寫(xiě)字母的字號(hào)一般比較大，采用 “ 變量 ” 中的 “ 小型大 寫(xiě)字母 ” 設(shè)置，可以縮小大寫(xiě)字母。保存至站點(diǎn)根目錄下的 CSS 文件夾內(nèi)，彈出 “CSS 規(guī)則定義 ” 對(duì)話框，默認(rèn)顯示的就是對(duì)文本進(jìn)行設(shè)置的 “ 類型 ” 項(xiàng)。單擊 “ 確定 ” 按鈕，如果選擇了 “ 新建樣式表文件 ” 選項(xiàng)，回彈出 “ 保存樣式表文件為 ” 對(duì)話框，給樣式表命名，保存后，回彈出 “CSS 規(guī)則定義 ” 對(duì)話框。 a:active 設(shè)定鼠標(biāo)單擊時(shí)鏈接的外觀。打開(kāi) CSS 樣式面板。頁(yè)面內(nèi)容（ HTML 代碼）位于自身的 HTML 文件中，而定義代碼表現(xiàn)形式的 CSS 規(guī)則位于另一個(gè)文件（外部樣式表）或 HTML 文檔的另一部分（通常為 head 部分）中。再選中需要鏈接錨點(diǎn)的文字，再屬性面板中拖動(dòng)鏈接后的 到錨點(diǎn)上即可。 “ 標(biāo)題 ” 文本框用來(lái)設(shè)置超鏈接的標(biāo)題。 在屬性面板中， “ 鏈接 ” 用來(lái)設(shè)置圖像或文字的超鏈接， “ 目標(biāo) ” 用來(lái)設(shè)置打開(kāi)方式。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。 許多頁(yè)面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動(dòng)畫(huà)等。 彈出 “ 選擇文件 ” 對(duì)話框，在對(duì)話框中 音頻文件。這種音樂(lè)多以 MP3， MIDI 文件為主，在 DW中，添加背景音樂(lè)有兩種方法，一種是通過(guò)手寫(xiě)代碼實(shí)現(xiàn)，還有一種是通過(guò)行為實(shí)現(xiàn)。 如果需要，通過(guò)輸入寬度和高度（以像素為單位）指定 FlashPaper 對(duì)象在網(wǎng)頁(yè)上的尺寸。 “ 鏈接 ” 用于輸入按鈕的鏈接，可以是外部鏈接，也可以是內(nèi)部鏈接。 “ 對(duì)齊 ” 下拉列表用來(lái)設(shè)置 Flash 動(dòng)畫(huà)的對(duì)齊方式， 為了使頁(yè)面的背景在 Flash 下能夠襯托出來(lái)，我們可以使 Flash 的背景變?yōu)橥该鳌? 好啦～我們完成了頁(yè)面的布局，開(kāi)始插入頁(yè)面元素。 （ 2） 插入一個(gè) 3 行 2列的表格（表格 2），表格的寬度為 100％，邊框粗細(xì)為 0，單元格邊距和單元格間距都為 0，背景顏色 6DCFF6。 插入一個(gè) 5 行 6列的表格，表格的寬為 500 像素，高為 300 像素，邊框、單元格間距和邊距全為 0 。背景圖像選擇 beij/。 合并單元格時(shí)，選中要合并的單元格，單擊屬性面板中的 “ 合并 ” 按鈕即可。 “ 背景 ” 文本框用來(lái)設(shè)置表格的背景圖像。還可以單擊文本框后的 “ 瀏覽 ”按鈕，查找圖像文件。 設(shè)置表格屬性 選中一個(gè)表格后，可以通過(guò)屬性面板更改表格屬性。 “ 標(biāo)題 ” 定義表格的標(biāo)題。 “ 行數(shù) ” 文本框用來(lái)設(shè)置表格的行數(shù)。 插入其它圖像元素 在我們單擊常用插入欄的 “ 圖像 ” 按鈕時(shí)，可以看到，除了第 1 項(xiàng) “ 圖像 ”外，還有 “ 圖像占位符 ” 、 “ 鼠標(biāo)經(jīng)過(guò)圖像 ” 、 “ 導(dǎo)航條 ” 等項(xiàng)目。 圖像的大小是可以改變的，但是在 DW 里更改是極不好的習(xí)慣，如果我們的電腦安裝了 FW 軟件，單擊屬性面板的 “ 編輯 ” 旁邊的 ，即可啟動(dòng) FW 對(duì)圖像進(jìn)行縮放等處理。其中使用最為廣泛的是GIF 和 JPEG。 文本空格，我們選擇編輯 /首選參數(shù)，在彈出得對(duì)話框中左側(cè)的分類列表中選擇 “ 常規(guī) ” 項(xiàng)，然后在右邊選 “ 允許多個(gè)連續(xù)的空格 ” 項(xiàng)，我們就可以直接按“ 空格 ” 鍵給文本添加 空格了。 入門圖文教程： Dreamweaver 8 文本的插入與編輯 [新浪 ViVi] [百度搜藏 ] [ 書(shū)簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 550 | 時(shí)間 :2020124]【 大 中 小 】 插入文本 要向 Dreamweaver 文檔添加文本，可以直接在Dreamweaver“ 文檔 ” 窗口中鍵入文本，也可以剪切并粘貼，還可以從 word 文檔導(dǎo)入文本。我們?cè)O(shè)置頁(yè)面的所有邊距為 0。 插入關(guān)鍵字，關(guān)鍵字用來(lái)協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁(yè)。 文件與文件夾的管理 對(duì)建立的文件和文件夾，可以進(jìn)行移動(dòng)、復(fù)制、重命名和刪除等基本的管理操作。 單擊 “ 完成 ” 按鈕，結(jié)束 “ 站點(diǎn)定義 “ 對(duì)話框的設(shè)置。下面選擇 “ 基本 ” 標(biāo)簽。決定要?jiǎng)?chuàng)建多少頁(yè)，每頁(yè)上顯示什么內(nèi)容，頁(yè)面布局的外觀以及各頁(yè)是如何互相連接起來(lái)的。在初次使用 Dreamweave 8 的時(shí)候，這些面板根據(jù)功能被分 成了若干組。 “ 代碼和設(shè)計(jì) ” 視圖使您可以在單個(gè)窗口中同時(shí)看到同一文檔的 “ 代碼 ” 視圖和 “ 設(shè)計(jì) ” 視圖。圖層、框架、表單、 Flash 和 ActiveX 等網(wǎng)頁(yè)元素。例如剪切，復(fù)制，粘貼，查找，替換和參數(shù)設(shè)置等。 新建或打開(kāi)一個(gè)文檔，進(jìn)入 Dreamweaver8 的標(biāo)準(zhǔn)工作界面。 一、Dreamweaver8 的操作環(huán)境 在首次啟動(dòng) Dreamweaver8 時(shí)會(huì)出現(xiàn)一個(gè) “ 工作區(qū)設(shè)置 ” 對(duì)話框，在對(duì)話框左側(cè)是 Dreamweaver8 的設(shè)計(jì)視圖，右側(cè)是 Dreamweave 8 的代碼視圖。 菜單欄 Dreamweave 8 的菜單共有 10 個(gè)，即文件、編輯、視圖、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。 修改：具有對(duì)頁(yè)面元素修改的功能，例如在表格中插入表格，拆分、合并單元格，對(duì)其對(duì)象等。 文檔窗口 當(dāng)我們打開(kāi)或創(chuàng)建一個(gè)項(xiàng)目，進(jìn)入文檔窗口，我們可以在文檔區(qū)域中進(jìn)行輸入文字、插入表格和編輯圖片等操作。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容。 入門圖文教程： Dreamweaver 8 本地站點(diǎn)的搭建與管理 要制作一個(gè)能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤(pán)上制作這個(gè)網(wǎng)站，然后把這個(gè)網(wǎng)站傳到互聯(lián)網(wǎng)的 web 服務(wù)器上。搭建站點(diǎn)可以有兩種方法，一是利用向?qū)瓿?，二是利用高?jí)設(shè)定來(lái)完成。單擊 “ 下一步 ” 。 搭建站點(diǎn)結(jié)構(gòu) 站點(diǎn)是文件與文件夾的集合，下面我們根據(jù)前面對(duì) xmweb 網(wǎng)站的設(shè)計(jì)，來(lái)新建 xmweb 站點(diǎn)要設(shè)置的文件夾和文件。打開(kāi)，制作一個(gè)圖文混排的簡(jiǎn)單頁(yè)面。單擊上圖所示的 “META” 項(xiàng)，彈出 “META”對(duì)話框，在 “ 屬性 ” 欄選擇 “ 名稱 ” 屬性，在 “ 值 ” 文本框中輸入相應(yīng)的值，可以定義相應(yīng)的信息。 “ 下劃線樣式 ” 可以定義鏈接的下劃線樣式。 在文檔編輯窗口中選中一段文本，在屬性面板 “ 格式 ” 后的下拉列表框中選擇 “ 段落 ” 把選中的文本設(shè)置成段落格式。在文檔編輯窗口中選中需要設(shè)置的文本，在屬性面板 中單擊 ，則選中的文本被設(shè)置成無(wú)序列表，單擊 則被設(shè)置成有序 列表。 彈出的 “ 選擇圖像源文件 ” 對(duì)話框，選擇 img/，單擊 “ 確定 ” 按鈕就把圖像 插入到了網(wǎng)頁(yè)中。 “ 邊框 ” 文本框時(shí)用來(lái)設(shè)置圖