海曙-框架網(wǎng)頁(yè)(王安樂(lè))

《海曙-框架網(wǎng)頁(yè)(王安樂(lè))》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、FRONTPAGE中的框架網(wǎng)頁(yè)寧波市興寧中學(xué)王安樂(lè)定義：框架網(wǎng)頁(yè)是—種特殊的HTML網(wǎng)頁(yè)，它可將瀏覽器窗口分成不同的區(qū)域，稱為框架區(qū)域，每個(gè)區(qū)域都可以顯示不同的網(wǎng)頁(yè)。在框架網(wǎng)頁(yè)中，用來(lái)分隔網(wǎng)頁(yè)的窗格稱為框架。每個(gè)框架包括框架高度、框架寬度、滾動(dòng)條和框架邊框等屬性，此外還可指定框架的內(nèi)邊距（框架與網(wǎng)頁(yè)正文之間的距離）?？蚣埽‵rames）由框架集（Frameset）和單個(gè)框架（Frame）兩部分組成?？蚣芗且粋€(gè)定義框架結(jié)構(gòu)的網(wǎng)頁(yè)，它包括網(wǎng)頁(yè)內(nèi)框架的數(shù)目、每個(gè)框架的大小、框架內(nèi)網(wǎng)頁(yè)的來(lái)源和框架的其它屬性等。單個(gè)框架包含

2、在框架集中，是框架集的一部分，每個(gè)框架中都放置一個(gè)網(wǎng)頁(yè)內(nèi)容，組合起來(lái)就是瀏覽者看到的框架式網(wǎng)頁(yè)。圖1-1框架網(wǎng)頁(yè)框架網(wǎng)頁(yè)是由N+1個(gè)網(wǎng)頁(yè)組成的，N是框架數(shù)。例如：一個(gè)包含3框架的框架網(wǎng)頁(yè)一共有4個(gè)網(wǎng)頁(yè)組成。例如，使用“橫幅和目錄”框架網(wǎng)頁(yè)模板創(chuàng)建的框架網(wǎng)頁(yè)，它是由三個(gè)單個(gè)框架頁(yè)面和一個(gè)框架集頁(yè)面組成，其中三個(gè)框架頁(yè)面分別是頂部網(wǎng)頁(yè)（橫幅框架）、左邊網(wǎng)頁(yè)（目錄框架）、中間網(wǎng)頁(yè)（主體框架），結(jié)構(gòu)如圖1-1所示。分析：FRONTPAGE中的框架網(wǎng)頁(yè)，是浙教版初中信息技術(shù)課程七年級(jí)下冊(cè)第十三課《復(fù)雜網(wǎng)頁(yè)的制作──帶框架網(wǎng)頁(yè)的

3、設(shè)計(jì)》的教學(xué)內(nèi)容。在開(kāi)始學(xué)習(xí)本課內(nèi)容之前，學(xué)生已經(jīng)學(xué)習(xí)了網(wǎng)站規(guī)劃和設(shè)計(jì)、學(xué)會(huì)了用FrontPage軟件來(lái)制作的網(wǎng)頁(yè)、學(xué)會(huì)了應(yīng)用表格來(lái)排版網(wǎng)頁(yè)中頁(yè)面的內(nèi)容、學(xué)會(huì)在網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接，他們掌握建設(shè)網(wǎng)站的基本技能，為本節(jié)學(xué)習(xí)奠定了良好的基礎(chǔ)。本課主要目標(biāo)要求學(xué)生學(xué)會(huì)建立帶框架的網(wǎng)頁(yè)；學(xué)會(huì)設(shè)置框架的常用屬性；學(xué)會(huì)在帶框架網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接。框架網(wǎng)頁(yè)對(duì)于大多數(shù)學(xué)生來(lái)說(shuō)是剛接觸，比較生疏。為了減少學(xué)生的擔(dān)憂和激發(fā)學(xué)習(xí)框架網(wǎng)頁(yè)的熱情，教師通過(guò)展示作品，學(xué)生欣賞作品，通過(guò)觀察和對(duì)比，認(rèn)識(shí)框架網(wǎng)頁(yè)和普通網(wǎng)頁(yè)的區(qū)別，了解它的優(yōu)點(diǎn)，明確本

4、課學(xué)習(xí)內(nèi)容。在教學(xué)過(guò)程中宜采用任務(wù)驅(qū)動(dòng)、教師講解和演示、學(xué)生探究學(xué)習(xí)、實(shí)踐操作等多種教學(xué)方法相結(jié)合。重點(diǎn)：學(xué)會(huì)建立和保存帶框架的網(wǎng)頁(yè)。學(xué)會(huì)設(shè)置框架的屬性。學(xué)會(huì)在帶框架網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接。難點(diǎn)：建立框架網(wǎng)頁(yè)后，在保存時(shí)，每一個(gè)框架都作為一個(gè)單獨(dú)的網(wǎng)頁(yè)（文件），需要分別保存，而整個(gè)框架集是要以另一個(gè)文件保存。而對(duì)初次學(xué)習(xí)框架網(wǎng)頁(yè)的學(xué)生，最容易忽略的地方是整體框架的保存，所以在教學(xué)過(guò)程中，教師應(yīng)該講解示范、著重強(qiáng)調(diào)，引起學(xué)生高度重視，并總結(jié)帶有N個(gè)框架的框架網(wǎng)頁(yè)，在保存時(shí)應(yīng)該有N+1個(gè)頁(yè)面，每個(gè)單獨(dú)框架保存一個(gè)頁(yè)面文件，整

5、體框架保存另外一個(gè)頁(yè)面文件。在框架網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接，學(xué)生們往往不注意或不知道需要選定目標(biāo)框架，以至于雖成功創(chuàng)建超級(jí)鏈接，但在訪問(wèn)時(shí)卻不能在指定的目標(biāo)框架中顯示頁(yè)面。針對(duì)這個(gè)問(wèn)題，在教學(xué)過(guò)程中，應(yīng)該給學(xué)生講清楚原因，示范操作，然后通過(guò)練習(xí)操作和實(shí)際驗(yàn)證，來(lái)理解和掌握該項(xiàng)技術(shù)，避免錯(cuò)誤的發(fā)生。教學(xué)策略：本課教學(xué)活動(dòng)在計(jì)算機(jī)房進(jìn)行，教師機(jī)和學(xué)生機(jī)上應(yīng)該安裝好MicrosoftFrontPage2003版本的軟件和多媒體教學(xué)廣播軟件，確保正常運(yùn)行。學(xué)生先觀賞介紹寧波旅游景點(diǎn)的普通網(wǎng)頁(yè)（素材），然后查看用框架網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)寧波

6、旅游網(wǎng)網(wǎng)站效果（作品實(shí)例），二者進(jìn)行對(duì)比，讓學(xué)生發(fā)現(xiàn)普通網(wǎng)頁(yè)和框架網(wǎng)頁(yè)的區(qū)別，了解框架網(wǎng)頁(yè)的優(yōu)點(diǎn)，認(rèn)識(shí)框架網(wǎng)頁(yè)，明確本課學(xué)習(xí)的內(nèi)容。接著提出課堂任務(wù)，以任務(wù)為驅(qū)動(dòng)，知識(shí)點(diǎn)蘊(yùn)含在子任務(wù)中，學(xué)生通過(guò)完成這些子任務(wù)，來(lái)掌握框架網(wǎng)頁(yè)制作技術(shù)。在教學(xué)過(guò)程中，對(duì)于創(chuàng)建框架網(wǎng)頁(yè)和設(shè)置框架屬性等子任務(wù)，教師可以鼓勵(lì)和引導(dǎo)學(xué)生通過(guò)自主學(xué)習(xí)、探究實(shí)踐來(lái)完成。對(duì)于保存框架網(wǎng)頁(yè)和在框架網(wǎng)頁(yè)中創(chuàng)建超級(jí)鏈接，可以等學(xué)生發(fā)現(xiàn)問(wèn)題后，教師再來(lái)講解原因和示范操作。當(dāng)然在實(shí)際教學(xué)過(guò)程中，要結(jié)合學(xué)生的具體情況，做出相應(yīng)得調(diào)整，靈活采用不同的教學(xué)方法，來(lái)落

7、實(shí)教學(xué)目標(biāo)。任務(wù)范例：構(gòu)建寧波旅游網(wǎng)站點(diǎn)。推薦人：王安樂(lè)使用范圍：初一年級(jí)學(xué)生任務(wù)描述：利用提供的“介紹寧波旅游景點(diǎn)”素材，應(yīng)用框架網(wǎng)頁(yè)制作技術(shù)，構(gòu)建寧波旅游網(wǎng)站點(diǎn)。把網(wǎng)站主頁(yè)設(shè)計(jì)成橫幅、目錄、主體三個(gè)不同的部分，每個(gè)部分顯示不同的網(wǎng)頁(yè)內(nèi)容。單擊左邊目錄項(xiàng)中的景點(diǎn)名稱，打開(kāi)相應(yīng)介紹景點(diǎn)內(nèi)容的網(wǎng)頁(yè)，并確保它在主體框架中顯示。（如下是部分截圖，其中圖1-2至圖1-5是素材中的普通網(wǎng)頁(yè)，圖2-1至圖2-3是構(gòu)建后的框架網(wǎng)頁(yè)。）圖1-2標(biāo)志網(wǎng)頁(yè)普通網(wǎng)頁(yè)圖1-3導(dǎo)航網(wǎng)頁(yè)普通網(wǎng)頁(yè)普通網(wǎng)頁(yè)圖1-4寧波概況網(wǎng)頁(yè)圖1-5東錢(qián)湖景點(diǎn)網(wǎng)頁(yè)

8、普通網(wǎng)頁(yè)框架網(wǎng)頁(yè)圖2-1網(wǎng)站主頁(yè)框架網(wǎng)頁(yè)圖2-2打開(kāi)鏈接網(wǎng)頁(yè)顯示在主體框架中教學(xué)建議：1.欣賞作品、提出問(wèn)題、導(dǎo)入本課同學(xué)們下載老師提供的素材，欣賞介紹寧波旅游景點(diǎn)的網(wǎng)頁(yè)。請(qǐng)問(wèn)同學(xué)們?nèi)绾斡^看這些網(wǎng)頁(yè)內(nèi)容（學(xué)生回答）。在查看時(shí)，每次打開(kāi)一個(gè)網(wǎng)頁(yè)，它就會(huì)開(kāi)啟一個(gè)新的瀏覽器窗口，來(lái)顯示網(wǎng)頁(yè)的內(nèi)容。這種瀏覽方式非常不便，再讓學(xué)生觀看已經(jīng)備好帶框架網(wǎng)頁(yè)的