《Dreamweaver 網(wǎng)頁設計與制作》課件-項目四 制作文化公司網(wǎng)站-應用超鏈接和行為

任務1為首頁和子頁設置鏈接——應用超鏈接任務2為首頁添加伴隨窗口——應用行為項目四制作文化公司網(wǎng)站——應用超鏈接和行為任務1?為首頁和子頁設置鏈接——應用超鏈接◆熟練掌握設置各種超鏈接的方法◆掌握跳轉菜單的設置方法一、設置常規(guī)超鏈接常規(guī)超鏈接包括內(nèi)部超鏈接和外部超鏈接。內(nèi)部超鏈接是指目標文件位于站點內(nèi)部的鏈接；外部超鏈接是實現(xiàn)網(wǎng)站與網(wǎng)站之間跳轉，也就是從本網(wǎng)站跳轉到其他網(wǎng)站的鏈接。1.內(nèi)部超鏈接單擊“瀏覽文件”按鈕設置內(nèi)部超鏈接“屬性”面板上“鏈接”編輯框下方的“目標”下拉列表框表示打開鏈接文檔的方式，其中各選項意義如下。_blank：表示在保留當前網(wǎng)頁窗口的狀態(tài)下，在新窗口中顯示被打開的鏈接網(wǎng)頁。_parent：表示在當前窗口顯示被打開的鏈接網(wǎng)頁；如果是框架網(wǎng)頁，則在父框架中_self：表示在當前窗口顯示被打開的鏈接網(wǎng)頁；如果是框架網(wǎng)頁，則在當前框架中顯示被打開的鏈接網(wǎng)頁。_top：表示在當前窗口顯示被打開的鏈接網(wǎng)頁；如果是框架網(wǎng)頁，則刪除所有框架，顯示當前網(wǎng)頁。拖動“指向文件”按鈕設置內(nèi)部鏈接二、設置圖片鏈接和下載鏈接所謂圖片鏈接，就是在單擊網(wǎng)頁中的某個小圖片時，在新窗口中打開一幅大圖片；下載鏈接是指單擊某個超鏈接時會打開一個“文件下載”對話框（或自動啟動下載工具），通過在該對話框中單擊“打開”或“保存”按鈕，打開或下載文件。設置外部超鏈接設置圖片鏈接和下載鏈接三、設置電子郵件鏈接很多網(wǎng)站上留有電子郵件地址，單擊該地址可打開默認電子郵件工具（如Outlook）的編輯新郵件窗口，這是一種特殊類型的鏈接，又稱為電子郵件鏈接。在網(wǎng)站上設置一個這樣的鏈接，可以方便瀏覽者聯(lián)系，下面介紹如何設置此類鏈接。設置電子郵件鏈接“電子郵件鏈接”對話框預覽電子郵件鏈接效果四、設置熱點鏈接很多時候都需要為一張圖片的不同部位設置不同的鏈接，如何為一張圖片設置多個鏈接呢？這就用到了熱點鏈接。熱點鏈接又稱為圖像映射，就是使用熱點工具將一張圖片劃分成多個區(qū)域，并為這些區(qū)域分別設置鏈接，下面介紹具體操作。繪制矩形熱點設置熱點鏈接預覽網(wǎng)頁五、設置命名錨記鏈接在瀏覽網(wǎng)頁時，經(jīng)常會遇到由于網(wǎng)頁的內(nèi)容非常多，瀏覽器的滾動條變得很長，瀏覽者無法快速找到所要內(nèi)容的情況。為解決這個問題，可以通過命名錨記鏈接為網(wǎng)頁添加位于該網(wǎng)頁內(nèi)部的超鏈接，單擊該超鏈接，就跳轉到網(wǎng)頁中指定的位置。設置命名錨記鏈接，首先要插入命名錨記，然后創(chuàng)建跳轉到該命名錨記的鏈接。插入命名錨記設置命名錨記鏈接預覽網(wǎng)頁六、設置跳轉菜單跳轉菜單相當于一組超鏈接的集合，在網(wǎng)頁中顯示為彈出式下拉菜單，如圖所示。彈出菜單內(nèi)的鏈接沒有類型上的限制，可以是內(nèi)部鏈接，也可以是到其他網(wǎng)站的鏈接，還可以是電子郵件鏈接或命名錨記鏈接。跳轉菜單設置第1個菜單項添加并設置其他菜單項“插入跳轉菜單”對話框中各設置項的意義如下。菜單項：列出了所有創(chuàng)建的菜單項。當新建菜單時，只有一項默認的“unnamed1”。文本：用來設置跳轉菜單項的名稱。選擇時，轉到URL：用來設置跳轉菜單項的鏈接地址。打開URL于：用來設置跳轉菜單項鏈接目標的打開方式。菜單ID：用來設置便于記憶和理解的跳轉菜單名稱。菜單之后插入前往按鈕：勾選此項時會在跳轉菜單的后面添加一個“前往”按鈕。更改URL后選擇第一個項目：勾選此項時允許使用菜單選擇提示。設置初始菜單項“列表值”對話框以列表框形式顯示的跳轉菜單任務2?為首頁添加伴隨窗口——應用行為◆熟悉“行為”面板◆熟練掌握各種行為的設置方法一、“行為”面板“行為”面板是應用行為不可缺少的工具。選擇“窗口”→“行為”命令，或按Shift+F4組合鍵，即可打開“行為”面板，如圖所示?！靶袨椤泵姘宥眯袨樾袨榭梢詰糜赬HTML標簽、圖像、鏈接文本等對象。每個行為都由兩部分組成，即事件和動作。所謂事件是指“發(fā)生什么”，如鼠標移到對象上方、離開對象或雙擊對象等；而動作是指“去做什么”，如打開瀏覽器窗口、播放聲音或彈出信息等。應用行為三、應用“彈出信息”行為有時候，打開某個網(wǎng)頁或單擊網(wǎng)頁中的某個元素時可以看到彈出信息框。應用“彈出信息”行為可以輕松實現(xiàn)該功能，下面介紹“彈出信息”行為的應用。選擇要應用行為的對象設置彈出信息設置事件?預覽文檔四、應用“打開瀏覽器窗口”行為應用“打開瀏覽器窗口”行為，可實現(xiàn)單擊目標文字或圖片打開固定大小窗口的效果。許多站點都使用這種方式彈出重要的通知、廣告信息等頁面。為文本設置空鏈接添加行為設置要在窗口中顯示的網(wǎng)頁設置窗口寬度和高度設置事件預覽文檔五、對圖像應用“效果”行為“效果”行為包括增大/收縮、擠壓、顯示/漸隱、晃動、滑動、遮簾和高亮顏色。以“顯示/漸隱”為例，介紹這類行為的應用方法。選擇行為“顯示/漸隱”對話框設置事件六、應用“顯示－隱藏元素”行為應用“顯示－隱藏元素”行為，可以控制APDiv的顯示和隱藏，通過對APDiv反復應用該行為，可以實現(xiàn)下拉菜單效果。插入AP?Div并在其中插入小圖片添加行為