文檔相對路徑

1、1,使用鏈接,2,復(fù)習(xí)提問,1、網(wǎng)頁中能使用的圖像格式有哪些？,JPEG/JPG，GIF和PNG 2、當(dāng)我們?yōu)g覽網(wǎng)頁時，常?？梢砸姷接行﹫D像鼠標(biāo)經(jīng)過時變換不同的圖像，是怎么實(shí)現(xiàn)的呢？,這種效果是通過使用“鼠標(biāo)經(jīng)過圖像”來實(shí)現(xiàn)的。在網(wǎng)頁中，選擇“插入”，選擇“圖像對象”，選擇“鼠標(biāo)經(jīng)過圖像”進(jìn)行具體的設(shè)置就可以實(shí)現(xiàn)。,3,課程引導(dǎo),網(wǎng)站上的各種鏈接是網(wǎng)頁制作的基本因素，也是瀏覽網(wǎng)頁的基本導(dǎo)線。任何一個網(wǎng)站，網(wǎng)頁之間都是通過超級鏈接的方式

2、相互建立關(guān)聯(lián)的，因此超級鏈接是網(wǎng)站的生命線，它的意義就如城市之間的交通線。,4,知識目標(biāo),（1） 能夠熟練完成能夠建立內(nèi)部鏈接、外部鏈接（2）能夠創(chuàng)建錨點(diǎn)鏈接、E-mail鏈接等各種形式的超級鏈接（3）能夠制作圖像熱區(qū)（4）能夠創(chuàng)建導(dǎo)航條與跳轉(zhuǎn)菜單,5,案例展示,為“青果集團(tuán)”網(wǎng)站加各種鏈接,6,任務(wù)分析,在一個網(wǎng)頁中能夠?qū)崿F(xiàn)各種鏈接的方式，如何選擇合適的鏈接方法實(shí)現(xiàn)各種鏈接？,7,知識講解（一）,,超級鏈接的基礎(chǔ)知識：

3、 超級鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系，即在 Web 頁面中插入的指向其它文檔的引用。 超鏈接可以鏈接文本、圖片、程序、音樂、影像等文件。當(dāng)移動鼠標(biāo)到頁面某一地方變成 圖標(biāo)時，這個地方就是一個超鏈接。 鏈接可以將任何類型的資源轉(zhuǎn)換為鏈接，但最常用的鏈接類型是文本鏈接?？梢栽谡军c(diǎn)創(chuàng)建過程的任何階段創(chuàng)建超級鏈接。,8,知識講解（二）,,文檔路徑 要正

4、確創(chuàng)建鏈接，必須了解鏈接與被鏈接文檔之間的路徑。每個網(wǎng)頁都有一個唯一的地址，稱為統(tǒng)一資源定位符（URL）。,9,知識講解（三）,_blank,_parent,_self,_top,鏈接目標(biāo)：,,10,知識講解與操作示范（一）,,制作“青果集團(tuán)”網(wǎng)站創(chuàng)建各種連接： 1、外部鏈接：選中網(wǎng)頁中的圖像，在“屬性”面板中設(shè)置“鏈接”屬性“http:// www.91bjplan.com”。 2、內(nèi)部鏈接：選中

5、網(wǎng)頁中的“信息反饋”，在“屬性”面板中設(shè)置“鏈接”屬性“biaodan.htm” 3、錨記鏈接：插入錨記標(biāo)記(在頂部)----?命名錨記（#top）---?選擇“返回頂部”----?在“屬性”面板中設(shè)置“鏈接”屬性為#top 4、E-mail鏈接：選中網(wǎng)頁中的，在“屬性”面板中設(shè)置“鏈接”屬性mailto:fykpig@163.com,11,知識講解與操作示范（二）,,5、跳轉(zhuǎn)菜單：插入→表單→跳轉(zhuǎn)菜

6、單→設(shè)置跳轉(zhuǎn)菜單列表，“美文欣賞”“信息反饋”→設(shè)置鏈接的網(wǎng)頁6、圖像熱點(diǎn)鏈接：選中頁面中的圖像，在“屬性”面板中選擇“橢圓形熱點(diǎn)工具”，在圖片中選出熱點(diǎn)區(qū)域，在“鏈接”中選擇合適圖片。7、導(dǎo)航條：插入→圖像對象→導(dǎo)航條→設(shè)置導(dǎo)航條的各種狀態(tài)圖像。,12,課堂模仿,按演示案例完成“青果集團(tuán)”網(wǎng)站的其他鏈接。練習(xí)錨記鏈接練習(xí)導(dǎo)航條的鏈接練習(xí)圖像熱區(qū)的鏈接練習(xí)e-mail的鏈接,13,疑難解析,問題1：鏈接的種類這么多，那么在什