一、目的與要求
1、了解網(wǎng)站導(dǎo)航欄的作用,掌握導(dǎo)航欄的修改法。
2、掌握網(wǎng)站分頁(yè)的制作方法——替換法。
3、掌握在網(wǎng)頁(yè)中插入圖片、表格的方法。
二、本課重難點(diǎn)
本課的教學(xué)重點(diǎn)是管理網(wǎng)站導(dǎo)航;教學(xué)難點(diǎn)是制作網(wǎng)站分頁(yè)時(shí)網(wǎng)頁(yè)元素的定位。
三、課文說(shuō)明
用FrontPage建立的網(wǎng)站會(huì)自動(dòng)生成一個(gè)網(wǎng)站導(dǎo)航。網(wǎng)站導(dǎo)航實(shí)際上就是一組超鏈接,它既包括了網(wǎng)站內(nèi)容——“我能在這里找到什么”,也包括了這些服務(wù)是怎樣組織的。網(wǎng)站導(dǎo)航是網(wǎng)站的通道,我們?cè)诮ㄕ厩熬鸵O(shè)計(jì)好,怎樣才能讓用戶最方便快捷地到想去的頁(yè)面,怎樣才能把網(wǎng)站最好內(nèi)容體現(xiàn)在用戶面前。
對(duì)整個(gè)網(wǎng)站有了規(guī)劃后,就可以制作各分頁(yè),各分頁(yè)特別要注意網(wǎng)頁(yè)文字、圖片等元素的定位,否則整個(gè)頁(yè)面的內(nèi)容會(huì)雜亂無(wú)章。網(wǎng)頁(yè)元素要求用表格來(lái)定位。
四、教學(xué)建議
本課利用網(wǎng)站導(dǎo)航來(lái)管理“武漢·中國(guó)光谷”網(wǎng)站,因此必須讓學(xué)生知道導(dǎo)航欄的概念及作用。根據(jù)網(wǎng)站的規(guī)劃,設(shè)計(jì)好分支以及首頁(yè)和各分支的鏈接,這個(gè)操作主要在“導(dǎo)航視圖”中完成。各分頁(yè)中網(wǎng)頁(yè)元素的定位主要是由表格來(lái)完成,因此也要求學(xué)生熟悉使用表格。
一、導(dǎo)航視圖的使用功能
1、可以縱覽網(wǎng)站的整體布局,并可以組織網(wǎng)頁(yè),創(chuàng)建當(dāng)前站點(diǎn)的導(dǎo)航結(jié)構(gòu)等。如在站點(diǎn)根目錄下建立一個(gè)新網(wǎng)頁(yè)可按以下步驟操作:?jiǎn)螕羰髽?biāo)右鍵,執(zhí)行“新建/網(wǎng)頁(yè)”命令,并將此網(wǎng)頁(yè)命名為New.htm,完成后切換到導(dǎo)航視圖;將剛創(chuàng)建的網(wǎng)頁(yè)添加到當(dāng)前導(dǎo)航結(jié)構(gòu)中,單擊“文件夾列表”中的網(wǎng)頁(yè),再將其拖動(dòng)到結(jié)構(gòu)中所需的位置。如果要修改此網(wǎng)頁(yè)中的標(biāo)題,可以用鼠標(biāo)右鍵單擊網(wǎng)頁(yè),再單擊快捷菜單上的“重命名”即可修改當(dāng)前網(wǎng)頁(yè)的名稱(chēng)。
2、在導(dǎo)航視圖中還可以根據(jù)自己的需要移動(dòng)網(wǎng)頁(yè)站點(diǎn)內(nèi)任何一個(gè)網(wǎng)頁(yè)。移動(dòng)網(wǎng)頁(yè)的方法是:?jiǎn)螕艟W(wǎng)頁(yè)、再將其拖動(dòng)到其他網(wǎng)頁(yè)的下面或旁邊即可。如果打算從導(dǎo)航視圖中刪除網(wǎng)頁(yè),可以單擊網(wǎng)頁(yè)后按下“del”按鈕。
3、創(chuàng)建站點(diǎn)結(jié)構(gòu)目錄。我們可以根據(jù)站點(diǎn)的導(dǎo)航結(jié)構(gòu)創(chuàng)建一個(gè)站點(diǎn)目錄,該目錄也可以包含導(dǎo)航結(jié)構(gòu)中沒(méi)有的具有超鏈接的網(wǎng)頁(yè)。首先打開(kāi)前面創(chuàng)建的網(wǎng)頁(yè)new.htm ,切換到網(wǎng)頁(yè)視圖,將插入點(diǎn)入在要?jiǎng)?chuàng)建目錄的位置,然后執(zhí)行“插入/WEB組件”命令,在打開(kāi)的對(duì)話框中,選擇“目錄”并在右邊的窗格中選擇“該Web站點(diǎn)”,然后單擊“完成”按鈕,進(jìn)入目錄屬性對(duì)話框后,在“目錄初始點(diǎn)的網(wǎng)頁(yè)URl”框中,輸入作為目錄起點(diǎn)的網(wǎng)頁(yè)的相對(duì)URL,比如輸入“index.htm”則表示從站點(diǎn)首頁(yè)開(kāi)始制作目錄,完成后單擊“確定”按鈕即可在當(dāng)前網(wǎng)頁(yè)生成一份站點(diǎn)目錄了。
4、導(dǎo)航欄是用來(lái)幫助網(wǎng)站訪問(wèn)者瀏覽點(diǎn)的工具,要在網(wǎng)站的每個(gè)頁(yè)面都能見(jiàn)到導(dǎo)航欄。
二、網(wǎng)頁(yè)中插入表格
根據(jù)網(wǎng)頁(yè)版面的要求,網(wǎng)頁(yè)中文字、圖片等元素的布局定位,用表格來(lái)完成,要求學(xué)生掌握表格屬性和單元格屬性,并分清兩者的區(qū)別。
在“學(xué)一學(xué)”中,讓學(xué)生動(dòng)手實(shí)踐,使學(xué)生理解導(dǎo)航欄的作用,熟練掌握導(dǎo)航的修改,網(wǎng)頁(yè)插入表格的方法及作用,根據(jù)設(shè)計(jì)要求制作出網(wǎng)站的各個(gè)分頁(yè)。同時(shí)利用“特別提醒”、“動(dòng)手做”、“做一做”等環(huán)節(jié),合理安排教學(xué)過(guò)程與方法,使學(xué)生完成本課任務(wù)。
最后讓學(xué)生做一做本課中的“評(píng)一評(píng)”,對(duì)自己或其他同學(xué)作出適當(dāng)?shù)脑u(píng)價(jià)。學(xué)生動(dòng)手實(shí)踐時(shí),老師應(yīng)該大膽鼓勵(lì)、表?yè)P(yáng)、肯定,建議適當(dāng)?shù)貙W(xué)生實(shí)踐過(guò)程和實(shí)踐結(jié)果作出評(píng)價(jià),以提高學(xué)生的興趣。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)
點(diǎn)擊舉報(bào)。