簡單學Dreamweaver制作技巧05.doc_第1頁
簡單學Dreamweaver制作技巧05.doc_第2頁
簡單學Dreamweaver制作技巧05.doc_第3頁
簡單學Dreamweaver制作技巧05.doc_第4頁
簡單學Dreamweaver制作技巧05.doc_第5頁
已閱讀5頁,還剩14頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論