職業(yè)教育“十三五”數(shù)字媒體應(yīng)用人才培養(yǎng)系列教材Dreamweaver網(wǎng)頁設(shè)計(jì)與應(yīng)用60個(gè)專業(yè)案例362個(gè)案例素材及源文件92個(gè)微課視頻DreamweaverCC2019微課版教師專項(xiàng)服務(wù)項(xiàng)目4超鏈接項(xiàng)目引入：本項(xiàng)目主要講解超鏈接(包括文本超鏈接、圖像超鏈接、電子郵件超

鏈接和“鼠標(biāo)經(jīng)過圖像”超鏈接等)的

概念和創(chuàng)建方法。通過對(duì)這些內(nèi)容的

學(xué)習(xí)，學(xué)生可以熟練掌握網(wǎng)站超鏈接

的創(chuàng)建與使用方法，并能精心設(shè)計(jì)網(wǎng)

站的超鏈接。掌握創(chuàng)建文本超鏈接的方法和技巧◆掌握創(chuàng)建電子郵件超鏈接的方法和技巧◆

掌握創(chuàng)建圖像超鏈接的方法和技巧◆

掌握創(chuàng)建“鼠標(biāo)經(jīng)過圖像”超鏈接的方法和技巧項(xiàng)目目標(biāo)

掌握“建筑模型網(wǎng)頁”的關(guān)鍵制作步驟◆掌握“獅立地板網(wǎng)頁”的關(guān)鍵制作步驟技能目標(biāo) 培養(yǎng)對(duì)超鏈接設(shè)置和應(yīng)用的興趣，激發(fā)主動(dòng)學(xué)習(xí)的動(dòng)力◆培養(yǎng)在超鏈接設(shè)置中積極探索、勇于嘗試新的設(shè)計(jì)方案和

方法的精神素養(yǎng)目標(biāo)創(chuàng)建文本超鏈接文本超鏈接的狀態(tài)◆

電子郵件超鏈接◆

任務(wù)實(shí)踐—建筑模型網(wǎng)頁任務(wù)4.1

文本超鏈接創(chuàng)建文本超鏈接的方法非常簡單，主要是在文本的“屬性”面板中指定要鏈接文件。指定要鏈接文件的方法有以下3種。1.直接輸入要鏈接文件的路徑和文件名。2.使用“瀏覽文件”按鈕指定要鏈接文件。3.使用“指向文件”圖標(biāo)指定要鏈接文件。4.1.1

創(chuàng)建文本超鏈接頁面屬性分類外觀(CSS)外觀

(HTML)鏈接(CSS)標(biāo)題(CSS)標(biāo)題/編碼跟蹤圖像始終有下劃線始終無下劃線僅在變換圖像時(shí)顯示下劃線變換圖像時(shí)隱藏下劃線應(yīng)用(A)

取

消

確定二一個(gè)未被訪問過的文本超鏈接與一個(gè)被訪問過的文本超鏈接在形式上應(yīng)該有所區(qū)別，以提示文本超鏈接所指示的網(wǎng)頁是否被看過。4.1.2

文本超鏈接的狀態(tài)Ypx瀏覽(W)…右邊距(R):

px下邊距(O):PX應(yīng)用(A)

取消外觀(CSS)頁面字體(F):口默認(rèn)字體

大小(S):文本顏色(T):□背景顏色(B):!背景圖像(I);重復(fù)(E):頁邊界左邊距(M);

px上邊距(P):

px頁面屬性分類外觀(CSS)

外觀(HTML)

鏈接(CSS)

標(biāo)題(CSS)

標(biāo)

題

/

碼跟蹤圖像葬助(H)X確

定大小(S):鏈接顏色(L):已訪問鏈接(V):下劃線線樣式(U):#F31A1E變換圖像鏈接(R):#F31A1E

活動(dòng)鏈接(A):#1AF376#1AF376鏈接(CSS)葬幫助(H)每當(dāng)瀏覽者單擊包含電子郵件超鏈接的網(wǎng)頁對(duì)象時(shí)，系統(tǒng)就會(huì)打開郵件處理工具(如微軟公司的Outlook

Express

),

并且自動(dòng)將收信人

地址設(shè)為網(wǎng)站設(shè)計(jì)者的E-mail地址，方便瀏覽者給網(wǎng)站發(fā)送反饋信息O1.利用“屬性”面板建立電子郵件超鏈接2.利用“電子郵件鏈接”對(duì)話框建立電子郵件超鏈接4.1.3電子郵件超鏈接使用“電子郵件鏈接”按鈕制作電子郵件超鏈接，使用“瀏覽文件”按鈕制作下載文件超鏈接。任務(wù)實(shí)踐—建筑模型網(wǎng)頁效果圖創(chuàng)建圖像超鏈接◆

“鼠標(biāo)經(jīng)過圖像”超鏈接任務(wù)實(shí)踐—獅立地板網(wǎng)頁任務(wù)4.2

圖像超鏈接建立圖像超鏈接的操作步驟如下。(1)在文檔窗口中選擇圖像。(2)在“屬性”面板中單擊“鏈接”選項(xiàng)右側(cè)的“瀏覽文件”按鈕，為

圖像添加文檔相對(duì)路徑的鏈接。(3)在“替換”文本框中可輸入替換文字。設(shè)置替換文字后，當(dāng)圖

像不能下載時(shí)，會(huì)在圖像的位置顯示替換文字；當(dāng)瀏覽者將鼠標(biāo)指針

指向圖像時(shí)也會(huì)顯示替換文字。(

4

)

按F12鍵預(yù)覽網(wǎng)頁。4.2.1

圖像超鏈接“鼠標(biāo)經(jīng)過圖像”超鏈接是一種常用的互動(dòng)技術(shù)，當(dāng)鼠標(biāo)指針經(jīng)過圖像時(shí)，圖像會(huì)隨之發(fā)生變化。

一般“鼠標(biāo)經(jīng)過圖像”效果由兩幅大小

相等的圖像實(shí)現(xiàn)，

一幅稱為主圖像，另一幅稱為次圖像。主圖像是首

次載入網(wǎng)頁時(shí)顯示的圖像，次圖像是當(dāng)鼠標(biāo)指針經(jīng)過時(shí)顯示的另一幅

圖像?！笆髽?biāo)經(jīng)過圖像”超鏈接經(jīng)常應(yīng)用于網(wǎng)頁中的按鈕上。插入鼠標(biāo)經(jīng)過圖像圖像名稱：取消原始圖像：幫

助鼠標(biāo)經(jīng)過圖像：?預(yù)教鼠標(biāo)經(jīng)過圖像替換文本：按下時(shí)，前往的URL:4.2.2

“鼠標(biāo)經(jīng)過圖像”超鏈接瀏覽

…

.Image1確定二任務(wù)實(shí)踐—獅立地板網(wǎng)頁使用“鼠標(biāo)經(jīng)過圖像”按鈕制作導(dǎo)航條。密板優(yōu)所析中檔所重建夫于機(jī)器，機(jī)器的儲(chǔ)細(xì)贈(zèng)加工純席等夫定了析相怕納結(jié)合強(qiáng)度、密雷由郵等ICHOICE如比篇單，花毒踏夢托L

慢色生話，別樣的

生活品所結(jié)檢，就在肺王

·效果圖區(qū)位交通走出家門，多種交通任您選擇區(qū)