網(wǎng)頁設(shè)計與制作項目7超鏈接課件

項目7實現(xiàn)網(wǎng)頁間的跳轉(zhuǎn)—超級鏈接(③念題的3知識要點>了解超級鏈接的概念掌握內(nèi)部、外部超鏈接的類型及創(chuàng)建方法掌握郵件超鏈接的方法>掌握下載文件超鏈接的方法≥掌握使用導(dǎo)航工具條的方法71網(wǎng)頁展示:在“目的地”頁面申應(yīng)用超紙鏈接網(wǎng)頁的最大特點體現(xiàn)在它可以通過超鏈接功能在眾多的網(wǎng)頁中互相跳轉(zhuǎn),在“樂途網(wǎng)”的“目的地”頁面中分別應(yīng)用了網(wǎng)頁之間超鏈接,插入文本超鏈接、錨記超鏈接、外部超鏈接、圖像超鏈接、導(dǎo)航工具條超鏈接、郵件超鏈接和下載文件超鏈接,目的地”頁面效果如圖所示。目的地”頁面效果7.2網(wǎng)頁制作72.1設(shè)置導(dǎo)航條超鏈接步驟1啟動Dreamweavercs6后,在letuweb站點中創(chuàng)建新文檔,命名為“destinationhtn"。步驟2在destination文檔中繪制表格布局頁面,輸入相應(yīng)的文字、選擇圖像等素材,插入頁面頂部LoGo及其他元素,如圖所示。目72網(wǎng)頁制作步驟3在表格的第3行定位光標(biāo),執(zhí)行【插入【圖像對象】【鼠標(biāo)經(jīng)過圖像】菜單命令,彈出【插入鼠標(biāo)經(jīng)過圖像】對話框,如圖所示。墨名頁y帽噬過擦滿文本耐時,南的RL→/h/anderhial【插入鼠標(biāo)經(jīng)過圖像】對話框72網(wǎng)頁制作步驟4在【插入鼠[標(biāo)經(jīng)過圖像】對話框中m圖像名稱的文本框中輸入“首頁”;分別單擊原始圖像”及“鼠標(biāo)經(jīng)過圖像”右側(cè)的瀏覽”按鈕,選擇所需要的圖像,如圖所示為選畫a擇原始圖像。昨:mtg選擇原始圖像72網(wǎng)頁制作步驟5在【插入3器質(zhì)鼠標(biāo)經(jīng)過圖像】對話框ThetA:aDeos中單擊“按下時,前往的URL右側(cè)的“瀏覽按鈕,選擇超級鏈接的目標(biāo)文件好七:iErmsamiat,msaA:選擇目的地原始圖像72網(wǎng)頁制作步驟6重復(fù)以上操作,執(zhí)行【插入】L【圖像對象【鼠標(biāo)經(jīng)過圖像】菜單命令,在圖像名稱的文本框中輸入“目的地”,分別單擊“原始圖像”及“鼠標(biāo)經(jīng)過圖像”右側(cè)的“瀏覽”按鈕,選擇所需要的圖像,如圖所示為選擇原圖像插入鼠標(biāo)經(jīng)過圖像】分別單擊對話框中參數(shù)設(shè)置如圖所示。1入溫圖象要:/Ddrg/2.t[一限和經(jīng)速理,/w擊下;Ua-IwrcrIpt:ErA【插入鼠標(biāo)經(jīng)過圖像】對話框參數(shù)設(shè)置72網(wǎng)頁制作步驟7重復(fù)同樣的操作,插入鼠標(biāo)經(jīng)過圖像,在圖像名稱的文本輸入框中輸入“酒店機票”,用與設(shè)置“首頁”相同的方法選擇所需要的圖像,【插入鼠標(biāo)經(jīng)過圖像】對話框中的參數(shù)設(shè)置如圖所示。圖稱石店機票價長解:/=Dxa/玉,3l鼠禍經(jīng)露;,/anharz/t32E的購性白標(biāo)輕由按下時,出URL:-,/chCp,htrn【插入鼠標(biāo)經(jīng)過圖像】對話框參數(shù)設(shè)置72網(wǎng)頁制作步驟8用同樣的方法添加導(dǎo)航條中的其他圖像,添加完6個項目后,即完成導(dǎo)航條的插入,將“destinationhtm"保存在“l(fā)etuweb\ch7文件夾中。步驟9單擊“預(yù)覽”按鈕,在瀏覽頁面的導(dǎo)