實驗三超級鏈接的建立

《實驗三超級鏈接的建立》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在工程資料-天天文庫。

1、實驗二超級鏈接的建立、實驗目的1、掌握超鏈接的基木概念和種類2、能熟練設置文本和圖片超鏈接。3、能熟練設置錨點超級鏈接和電子郵件鏈接。4、掌握將外部文件導入Dreamweaver中的方法。二、實驗內(nèi)容某站點下有如下4個網(wǎng)頁,index.html,tangshi.html,songci.html,qingshi.html,現(xiàn)代詩精選.html1、首頁效果圖如圖2-3-1所示，圖像顯示在網(wǎng)頁的中間，單擊“唐詩”會在新的TE窗口打開tangshi.html,單擊"宋詞"會打開songci.html,單擊

2、"清詩”會打開qingshi.html,單擊“現(xiàn)代詩”會打開現(xiàn)代詩精選.html“與我聯(lián)系”會發(fā)送電子郵件。圖2-3-12、現(xiàn)代詩精選.html效果圖如圖2-3-2所示,圖2-3-2(a)是網(wǎng)頁上半部分的效果圖，圖2-3-2(b)是網(wǎng)頁下半部分的效果圖，單擊右邊的詩詞名字可以跳到詩詞所在地，單擊右下角的“返回首頁”能夠返回首頁。2012年3月21日OW(E)北島-煬都是夠遠10祁是煙公《址?址》-切都是汶有結(jié)局的開始-切鄒是稍縱即迓的迫尋-切次樂都沒有徴笑-韌舌艱鄰沒有淚戒《槻》-煬語言茹是重復-

3、0交往犁是初逢一切愛情都在心里往歩多在賛中-切希免尊帝著注釋-切信評犁帝著呻吟-切瓜發(fā)多有片刻的寧群-切死亡省有冗長的回聲圖2-3-2(a)《錯渓》鄭慫子我打江甯走過那尋在挙帀里的各顏如連花的開落東風不來，三月的梯絮不飛探的“如小小鼠莫的坡愉若青石的街追向睨哭寺不響，三月的春惟不掲探的心是小小的窗雇漿掩我達達的馬歸是英朗的錯誤我不是歸人.是個過容?返回賄圖2-3-2(b)三、知識點分解1、由圖2-3-1可以看出，在該頁面正屮間有一張圖像，當鼠標點擊“唐詩”時會跳轉(zhuǎn)至I」tangshi?html。2

4、、由圖2-3-2可以看115,文字以表格的形式顯示在網(wǎng)頁上的，《一切》、《遠和近》、《錯誤》采用了錨鏈接，“返冋首頁”采用文字鏈接，兩個鏈接都無下劃線，當鼠標指向鏈接時顯示下劃線，點擊后變色。四、實驗步驟內(nèi)容1的實驗步驟：1、新建5個HTML文檔,將其分別保存為index,html,tangshi.html,songci.html,qingshi.html,現(xiàn)代詩精選.html?2、將光標定位到要插入圖像的位置。3、執(zhí)行如下方法之一：(1)選擇［插入］/［圖像］菜單命令，打開“選擇圖像源”文件對話

5、框；(2)單擊“插入”面板的“常用”選項卡中的「按鈕，打開如圖2-3-3所示的“選擇圖像源文件”對話框；(3)按【Ctrl+Alt+I］鍵打開“選擇圖像源文件”對話框。圖2-3-34、在“選擇文件名自”欄中選中?氏祎系鎖;單選項，在“查找范圍”下拉列表框中指定要插入圖像的路徑并在文件列表中選擇需要的文件名稱（*.gif、*.jpeg和*.png）5、在“相對于”下拉列表框中選擇“站點根目錄”選項。6、單擊“確定”按鈕，彈出如圖2-3-4所示的“圖像標簽輔助功能屬性”對話框。圖2-3-47、在“替換

6、文本”下拉框中輸入想要說明的文字，這樣的話當鼠標移動到圖像上就會出現(xiàn)“替換文本”下拉框中輸入的文字。8、單擊“確定”按鈕。9、如果所選擇的圖像文件不在定義的本地站點中，系統(tǒng)會打開的詢問對話框，詢問是否保存到本地站點目錄下。10、在提示對話框中單擊按鈕，打開“復制文件為”對話框，在該對話框中選擇保存路徑，并在“文件名”文本框中更改圖像的名稱。11、單擊“確定”按鈕即可將所選的圖像插入到網(wǎng)頁中指定的位置。12、選中該圖像，打開“屬性面板”，將圖像的高度改為“700”，邊框改為“1”，選擇“居屮對齊”宣

7、按鈕。13、選収要添加熱區(qū)的圖片，此時屬性面板中出現(xiàn)熱點工具，單擊“矩形熱點工具”口J,在圖像上“唐詩”繪制熱區(qū)后，自動打開“熱區(qū)”屬性而板，如圖2-3-6所示。9J代碼二｛拆分上設計標題訪詞有頁c■亙氐“1代栓査頁面二?限小…

8、300

9、烈』曲宀…

10、$$0.50.pOO,

11、750.,[8W

12、900.

13、$so.wl.宋r詞#代▼屠性熱點?18現(xiàn)代詒稻選hwl丨凹目標.biz▼皆換現(xiàn)代詩MS恥p*口OU<4re^>100XV1019x456VIK/1圖2-3-614、在“屬性面板”中將“鏈

14、接”改為tangshi.html,在“替換”中輸入“唐詩”，在“目標”下拉列表框中選擇“_blank”.15、用同樣的方法繪制其他熱點，并設置相應的鏈接。16、熱點鏈接完成后按【F12】鍵預覽頁面，當鼠標移至熱區(qū)上時即可看到手形圖標下而有一個提示文本。內(nèi)容2的實驗步驟：1、打開“現(xiàn)代詩精選.html”頁面，選擇插入表格。2、在Dreamweaver中還可以建立命名錨記的鏈接，也就是錨鏈接。使用命名錨記的鏈接可以跳轉(zhuǎn)至文檔內(nèi)的特左位置。建立錨鏈接分為創(chuàng)建命名錨記和創(chuàng)建到該命名錨記的