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

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

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

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

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

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

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

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

一、課程導(dǎo)入

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

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

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

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

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

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

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

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

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

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

步驟2：單擊“框架”面板中的框架邊緣部分，選中框架集，在 “屬性”面板中設(shè)置框架集的屬性。

步驟3：單擊“框架”面板中的topFrame框架和mainFrame框架，在“屬性”面板中設(shè)置所選框架的屬性。（5）制作框架網(wǎng)頁 ①制作上框架網(wǎng)頁

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

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

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

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

四、作品評價

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

五、本課小結(jié)

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

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

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

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

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

1．知識與技能：

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

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

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

2．過程與方法：

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

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

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

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

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

1．重點(diǎn)：

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

教學(xué)對象分析：

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

教材分析：

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

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

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

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

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

1、知識與技能：

（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è)計，使學(xué)生對網(wǎng)頁的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識。

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

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

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

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

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

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

（1）、框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的設(shè)置方法。（2）、理解框架結(jié)構(gòu)的多頁面存儲方法及各頁面之間的關(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è)計意圖：通過對比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂趣。

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

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

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

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

設(shè)計意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對于課堂教學(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)評，并鼓勵完成作品比較好的學(xué)生。

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

四、教學(xué)反思：

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

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

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

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

組長簽名

授課人

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

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

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

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

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

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

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

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

（6）框架的保存：單擊“

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

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

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

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

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

單擊要設(shè)置屬性的框架，然后單擊【框架】菜單，再單擊【框架屬性】菜單項，出現(xiàn)對話框。可以在此對話框中修改框架的屬性了。

2、框架頁的屬性

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

第周八年級信息技術(shù)教案 在這個對話框中的“框架”選項卡中只有兩項：

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

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

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

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

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

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

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

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

”圖片（或文字）。

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

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

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

課堂小結(jié)

板書設(shè)計 ：

教學(xué)反思

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

第五篇：教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)

教學(xué)設(shè)計：《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù)

《Dreamweaver網(wǎng)頁制作實用教程》----框架技術(shù) 教學(xué)預(yù)案設(shè)計：羅執(zhí)清（沙洋職教中心）

一、創(chuàng)意說明

網(wǎng)頁制作是計算機(jī)應(yīng)用專業(yè)的一門主干課程。我校采用的教材是機(jī)械工業(yè)出版社的《Dreamweaver網(wǎng)頁制作實用教程》，框架技術(shù)是該書第八章的內(nèi)容。書中是以三個小任務(wù)的形式介紹了制作框架網(wǎng)頁的基本步驟，若按書上內(nèi)容用傳統(tǒng)的教師講解、學(xué)生操作的方式教學(xué)，會存在一些問題。

1、學(xué)生不理解為什么要用框架結(jié)構(gòu)來制作網(wǎng)頁；

2、學(xué)生只是按任務(wù)要求及具體的操作提示來完成框架結(jié)構(gòu)網(wǎng)頁，并不知道這種框架結(jié)構(gòu)的網(wǎng)頁應(yīng)用什么場合，在什么情況下選用框架結(jié)構(gòu)來設(shè)計網(wǎng)頁呢？

3、內(nèi)容上沒有學(xué)生喜歡的動態(tài)或多媒體元素，學(xué)生覺得只是按部就班地操作，提不起興趣。所以在本節(jié)課的設(shè)計中要有心注意處理好以上三個問題，精心設(shè)計課件與學(xué)件，把提高學(xué)生學(xué)習(xí)興趣，培養(yǎng)學(xué)生動手能力有機(jī)融于教學(xué)。采用任務(wù)驅(qū)動和項目教學(xué)法，在教學(xué)中分“基本任務(wù)”和“拓展任務(wù)”兩個層次設(shè)計教學(xué)內(nèi)容，要求每個學(xué)生必須完成“基本任務(wù)”中的內(nèi)容，而對學(xué)有余力的同學(xué)再繼續(xù)完成“拓展任務(wù)”中內(nèi)容的制作，從而達(dá)到分層教學(xué)的目的。

二、學(xué)情分析

學(xué)生已經(jīng)學(xué)過了office、Photoshop、flash等軟件，對Dreamweaver 8的啟動、關(guān)閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利。同時，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力。網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

三、教材內(nèi)容分析

框架設(shè)計是網(wǎng)頁制作的一個重要模塊，能夠?qū)g覽器頁面分割成幾個不等的窗口，每個窗口相對獨(dú)立，在同一頁面的幾個窗口同時瀏覽不同的網(wǎng)頁文件或者相對保持某些窗口的內(nèi)容。從在本教材所處的位置來看，框架技術(shù)是在創(chuàng)建新站點(diǎn)、制作簡單網(wǎng)頁、運(yùn)用表格制作網(wǎng)頁和動態(tài)網(wǎng)頁之后。通過前面的學(xué)習(xí)，學(xué)生可以建立有多張網(wǎng)頁的個人站點(diǎn)，會運(yùn)用表格給網(wǎng)頁布局，為了使網(wǎng)頁增添動感，還會通過增加滾動字幕、動態(tài)按鈕以及動畫插件等方法，令網(wǎng)頁更加具有活力。但是除了表格布局外，還有一種常見的布局形式，應(yīng)用也相當(dāng)廣泛。通過本單元學(xué)習(xí)，能幫助學(xué)生理解框架結(jié)構(gòu)制作網(wǎng)頁的應(yīng)用，在設(shè)計網(wǎng)站時能靈活運(yùn)用兩種布局方法。從教材的難易度分析，這部分知識點(diǎn)學(xué)生從來沒有接觸過，有前面學(xué)習(xí)其它軟件時也沒有類似的地方，故而有一定難度，教學(xué)目標(biāo)不能定得太高。

四、教學(xué)目標(biāo)分析

本單元的認(rèn)知、能力和情感三種目標(biāo)分述如下： 認(rèn)知目標(biāo)：

①理解框架結(jié)構(gòu)的含義和用途

②掌握框架和框架集的含義，學(xué)會創(chuàng)建普通框架頁面、創(chuàng)建嵌套框架結(jié)構(gòu)頁面、創(chuàng)建浮動框架頁面 ③掌握框架屬性的設(shè)置方法 ④掌握框架網(wǎng)頁的保存方法 能力目標(biāo)：

①具備建立網(wǎng)頁框架及設(shè)置框架屬性的能力 ②能夠應(yīng)用網(wǎng)頁框架建立簡單的網(wǎng)頁 情感目標(biāo)：

培養(yǎng)學(xué)生網(wǎng)頁設(shè)計的審美能力、創(chuàng)新能力、協(xié)作學(xué)習(xí)和自主學(xué)習(xí)能力

五、教學(xué)策略設(shè)計

1、實施任務(wù)驅(qū)動，把學(xué)習(xí)的主動權(quán)交給學(xué)生，引導(dǎo)學(xué)生動手嘗試、觀察辨析

2、采用項目教學(xué)和小組討論法，培養(yǎng)學(xué)生合作學(xué)習(xí)和自主學(xué)習(xí)的能力

3、實施分層教學(xué)，從好、中、差各類學(xué)生的實際出發(fā)，確定不同層次的目標(biāo)，進(jìn)行不同層次的教學(xué)和輔導(dǎo)，使各類學(xué)生得到充分的發(fā)展

4、采用半成品加工策略，提供一些素材，讓學(xué)生直接制作，提高學(xué)習(xí)的效率。

六、教學(xué)過程設(shè)計

1、課前探究

①訪問推薦網(wǎng)頁，形成小組、組織學(xué)生討論網(wǎng)頁內(nèi)容和風(fēng)格，分析網(wǎng)頁框架和布局。②提供網(wǎng)頁欄目劃分建議。③組織各小組討論。

2、新課導(dǎo)入：教學(xué)環(huán)節(jié)

教師活動

學(xué)生活動

設(shè)計目的新 課 導(dǎo) 入

1、教師演示一些用網(wǎng)頁框架制作的優(yōu)秀網(wǎng)頁作品

2、提問：這些網(wǎng)頁是如何制作的呢？引起學(xué)生的興趣

1、回答問題，帶著問題觀察老師的操作

2、分析幾個網(wǎng)站的特色

3、提供網(wǎng)頁欄目劃分

1、開門見山，明確這節(jié)課學(xué)習(xí)的內(nèi)容

2、演示優(yōu)秀作品，引起學(xué)生的興趣