《建立超鏈接》教學設計

1、建立超鏈接教學設計一、教學設計部分教學內容分析本課的主要內容與地位網(wǎng)頁的學名是HTML（即：超文本文件），從本質上說網(wǎng)頁只是一個文本文件，超文本的意思即含超級鏈接的文本文件。網(wǎng)頁中所有豐富的元素都是通過鏈接實現(xiàn)的，用一段文本文件告訴瀏覽器圖片或者聲音的位置，然后瀏覽器會自動加載到網(wǎng)頁中顯示，但網(wǎng)頁本身仍然沒有嵌入任何非文本的文件。超鏈接是網(wǎng)頁賴以存在的基礎。理解超鏈接的原理、熟練地使用超鏈接是一個合格的網(wǎng)站建設者必須具備的能力。本課與前后內容的關系學習超鏈接的相關知識，是對前面幾課制作的幾個孤立網(wǎng)頁的有機整合。只有通過超鏈接，由網(wǎng)頁組成的集合才能被稱作網(wǎng)站。教學目標分析知識目標/技能目標知識目

2、標理解超鏈接的概念。理解導航欄在網(wǎng)頁設計中的重要性。技能目標掌握在網(wǎng)頁中插入超鏈接的一般過程；熟練掌握將鏈接指向站點內、站點外和電子信箱的一般方法；學會在網(wǎng)站內設置導航欄。過程與方法目標能夠根據(jù)實際需要，選擇不同的網(wǎng)頁素材、建立不同的鏈接。情感態(tài)度與價值觀目標體會萬物皆有聯(lián)系，加強與父母、老師和同學之間溝通和交流，虛心聽取別人的意見，不至于在自己的成長過程中迷失方向。本課的重難點重點：“創(chuàng)建超鏈接”對話框；標簽鏈接。難點：導航欄的設置。本課的課時分配建議一課時教學策略設計建議教法建議本課是第一單元的重點和難點，教學中建議采用將學生進行分組，不同級別的學生完成不同的探究任務。其中包括：站點內的超

3、鏈接、到外部站點的超鏈接、到電子郵箱的鏈接和到應用程序或文檔的鏈接，以及選擇不同的網(wǎng)頁素材（文字、圖片）作為鏈接對象的操作方法。在學生的學習過程中，教師應指導學生實時進行網(wǎng)頁的預覽，以體驗不同鏈接的不同作用。對實踐中遇到的如Outlook Express的使用問題，教師可在講解知識點時做簡單介紹。講解設置導航欄部分時，教師可指導學生回顧第二課設置網(wǎng)頁模板的相關知識。教學資源與環(huán)境建議教學環(huán)境準備建議1保證每臺學生機能夠連接Internet或虛擬網(wǎng)絡環(huán)境；2學生機安裝Outlook Express。教學評價建議自評、互評、師評要注意的問題在任務驅動、協(xié)作探究的教學過程中，學生是否順利地建立了各種

4、超鏈接；在教師的指導下，各任務小組的學生能否相互協(xié)作。教學過程參考案例第一階段：導入新課，明確學習目標教學環(huán)節(jié)教師活動學生活動設計理念導入新課引導學生“讀一讀”。師：“超鏈接”是網(wǎng)頁存在的基礎，否則因特網(wǎng)也不會如此絢麗多彩，我們也不可能完成網(wǎng)頁的瀏覽。如何設置超鏈接將是我們這一節(jié)課要學習的主要內容。閱讀材料由“阿拉丁與神燈”的童話引出超鏈接的概念，讓學生通過對童話中情節(jié)的想像理解這一概念，激發(fā)學習興趣。第二階段：范例精講，學生自主探究，完成范例教學環(huán)節(jié)教師活動學生活動設計理念學習與探究師：如果我們去旅游，需要確定哪幾件事情？（起點、目的地以及交通工具）師：今天我們學習的超鏈接的設置與我們的旅游

5、類似，也要指定三個要素：起點（文字或圖片）、目的地（到的目標）以及鏈接方式（協(xié)議）。請大家參照教材提示打開“創(chuàng)建超鏈接”對話框，然后完成以下任務：一、建立站點內的鏈接師：根據(jù)教材中“做一做”的要求，完成相應鏈接。二、建立到其它網(wǎng)站的鏈接師：根據(jù)教材P？頁“做一做”要求完成相應鏈接。教師強調：以上兩種鏈接方式鏈接對象可以是網(wǎng)頁，也可以是應用程序、圖片、音頻、視頻等類型的文件，只不過打開鏈接的方式會有所不同。三、建立到郵箱的鏈接師：設置到郵箱的超鏈接，觀察與前面兩種鏈接的區(qū)別。師：預覽網(wǎng)頁時，觀察打開三種鏈接方式的不同之處。四、建立到書簽的鏈接師：因內容關系，有的網(wǎng)頁可能需要幾屏才能全部顯示，這時

6、需要我們建立網(wǎng)頁內部的超鏈接，這就是書簽鏈接。步驟一：建立書簽步驟二：建立到書簽和鏈接師：預覽網(wǎng)頁，觀察是否還有缺陷？該怎么改進？五、設置網(wǎng)站導航欄師：根據(jù)教材提示，結合第二課網(wǎng)頁模板設置網(wǎng)站的導航欄。生：回答問題參照教材提示，打開Indexhtm文件，選定文字或圖片，打開“創(chuàng)建超鏈接”對話框。完成相應操作分組打開網(wǎng)頁Domainhtm，將網(wǎng)頁中“我要下載”鏈接目標指向多種文件類型，討論不同類型的鏈接目標打開時的區(qū)別。操作，觀察針對Domainhtm插入書簽，并建立到書簽的鏈接。分組討論存在的問題。分組討論導航欄的設置方法。設置超鏈接都是在同一個對話框中進行，所以這部分操作是相同的。知識的拓展

7、，讓學生知道超鏈接目標的多樣性。通過預覽強化記憶。由學生思考得出建立返回頁首的書簽鏈接。非重點知識，不深入講解。第三階段：知識、情感拓展教學環(huán)節(jié)教師活動學生活動設計理念知識與情感師：網(wǎng)頁中的超鏈接將因特網(wǎng)資源形成一個有機的整體，網(wǎng)頁間能夠方便地相互訪問，給我們帶來了方便；在你的成長過程中，又有多少人為你的成長付出了艱辛和努力呢？你和他們進行過聯(lián)系和溝通嗎？請你采用不同的方式與他們進行交流，表達你的感恩之情。通過書信、電子郵件、電話、QQ等通信方式與人交流，表達感恩之情。體會萬物皆有聯(lián)系，加強與父母、老師和同學之間的交流與溝通。第四階段：綜合實踐，鞏固與提高，自由創(chuàng)作，遷移運用教學環(huán)節(jié)教師活動學

8、生活動設計理念實踐與創(chuàng)新一、打開Neighborhtm，進行相關超鏈接的設置。二、打開Parentshtm，修改網(wǎng)頁內容，將前幾課的網(wǎng)頁Feeling1htmFeeling3htm作為網(wǎng)站的三級網(wǎng)頁。三、嘗試改變超鏈接文字三種狀態(tài)的顏色。根據(jù)要求完成操作，并對超鏈接做一下總結。完善網(wǎng)站的二、三級網(wǎng)頁，逐步形成一個完整的網(wǎng)站，以用后續(xù)工作（網(wǎng)站發(fā)布）的展開。第五階段：教學總結，設疑激趣，為下一節(jié)課作好鋪墊教學環(huán)節(jié)教師活動學生活動設計理念課堂小結課堂小結本節(jié)課的學習內容。師：學習完本節(jié)課的內容，網(wǎng)站已經(jīng)初具規(guī)模。但是，小宇的愿望實現(xiàn)了嗎？我們在Internet上能夠訪問到嗎？師：如果不能訪問，我們

9、怎樣才能實現(xiàn)這個愿望呢？師：請同學們課后預習第六課的內容網(wǎng)站的發(fā)布與維護。回顧，總結思考，嘗試以小宇建站的主線貫穿整個單元，以問題的形式激發(fā)學生學習新知識的興趣。教學反思超鏈接是網(wǎng)頁中最顯著的特征，也是網(wǎng)頁設計中的重點和難點。在教學過程中，應注重讓學生通過實踐理解超鏈接的概念，并熟練運用。二、補充資料部分1課件與學件學生用學件名稱文件名設置站點內的超鏈接超鏈接1swf建立到其它站點的鏈接超鏈接2swf建立到郵箱的鏈接超鏈接3swf建立書簽鏈接超鏈接4swf2資料庫用FrontPage2000做樣式表Dreamweaver以其強大的功能正在擴張到更多“網(wǎng)蟲”的硬盤里，然而Dreamweaver的

10、樣式表（CSS）設置方面太專業(yè)了。經(jīng)過N次下載、安裝，到頭來我才發(fā)現(xiàn)原來最容易使用的早已在自己的手中，那就是被我封存很久的FrontPage2000。下面就讓我?guī)ьI大家一塊來分享“傻瓜化”軟件帶來的快樂吧。一、三種添加CSS的方式在FrontPage2000里可以通過三種方式給網(wǎng)頁增加樣式表。1頁面鏈接一個外部的樣式表文件，這種方法可以使多個頁面使用同一個樣式表文件，方便保持頁面的主題。步驟：啟動FrontPage2000，然后執(zhí)行“文件新建網(wǎng)頁”命令，打開FrontPage2000的新建對話框，選擇“樣式表”選項，其中有FrontPage2000自帶的很多樣式表供參考。當然如果你對CSS熟悉

11、的話，也可以使用空白的樣式表，自己重新創(chuàng)建一個。2通過在FrontPage2000創(chuàng)建一個樣式表單，此時樣式表就是網(wǎng)頁的一部分，直接位于HTML文檔的之中。這個實際上不算創(chuàng)建，只要把已經(jīng)創(chuàng)建好的樣式表直接復制下來，然后選擇網(wǎng)頁編輯的“html”選項，然后粘貼到之間就可以了。3通過使用內含樣式表元素，單獨指定樣式表。在FrontPage2000編輯一個頁面的時候，只要選中要發(fā)生變化的文字，然后點擊右鍵，選擇網(wǎng)頁屬性就可以隨時隨地進行可視化操作了。二、內含式樣式表的使用下面就以修改美化一個搜索框為例，給大家介紹一下內含式樣式表的使用。打開FrontPage2000，然后調入這個頁面。接下來對輸入框進行處理：選中那個最長的輸入框，接著右擊，然后選擇表單域屬性，出現(xiàn)文本框屬性。單擊“樣式”，接著單擊“格式”中的“邊框”按鈕，出現(xiàn)邊框與陰影對話框。因為要保持表格的統(tǒng)一，我們在“設置”中選擇“自定義”，然后選擇“樣式”中的“實線”。最重要的就是應用邊框的設置。點擊方框，四周出現(xiàn)的四個小按鈕分別代表著文本輸入框的四條邊框。為了和文本輸入框外面的表格統(tǒng)一，這里的寬度也選擇為“1”，然后“確定”。右擊搜索按鈕，選擇“超鏈接屬性”，就會出現(xiàn)窗口。單擊“樣式”按鈕，再選擇“瀏覽”，插入我們事先做好的搜索圖片。選中那四個字然后右擊，選擇“超鏈接屬性”，彈出Windows窗口。選擇“背景”