HTML和中文DreamweaverMX2004實用教程第8章

第8章表單、命令與外部插件

本章要點8.1“資金收入/支出登記表”網頁

8.2導入“網絡技術”網頁

8.3重做“照相館”網頁

8.4格式化“中國的世界文化遺產”網頁

8.5插件管理器

8.6“電影放映室”網頁

8.7用插件豐富“自我介紹”網頁

習題88.1“資金收入/支出登記表”網頁“資金收入/支出登記表”網頁在瀏覽器中的顯示效果如圖8-1-1所示。在該網頁中使用了表單進行網頁設計。表單是用戶利用瀏覽器對Web站點數據庫進行查詢和添加的一種界面，用戶利用表單可以輸入信息或選擇選項等，然后將這些信息提交給服務器進行處理。這種查詢方式叫作“交互”的或者叫作“雙向”。這些表單對象包括文本域、下拉列表框、復選框和單選按鈕等。

表單對象是讓用戶輸入信息的地方，表單域是放置表單對象的區(qū)域，只有表單域內的表單對象，才可以將它的信息傳送出去。

8.1“資金收入/支出登記表”網頁

圖8-1-1“資金輸入/支出登記表”網頁的顯示效果8.1“資金收入/支出登記表”網頁8.1.1創(chuàng)建表單域與設置表單域的屬性1．創(chuàng)建與刪除表單域（1）創(chuàng)建表單域：將光標移到要插入表單域的位置，單擊“插入”（表單）欄內的“表單”按鈕，或用鼠標將“插入”（表單）欄內的表單圖標拖曳到網頁文檔窗口內，即可在網頁窗口內創(chuàng)建一個表單域，如圖8-1-2所示。單擊表單內部，將光標移到表單域內，按Enter鍵，即可將表單域調大。按Backspace鍵，可使表單域縮小。表單域在瀏覽器內是看不到的。

（2）顯示表單域：創(chuàng)建表單域后，若看不到表單域的矩形紅線，可以執(zhí)行“查看”→“可視化助理”→“不可見元素”菜單命令，即可將表單域的矩形紅線顯示出來。（3）刪除表單域：選中表單域后按Delete鍵，即可刪除表單域。

圖8-1-2創(chuàng)建的表單域8.1“資金收入/支出登記表”網頁

2．設置表單域的屬性選中表單域，此時表單域的“屬性”欄如圖8-1-3所示。（1）“表單名稱”文本框：可在該文本框內輸入表單域的名字。表單域的名稱可用于JavaScript和VBScript等腳本語言中，這些腳本語言可控制表單域的屬性。（2）“動作”文本框和按鈕：可輸入腳本程序或含有腳本程序的HTML文件。（3）“方法”下拉列表框：用于選擇客戶端與服務器之間傳送數據采用的方式。包括3個選項：“默認”、“GET”（獲得，即追加表單值到URL，并發(fā)送服務器GET請求）和“POST”（傳遞，在消息正文中發(fā)送表單的值，并發(fā)送服務器POST請求）。

圖8-1-3表單域“屬性”欄8.1“資金收入/支出登記表”網頁

8.1.2插入表單對象與其他對象1．插入表單對象的方法（1）將光標移到要插入表單對象的表單中，再插入表單對象。插入表單對象的方法與插入表單的方法一樣。（2）將光標移到要插入表單對象的位置，然后單擊“插入”（表單）欄中的相應按鈕，即可在光標處插入一個相應的表單對象。另外，執(zhí)行“插入”→“表單”菜單命令，調出它的下一級菜單。根據要插入的表單對象類別，單擊菜單內的菜單命令也可插入表單對象。表單對象的“屬性”欄中都有一個名稱文本框，用于輸入表單對象的名稱，該名稱可在程序中使用，用以指定表單對象。2．設置文本域的屬性表單中經常使用文本域，它可以是單行，也可以是多行，用于接收任何格式的文本、數字和字符。文本域的“屬性”欄如圖8-1-4所示，各選項的作用如下。（1）“字符寬度”文本框：文本域的寬度，可顯示字符的最多個數。（2）“最多字符數”文本框：允許輸入的字符個數可以比文本框寬度大。

8.1“資金收入/支出登記表”網頁

（3）“類型”欄：該欄有3個單選鈕，用于選擇“單行”、“多行”或“密碼”文本域。密碼文本域的特點是：當用戶輸入文字時，密碼文本域內顯示的不是這些文字，而是一行“*”。選中“多行”單選項時，其“屬性”面板會發(fā)生變化：“初始值”文本框變?yōu)閹L動條的多行文本框，同時“換行”下拉列表框變?yōu)橛行?，“最多字符數”文本框變?yōu)椤靶袛怠蔽谋究?，用于輸入文本框的行數。?）“初始值”文本框：用于輸入文本框的初始內容。（5）“換行”下拉列表框：包括4個選項，它們的含義如下?！澳J”：采用瀏覽器的默認值?！瓣P”：當輸入的文字超過文本框的寬度時，不換行，會出現滾動條?！疤摂M”：當輸入的文字超過文本框的寬度時，會自動換行，但向服務器傳輸數據時無回車符。

圖8-1-4文本域的“屬性”欄8.1“資金收入/支出登記表”網頁

“實體”：當輸入的文字超過文本框的寬度時，會自動加入回車符，進行換行。3．設置按鈕的屬性按鈕用于制作“提交”和“重置”按鈕，還可以調用函數。它的“屬性”欄如圖8-1-5所示，各選項的作用如下。

圖8-1-5按鈕的“屬性”欄8.1“資金收入/支出登記表”網頁（1）“標簽”文本框：用于輸入按鈕上顯示的文字。（2）“動作”欄：包括3個單選鈕，用于選擇單擊該按鈕后引發(fā)的動作類型?！疤峤槐韱巍保哼x中該復選鈕后，可以向服務器提交整個表單?！爸卦O表單”：選中該復選鈕后，可以取消前面的輸入內容，復位表單?！盁o”：選中該復選鈕后，它表示是一般按鈕，可用于調用腳本程序。4．設置復選框的屬性復選框有選中和未選中兩種狀態(tài)，多個復選框允許多選。它的“屬性”欄如圖8-1-6所示，其中各選項的作用如下。

圖8-1-6復選框的“屬性”欄8.1“資金收入/支出登記表”網頁（1）“選定值”文本框：用于輸入復選框選中時的數值，通常為1或0。（2）“初始狀態(tài)”欄：包括兩個單選鈕，用于設置復選框的初始狀態(tài)。5．設置單選按鈕的屬性單選按鈕也叫單選項，一組單選按鈕中只允許選中一個，其“屬性”面板如圖8-1-7所示。它與復選框“屬性”欄相應的選項相同。

圖8-1-7單選按鈕的“屬性”欄8.1“資金收入/支出登記表”網頁

6．設置單選按鈕組的屬性單選按鈕組也叫單選項組。單擊“插入”（表單）面板中的“單選按鈕組”按鈕，可調出“單選按鈕組”對話框，如圖8-1-8所示。利用該對話框可以設置單選按鈕組中單選按鈕的個數和名稱。如果要增加選項，可單擊按鈕；如果要刪除選項，可選中要刪除的選項，再單擊按鈕。如果要調整選項的顯示次序，可選中要移動的選項，再單擊或按鈕。它的“屬性”欄如圖8-1-7所示。

圖8-1-8“單選按鈕組”對話框8.1“資金收入/支出登記表”網頁

7．設置列表/菜單的屬性列表/菜單的作用是將一些選項放在一個帶滾動條的列表框內。它的“屬性”欄如圖8-1-9所示，其中各選項的作用如下。

圖8-1-9列表/菜單的“屬性”欄8.1“資金收入/支出登記表”網頁（1）“類型”欄：包括兩個單選鈕，用于選擇“菜單”或“列表”?！安藛巍奔聪吕斜砜颍贿x中“列表”單選鈕后，其右邊的各選項會變?yōu)榭蛇x項，此時的列表框右邊會產生滾動條。（2）“高度”文本框：用于輸入列表的高度值，即可以顯示的行數。（3）“選定范圍”復選框：選中該復選框后，表示列表中的各選項可以同時選擇多項。（4）“初始化時選定”列表框：用于設置第一次調出該菜單時，菜單中默認的選中項。（5）“列表值”按鈕：單擊該按鈕，可以調出一個“列表值”對話框，與圖8-1-8相似，其使用方法基本相同。利用該對話框可以輸入菜單或列表內顯示的選項內容（在“標簽”欄內），以及輸入此選項提交后的返回值（在“值”欄內）。8．設置文件域的屬性文件域也叫文件字段，用來讓用戶選擇磁盤、路徑和文件，并將該文件上傳到服務器中。它的“屬性”欄如圖8-1-10所示，其中各選項的作用如下。

8.1“資金收入/支出登記表”網頁

圖8-1-10文件域的“屬性”欄

圖8-1-11圖像域的“屬性”欄8.1“資金收入/支出登記表”網頁

（1）“字符寬度”文本框：用于輸入文件域的寬度，即一行中可顯示字符的最多個數。（2）“最多字符數”文本框：用于輸入允許用戶輸入的字符個數，可以比文件域的寬度值大。9．設置圖像域的屬性圖像域用于設置圖像域內的圖像。它的“屬性”欄如圖8-1-11所示。圖8-1-11圖像域的“屬性”欄（1）“寬”和“高”文本框：用于輸入圖像的寬度和高度，單位為像素。（2）“源文件”文本框與文件夾按鈕：單擊該按鈕，可調出一個對話框，用于選擇圖像文件。也可以在文本框內直接輸入圖像的路徑與文件名。（3）“替代”文本框：在其內輸入的文字會在光標移到圖像上面時顯示出來。（4）“對齊”下拉列表框：用于選定圖像在瀏覽器中的對齊方式。（5）“編輯圖像”按鈕：單擊該按鈕，可以調出設定的圖像編輯器，對圖像進行編輯。10．設置隱藏域的屬性隱藏域提供了一個可以存儲表單主題、數據等的容器。隱藏域在瀏覽器中看不到，但處理表單的腳本程序時可以調用其中的內容。其“屬性”欄如圖8-1-12所示，其中各選項的作用如下。

8.1“資金收入/支出登記表”網頁（1）“隱藏區(qū)域”文本框：用于輸入隱藏域的名稱，以便于在程序中引用。（2）“值”文本框：用于輸入隱藏域的數值。如果在加入隱藏域時，沒有顯示圖標，可以執(zhí)行“編輯”→“首選參數”菜單命令，調出“首選參數”對話框，再在“分類”欄中選擇“不可見元素”選項。然后選中“表單隱藏區(qū)域”復選框，再單擊“確定”按鈕退出，即可在Dreamweaver中顯示圖標。

圖8-1-12隱藏域的“屬性”欄8.2導入“網絡技術”網頁

一直以來，Word給用戶的印象是一個出色的文字處理軟件，其實，它也是一款非常優(yōu)秀的網頁制作軟件。只不過Word所使用的HTML語言與一般的HTML語言有所不同，所以導致除Word以外的軟件很難編輯Word生成的網頁。在Dreamweaver里面，包含了對Word生成的HTML文件的支持，很輕松就能夠將Word生成的HTML文件導入?！熬W絡技術”網頁在Word中的顯示效果如圖8-2-1所示，該網頁導入到Dreamweaver后的顯示效果如圖8-2-2所示。

圖8-2-1“網絡技術”網頁在Word中的顯示效果圖8-2-2

網頁在Dreamweaver中的顯示效果

8.2導入“網絡技術”網頁

8.2.1“清理Word生成的HTML”對話框1．“基本”選項卡執(zhí)行“命令”→“清理World生成的HTML”菜單命令，即可調出“清理Word生成的HTML”對話框，如圖8-2-3所示，其中各選項的含義如下。

圖8-2-3“基本”選項卡8.2導入“網絡技術”網頁

（1）“清理的HTML來自”下拉列表框：選擇Word版本，不同版本略有不同，包括Word2000/2002和Word97/98兩個列表項。（2）“刪除所有Word特定的標記”復選框：刪除HTML網頁文檔中所有和Word有關的標記。（3）“清理CSS”復選框：清除所有的CSS樣式表。（4）“清理<font>標簽”復選框：清楚所有字體設置。（5）“修正無效的嵌套標簽”復選框：修正生成網頁文檔時產生的無效嵌套標簽。（6）“設定背景顏色”文本框：重新設定網頁文檔的背景顏色，默認為白色（#FFFFFF）。（7）“應用源格式”復選框：保持網頁文檔的格式。（8）“完成時顯示動作記錄”復選框：完成導入WordHTML網頁文檔后顯示修改摘要。2．“詳細”選項卡詳細選項卡的顯示效果如圖8-2-4所示，其中各選項的含義如下。

8.2導入“網絡技術”網頁

圖8-2-4“詳細”選項卡8.2導入“網絡技術”網頁

（1）“清理HTML來自”下拉列表框：選擇Word版本，其中包括Word2000/2002和Word97/98兩個選項。不同版本的Word軟件略有不同，所以此處需要進行選擇。（2）“刪除所有Word特定的標記”復選框：刪除HTML網頁文檔中所有和Word有關的標記。如果不打開本標簽，則下面的子標簽均不被選中。（3）“<html>標簽中XML”復選框：清除<html>段的XML標記。（4）“<head>中的Wordmeta和link標簽”復選框：清除<head>中的Word標記和鏈接。（5）“WordXML標記”復選框：清除Word產生的XML標記。（6）“<![if...]><![endif]>條件式標簽和其內容”復選框：清除IF判斷語句。（7）“移除樣式中空的段落和邊界”復選框：清除空行和空的邊界。（8）“清理CSS”復選框：清除所有CSS樣式表。（9）“盡可能地移除行內CSS樣式”復選框：盡量清除網頁文檔內的所有CSS樣式。（10）“移除所有開頭為‘mso’的樣式屬性”復選框：清除所有以MSO開頭的樣式。（11）“移除所有非CSS的樣式宣告”復選框：清除所有CSS以外的樣式。（12）“移除表格直行和橫列中的所有CSS樣式”復選框：清除表格內的樣式。（13）“移除所有未使用到的樣式定義”復選框：清除網頁中沒有被使用的樣式。

8.2導入“網絡技術”網頁

8.2.2導入Word文檔和Excel文檔1．導入Word文檔在Dreamweaver中執(zhí)行“文件”→“導入”→“Word文檔”菜單命令，調出“打開”對話框。選中要導入的Word文檔后，單擊“確定”按鈕，即可在已經打開的頁面中導入選中的Word文檔中的內容，但是Word文檔中的圖像無法導入到網頁中。2．導入Excel文檔在Dreamweaver中執(zhí)行“文件”→“導入”→“Excel文檔”菜單命令，調出“打開”對話框。選中要導入的Excel文檔后，單擊“確定”按鈕，即可在已經打開的頁面中以表格的形式導入選中的Excel文檔中的內容。

8.3重做“照相館”網頁

利用“創(chuàng)建網站相冊”命令重做后的“照相館”網頁在瀏覽器中的顯示效果如圖8-3-1所示。在主頁中單擊圖像后，可鏈接到相應的瀏覽頁面，顯示出該圖像的原始圖，圖像名稱以及到“上一個”、“首頁”和“下一個”的鏈接。

圖8-3-1“照相館”網頁的顯示效果8.3重做“照相館”網頁

8.3.1應用DreamweaverMX2004內置命令創(chuàng)建相冊有許多網站是以圖片為主要內容的。這些網站中往往先顯示圖片的縮略圖，瀏覽者如果感興趣的話，單擊縮略圖就可以瀏覽原圖。當一個網站的圖片非常多時，如果要分別制作每個頁面，則工作量是很大的。創(chuàng)建相冊命令可以自動創(chuàng)建這樣的一系列頁面，使網頁制作變得非常簡單。下面介紹如何創(chuàng)建相冊網頁。1．調出“創(chuàng)建網站相冊”對話框執(zhí)行“命令”→“創(chuàng)建網站相冊”菜單命令，即可調出“創(chuàng)建網站相冊”對話框，如圖8-3-2所示。2．“創(chuàng)建網站相冊”對話框中的各選項的作用（1）“相冊標題”文本框：輸入相冊的標題，該標題是必須填入的。（2）“副標信息”文本框：輸入相冊的副標題信息。（3）“其他信息”文本框：輸入相冊的其他說明信息。（4）“源圖像文件夾”欄：用于選擇源圖像文件所在的目錄。（5）“目標文件夾”欄：用于選擇創(chuàng)建的相冊放置的目錄。（6）“縮略圖大小”下拉列表框：設置縮略圖的大小。（7）“顯示文件名”復選框：選中該復選框后，將會在縮略圖下方顯示每個圖片的文件名。

8.3重做“照相館”網頁

圖8-3-2“創(chuàng)建網站相冊”對話框8.3重做“照相館”網頁

利用該功能，可以將圖片文件名設為對該圖片的簡單說明，這樣最后生成的頁面就會包含圖片說明了。不過該軟件對中文說明的支持不是很好，最好使用英文說明。（8）“列”文本框：輸入圖像的列數。默認值是5，即每行顯示5張縮略圖。（9）“縮略圖格式”下拉列表框：用于選擇縮略圖的格式。Dreamweaver會自動產生選定格式的縮略圖。（10）“相片格式”下拉列表框：用于選擇原圖像顯示的格式。源圖像可能是各種格式的，Dreamweaver可以將它們轉化為統(tǒng)一的格式。（11）“小數位數”文本框：用于輸入圖像縮放的百分比。（12）“為每張相片建立導航頁面”復選框：選中該復選框后，Dreamweaver將為每個圖像生成單獨的導航頁。完成設置后單擊“確定”按鈕，Dreamweaver就開始自動生成相冊。最后生成的相冊頁面，可以對其進一步設置格式以完成該相冊。單擊其中任意一幅縮略圖，都會顯示相應的原圖圖像頁面，如圖8-3-3所示。頁面最上端顯示相冊標題和該圖片的文件名，中間是導航欄，下邊是原圖圖像。

8.3重做“照相館”網頁

圖8-3-3圖像的瀏覽頁面8.3重做“照相館”網頁

8.3.2利用Fireworks優(yōu)化圖像在Dreamweaver中可以調用Fireworks中的“優(yōu)化”（Optimize）窗口對圖像進行優(yōu)化。選中一幅圖像后，執(zhí)行“命令”→“在Fireworks中優(yōu)化圖像”菜單命令。如果文件還沒有被保存，會彈出一個對話框，提示先保存頁面。第一次使用該命令時會彈出“查找源”對話框，詢問是否使用一個外部PNG文件作為優(yōu)化的源文件，如圖8-3-4所示。如果不想每次出現該對話框，則從下拉列表中選擇“始終使用源PNG”或“不使用源PNG”選項即可。單擊“使用PNG”按鈕可以選擇源文件，單擊“使用此文件”按鈕則直接出現“優(yōu)化”（Optimize）窗口。從“格式”下拉列表中選擇一種優(yōu)化格式，再進行相關設置，然后單擊“更新”按鈕即可更新圖像。

8.3重做“照相館”網頁

圖8-3-4“查找源”對話框8.4格式化“中國的世界文化遺產”網頁

格式化后“中國的世界文化遺產”網頁的顯示效果如圖8-4-1所示。使用Dreamweaver中的“錄制命令”命令，可以快速復制網頁中的操作，達到簡化對網頁中元素格式化的操作的目的。

圖8-4-1格式化后“中國的世界文化遺產”網頁的顯示效果8.4格式化“中國的世界文化遺產”網頁

8.4.1自定義命令除了可以使用系統(tǒng)內置的命令外，還可以利用自定義的方法將歷史記錄保存為命令。1．“歷史”面板“歷史”面板記錄了用戶的每一步操作，如圖8-4-2所示。利用該面板可以撤銷一些操作。例如，需要返回第一步操作后的效果時，只需將“歷史”面板左側的指針拖曳至第二步即可。還可以通過“歷史”面板重復一系列操作，方法如下。（1）按住Ctrl鍵的同時單擊“歷史記錄”面板中的兩條需要重復的步驟，如圖8-4-3所示。（2）在頁面窗口中選擇需要執(zhí)行這些步驟的對象。（3）單擊“歷史記錄”面板中的“重放”按鈕即可。2．利用“歷史”面板自定義命令利用“歷史記錄”面板重復步驟只能應用于同一個文件內的對象，如果要應用到其他文件，則可以將這些步驟保存為命令，在其他文件中執(zhí)行“命令”菜單中的相應命令，調用這些步驟。利用“歷史記錄”面板自定義命令的方法如下。（1）按住Ctrl鍵的同時選中“歷史記錄”面板中需要保存的步驟。

8.4格式化“中國的世界文化遺產”網頁

圖8-4-2“歷史記錄”面板圖8-4-3選擇兩條操作8.4格式化“中國的世界文化遺產”網頁

（2）單擊“歷史記錄”面板右下角的“將選定步驟保存為命令”按鈕，調出“保存為命令”對話框，如圖8-4-4所示。在其中的文本框中輸入命令的名稱，再單擊“確定”按鈕。（3）這時在“命令”菜單中就可以看到剛命名的菜單命令，以后就可以像使用系統(tǒng)命令那樣使用這個自定義命令了。（4）刪除自定義命令：執(zhí)行“命令”→“編輯命令列表”菜單命令，調出“編輯命令列表”對話框。選中要刪除的命令，再單擊“刪除”按鈕，即可刪除該命令。利用該對話框也可以重新命名自定義的命令。

圖8-4-4“保存為命令”對話框8.4格式化“中國的世界文化遺產”網頁

8.4.2錄制命令1．錄制命令（1）執(zhí)行“命令”→“開始錄制”菜單命令，即可開始錄制命令。（2）使用鼠標在網頁中進行操作，如添加對象、加入新的行為、設置網頁中文字或段落的格式等。（3）執(zhí)行“命令”→“停止錄制”菜單命令，即可停止錄制命令。2．播放錄制命令（1）將光標移到網頁中或選中需要應用“錄制命令”的元件。（2）執(zhí)行“命令”→“播放錄制命令”菜單命令，即可在網頁中應用錄制的命令。

8.5插件管理器

使用“插件”可以輕松地向Macromeida公司的軟件中增加新的功能。許多Macromedia的合作伙伴以及獨立開發(fā)人員創(chuàng)建了自定義服務器行為，以便滿足特定的Web的開發(fā)需要?？梢詮腗acromediaExchangeforDreamweaver站點訪問和下載這些自定義服務器行為。在“擴展管理器”中安裝插件后，其顯示效果如圖8-5-1所示。

圖8-5-1“擴展管理器”的顯示效果

8.5插件管理器

8.5.1“擴展管理器”簡介Macromedia“擴展管理器”的顯示效果如圖8-5-1所示。“擴展管理器”中包括“標題欄”、“菜單欄”、“工具欄”、“插件欄”和“說明欄”。在該窗口中，“標題欄”和“菜單欄”與其他軟件的功能相同，此處不再贅述。“工具欄”中包含插件的基本操作按鈕和插件應用對象的下拉列表框?！罢f明欄”中顯示了選中插件的說明，不過絕大部分的說明都是英文的?！安寮凇敝酗@示了已經安裝的插件。Dreamweaver中的插件分為“命令”型和“插入”型兩種。其中，“命令”型插件顯示為“命令”菜單中的一個菜單命令；“插入”型插件顯示為“插入”欄中的一個標簽項，如圖8-5-2所示。

圖8-5-2“插入”欄中的“RealAudio”插件標簽項8.5插件管理器

8.5.2“擴展管理器”中各選項的功能1．工具欄（1）“安裝新擴展”按鈕：單擊此按鈕后，調出“選取要安裝的擴展”對話框，在該對話框中選擇相應的文件后單擊“確定”按鈕，即可插入新的插件。（2）“移除擴展”按鈕：選中列表中的插件后單擊此按鈕，將刪除該插件。（3）“轉到MacromediaExchange”按鈕：單擊此按鈕，將鏈接到MacromediaExchange網站。（4）“幫助”按鈕：單擊此按鈕，將打開“擴展管理器”的幫助文件。（5）列表框：顯示出Macromedia公司的軟件，在列表框中選擇軟件后，支持該軟件的插件就會顯示出來。2．菜單項（1）安裝擴展：與“安裝新擴展”按鈕功能相同，用于安裝新的插件。（2）將擴展打包：單擊此按鈕后，將調出“選取要打包的擴展”對話框，如圖8-5-3所示。選擇要打包的擴展信息文件后，將擴展打包成.mxp文件。

8.5插件管理器

圖8-5-3“選取要打包的擴展”對話框8.5插件管理器

（3）提交擴展：單擊此按鈕，可以將制作好的打包文件提交到網站，供其他人使用。（4）移除擴展：與“移除擴展”按鈕作用相同，用于刪除選中的插件。（5）導入擴展：單擊此按鈕后，調出如圖8-5-4所示的“選取產品”對話框。在“要從中導入的產品”下拉列表框中選擇要導入到的軟件，然后在“要導入的產品的位置”文本框中輸入軟件的位置，單擊“確定”按鈕后，將從選中的軟件中導入插件。

圖8-5-4“選取產品”對話框8.5插件管理器

（6）轉到MacromediaExchange：與“轉到MacromediaExchange”按鈕功能相同，單擊此菜單命令，將鏈接到MacromediaExchange網站。

8.6“電影放映室”網頁

使用RealMediaSuite插件制作的“電影放映室”網頁在瀏覽器中的顯示效果如圖8-6-1所示。單擊播放控制器中的按鈕，即可在Real播放器中播放Real文件，并在“剪輯信息”文本框中滾動顯示文件名和文件信息。播放視頻的同時，在頁面的狀態(tài)欄中還會滾動顯示包含歡迎信息的狀態(tài)欄文字，如圖8-6-2所示。

圖8-6-1“電影放映室”網頁的顯示效果8.6“電影放映室”網頁

圖8-6-2“狀態(tài)欄”滾動時的顯示效果8.6“電影放映室”網頁

8.6.1RealMedia選項卡中各按鈕的作用（1）RealAudio按鈕：單擊該按鈕，可以調出“選擇文件”對話框，在該對話框中選擇一個音頻格式的文件后單擊“確定”按鈕，即可在網頁中插入RealAudio格式的背景音樂。（2）RealMediaControl按鈕：單擊該按鈕，可以在網頁中插入RealMedia控制器，用于控制網頁中的Real視頻文件和聲音文件。（3）RealVedio按鈕：單擊該按鈕后，在彈出的“選擇文件”對話框中選擇一個視頻格式的文件，即可在網頁中插入Real格式的視頻文件。（4）SMIL按鈕：單擊該按鈕，在彈出的“選擇文件”對話框中選擇一個Real音頻或者視頻格式的文件，即可在網頁中插入一個在線播放的窗口（使用同步多媒體語言）。（5）RealAbout按鈕：單擊該按鈕，可以調出“AboutRealSystemExtensions”網頁，其中包括RealSystem的介紹文檔和幫助信息，如圖8-6-3所示。

8.6“電影放映室”網頁

圖8-6-3AboutRealSystemExtensions網頁文檔8.6“電影放映室”網頁

8.6.2定義“狀態(tài)欄”文字在“擴展管理器”中安裝“ScrollingStatusBar”插件后，Dreamweaver中的“插入”欄中會增加“Scrolling_Status_Bar”選項卡，如圖8-6-4所示。

圖8-6-4“插入”（Scrolling_Status_Bar）欄的顯示效果8.6“電影放映室”網頁

單擊“插入”（Scrolling_Status_Bar）欄中的“Scrolling_Status_Bar”按鈕，即可調出“Scrolling_Status_Bar”對話框，如圖8-6-5所示。圖8-6-5“Scrolling_Status_Bar”對話框在“ScrollText1”～“ScrollText5”文本框中依次輸入在“狀態(tài)欄”中要交替顯示的文字，然后單擊“確定”按鈕，即可在網頁中插入“狀態(tài)欄”中的滾動文字。

8.6“電影放映室”網頁

圖8-6-5“Scrolling_Status_Bar”對話框8.7用插件豐富“自我介紹”網頁

使用“RightC