第一篇：框架網(wǎng)頁的制作教案設(shè)計(jì)與反思

框架網(wǎng)頁的制作教案設(shè)計(jì)與反思

江蘇省宜興市和橋鎮(zhèn)第二中學(xué) 呂超 郵編：214211 E-mail：lvchao012326@163.com

一、教學(xué)目標(biāo)：

1、知識(shí)與技能：

（1）、了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。

（2）、掌握框架結(jié)構(gòu)網(wǎng)頁的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。（3）、掌握框架中頁面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。

2、過程與方法：

（1）、能夠區(qū)分框架結(jié)構(gòu)屬性設(shè)置與網(wǎng)頁屬性設(shè)置的不同點(diǎn)。（2）、通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計(jì)，使學(xué)生對(duì)網(wǎng)頁的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識(shí)。

3、情感態(tài)度與價(jià)值觀：

（1）、能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。（2）、培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)的審美意識(shí)、創(chuàng)新意識(shí)。

二、教學(xué)重點(diǎn)難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）、框架網(wǎng)頁的作用和功能，框架的建立與屬性設(shè)置。（2）、框架中各個(gè)頁面之間的關(guān)聯(lián)，每個(gè)框中頁面的設(shè)置方法。（3）、框架網(wǎng)頁的保存方法。

2、教學(xué)難點(diǎn)：

（1）、框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的設(shè)置方法。（2）、理解框架結(jié)構(gòu)的多頁面存儲(chǔ)方法及各頁面之間的關(guān)聯(lián)。

三、教學(xué)過程：

1、創(chuàng)設(shè)情境、導(dǎo)入新課

（1）、教師展示一組表格制作的網(wǎng)頁，引導(dǎo)學(xué)生找出它們的共同特點(diǎn)。并提問如何快捷地制作這種網(wǎng)頁（學(xué)生回答：使用復(fù)制、粘貼快捷地制作）。

（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁的制作。

設(shè)計(jì)意圖：通過對(duì)比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂趣。

2、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)

（1）、教師展示一個(gè)框架網(wǎng)頁，引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念。（2）、出示任務(wù)一：框架網(wǎng)頁的新建與保存。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實(shí)踐學(xué)習(xí)。（3）、教師講解框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁文件的來源，可以通過每個(gè)框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進(jìn)行選擇。

（4）、學(xué)生理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個(gè)按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。（5）、出示任務(wù)二：相關(guān)頁面的制作與設(shè)置。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第228、229頁的實(shí)踐學(xué)習(xí)。（6）、學(xué)生制作相關(guān)頁面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。教師反饋學(xué)生的操作情況，開展評(píng)比活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給與表揚(yáng)。（7）、出示任務(wù)三：框架網(wǎng)頁屬性的設(shè)置。學(xué)生自主探究學(xué)習(xí)，有問題可向教師尋求幫助。教師基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行拓展學(xué)習(xí)。

（8）、教師請(qǐng)學(xué)生示范操作，并說明自己設(shè)置的方法和原因。同時(shí)鼓勵(lì)做的比較好的學(xué)生。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對(duì)于課堂教學(xué)難點(diǎn)，學(xué)生在教師的講解后模仿操作，有效突破難點(diǎn)。

3、展示作品、課堂小結(jié)

（1）、教師給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，并讓學(xué)生分組，推進(jìn)一些優(yōu)秀作品在全班展示。

（2）、教師點(diǎn)評(píng)，并鼓勵(lì)完成作品比較好的學(xué)生。

設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。展示優(yōu)秀作品鼓勵(lì)學(xué)生，激發(fā)學(xué)生的創(chuàng)作欲望。

四、教學(xué)反思：

1、本節(jié)課是在學(xué)習(xí)完簡(jiǎn)單網(wǎng)頁、表格布局網(wǎng)頁、交互式網(wǎng)頁的基礎(chǔ)上，進(jìn)一步學(xué)習(xí)網(wǎng)頁的設(shè)計(jì)方法。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)與技能，所以教師可以根據(jù)學(xué)生的實(shí)際情況，采用更靈活的教學(xué)方法。教師可以簡(jiǎn)單介紹框架結(jié)構(gòu)網(wǎng)頁的功能及框架的建立與編輯方法，以及框架屬性設(shè)置與網(wǎng)頁屬性設(shè)置的方法與區(qū)別。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動(dòng)畫，完成框架網(wǎng)頁設(shè)計(jì)任務(wù)。

第二篇：框架網(wǎng)頁制作教案分析

框架網(wǎng)頁的制作

教學(xué)目標(biāo)：

1．知識(shí)與技能：

（1）理解框架的概念及基本用途。

（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。

（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。

2．過程與方法：

（1）通過對(duì)表格網(wǎng)頁的分析，體驗(yàn)新知識(shí)（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點(diǎn)，從而促進(jìn)更好的學(xué)習(xí)新知識(shí)。

（2）通過理解框架的概念與組成，學(xué)會(huì)分析框架網(wǎng)站的結(jié)構(gòu)。（3）通過動(dòng)手操作來深入了解框架的使用方法及用途，提高在網(wǎng)頁制作方面的知識(shí)水平，培養(yǎng)自主學(xué)習(xí)的能力。3．情感態(tài)度與價(jià)值觀：

（1）通過以“人與動(dòng)物”為主題的框架結(jié)構(gòu)網(wǎng)頁的制作活動(dòng)，開拓知識(shí)面，激發(fā)學(xué)習(xí)興趣與熱情，體會(huì)框架網(wǎng)頁在展現(xiàn)主題內(nèi)容中的作用。（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。

（3）形成積極主動(dòng)的學(xué)習(xí)和使用多媒體技術(shù)的習(xí)慣，通過參與信息活動(dòng)，參與社會(huì)實(shí)踐，樹立團(tuán)隊(duì)意識(shí)，形成積極合作的態(tài)度。

教學(xué)要點(diǎn)：

1．重點(diǎn)：

（1）框架的概念、用途。（2）創(chuàng)建、編輯與保存框架網(wǎng)頁的方法，框架的嵌套使用。2．難點(diǎn)：（1）框架的拆分。（2）制作框架網(wǎng)頁。

教學(xué)對(duì)象分析：

本節(jié)內(nèi)容是針對(duì)高一學(xué)生，而初上高中的他們對(duì)一切新知識(shí)都很好奇，同時(shí)存在著一定的懵懂，因此在教授他們本節(jié)課知識(shí)之前，要事先充分激發(fā)他們對(duì)本節(jié)課內(nèi)容的興趣，因此課前老師先展示一組利用表格制作的框架網(wǎng)頁，要求學(xué)生仔細(xì)觀察，找出它們的一個(gè)共同特點(diǎn)，并提問如何快捷地制作這種網(wǎng)頁？從而引出本節(jié)課內(nèi)容，并且在講授內(nèi)容的過程中，要耐心的進(jìn)行演示教學(xué)，不能一味的口述使學(xué)生感到一片茫然。

教材分析：

從在本教材中所處的位置來看，《運(yùn)用框架結(jié)構(gòu)制作網(wǎng)頁》是在創(chuàng)建新站點(diǎn)，制作簡(jiǎn)單網(wǎng)頁、運(yùn)用表格制作網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁之后。通過前面的學(xué)習(xí)，學(xué)生可以建立有多張網(wǎng)頁的個(gè)人站點(diǎn)，在對(duì)網(wǎng)頁的設(shè)計(jì)中會(huì)運(yùn)用表格給網(wǎng)頁布局，為了使網(wǎng)頁增添動(dòng)感，還會(huì)通過增加滾動(dòng)字幕、動(dòng)態(tài)按鈕以及動(dòng)畫插件等方法，令網(wǎng)頁更加具有活力。但是除了表格布局外，還有一種常見的布局形式，應(yīng)用也相當(dāng)廣泛，學(xué)生在瀏覽一些著名網(wǎng)站時(shí)就能遇到，通過本節(jié)課《運(yùn)用框架結(jié)構(gòu)制作網(wǎng)頁》學(xué)習(xí)，可以為學(xué)生解惑，幫助學(xué)生理解框架結(jié)構(gòu)制作網(wǎng)頁的應(yīng)用。從教材的難易度分析，這部分知識(shí)點(diǎn)學(xué)生從來沒有接觸過，在前面學(xué)習(xí)其它的應(yīng)用軟件時(shí)也沒有類似的地方，故而有一定難度，教學(xué)目標(biāo)不能定的過高。

第三篇：第五課 統(tǒng)一風(fēng)格——制作框架網(wǎng)頁

統(tǒng)一風(fēng)格——制作框架網(wǎng)頁

教學(xué)目標(biāo)： 1.掌握表格的拆分與合并。

2.學(xué)會(huì)創(chuàng)建框架、制作框架網(wǎng)頁和保存框架網(wǎng)頁。

3.能制作鼠標(biāo)經(jīng)過圖像的動(dòng)態(tài)效果。4.學(xué)會(huì)制作超級(jí)鏈接和電子郵件鏈接。

5.掌握目標(biāo)設(shè)置在網(wǎng)頁制作過程中的作用和方法。

教學(xué)重點(diǎn)：創(chuàng)建框架和制作框架網(wǎng)頁。

教學(xué)用具：多媒體網(wǎng)絡(luò)教室。教學(xué)方法：講解、學(xué)生練習(xí)。時(shí)間安排：2節(jié)課 教學(xué)過程：

一、課程導(dǎo)入

一個(gè)網(wǎng)站常常劃分成多個(gè)區(qū)域，對(duì)于每個(gè)區(qū)域來說，其色彩搭配、網(wǎng)站風(fēng)格、網(wǎng)站標(biāo)題、網(wǎng)站導(dǎo)航都是統(tǒng)一的。為了能做到這種統(tǒng)一，我們每個(gè)網(wǎng)頁中相同的內(nèi)容固定在一個(gè)區(qū)域。我們通過創(chuàng)建框架制作框架網(wǎng)頁，可以輕松實(shí)現(xiàn)網(wǎng)頁結(jié)構(gòu)劃分和布局。看一個(gè)使用了框架的網(wǎng)頁范例，師大資源網(wǎng)（http://source.xjnu.edu.cn）。使大家對(duì)框架有一個(gè)初步的了解和感性認(rèn)識(shí)。

二、新課講授 1.新建站點(diǎn)

（1）將“安全自護(hù)我能行”站點(diǎn)文件夾safe傳到學(xué)生機(jī)。（2）新建站點(diǎn)。

2.創(chuàng)建框架和框架集

制作框架網(wǎng)頁的前提是創(chuàng)建框架，并根據(jù)網(wǎng)頁布局設(shè)計(jì)框架的樣式，然后再具體設(shè)計(jì)制作網(wǎng)頁的內(nèi)容。（1）規(guī)劃“框架”文件夾。（2）新建框架集

步驟1：執(zhí)行“文件”——》“新建”命令，打開“新建文檔”對(duì)話框，在 “類別”中選擇 “框架集”。

步驟2：?jiǎn)螕簟皠?chuàng)建”按鈕，在彈出對(duì)話框中單擊“確定”，框架創(chuàng)建完成。（3）保存框架集

步驟1：執(zhí)行“文件”——》“保存全部”命令，保存到frame文件夾中。步驟2：重命名框架集文件和每個(gè)框架文件。（4）設(shè)置框架和框架屬性

框架的屬性包括框架名稱、源文件、邊距、尺寸、滾動(dòng)條等；框架集的屬性包括框架面積、框架邊界顏色、距離等。

步驟1：執(zhí)行“窗口”——》“框架”命令，打開框架面板。

步驟2：?jiǎn)螕簟翱蚣堋泵姘逯械目蚣苓吘壊糠郑x中框架集，在 “屬性”面板中設(shè)置框架集的屬性。

步驟3：?jiǎn)螕簟翱蚣堋泵姘逯械膖opFrame框架和mainFrame框架，在“屬性”面板中設(shè)置所選框架的屬性。（5）制作框架網(wǎng)頁 ①制作上框架網(wǎng)頁

步驟1：打開網(wǎng)頁top.html，設(shè)置背景顏色#EAFF8A，上邊距為0像素。步驟2：插入一個(gè)2行5列的表格并調(diào)整行列的高寬。。。步驟3：在導(dǎo)航表格中，設(shè)置鼠標(biāo)經(jīng)過圖像。步驟4：為圖片添加超鏈接，設(shè)置打開方式（目標(biāo)）。②制作下框架網(wǎng)頁

步驟1：打開網(wǎng)頁main.html，設(shè)置背景顏色#EAFF8A，上邊距為0像素。步驟2：插入一個(gè)5行9列的表格并調(diào)整行列的高寬。。。步驟3：合并相關(guān)單元格。

步驟4：插入圖片，并為圖片添加超鏈接。步驟5：添加郵件鏈接。

三、學(xué)生練習(xí)

學(xué)生小組合作完成書上的練習(xí)任務(wù)，并將任務(wù)上交到教師機(jī)。

四、作品評(píng)價(jià)

對(duì)于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表揚(yáng)鼓勵(lì)。

五、本課小結(jié)

1.創(chuàng)建框架，實(shí)現(xiàn)網(wǎng)頁風(fēng)格的統(tǒng)一，保存框架時(shí)，需要保存框架集文件和含有框架的所有文件。

2.利用鼠標(biāo)經(jīng)過圖像，可以制作網(wǎng)頁導(dǎo)航動(dòng)態(tài)按鈕。3.超級(jí)鏈接是實(shí)現(xiàn)網(wǎng)頁互聯(lián)的關(guān)鍵，設(shè)置網(wǎng)頁的打開方式，可以調(diào)整鏈接網(wǎng)頁的顯示位置。

第四篇：應(yīng)用表格布局網(wǎng)頁教案設(shè)計(jì)與反思

應(yīng)用表格布局網(wǎng)頁教案設(shè)計(jì)與反思

一、教學(xué)目標(biāo)：

1、知識(shí)與技能：

（1）、了解表格在網(wǎng)頁設(shè)計(jì)中的作用。

（2）、掌握網(wǎng)頁中表格的制作方法、表格屬性的設(shè)置方法以及單元格的修飾與編輯方法，能夠在單元格中正確插入文字和圖片。

（3）、能夠根據(jù)網(wǎng)頁設(shè)計(jì)內(nèi)容，正確布局表格的結(jié)構(gòu)，掌握表格嵌套的設(shè)計(jì)方法。

2、過程與方法：

（1）、利用對(duì)比學(xué)習(xí)，培養(yǎng)學(xué)生知識(shí)遷移的能力。

（2）、通過用表格結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁，使學(xué)生進(jìn)一步理解表格的作用、功能及網(wǎng)頁設(shè)計(jì)方法的多樣性，培養(yǎng)學(xué)生的發(fā)散思維能力。

（3）、通過自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。

3、情感態(tài)度與價(jià)值觀：

（1）、通過對(duì)比學(xué)習(xí)使學(xué)生體驗(yàn)軟件學(xué)習(xí)的一般方法及規(guī)律，提高學(xué)生自主學(xué)習(xí)的能力。

（2）、通過運(yùn)用表格布局網(wǎng)頁對(duì)象活動(dòng)，進(jìn)一步掌握各種不同對(duì)象屬性的設(shè)置方法和規(guī)律，體驗(yàn)創(chuàng)造的快樂。

（3）、通過“動(dòng)物——人類的朋友”網(wǎng)站的設(shè)計(jì)與制作，激發(fā)學(xué)生關(guān)愛動(dòng)物、保護(hù)動(dòng)物的責(zé)任感，從而進(jìn)一步樹立共同改善人類生存環(huán)境的意識(shí)。

二、教學(xué)重點(diǎn)難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）、了解表格在網(wǎng)頁設(shè)計(jì)中的重要作用。

（2）、掌握插入、編輯表格的方法及表格的屬性設(shè)置。（3）、掌握單元格的修飾與屬性的設(shè)置。

2、教學(xué)難點(diǎn)：

（1）、表格的嵌套在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。

三、教學(xué)過程：

1、創(chuàng)設(shè)情境、導(dǎo)入新課

（1）、展示兩個(gè)頁面并進(jìn)行比較：一個(gè)使用表格布局，但表格邊框隱藏（看不出表格痕跡），其頁面工整，文本、圖片擺放對(duì)稱，具有一定的規(guī)律；另一個(gè)頁面凌亂，圖文混雜，擺放雜亂。

（2）、提問：你喜歡那個(gè)頁面的布局？學(xué)生回答。

（3）、提出問題：有什么方法可以達(dá)到第一個(gè)頁面的效果。觀察第三個(gè)頁面，內(nèi)容與第一個(gè)頁面相同，顯現(xiàn)頁面中表格的邊框。

（4）、學(xué)生討論、交流，回顧Word中學(xué)習(xí)過的表格，領(lǐng)悟表格在FrontPage中的作用。

設(shè)計(jì)意圖：通過對(duì)比學(xué)習(xí)，培養(yǎng)學(xué)生知識(shí)遷移的能力。

2、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)

（1）、展示一些由表格布局的網(wǎng)頁，引導(dǎo)學(xué)生分析其表格結(jié)構(gòu)，自然過渡到分析教材中的例子，得出表格的布局。

（2）出示任務(wù)一：規(guī)劃網(wǎng)頁表格的布局。分層完成該任務(wù)，基礎(chǔ)相對(duì)薄弱的學(xué)生僅要求讀懂教材中的網(wǎng)頁表格布局，知道規(guī)則，根據(jù)表格的行數(shù)與列數(shù)，調(diào)整至最終樣式；基礎(chǔ)扎實(shí)、操作能力較強(qiáng)的學(xué)生可以跳出教材，自行設(shè)計(jì)表格網(wǎng)頁布局，并將自己的表格設(shè)計(jì)繪制在教材上。

設(shè)計(jì)意圖：分層教學(xué)，學(xué)生可以根據(jù)自己的實(shí)際情況選擇任務(wù)難度，并動(dòng)手分析和進(jìn)行創(chuàng)意設(shè)計(jì)，培養(yǎng)學(xué)生的模仿以及創(chuàng)新能力。

（3）、出示任務(wù)二：新建一個(gè)頁面，用表格布局該網(wǎng)頁，并在該網(wǎng)頁中放入相應(yīng)內(nèi)容。FrontPage中表格的插入于編輯與Word中的表格操作類似，教師著重引導(dǎo)學(xué)生進(jìn)行知識(shí)遷移。

（4）、學(xué)生操作，教師安排操作熟練的學(xué)生進(jìn)行演示。設(shè)計(jì)意圖：培養(yǎng)學(xué)生知識(shí)遷移的能力和動(dòng)手能力。

（5）、出示任務(wù)三：在表格中插入圖片、輸入文字。任務(wù)四：表格屬性以及單元格屬性的設(shè)置。

（6）、學(xué)生根據(jù)自己的實(shí)際情況選擇任務(wù)難度，可按教師的具體要求操作，也可根據(jù)自己的意圖進(jìn)行設(shè)計(jì)。設(shè)計(jì)意圖：確保達(dá)到教學(xué)目標(biāo)的同時(shí)，給學(xué)生一定的自主空間，鼓勵(lì)他們?nèi)?chuàng)新，而不應(yīng)讓學(xué)生一成不變地生硬模仿。

（7）、出示任務(wù)五（提高內(nèi)容）：表格的嵌套。學(xué)生動(dòng)手制作網(wǎng)頁。設(shè)計(jì)意圖：更好的發(fā)揮優(yōu)秀學(xué)生創(chuàng)作思維動(dòng)手能力。

3、課堂小結(jié)、后續(xù)活動(dòng)

（1）、教師引導(dǎo)學(xué)生回憶本節(jié)課學(xué)習(xí)的內(nèi)容：在FrontPage中插入表格、編輯表格以及表格嵌套的基本方法等。

（2）、教師展示優(yōu)秀作品，表揚(yáng)完成任務(wù)的學(xué)習(xí)，對(duì)未完成任務(wù)的學(xué)生，應(yīng)鼓勵(lì)他們利用課余時(shí)間繼續(xù)完成。

四、教學(xué)反思： 略

第五篇：《框架網(wǎng)頁》教案

《框架網(wǎng)頁》教案

八年級(jí)信息技術(shù)備課組

組長(zhǎng)簽名

授課人

教學(xué)目的：學(xué)習(xí)框架網(wǎng)頁的制作方法，掌握框架網(wǎng)頁的構(gòu)成。教學(xué)重點(diǎn)：框架網(wǎng)頁的制作, 框架網(wǎng)頁的屬性。教學(xué)時(shí)間：2課時(shí) 教學(xué)步驟： 一）、框架頁的基本組成

框架頁是一種特殊格式的網(wǎng)頁，主要由邊框、網(wǎng)頁、滾動(dòng)條組成。在框架頁中，每個(gè)框架都有一個(gè)網(wǎng)頁相連接。當(dāng)打開框架頁時(shí)，則同時(shí)載入每個(gè)框架所相連的網(wǎng)頁文件。

在框架頁中顯示的是三個(gè)獨(dú)立的網(wǎng)頁組成的（實(shí)際下載了四個(gè)網(wǎng)頁，還包括框架頁本身這個(gè)網(wǎng)頁）。主體框一般用來顯示正文內(nèi)容的。二）、創(chuàng)建框架頁

FrontPage 2000提供了10個(gè)框架網(wǎng)頁向?qū)椭覀儎?chuàng)建框架頁。其操作步驟如下：（1）打開【文件】菜單，選擇【新建】菜單項(xiàng)，在子菜單中選擇【網(wǎng)頁】菜單項(xiàng)，出現(xiàn)新建對(duì)話框。

（2）在對(duì)話框中單擊【框架網(wǎng)頁】選項(xiàng)卡。

（3）在選項(xiàng)卡中選擇【目錄】，此時(shí)在【預(yù)覽】欄中會(huì)顯示被選中的框架結(jié)構(gòu)圖，并在上方顯示說明情況。

（4）單擊【確定】按鈕后，出現(xiàn)框架結(jié)構(gòu)圖。

（5）新創(chuàng)建的框架結(jié)構(gòu)共有2個(gè)網(wǎng)頁窗口，其中一個(gè)在左邊，另一個(gè)在右邊。這時(shí)單擊【新建網(wǎng)頁】按鈕后，我們可以在當(dāng)前框架網(wǎng)頁中輸入文字、圖片等內(nèi)容了。（如果這時(shí)單擊【設(shè)置初始網(wǎng)頁】按鈕后，將彈出一個(gè)“創(chuàng)建超鏈接”的對(duì)話框，可以為所在的框架超鏈接到指定的網(wǎng)頁上去。）

（6）框架的保存：?jiǎn)螕簟?/p>

”工具按鈕，出現(xiàn)【另存為】對(duì)話框。

? 保存左邊框的網(wǎng)頁文件。在對(duì)話框右面的框架示意圖中，單擊左邊框后為藍(lán)色，表示左邊框中的網(wǎng)頁正準(zhǔn)備保存。在“URL”中輸入文件名“in1”，單擊【確定】按鈕后，此時(shí)左邊框的網(wǎng)頁文件被保存起來。

? 保存右邊框的網(wǎng)頁文件。緊接著，在對(duì)話框的框架示意圖中，右邊框顯示為藍(lán)色。在“URL”中輸入文件名“in2”，單擊【確定】按鈕后，右邊框的網(wǎng)頁文件也被保存起來。? 保存框架本身網(wǎng)頁。在對(duì)話框中整個(gè)框架示意圖的邊框?yàn)樗{(lán)色，在“URL”中輸入文件名“index.htm”，單擊【確定】按鈕后，此時(shí)保存的是整個(gè)框架頁文件。三）、框架及框架頁的屬性

1、設(shè)置框架的屬性

框架有很多屬性，例如框架的名稱、寬度、高度、邊距、滾動(dòng)條、可調(diào)整性、間距等。以框架頁為例說明，其具體操作方法如下：

單擊要設(shè)置屬性的框架，然后單擊【框架】菜單，再單擊【框架屬性】菜單項(xiàng)，出現(xiàn)對(duì)話框?？梢栽诖藢?duì)話框中修改框架的屬性了。

2、框架頁的屬性

以上是設(shè)置每個(gè)框架的屬性，而修改整個(gè)框架頁的屬性，其具體操作如下： 在【框架屬性】對(duì)話框中，單擊【框架網(wǎng)頁】按鈕，會(huì)出現(xiàn)“網(wǎng)頁屬性”對(duì)話框。

第周八年級(jí)信息技術(shù)教案 在這個(gè)對(duì)話框中的“框架”選項(xiàng)卡中只有兩項(xiàng)：

? “框架間距”：指框架之間的邊框的寬度，默認(rèn)值為2。

如果框架不要顯示出邊框時(shí)，可單擊“顯示邊框”前面的單選框，取消“√”。四）、框架頁的編輯

在框架頁中，當(dāng)要拆分某一框架時(shí)，單擊框架→拆分框架→選擇并確定。當(dāng)要?jiǎng)h除某一框架時(shí)，單擊框架→刪除框架→選擇并確定。五）、框架頁的超鏈接

在框架頁中，當(dāng)單擊左邊的超鏈接時(shí)，在右邊框中顯示該超鏈接網(wǎng)頁的內(nèi)容。下面我們將以框架頁為例，說明怎樣實(shí)現(xiàn)框架網(wǎng)頁之間的超鏈接。其操作步驟如下：

（1）在左邊的框架中選擇要設(shè)置超鏈接的“（2）單擊“選擇“jbxx.htm”。

（3）在對(duì)話框右下角“目標(biāo)框架”欄，單擊“標(biāo)設(shè)置”欄中就相應(yīng)顯示所選定的區(qū)域名稱。其中：

? 網(wǎng)頁默認(rèn)值(main)：超鏈接的網(wǎng)頁將顯示在右邊框（即“main主體”）。? 相同框架：在左邊框單擊某個(gè)超鏈接時(shí)，其鏈接網(wǎng)頁也將顯示在左邊框。? 整頁：?jiǎn)螕裟硞€(gè)超鏈接時(shí)，只顯示所鏈接的網(wǎng)頁，原來框架不再顯示。? 新建窗口：?jiǎn)螕裟吵溄訒r(shí)，所鏈接的網(wǎng)頁將顯示在新打開的瀏覽器中。? 父框架：?jiǎn)螕裟硞€(gè)超鏈接時(shí)，將返回上一級(jí)的框架。六）、上機(jī)操作

練習(xí)設(shè)計(jì)框架網(wǎng)頁

”圖片（或文字）。

”超鏈接工具按鈕，出現(xiàn)【編輯超鏈接】對(duì)話框。這時(shí)在對(duì)話框的文件列表中

”按鈕，出現(xiàn)一個(gè)對(duì)話框。

在對(duì)話框中，單擊框架示意圖中不同的區(qū)域，也可以單擊右邊列表框的選項(xiàng)，在對(duì)話框的“目

課堂小結(jié)

板書設(shè)計(jì) ：

教學(xué)反思

第周八年級(jí)信息技術(shù)教案