制作錨點鏈接實驗資料

1、實驗1 制作內(nèi)部鏈接1、首先要在首頁中為“生活”這個欄目建立相應(yīng)的鏈接，在Dreamweaver的“網(wǎng)頁編輯窗口”中選擇“生活”欄目圖象；2、在屬性面板的“鏈接”文本框中輸入已經(jīng)制作好的目標(biāo)網(wǎng)頁exist.htm，或者單擊鏈接后的按鈕，打開“選擇文件”對話框，使用“選擇文件”對話框選擇一個網(wǎng)頁文件，則鏈接到這個頁面，或者拖動“鏈接”后的按鈕到站點面板上的這個網(wǎng)頁文件，則鏈接將指向這個網(wǎng)頁；3、打開exist.htm頁面，我們希望單擊Design studio的圖象后能夠返回首頁，因此使用同樣的方法，選中這張圖象，然后拖動屬性面板中“鏈接”后的按鈕到站點面板上的index.htm網(wǎng)頁文件，則鏈接

2、將指向這個網(wǎng)頁；4、按照同樣的方法，為exist.htm頁面中的“意象中的生活”圖象制作鏈接，指向exist文件夾下的exist_01.htm頁面；5、在exist_01.htm頁面中，我們希望單擊“本期首頁”文字后，返回exist.htm頁面，因此選中這段文字，然后拖動屬性面板中“鏈接”后的按鈕到站點面板上的exist.htm頁面文件，則鏈接將指向這個網(wǎng)頁。實驗2 制作圖象映射1、打開index_ori.htm頁面，選擇頭部的圖象文件；2、單擊屬性面板左側(cè)“地圖”選項中的“矩形熱點工具”；3、當(dāng)鼠標(biāo)指針轉(zhuǎn)變?yōu)槭中螒B(tài)的時候，在當(dāng)前選定的圖象上單擊鼠標(biāo)，框選設(shè)置鏈接的部分，這個時候，用透明的蘭

3、色顯示指定圖象熱點區(qū)域；4、用同樣的辦法，使用橢圓形熱點工具和多邊形熱點工具為這張圖象指定不同的熱點區(qū)域；5、選中圖象中的熱點，在屬性面板上可以給圖象熱點設(shè)置超鏈接；6、按下F12鍵，預(yù)覽頁面。實驗3 制作E-mail鏈接1、選擇頁面下的“聯(lián)系我們”；2、在屬性面板的“鏈接”文本框中輸入“mailto:”和郵箱地址，例如：mailto:hu_song；3、用戶設(shè)置時還可以替瀏覽器加入郵件的主題，方法是在輸入的電子郵件地址后面加上“?subject=要輸入的主題”的語句，實例中主題可以輸入“網(wǎng)站的意見與建議”，完整的語句為“mailto:hu_song?subject=網(wǎng)站的意見與建議”，這樣預(yù)

4、覽頁面后，用戶單擊鏈接彈出的發(fā)信窗口中會有現(xiàn)成的主題；4、如果希望瀏覽者發(fā)信的時候順便將郵件抄送到另外一個郵箱，可以繼續(xù)書寫鏈接地址，完整的語句為“mailto:hu_song?subject=網(wǎng)站的意見與建議&cc=songsong”，這樣預(yù)覽頁面后，用戶單擊連接彈出的發(fā)信窗口中回有現(xiàn)成的抄送地址。實驗4 制作錨點鏈接 1、打開index_ori.htm頁面，在頁面下方輸入“返回頁首”文字；2、將光標(biāo)放在需要插入命名錨記的位置，這里放在頁面的最頂端，然后選擇“插入”中的“常用”快捷欄，單擊左側(cè)第3個“命名錨記”按鈕；3、在彈出的“錨記名稱”對話框中，鍵入錨記的名稱，實例中要實現(xiàn)返回頁

5、首的效果，因此文本框中鍵入top；4、單擊“錨記名稱”對話框的“確定”按鈕，錨記標(biāo)記已經(jīng)插入到光標(biāo)位置上了，這個位置也就是當(dāng)命名錨記產(chǎn)生鏈接作用時，網(wǎng)頁所要跳轉(zhuǎn)到的地方；如果需要重新編輯命名錨記的話，在屬性面板上編輯即可；5、下面將鏈接命名錨記選中頁面下方的“返回頁首”的字樣，在屬性面板的“鏈接”文本框鍵入“#錨記名稱”，實例中為“#top”；6、按下F12鍵，當(dāng)在瀏覽器中單擊“返回頁首”文本時，頁面就會迅速跳轉(zhuǎn)到命名錨記的位置，也就是頁面頂端。實驗5 通過轉(zhuǎn)到URL行為添加鏈接1、打開index2.htm頁面，選擇頁面上方的廣告，我們希望鼠標(biāo)指向廣告的時候，就打開鏈接頁面；2、選擇“窗口/行

6、為”命令，打開行為面板然后單擊行為面板中的“+”號，從中選擇“轉(zhuǎn)到URL”；3、在彈出的對話框中的“打開在”項中選擇打開鏈接的窗口，這里使用默認(rèn)的設(shè)置，在URL項輸入鏈接的地址，也可以單擊“瀏覽”按鈕在本地硬盤中找到鏈接的文件，這里輸入“” ；4、設(shè)置完畢后，單擊“確定“按鈕，在行為面板上可以看到添加好的動作；5、單擊行為面板中onload后面的下拉按鈕，從彈出菜單中選擇<A>onMouseOver,代表當(dāng)鼠標(biāo)指向鏈接的時候轉(zhuǎn)到URL；6、按下F12鍵預(yù)覽頁面，當(dāng)在瀏覽器中把鼠標(biāo)放到廣告上方時，就可以打開相關(guān)的鏈接地址了。實驗6 鏈接網(wǎng)頁的實例1、打開index.htm頁面，然后依次選擇“簡介”，“創(chuàng)業(yè)群”，“業(yè)務(wù)向?qū)А薄瓣P(guān)于我們”的圖象，分別拖動鏈接后的按鈕到站點面板上的main.htm，main2.htm, main3.htm, main4.htm頁面文件，則鏈接指向這幾個頁面。2、依次打開main.htm，main2.htm, main3.htm, main4.htm，選中頁面中的“簡介”，“創(chuàng)業(yè)群”，“業(yè)務(wù)向?qū)А薄瓣P(guān)于我們”的圖象，然后再次分別拖動“鏈接”按鈕到站點面板上的main.htm，main2.htm, main3.htm, main4.h