【正文】 段文本，在屬性面板 “ 格式 ” 后的下拉列表框中選擇 “ 段落 ” 把選中的文本設(shè)置成段落格式。按自己的喜歡的風(fēng)格設(shè)置吧。 “ 下劃線樣式 ” 可以定義鏈接的下劃線樣式。我們可以定義頁面中的默認(rèn)文本字體、文本字號(hào)、文本顏色、背景顏色和背景圖像等。單擊上圖所示的 “META” 項(xiàng)，彈出 “META”對(duì)話框，在 “ 屬性 ” 欄選擇 “ 名稱 ” 屬性，在 “ 值 ” 文本框中輸入相應(yīng)的值，可以定義相應(yīng)的信息。我們直接在設(shè)計(jì)窗口上方的標(biāo)題欄內(nèi)輸入或更改，就可以完成網(wǎng)頁標(biāo)題的編輯了。打開，制作一個(gè)圖文混排的簡(jiǎn)單頁面。首先要添加首頁，我們把首頁命名為，再分別新建 、 、 、 和 。 搭建站點(diǎn)結(jié)構(gòu) 站點(diǎn)是文件與文件夾的集合，下面我們根據(jù)前面對(duì) xmweb 網(wǎng)站的設(shè)計(jì)，來新建 xmweb 站點(diǎn)要設(shè)置的文件夾和文件。 點(diǎn)下一步，進(jìn)入站點(diǎn)定義，我們將在站點(diǎn)建設(shè)完成后在與 FTP 鏈接，這里選擇 “ 無 ” 。單擊 “ 下一步 ” 。 在打開的窗口上方有 “ 基本 ” 和 “ 高級(jí) ” 兩個(gè)標(biāo)簽，可以在站點(diǎn)向?qū)Ш透呒?jí)設(shè)置之間切換。搭建站點(diǎn)可以有兩種方法，一是利用向?qū)瓿?，二是利用高?jí)設(shè)定來完成。為了達(dá)到最佳效果，在創(chuàng)建任何 Web 站點(diǎn)頁面之前，要對(duì)站點(diǎn)的結(jié)構(gòu)進(jìn)行設(shè)計(jì)和規(guī)劃。 入門圖文教程： Dreamweaver 8 本地站點(diǎn)的搭建與管理 要制作一個(gè)能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個(gè)網(wǎng)站，然后把這個(gè)網(wǎng)站傳到互聯(lián)網(wǎng)的 web 服務(wù)器上。 浮動(dòng)面板 其它面板可以同稱為浮動(dòng)面板，這些面板都浮動(dòng)于編輯窗口之外。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容。 “ 代碼 ” 視圖是一個(gè)用于編寫和編輯 HTML、 JavaScript、服務(wù)器語言代碼以及任何其他類型代碼的手工編碼環(huán)境。 文檔窗口 當(dāng)我們打開或創(chuàng)建一個(gè)項(xiàng)目，進(jìn)入文檔窗口，我們可以在文檔區(qū)域中進(jìn)行輸入文字、插入表格和編輯圖片等操作。插入面板組其實(shí)就是圖像化了的插入指令，通過一個(gè)個(gè)的按鈕，可以很容易的加入圖像、聲音、多媒體動(dòng)畫、表格。 修改：具有對(duì)頁面元素修改的功能，例如在表格中插入表格，拆分、合并單元格，對(duì)其對(duì)象等。 編輯：用來編輯文本。 菜單欄 Dreamweave 8 的菜單共有 10 個(gè)，即文件、編輯、視圖、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。在這個(gè)頁面中包括 “ 打開最近項(xiàng)目 ” 、 “ 創(chuàng)建新項(xiàng)目 ”“ 從范例創(chuàng)建 ”3 個(gè)方便實(shí)用的項(xiàng)目，建議大家保留。 一、Dreamweaver8 的操作環(huán)境 在首次啟動(dòng) Dreamweaver8 時(shí)會(huì)出現(xiàn)一個(gè) “ 工作區(qū)設(shè)置 ” 對(duì)話框，在對(duì)話框左側(cè)是 Dreamweaver8 的設(shè)計(jì)視圖，右側(cè)是 Dreamweave 8 的代碼視圖。Dreamweaver8 設(shè)計(jì)視圖布局提供了一個(gè)將全部元素置于一個(gè)窗口中的集成布局。 新建或打開一個(gè)文檔，進(jìn)入 Dreamweaver8 的標(biāo)準(zhǔn)工作界面。其中，編輯菜單里提供了對(duì) Dreamweaver 菜單中 [首選參數(shù) ]的訪問。例如剪切，復(fù)制，粘貼，查找，替換和參數(shù)設(shè)置等。 文本：用來對(duì)文本操作，例如設(shè)置文本格式等。圖層、框架、表單、 Flash 和 ActiveX 等網(wǎng)頁元素。 “ 文檔 ” 窗口 顯示當(dāng)前文檔。 “ 代碼和設(shè)計(jì) ” 視圖使您可以在單個(gè)窗口中同時(shí)看到同一文檔的 “ 代碼 ” 視圖和 “ 設(shè)計(jì) ” 視圖。單擊 body 可以選擇文檔的整個(gè)正文。在初次使用 Dreamweave 8 的時(shí)候，這些面板根據(jù)功能被分 成了若干組。放置在本地磁盤上的網(wǎng)站被稱為本地站點(diǎn)，位于互聯(lián)網(wǎng) web 服 務(wù)器里的網(wǎng)站被稱為遠(yuǎn)程站點(diǎn)。決定要?jiǎng)?chuàng)建多少頁，每頁上顯示什么內(nèi)容，頁面布局的外觀以及各頁是如何互相連接起來的。 在搭建站點(diǎn)前，我們先在自己的電腦硬盤上建一個(gè)以英文或數(shù)字命名的空文 件夾。下面選擇 “ 基本 ” 標(biāo)簽。出現(xiàn)向?qū)У南乱粋€(gè)界面，詢問是否要使 用服務(wù)器技術(shù)。 單擊 “ 完成 ” 按鈕，結(jié)束 “ 站點(diǎn)定義 “ 對(duì)話框的設(shè)置。 新建文件夾，在文件面板的站點(diǎn)跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“ 新建文件夾 ” 項(xiàng)，然后給文件夾命名。 文件與文件夾的管理 對(duì)建立的文件和文件夾，可以進(jìn)行移動(dòng)、復(fù)制、重命名和刪除等基本的管理操作。 一、頁面的總體設(shè)置 設(shè)置頁面的頭內(nèi)容 頭內(nèi)容再瀏覽器中是不可見的，但是卻攜帶著網(wǎng)頁的重要信息，如關(guān)鍵字、描述文字等，還可以實(shí)現(xiàn)一些非常重要的功能，如自動(dòng)刷新功能。 插入關(guān)鍵字，關(guān)鍵字用來協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁。 author— 作者信息， copyright— 版權(quán)聲明， generator— 網(wǎng)頁編輯器。我們?cè)O(shè)置頁面的所有邊距為 0。 設(shè)置標(biāo)題， “ 標(biāo)題 ” 用來設(shè)置標(biāo)題字體的一些屬性。 入門圖文教程： Dreamweaver 8 文本的插入與編輯 [新浪 ViVi] [百度搜藏 ] [ 書簽 ] [作者 :未知 | 點(diǎn)擊數(shù) : 550 | 時(shí)間 :2020124]【 大 中 小 】 插入文本 要向 Dreamweaver 文檔添加文本，可以直接在Dreamweaver“ 文檔 ” 窗口中鍵入文本，也可以剪切并粘貼，還可以從 word 文檔導(dǎo)入文本。 “ 標(biāo)題 1” 到 “ 標(biāo)題 6” 分別表示各級(jí)標(biāo)題，應(yīng)用于網(wǎng)頁的標(biāo)題部分。 文本空格，我們選擇編輯 /首選參數(shù)，在彈出得對(duì)話框中左側(cè)的分類列表中選擇 “ 常規(guī) ” 項(xiàng)，然后在右邊選 “ 允許多個(gè)連續(xù)的空格 ” 項(xiàng)，我們就可以直接按“ 空格 ” 鍵給文本添加 空格了。 插入水平線，水平線起到分隔文本的排版作用，選擇快捷工具欄的 “HTML”項(xiàng)，單擊 HTML 欄的第一個(gè)按鈕 ，即可向網(wǎng)頁中插入水平線。其中使用最為廣泛的是GIF 和 JPEG。 注意：如果我們?cè)诓迦雸D片的時(shí)候，沒有將圖片保存在站點(diǎn)根目錄下，會(huì)彈出下圖所示的對(duì)話框，提醒我們要把圖片保存在站點(diǎn)內(nèi)部，這時(shí)單擊 “ 是 ” 按鈕， 然后選擇本地站點(diǎn)的路徑將圖片保存，圖像也可以被插入到網(wǎng)頁中。 圖像的大小是可以改變的，但是在 DW 里更改是極不好的習(xí)慣，如果我們的電腦安裝了 FW 軟件，單擊屬性面板的 “ 編輯 ” 旁邊的 ，即可啟動(dòng) FW 對(duì)圖像進(jìn)行縮放等處理。 “ 替代 ” 文本框用來設(shè)置圖像的替代文本，可以輸入一段文字，當(dāng)圖像無法顯示時(shí)，將顯示這段文字。 插入其它圖像元素 在我們單擊常用插入欄的 “ 圖像 ” 按鈕時(shí)，可以看到，除了第 1 項(xiàng) “ 圖像 ”外，還有 “ 圖像占位符 ” 、 “ 鼠標(biāo)經(jīng)過圖像 ” 、 “ 導(dǎo)航條 ” 等項(xiàng)目。 鼠標(biāo)經(jīng)過圖像，鼠標(biāo)經(jīng)過圖像實(shí)際上由兩個(gè)圖像 組成，主圖像（當(dāng)首次載入頁時(shí)顯示的圖像）和次圖像（當(dāng)鼠標(biāo)指針移過主圖像時(shí)顯示的圖像）。 “ 行數(shù) ” 文本框用來設(shè)置表格的行數(shù)。 “ 單元格邊距 ” 文本框用來設(shè)置單元格的內(nèi)部空白的大小。 “ 標(biāo)題 ” 定義表格的標(biāo)題。 選擇整個(gè)表格的方法是把鼠標(biāo)放在表格邊框的任意處，當(dāng)出現(xiàn) 這樣的標(biāo)志時(shí)單擊即可選中整個(gè)表格，或在表格內(nèi)任意處單擊，然后在狀態(tài)欄選中 table標(biāo)簽即可；或在單元格任意處單擊，點(diǎn)鼠標(biāo)右鍵在彈出菜單菜單中選擇 “ 表格—— 選擇表格 ” 要選中某一單元格，按住 Ctrl 鍵，鼠標(biāo)在需要選中的單元格單擊即可；或者，選中狀態(tài)欄中的 td標(biāo)簽。 設(shè)置表格屬性 選中一個(gè)表格后，可以通過屬性面板更改表格屬性。 “ 背景顏色 ” 文本框用來設(shè)置表格的背景顏色。還可以單擊文本框后的 “ 瀏覽 ”按鈕，查找圖像文件。 “ 垂直 ” 文本框用來設(shè)置單元格內(nèi)的垂直排版方式，是頂端對(duì)齊、底端對(duì)齊或是居中對(duì)齊。 “ 背景 ” 文本框用來設(shè)置表格的背景圖像。 如果選擇了 “ 插入行 ” 命令，在選擇行的上方就插入了一個(gè)空白行 ，如果選擇了 “ 插入列 ” 命令，就在選擇列的左側(cè)插入了一列空白列。 合并單元格時(shí)，選中要合并的單元格，單擊屬性面板中的 “ 合并 ” 按鈕即可。 引入嵌套表格，由總表格負(fù)責(zé)整體排版，由嵌套的表格負(fù)責(zé)各個(gè)子欄目的排版，并插入到總表格的相應(yīng)位置中，各司其職，互不沖突。背景圖像選擇 beij/。背景圖像選擇 beij/。 插入一個(gè) 5 行 6列的表格，表格的寬為 500 像素，高為 300 像素，邊框、單元格間距和邊距全為 0 。為了增強(qiáng)網(wǎng)頁的表現(xiàn)力，豐富文檔的顯示效果，我們可以向其 Flash 動(dòng)畫、Java 小程序、音頻播放插件等多媒體內(nèi)容。 （ 2） 插入一個(gè) 3 行 2列的表格（表格 2），表格的寬度為 100％，邊框粗細(xì)為 0，單元格邊距和單元格間距都為 0，背景顏色 6DCFF6。閃客啟航 ” （ 3）在表格 2第二行左側(cè)單元格插入一個(gè) 6行一列的表格（表格 3），表格寬度為 95％，邊框和單元格邊距為 0，單元格間 距為 5，將表格居中對(duì)齊。 好啦～我們完成了頁面的布局，開始插入頁面元素。 在文檔窗口單擊這個(gè) Flash 文件，就可以在屬性面板中設(shè)置它的屬性了。 “ 對(duì)齊 ” 下拉列表用來設(shè)置 Flash 動(dòng)畫的對(duì)齊方式， 為了使頁面的背景在 Flash 下能夠襯托出來，我們可以使 Flash 的背景變?yōu)橥该?。單擊常用快捷欄的媒體按鈕，在列表中選擇 Flash文本，彈出 “ 插入 Flash文本 ”對(duì)話框，字體隨意，大小 22px，顏 色設(shè)置為 F5E458，轉(zhuǎn)滾顏色為 54C994，文本為 “ 圖片素材 ” ，背景顏色 6DCFF6，選擇自己需要的路徑鏈接。 “ 鏈接 ” 用于輸入按鈕的鏈接，可以是外部鏈接，也可以是內(nèi)部鏈接。在瀏覽器中打開包含 FlashPaper 文檔的頁面時(shí)，瀏覽者能夠?yàn)g覽 FlashPaper 文檔中的所有頁面，而無需加載新的 Web 頁。 如果需要，通過輸入寬度和高度（以像素為單位）指定 FlashPaper 對(duì)象在網(wǎng)頁上的尺寸。 如果需要，在屬性檢查器中設(shè)置其 他屬性。這種音樂多以 MP3， MIDI 文件為主，在 DW中，添加背景音樂有兩種方法，一種是通過手寫代碼實(shí)現(xiàn)，還有一種是通過行為實(shí)現(xiàn)。 如果希望循環(huán)播放音樂，將剛才的源代碼修改為以下代碼即可： bgsound src=med/ loop=true 嵌入音樂 嵌入音頻可以將聲音直接插入頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時(shí)具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。 彈出 “ 選擇文件 ” 對(duì)話框，在對(duì)話框中 音頻文件。 按下 F12 鍵，打開瀏覽器預(yù)覽，這個(gè)頁面實(shí)現(xiàn)了嵌入音樂的效果，在瀏覽器里顯示了播放插件。 許多頁面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動(dòng)畫等。 * 錨點(diǎn)鏈接：同一網(wǎng)頁或不同網(wǎng)頁中指定位置的鏈接。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。 根路徑：是指從站點(diǎn)根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開頭，例如， /fy/ 就是站點(diǎn)根文件夾 下的 fy子文件夾中的一個(gè)文件（ ）的根路徑。 在屬性面板中， “ 鏈接 ” 用來設(shè)置圖像或文字的超鏈接， “ 目標(biāo) ” 用來設(shè)置打開方式。 單擊常用快捷欄中的 “ 超級(jí)鏈接 ” 按鈕。 “ 標(biāo)題 ” 文本框用來設(shè)置超鏈接的標(biāo)題。 此外，我們還可以直接將相對(duì)地址輸入到 “ 鏈接 ” 文本框里來鏈接一個(gè)頁面。再選中需要鏈接錨點(diǎn)的文字，再屬性面板中拖動(dòng)鏈接后的 到錨點(diǎn)上即可。此時(shí)，選中的部分被稱著圖像熱點(diǎn)。頁面內(nèi)容（ HTML 代碼）位于自身的 HTML 文件中，而定義代碼表現(xiàn)形式的 CSS 規(guī)則位于另一個(gè)文件（外部樣式表）或 HTML 文檔的另一部分（通常為 head 部分）中。所定義的樣式 “ 層疊 ” 到您的 Web 頁面上的元素，并最終創(chuàng)建您想要的設(shè)計(jì)。打開 CSS 樣式面板。我們可以針對(duì)某一個(gè)標(biāo)簽來定義層疊樣式表，也就是說定義的層疊樣式表將只應(yīng)用于選擇的標(biāo)簽。 a:active 設(shè)定鼠標(biāo)單擊時(shí)鏈接的外觀。自定義樣式名可以是字母與數(shù)字的組合，但 .之后必須是字母。單擊 “ 確定 ” 按鈕，如果選擇了 “ 新建樣式表文件 ” 選項(xiàng)，回彈出 “ 保存樣式表文件為 ” 對(duì)話框，給樣式表命名，保存后，回彈出 “CSS 規(guī)則定義 ” 對(duì)話框。每個(gè)選項(xiàng)都可以對(duì)所選標(biāo)簽做不同方面的定義，可以根據(jù)需要設(shè)定。保存至站點(diǎn)根目錄下的 CSS 文件夾內(nèi)，彈出 “CSS 規(guī)則定義 ” 對(duì)話框，默認(rèn)顯示的就是對(duì)文本進(jìn)行設(shè)置的 “ 類型 ” 項(xiàng)。 行高：這項(xiàng)設(shè)置在網(wǎng)頁制作種很常用。 變量：在英文種，大寫字母的字號(hào)一般比較大，采用 “ 變量 ” 中的 “ 小型大 寫字母 ” 設(shè)置，可以縮小大寫字母。 在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 背景 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式 的背景格式。 附件：選擇圖像做