Dreamweaver中超鏈接的應用

1、公開課教案課 程 名 稱 網(wǎng)頁制作教程 課 題 名 稱： Dreamweaver中超鏈接的應用 授 課 班 級： 任 課 教 師： 授 課 時 間： 授課日期20015-10-13課 程Dreamweaver網(wǎng)頁制作班 級14計算機班授課人講 次1課 時2實訓室603機房課 題Dreamweaver中超鏈接的應用教學目的要求 知識目標：熟練掌握使用Dreamweaver軟件對網(wǎng)頁中各種超鏈接的設置與應用的操作方法。 能力目標： 通過任務布置、學生活動、學生演示等形式培養(yǎng)學生遇到問題，解決問題的信息處理能力；培養(yǎng)學生協(xié)作學習的能力。培養(yǎng)學生較熟練地運用Dreamweaver進行超鏈接的設置與應用

2、；培養(yǎng)學生理解、設置、應用網(wǎng)頁中各種超鏈接的能力。 德育目標： 通過學生完成在網(wǎng)頁中插入超鏈接任務，培養(yǎng)學生網(wǎng)頁制作的設計能力，增強學生學習的自信心。激發(fā)學生對Dreamweaver網(wǎng)頁制作的濃厚興趣在同學之間的交流合作中，引導以優(yōu)帶差、共同進步，培養(yǎng)學生互相幫助、團結(jié)協(xié)作的良好品質(zhì)。教學重點Dreamweaver中超鏈接的應用所必須要掌握的7個基本步驟：1、設置常規(guī)超鏈接(內(nèi)部超鏈接、外部超鏈接） 2、設置文本超鏈接 3、設置圖像超鏈接4、設置電子郵件鏈接 5、設置命名錨記鏈接 6、文件下載鏈接 7、設置空鏈接教學難點1、設置常規(guī)超鏈接(內(nèi)部超鏈接、外部超鏈接） 2、設置文本超鏈接 3、設置

3、圖像超鏈接 4、設置電子郵件鏈接 5、設置命名錨記鏈接實訓材料及器材計算機、極域電子教室軟件、網(wǎng)頁制作素材時間分配教 學 內(nèi) 容 及 過 程教學方法及教學內(nèi)容的拾漏補遺15第一環(huán)節(jié)：組織教學 引導學生進入學習狀態(tài)，注意操作事項等。第二環(huán)節(jié)：導入1、結(jié)合素材網(wǎng)頁版的電子書抗日英雄傳進行人文素養(yǎng)滲透，抗日英雄傳是歌頌中華民族的積極抵抗外侵精神，無數(shù)革命先輩的鮮血，終于換來抗日戰(zhàn)爭勝利的曙光，也是世界反法西斯戰(zhàn)爭文化寶庫中的璀璨明珠。建議課后學生誦讀這本網(wǎng)頁版的電子書，使他們受到情感熏陶，獲得思想啟迪，激發(fā)愛國情懷和學習斗志，領悟人文精神，塑造完美人格。2、學生演示網(wǎng)頁制作中的框架布局來設計網(wǎng)頁（第

4、1節(jié)課已結(jié)合任務驅(qū)動法、自主探究學習模式，引導學生完成相應的任務）。3、讓學生簡述網(wǎng)頁制作中的框架布局操作出現(xiàn)的問題。4、簡評學生在操作中出現(xiàn)的問題，導入本課超鏈接屬于網(wǎng)頁的一部分，它可以使網(wǎng)頁與站點之間建立連接。各個網(wǎng)頁鏈接在一起后，才能成為一個有機整體，真正構(gòu)成一個網(wǎng)站。人文素養(yǎng)滲透演示講授討論時間分配教 學 內(nèi) 容 及 過 程教學方法及教學內(nèi)容的拾漏補遺17第三環(huán)節(jié)：教師演示、講解操作步驟 Dreamweaver中超鏈接的應用一、超鏈接的含義超鏈接由源端點和目標端點兩部分組成，其中設置了鏈接的一端稱為源端點，跳轉(zhuǎn)到的頁面或?qū)ο蠓Q為目標端點。二、超鏈接的分類1、按照源端點的不同，可以將超鏈

5、接分為文本鏈接、圖像鏈接和表單鏈接3種。文本鏈接：是指以文字作為超鏈接源端點的鏈接。圖像鏈接：是指以圖像作為源端點的超鏈接。表單鏈接：需要與表單結(jié)合使用，當用戶單擊表單中的按鈕時，會自動跳轉(zhuǎn)至相應頁面。2、根據(jù)目標端點的不同，超鏈接可分為內(nèi)部鏈接、外部鏈接、錨點鏈接和電子郵件鏈接4種。內(nèi)部鏈接：其目標端點是本站點中的其他網(wǎng)頁或文件。外部鏈接：指鏈接的目標端點與源端點不在同一個站點中。錨點鏈接：如果網(wǎng)頁太長，可用錨點鏈接實現(xiàn)跳轉(zhuǎn)到當前網(wǎng)頁或其他網(wǎng)頁中的某一指定位置。電子郵件鏈接：單擊電子郵件鏈接，將打開系統(tǒng)默認的電子郵件收發(fā)程序。三、設置鏈接屬性在沒有選中任何對象的前提下，單擊“屬性”面板上的“

6、頁面屬性”按鈕，打開“頁面屬性”對話框，首先在左側(cè)列表中選擇“鏈接”選項，然后在右側(cè)設置各項鏈接屬性。演示提問討論講授、演示、討論時間分配教 學 內(nèi) 容 及 過 程教學方法及教學內(nèi)容的拾漏補遺30352四、設置常規(guī)超鏈接常規(guī)超鏈接包括內(nèi)部超鏈接和外部超鏈接，內(nèi)部超鏈接是指目標文件位于站點內(nèi)部的鏈接；外部超鏈接可實現(xiàn)網(wǎng)站與網(wǎng)站之間的跳轉(zhuǎn)，也就是從本網(wǎng)站跳轉(zhuǎn)到其他網(wǎng)站。1 內(nèi)部超鏈接內(nèi)部超鏈接的設置非常靈活，在選中要設置超鏈接的文本或圖像后，可以在“屬性”面板上的“鏈接”編輯框中直接輸入要鏈接對象的相對路徑；也可以通過單擊“屬性”面板上“鏈接”編輯框右側(cè)的“瀏覽文件”按鈕 ，在彈出的“選擇文件”對

7、話框中選擇鏈接對象。2外部超鏈接外部超鏈接只能采用一種方法設置，就是在選中對象后，在“屬性”面板上的“鏈接”編輯框中直接輸入要鏈接網(wǎng)頁的網(wǎng)址。五、設置文本超鏈接要給某段文本設置超鏈接，可以先用鼠標選中該文本，然后在“屬性”面板上的“鏈接”編輯框中設置被鏈接對象的URL地址。六、設置圖像超鏈接給整個圖像添加超鏈接，首先用鼠標選定要制作超鏈接的圖像，然后在“屬性”面板上的“鏈接”編輯框中設置被鏈接對象的URL地址。知識擴展：給圖像局部添加超鏈接給圖像局部添加超鏈接也稱為“圖像熱點”技術(shù)，很多時候都需要為一張圖片的不同部位設置不同的鏈接，這就需要用熱點鏈接。熱點鏈接又叫圖像映射，是使用熱點工具將一張

8、圖片劃分成多個區(qū)域，并為這些區(qū)域分別設置鏈接。七、設置電子郵件鏈接很多網(wǎng)頁都會在最下方留下作者或公司的E-mail地址，用戶可以直接單擊E-mail地址，給網(wǎng)站相關人員發(fā)送郵件，這就是所謂的電子郵件鏈接。需要注意的是，電子郵件鏈接是將瀏覽者的本地電子郵件管理軟件“Outlook Express”的“新郵件”窗口，而不是向服務器發(fā)出請求。這是一種特殊類型的鏈接，又叫電子郵件鏈接。在“屬性”面板上“鏈接”編輯框中輸入“mailto:電子郵箱地址 ”八、 設置命名錨記鏈接有些網(wǎng)頁的內(nèi)容非常多，以致瀏覽器的滾動條變得很長，而使得瀏覽者無法快速找到所要的內(nèi)容。為解決這個問題，我們可以通過命名錨記鏈接來為

9、網(wǎng)頁添加位于該網(wǎng)頁內(nèi)部的超鏈接，單擊該超鏈接，就跳轉(zhuǎn)到網(wǎng)頁中指定的位置。要設置命名錨記鏈接，應首先插入命名錨記，然后創(chuàng)建跳轉(zhuǎn)到該命名錨記的鏈接。九、文件下載鏈接文件下載鏈接的設置方法與文字鏈接類似，區(qū)別在于所鏈接的文件不是網(wǎng)頁文件而是其他文件，如“.exe”“.doc”“.zip”等文件。十、設置空鏈接空鏈接是一個未指派目標的超鏈接，設置空鏈接的目的通常是激活頁面上的對象或文本，使其可以應用行為。給頁面對象設置空鏈接的方法很簡單，選定對象后，在“屬性”面板上的“鏈接”編輯框中輸入符號“#”即可。第四環(huán)節(jié)：學生操作、巡回指導本節(jié)在前面操作的基礎上對素材網(wǎng)頁版的電子書抗日英雄傳進行進行完善，讓學生

10、上機練習設置網(wǎng)頁鏈接屬性、設置圖像熱點鏈接、設置圖像站內(nèi)鏈接、給頁腳文本添加站外鏈接，制作一本完整的抗日英雄傳網(wǎng)頁電子書。遇到疑難再向老師提出，老師進行即時解答?！緦W生活動】學生按照操作要求，嘗試完成學習任務。學生間互相交流，遇到難處可以向教師請教。【教師活動】教師巡視，指導，督促，答疑。在巡視過程中，發(fā)現(xiàn)學生操作中的問題給予必要的幫助。發(fā)現(xiàn)操作較好的同學，給予鼓勵和表揚并引導其協(xié)助教師指導，實行以優(yōu)帶差、共同進步的訓練過渡。第五環(huán)節(jié)： 小結(jié)1、理解超鏈接的含義2、理解超鏈接的分類3、設置鏈接屬性4、設置常規(guī)超鏈接(內(nèi)部超鏈接、外部超鏈接）5、設置文本超鏈接6、設置圖像超鏈接7、設置電子郵件鏈接8、設置命名錨記鏈接9、文件下載鏈接10、設置空鏈接