簡單學(xué)Dreamweaver制作技巧05.doc

北京瞭望科技公司： 使用幫助系統(tǒng)本章內(nèi)容 瀏覽幫助系統(tǒng) 循序漸進技術(shù) 利用教程( t u t o r i a l )學(xué)習(xí) 在線支持D r e a m w e a v e r擁有一個全面的幫助系統(tǒng)，在任何情況下你都可以獲得它的支持： 對于如何使用特定的D r e a m w e a v e r功能提供上下文相關(guān)的答復(fù)。 通過教程中提供的循序漸進命令逐步學(xué)習(xí)該程序。 通過超級鏈接幫助頁面和內(nèi)置的Show Me影片來展示各種概念和性能。 從在線新聞組的對等網(wǎng)絡(luò)或M a c r o m e d i a公司的D r e a m w e a v e r技術(shù)支持小組尋求特定的編程支持。5.1 幫助屏幕導(dǎo)航為了幫助用戶更好地理解D r e a m w e a v e r，M a c r o m e d i a公司隨程序提供了一個全電子手冊。選擇Help|Using Dreamweaver，或按下快捷鍵F1，即可打開Dreamweaver 的HTML幫助頁面。如果你已通過P r e f e r e n c e s對話框或選擇菜單F i l e|Preview in Browser|Edit Browser List定義了主瀏覽器，此時該瀏覽器會打開并顯示幫助頁面。否則， D r e a m w e a v e r會使用系統(tǒng)缺省的瀏覽器顯示幫助頁面。圖5-1 Dreamweaver的幫助頁面組成了一個超級鏈接的、多媒體的手冊主題模式導(dǎo)航按鈕如圖5 - 1所示，D r e a m w e a v e r的幫助頁面被顯示于一個H T M L框架集中。框架的頂部是主控制按鈕，可在C o n t e n t (內(nèi)容)、I n d e x (索引)和S e a r c h (搜索)三種幫助模式之間切換，同時還有兩個導(dǎo)航按鈕用于在不同主題之間移動。最左邊的框架會根據(jù)不同的幫助模式而發(fā)生變化(內(nèi)容、索引和搜索)?？蚣艿闹黧w用于顯示幫助頁面本身。Dreamweaver 3 為高級用戶增加了一個全新的在線幫助文檔：擴展Dreamweaver(Extending Dreamweaver)。擴展D r e a m w e a v e r的幫助頁面是Dreamweaver 3所帶的新手冊的聯(lián)機版本，其中詳細敘述了如何定義各式各樣的程序外觀。通過Help菜單或快捷鍵Shift-F1，可以打開擴展Dreamweaver幫助頁面。5.1.1 瀏覽幫助目錄為了從幫助頁面中得到最大收益，應(yīng)將瀏覽器窗口最大化。通過單擊不同的控制按鈕在Contents (目錄)和I n d e x (索引)之間進行切換。如果單擊了C o n t e n t s按鈕，左邊的框架中會顯示出D r e a m w e a v e r重要主題的列表，同時還有一個簡便的滾動欄用于滾動列表。在幫助目錄中選擇任一重要主題(顯示為粗體)，可展開一個子主題列表。再次選擇該重要主題或其他的重要主題，可以折疊該重要主題。應(yīng)注意，只有單擊相應(yīng)的子主題才可以在主視圖框架中載入有關(guān)的信息。如果在單個屏幕上要顯示很多信息，最右邊的框架中也會出現(xiàn)一個滾動欄。拖動滾動欄或者選定框架后使用Page Up和Page Down鍵，可以看到全部信息。D r e a m w e a v e r充分利用瀏覽器的H T M L性能，許多幫助頁面都包括指向其他幫助屏幕的超級鏈接。如果你在主屏幕中跟蹤一個超級鏈接進入新的節(jié)，目錄會根據(jù)新的位置自動更新。5.1.2 使用導(dǎo)航控件當(dāng)你在幫助頁面上瀏覽時，會發(fā)現(xiàn)自己可以使用瀏覽器的B a c k和F o r w a r d按鈕重新訪問已經(jīng)查看過的頁面。你也可以使用幫助頁面自己的導(dǎo)航系統(tǒng)在主題之間前后移動。圖5-2 使用Next和Previous按鈕在主題和主題之間移動第5章第使用幫助系統(tǒng)第第99下載新特性提示N e x t (下一個)和P r e v i o u s (上一個)按鈕如圖5 - 2所示，它們依賴于幫助頁面的目錄結(jié)構(gòu)并且只顯示每個重要主題中的當(dāng)前子主題。如同你所期望的那樣，單擊N e x t按鈕可顯示下一個主題或子主題，單擊P r e v i o u s按鈕則會相反。如果你已經(jīng)到達最后一個子主題并試圖使用P r e v i o u s按鈕時，J a v a S c r i p t會提醒你已處于這一節(jié)的末尾。當(dāng)你正在查看第一個子主題并且試圖再向前查看時，也會出現(xiàn)同樣的情況。要進入另外一個主題，必須通過目錄列表選擇其中的一個子主題。5.1.3 播放Show Me影片D r e a m w e a v e r中包括許多被稱作Show Me影片的多媒體功能演示。每個Show Me影片都是一個獨立的S h o c k w a v e動畫，能夠以圖形方式闡明界面的使用和較高級的D r e a m w e a v e r性能。要運行Show Me影片，用戶必須在瀏覽器上安裝Shockwave(for Director)插件。如果你通過C D - R O M安裝D r e a m w e a v e r，相應(yīng)的插件程序也會隨之安裝。如果你是從M a c r o m e d i a或者其他We b站點中下載的D r e a m w e a v e r，可訪問w w w. m a c r o m e d i /shockwave/download獲取相應(yīng)的插件程序。選擇菜單H e l pGuided To u r，或者在幫助頁面中選擇Guided To u r (漫游指南)主題，可以打開D r e a m w e a v e r的漫游指南。漫游指南中含有一個Show Me影片，列出了所有可用的動畫。你可以單擊第一個主題Workspace Overview(工作區(qū)總覽)開始漫游，此時系統(tǒng)會載入第一個影片，介紹D r e a m w e a v e r的工作區(qū)。看完第一個影片之后，選擇繼續(xù)可以查看下一個主題，或者單擊H o m e按鈕返回漫游指南屏幕然后選擇下一個主題。在運行Show Me影片的時，應(yīng)確定系統(tǒng)的聲音已經(jīng)打開。所有影片在演示時都伴有相應(yīng)的聲音效果。觀看任何Show Me影片都可以按照下面這些簡單的操作步驟進行：1) 準(zhǔn)備觀看影片時，從菜單中選擇相應(yīng)的標(biāo)題。2) 每一屏幕顯示完以后，N e x t按鈕開始閃爍，單擊該按鈕可繼續(xù)往下播放。你可以隨時按下N e x t按鈕跳到下一屏，如圖5 - 3所示。圖5-3 Show Me影片提供了對相關(guān)主題的精彩介紹，本圖所演示的是如何使用層100第一第一部分一D re a m w e a v e r概述下載警告提示Show Me影片符號Show Me影片Next按鈕3) 若要重新觀看上一屏，單擊B a c k按鈕。4) 當(dāng)你觀看完影片時，單擊H o m e按鈕返回漫游指南，或選擇其他主題。5) 若要重播整個影片，可在最后一屏中單擊R e w i n d (重播)按鈕。Show Me影片只提供了有限的幾種控制：向前、向后和重播。但是，通過Shockwave Remote，你還可以實現(xiàn)影片的暫停、快進以及音量控制。Shockwave Remote是由M a c r o m e d i a子公司開發(fā)的，你可以到h t t p : / / w w w. m a c r o m e d i /shockwave/download站點下載該程序。5.1.4 使用幫助索引單擊I n d e x (索引)按鈕會顯示一個依字母順序排列的、涵蓋幫助頁面全部內(nèi)容的主題列表。當(dāng)你需要查找相應(yīng)的主題時，可以拖動右邊的滾動欄進行查找。也可以在框架的任意位置上單擊，然后使用Page Up 和Page Down鍵在索引列表中查找。找到需要的主題后，在列表中選擇它，相應(yīng)的幫助頁面就會出現(xiàn)在主框架中。這里要要注意一點，如果一個索引列表由主題和相關(guān)子主題組成，必須選擇子主題才可以得到相應(yīng)的幫助頁面。在這種情況下，主題本身并沒有和特定的幫助頁面相鏈接。從A到Z的索引主題非常多，完全載入要花費一定的時間。因此，在滾動索引列表之前，請耐心等待直到瀏覽器表明框架中的內(nèi)容已完全載入。5.1.5 搜索幫助文件D r e a m w e a v e r的幫助頁面包括一個搜索功能。這個由M a c r o m e d i a公司設(shè)計的搜索引擎實際上是一個J a v a小程序，它可在顯示幫助頁面的瀏覽器上運行。這種方法的主要優(yōu)點在于，當(dāng)你搜索資料時搜索窗口會紿終保持打開狀態(tài)。從幫助頁面中搜索特定主題的詳細步驟如下：1) 單擊位于幫助頁面框架頂部的S e a r c h (搜索)按鈕。2) 在如圖5 - 4所示的S e a r c h窗口中，在上端的文本框中輸入關(guān)鍵字。若要搜索一個短語，可像平常一樣輸入文字，例如s h o c k w a v e。若要搜索幾個并非排列在一起、但相關(guān)的關(guān)鍵字時，可輸入文字并用加號相隔，如t e m p l a t e sr e g i o n s。缺省方式下，搜索是區(qū)分大小寫的。如果需要關(guān)閉該功能，可禁用Case sensitive(大小寫敏感)復(fù)選框。3) 輸入搜索標(biāo)準(zhǔn)后，單擊List To p i c s (列表主題)按鈕。隨著每一頁的搜索，符合搜索標(biāo)準(zhǔn)的頁面會顯示在結(jié)果窗口中。4) 要查看單獨的頁面，可在結(jié)果窗口中雙擊該頁面的標(biāo)題。也可以選擇頁面的標(biāo)題后單擊D i s p l a y (顯示)按鈕。與標(biāo)題相鏈接的頁面會顯示在幫助頁面的主框架中。5) 重復(fù)步驟2至4可繼續(xù)搜索。6) 單擊C a n c e l (取消)按鈕關(guān)閉搜索窗口。要返回到目錄或索引列表，可分別單擊C o n t e n t s按鈕或I n d e x按鈕。第5章第使用幫助系統(tǒng)第第101下載提示提示圖5-4 使用幫助頁面搜索引擎迅速查找所需主題5.2 通過教程循序漸進D r e a m w e a v e r的幫助頁面還包含一個循序漸進的教程，它演示了如何運用最新的動態(tài)H T M L特性創(chuàng)建一個We b頁。若要訪問這個教程，可選擇菜單H e l p | Tu t o r i a l (教程)，或者從幫助頁面中選擇Dreamweaver Tu t o r i a l主題。Dreamweaver 3的教程使用了一個虛構(gòu)的公司Scaal Coff e e，并以該公司的We b站點作為示例。在建立該站點的We b頁過程中，你可以嘗試一下如何定義一個本地站點、編輯現(xiàn)有頁面、使用模板、格式化復(fù)雜頁面的布局、添加行為甚至插入一個跳轉(zhuǎn)菜單(跳轉(zhuǎn)菜單是一個下拉式列表，當(dāng)你從列表中選擇一個項目時即會“跳轉(zhuǎn)”到一個新頁面)。圖5-5 Dreamweaver的教程演示了如何使用程序逐步創(chuàng)建一個高級的Web頁102第一第一部分一D re a m w e a v e r概述下載要想看看示例We b站點，選擇F i l e | O p e n，然后瀏覽Dreamweaver 3/Tu t o r i a l / S c a a l s i t e。接下來，選擇s c a a l h o m e . h t m l并打開該文件。這個站點的主頁如圖5 - 5所示，你應(yīng)當(dāng)在一個4 . 0或更高版本的瀏覽器中了解不同的頁面是如何鏈接在一起的。在t u t o r i a l文件夾中同時保留了已完成的頁面和未完成的頁面。已完成的頁面是為了使你對站點的最終外觀有一個印象；未完成的頁面是為了便于你在瀏覽教程中練習(xí)特定的技術(shù)。已完成的頁和未完成的頁面很容易區(qū)分：未完成頁面的文件名前帶有前綴DW3。例如，DW3_scaal_home.html就是一個未完成的頁面。5.3 獲得在線幫助毋庸置疑，使得We b迅猛發(fā)展的因素之一就是We b在很大程度上是自成文檔的。想得到更多關(guān)于開發(fā)We b頁的知識嗎？到We b上去找吧！這對于D r e a m w e a v e r同樣適用。在We b上有大量關(guān)于D r e a m w e a v e r的在線信息，并且每天都會越來越多。M a c r o m e d i a公司的D r e a m w e a v e r在線支持工作做的相當(dāng)好并一直持續(xù)著。迄今為止，M a c r o m e d i a公司已經(jīng)開發(fā)并持續(xù)主持著三個We b站點：D r e a m w e a v e r支持中心、在線資源中心和動態(tài)H T M L專區(qū)。D r e a m w e a v e r支持中心是通用的M a c r o m e d i a站點的一部分，它專注于提供對D r e a m w e a v e r的技術(shù)支持。讓我們首先看看這第一個。和許多流行的We b站點一樣，M a c r o m e d i a站點也總是處于不斷更改的狀態(tài)。以下信息在撰寫時都是最新的，但讀者現(xiàn)在閱讀時有些內(nèi)容或結(jié)構(gòu)可能已發(fā)生變化。即使其他方法都失敗了，你總可以通過訪問w w w. m a c r o m e d i a . c o m進而尋找Dreamweaver支持區(qū)以得到幫助。5.3.1 Dreamweaver支持站點M a c r o m e d i a 公司在We b上的D r e a m w e a v e r 幫助中心是一個極好的資源庫。通過w w w. m a c r o m e d i a . c o m / s u p p o r t / d r e a m w e a v e r / c o n t e n t s . h t m l網(wǎng)址訪問D r e a m w e a v e r支持中心，可以得到最新的技術(shù)數(shù)據(jù)、免費下載文件以及對等連接，當(dāng)然，這都是針對D r e a m w e a v e r的。這個站點最吸引人的之處在于它的多級途徑，這里有針對每個人的資料，從初學(xué)者到編碼大師都可找到適合自己的信息。當(dāng)你訪問D r e a m w e a v e r支持中心時，會發(fā)現(xiàn)各種類型的幫助區(qū)域以及搜索工具。如圖5 - 6所示，M a c r o m e d i a公司每月都會更新這個站點，有時甚至更快。你可以將這個站點的地址放到收藏夾中以便經(jīng)常訪問。5.3.2 動態(tài)HTML專區(qū)動態(tài)H T M L專區(qū)位于w w w. d h t m l z o n e . c o m，是另一個非常有價值的在線資源中心。這個站點也是由M a c r o m e d i a公司主持的，但它不是針對D r e a m w e a v e r的，而是致力于如何在We b頁面上實現(xiàn)動態(tài)H T M L特性。動態(tài)H T M L專區(qū)如圖5 - 7所示，它提供了各種學(xué)習(xí)D H T M L的方式和起點。以下所列就是動態(tài)H T M L專區(qū)提供的一些資源：1. Atricles(文章)動態(tài)H T M L專區(qū)收集了許多關(guān)于在We b上創(chuàng)建D H T M L頁面的文章，這些文章都非常優(yōu)秀的技術(shù)論文。在動態(tài)H T M L專區(qū)中，特定瀏覽器和跨瀏覽器特性是專家門喜歡討論的兩個主第5章第使用幫助系統(tǒng)第第103下載提示提示要問題，代表性的文章有“ Creating Multimedia with Dynamic HTML: An Overview ”、“Cross-Browser Dynamic HTML”以及“ Techniques for Building Backward CompatibleD H T M L”等等。圖5-6 Dreamweaver支持中心收集了與Dreamweaver有關(guān)的最新信息和軟件圖5-7 動態(tài)HTML專區(qū)專門討論如何使用前沿的DHTML性能建立Web頁，在此你還可以了解這方面最新的信息104第一第一部分一D re a m w e a v e r概述下載2. Tu t o r i a l s (教程)通過教程學(xué)習(xí)可能是單調(diào)和乏味的，但不是在動態(tài)H T M L專區(qū)中。在此你可以訪問SuperFly Fashions和學(xué)習(xí)一些非常有幫助意義的通用技術(shù)，如使用C S S層和設(shè)置初始參數(shù)。你也可以找到一些先進的技術(shù)，如下拉式菜單和滾動式文本。此教程包含一個概述，同時也提供了逐行分析的J a v a S c r i p t例程，以及其他你所需要的H T M L代碼。3. Resources(資源)R e s o u r c e s (資源)區(qū)域鏈接了許多文章、參考指南、演示、各種教程和瀏覽器數(shù)據(jù)，并且統(tǒng)統(tǒng)與D H T M L有關(guān)。這里把M i c r o s o f t和N e t s c a p e扯到了一起，同時也有一些獨立的機構(gòu)如C | N e t和W 3 C