-網(wǎng)站導(dǎo)航與超鏈接

網(wǎng)站導(dǎo)航與超鏈接信息技術(shù)吳涌彬一、學(xué)情分析通過上節(jié)課的操作練習(xí)，學(xué)生基本掌握了應(yīng)用表格實現(xiàn)網(wǎng)頁布局，熟悉了DW新建html頁面、網(wǎng)站文件夾組織方式及網(wǎng)站首頁命名規(guī)則。上節(jié)課的練習(xí)，學(xué)生基本實現(xiàn)了“書?！本W(wǎng)站首頁的模仿之作，本節(jié)課將在此基礎(chǔ)上，與學(xué)生探究網(wǎng)站導(dǎo)航及超級鏈接的實現(xiàn)。三、教學(xué)目標(biāo)（一）知識與技能1、掌握導(dǎo)航欄的制作方法。2、掌握超鏈接的添加與設(shè)置。（二）過程與方法1、通過模仿操作掌握網(wǎng)站導(dǎo)航的制作。2、學(xué)生根據(jù)指引通過探索、交流，完成超鏈接的實現(xiàn)。（三）情感態(tài)度與價值觀1、培養(yǎng)學(xué)生善于全面看待問題的習(xí)慣。四、教學(xué)重難點（一）重點：1、站內(nèi)導(dǎo)航兩種實現(xiàn)途徑。（二）難點：1、導(dǎo)航欄的美化（插入——圖像對象——鼠標(biāo)經(jīng)過圖像）五、教學(xué)方法：演示法、任務(wù)驅(qū)動法六、課前準(zhǔn)備：任務(wù)資源包、ftp服務(wù)器、教學(xué)平臺六、教學(xué)過程（2個課時）（第1課時）教學(xué)環(huán)節(jié)教師活動學(xué)生活動設(shè)計意圖情景引入同學(xué)們，經(jīng)過上節(jié)課探究和操作練習(xí)，我們已經(jīng)完成了網(wǎng)頁布局的設(shè)計與實現(xiàn)的學(xué)習(xí)。在這個基礎(chǔ)上，我們今天要來實現(xiàn)網(wǎng)站中非常重要的一環(huán)——頁面跳轉(zhuǎn)控制，也就是導(dǎo)航欄的制作以及友情鏈接的制作。請看示范（演示：網(wǎng)站中的導(dǎo)航實現(xiàn)了網(wǎng)頁的跳轉(zhuǎn)）觀看老師的演示明確學(xué)習(xí)目標(biāo)形象地理解頁面跳轉(zhuǎn)功能的作用新課講授及實踐演練網(wǎng)站內(nèi)的頁面跳轉(zhuǎn)的功能怎么實現(xiàn)的呢？這就是超級鏈接的特殊功效了。請看演示。（演示：沒有任何圖標(biāo)的導(dǎo)航欄超級鏈接）提問：功能實現(xiàn)了嗎？（有去無回，）（學(xué)生接收學(xué)習(xí)資料包：“書海”網(wǎng)站文件夾，內(nèi)含images文件夾和文件；網(wǎng)站導(dǎo)航連線任務(wù)文檔；任務(wù)二提示文檔。）任務(wù)一：認(rèn)真觀察五個頁面之間的聯(lián)系，完成結(jié)構(gòu)連線題。簡單點評兩位同學(xué)的連線結(jié)果，并展示正確答案。請同學(xué)們根據(jù)任務(wù)二提示文檔以及任務(wù)一的連線文檔，完成任務(wù)二：利用超鏈接的設(shè)置完成網(wǎng)站的導(dǎo)航欄制作。（教師巡堂指導(dǎo)）隨機(jī)展示幾位同學(xué)的作品（屏幕轉(zhuǎn)播）教師點評：各位同學(xué)都能很好的實現(xiàn)了網(wǎng)站導(dǎo)航功能，現(xiàn)在，同學(xué)們一起來看看老師的操作，可能會給大家更多地驚喜。演示：插入——圖像對象——鼠標(biāo)經(jīng)過圖像。（需用到兩種icon，紅色與藍(lán)色）設(shè)問：老師制作的導(dǎo)航和同學(xué)們的導(dǎo)航區(qū)別在哪里呢？同學(xué)們也可以嘗試用這種方法來實現(xiàn)導(dǎo)航欄的制作。（教師提供圖標(biāo)）當(dāng)然，因為大家自己的站點風(fēng)格不一樣，圖標(biāo)的風(fēng)格也應(yīng)該考慮搭配，同學(xué)們可以從網(wǎng)上搜索下載相關(guān)素材。我們下節(jié)課將會和大家一起探討圖文素材的加工處理，包括這節(jié)課展示的按鈕圖標(biāo)的加工。這節(jié)課我們學(xué)習(xí)了網(wǎng)站的導(dǎo)航欄制作，事實上，導(dǎo)航欄是利用超級鏈接功能來實現(xiàn)的，網(wǎng)站內(nèi)部的跳轉(zhuǎn)鏈接我們稱為站內(nèi)導(dǎo)航，還有一些鏈接是跳轉(zhuǎn)到其他網(wǎng)站的，我們一般稱為友情鏈接，同學(xué)們可以根據(jù)網(wǎng)站素材的文字提示，繼續(xù)完成友情鏈接的設(shè)置。任務(wù)三：友情鏈接的設(shè)置思考：單向跳轉(zhuǎn)功能實現(xiàn)了就完成了導(dǎo)航欄的制作嗎？（完整性分析）同學(xué)完成任務(wù)文檔，兩位同學(xué)展示結(jié)果完成任務(wù)二全體同學(xué)測評其導(dǎo)航功能是否符合任務(wù)一的要求對比兩種導(dǎo)航效果嘗試第二種導(dǎo)航欄制作方法。完成任務(wù)三學(xué)生提交作品培養(yǎng)學(xué)生善于發(fā)現(xiàn)問題，善于思考的精神養(yǎng)成操作前做好規(guī)劃準(zhǔn)備的習(xí)慣實踐練習(xí)通過評價進(jìn)一步理解導(dǎo)航功能的完整性通過對比，發(fā)現(xiàn)更好的效果，體驗方法的多樣性課堂小結(jié)，理解導(dǎo)航的本質(zhì)是超鏈接（第2課時）同學(xué)們繼續(xù)完成“暢游書海”網(wǎng)站的設(shè)計，包括頁面設(shè)計和鏈接。繼續(xù)完成作品“暢游書?！蓖瓿烧麄€課堂任務(wù)交流展示挑選出三個作品，分享交流。從頁面設(shè)計、鏈接設(shè)置、表格屬性的設(shè)置等方面點評。作品成果展示：網(wǎng)站內(nèi)的頁面跳轉(zhuǎn)其他同學(xué)參與評價（能否跳轉(zhuǎn)，目的地是否正確，能否來去自如，是否美觀）分享交流小結(jié)