高中信息《FrontPage2000網(wǎng)站制作》教學(xué)設(shè)計(jì)

本文為網(wǎng)絡(luò)收集精選范文、公文、論文、和其他應(yīng)用文檔，如需本文，請(qǐng)下載本文為網(wǎng)絡(luò)收集精選范文、公文、論文、和其他應(yīng)用文檔，如需本文，請(qǐng)下載高中信息《FrontPage2000網(wǎng)站制作》優(yōu)質(zhì)課教學(xué)設(shè)計(jì)本文從網(wǎng)絡(luò)收集而來(lái)，上傳到平臺(tái)為了幫到更多的人，如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載本文檔（有償下載），另外祝您生活愉快，工作順利，萬(wàn)事如意！

FrontPagexxxx網(wǎng)站制作

鹽城市南洋中學(xué)王健

一、教學(xué)內(nèi)容分析：

這兩節(jié)課的教學(xué)內(nèi)容為教育科學(xué)出版社高中《信息技術(shù)基礎(chǔ)（必修）》第六章信息集成與交流中“開發(fā)設(shè)計(jì)階段”，在信息集成的一般過(guò)程的幾個(gè)階段中，具有重要的地位。本課是在進(jìn)行了主題網(wǎng)站的規(guī)劃設(shè)計(jì)后學(xué)習(xí)的，要求學(xué)生學(xué)會(huì)根據(jù)需求集成信息（制作網(wǎng)站），并在建立網(wǎng)站過(guò)程中掌握網(wǎng)頁(yè)制作的基本方法，體會(huì)信息集成過(guò)程所涉及的各方面知識(shí)的綜合運(yùn)用，通過(guò)學(xué)生的自主探究，科學(xué)研究的方法，發(fā)展創(chuàng)新意識(shí)，動(dòng)手能力。

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

本節(jié)課授課的對(duì)象為高一學(xué)生，在前階段的學(xué)習(xí)，學(xué)生已經(jīng)初步掌握了文字、圖片、聲音、視頻等多媒體信息的簡(jiǎn)單加工和處理技術(shù)，并且已經(jīng)利用woRD進(jìn)行過(guò)小報(bào)的制作。只有個(gè)別學(xué)生在初中時(shí)學(xué)過(guò)網(wǎng)頁(yè)制作，由于間隔時(shí)間長(zhǎng)，已經(jīng)有所遺忘。

經(jīng)過(guò)第一課時(shí)的學(xué)習(xí)，學(xué)生初步了解信息集成的一般過(guò)程，知道了選題立意及設(shè)計(jì)規(guī)劃的重要性，確定自己的選題，并在紙上做了初步規(guī)劃，素材已經(jīng)按照要求存放，大多數(shù)學(xué)生對(duì)網(wǎng)站制作表現(xiàn)出很強(qiáng)的興趣。

三、教學(xué)設(shè)計(jì)思想與策略：

設(shè)計(jì)思想：

、借助學(xué)習(xí)網(wǎng)站，改變學(xué)生的學(xué)習(xí)方式，以自主學(xué)習(xí)為主，教師組織引導(dǎo)為輔，培養(yǎng)學(xué)生自學(xué)、動(dòng)手、動(dòng)腦的能力，課堂教學(xué)中采取自主學(xué)習(xí)，交流學(xué)習(xí)，任務(wù)驅(qū)動(dòng)以及引領(lǐng)展示的模式，課的內(nèi)容由案例欣賞，模仿制作，原創(chuàng)作品三部分構(gòu)成。

2、利用學(xué)習(xí)網(wǎng)站，改變傳統(tǒng)的作品上傳及評(píng)價(jià)模式。

教學(xué)策略：

通過(guò)展示優(yōu)秀案例，激發(fā)學(xué)生的學(xué)習(xí)興趣，將制作過(guò)程分解為若干任務(wù)，通過(guò)學(xué)生自主探究，老師適時(shí)引導(dǎo)的方式完成整體網(wǎng)站的制作，然后根據(jù)所學(xué)知識(shí)自主選題，完成自已的作品創(chuàng)作。

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

、知識(shí)與技能：

（1）了解網(wǎng)站制作的一般過(guò)程。

（2）學(xué)會(huì)利用FrontPagexxxx建立站點(diǎn)，掌握網(wǎng)頁(yè)制作的基本方法：文字的插入、圖片的插入和設(shè)置、動(dòng)畫的插入和設(shè)置、表格的相關(guān)操作等。

（3）掌握用frontpage制作超鏈接的方法。

2、過(guò)程與方法：

以任務(wù)為驅(qū)動(dòng)，以學(xué)習(xí)網(wǎng)站作為技術(shù)支持，讓學(xué)生在自我探索、自我學(xué)習(xí)中完成任務(wù)，掌握網(wǎng)頁(yè)制作的基本方法，并體會(huì)整體規(guī)劃的重要性。

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

（1）在做自己感興趣的主題網(wǎng)站過(guò)程中形成和保持對(duì)信息技術(shù)的求知欲，感受探索與創(chuàng)造的樂(lè)趣。

（2）學(xué)會(huì)欣賞他人的勞動(dòng)成果，給出中肯的評(píng)價(jià)意見，提高藝術(shù)修養(yǎng)和審美情趣。

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

教學(xué)重點(diǎn)：網(wǎng)頁(yè)制作的基本方法、利用表格進(jìn)行網(wǎng)頁(yè)布局

教學(xué)難點(diǎn)：frontpage制作超鏈接的方法。

六、教學(xué)方法與手段

、任務(wù)驅(qū)動(dòng)法

將FrontPagexxxx的基本操作學(xué)習(xí)隱含在任務(wù)中。避免了枯燥的技能訓(xùn)練，利于學(xué)生循序漸進(jìn)地學(xué)習(xí)信息技術(shù)的知識(shí)和技能，讓學(xué)生在學(xué)習(xí)任務(wù)中，自已在網(wǎng)站上瀏覽幫助、嘗試操作、主動(dòng)探究。教師在整個(gè)過(guò)程中起到組織、引導(dǎo)、協(xié)調(diào)、控制、咨詢的作用。

2、案例分析法

通過(guò)展示優(yōu)秀網(wǎng)頁(yè)作品，在教師的引導(dǎo)下，學(xué)生注意觀察并分析網(wǎng)頁(yè)的組成元素及組織方式，了解頁(yè)面布局，為自己的網(wǎng)頁(yè)制作打下基礎(chǔ)。

七、教學(xué)準(zhǔn)備

、素材準(zhǔn)備：案例素材已存放到學(xué)生桌面。

自主選題素材從學(xué)習(xí)網(wǎng)站上下載。

2、學(xué)習(xí)網(wǎng)站：學(xué)習(xí)任務(wù)與指導(dǎo)、案例網(wǎng)站賞析、作品上傳、作品評(píng)價(jià)。

八：教學(xué)課時(shí)：2課時(shí)

九：教學(xué)過(guò)程：

第一步：【案例欣賞，導(dǎo)入新課】

師：我們鹽城是一座以鹽命名的城市，這說(shuō)明它的過(guò)去跟什么有關(guān)？

生：鹽

師：鹽城在過(guò)去一直是重要的產(chǎn)鹽基地，有著豐富的海鹽歷史文化，我們上一屆的同學(xué)為此制作了一個(gè)網(wǎng)站，我們一起欣賞一下。

師：網(wǎng)站上有哪些欄目？

生：首頁(yè)、生命之侶、史海鹽蹤…

師：當(dāng)我們點(diǎn)擊這些欄目時(shí)，地址欄中網(wǎng)頁(yè)名稱是否變化？說(shuō)明了什么？

生：一個(gè)網(wǎng)站是由多個(gè)網(wǎng)頁(yè)組成的。

師：這些網(wǎng)頁(yè)上有哪些素材呢？

生：有文字、圖片、動(dòng)畫、音樂(lè)等。

師：這些素材共同表達(dá)了什么樣的主題？

生：海鹽生產(chǎn)歷史和文化。

師：今天我們就以這個(gè)作品為例，和同學(xué)們一起來(lái)學(xué)習(xí)網(wǎng)站的制作，相關(guān)的素材已提前發(fā)給大家了，桌面上有一個(gè)海鹽素材的文件夾，請(qǐng)大家先看下里面的內(nèi)容。

板書：網(wǎng)站制作

師：俗話說(shuō)“工欲善其事，必先利其器”，我們要做信息的集成，首先要選擇一個(gè)集成工具，對(duì)于網(wǎng)站制作而言，目前比較流行軟件的有Dreamweaver、FrontPage等，今天我們選擇FrontPage來(lái)制作網(wǎng)站，這是因?yàn)樗牟僮髋c前面學(xué)過(guò)的woRD比較相似，同學(xué)們很容易上手。它的快捷方式已放在桌面上了，請(qǐng)同學(xué)們將它打開，先看看它的界面與woRD有何不同？

展示：FrontPage與woRD的窗口。

生：工作區(qū)多了個(gè)視圖窗口。

師：視圖窗口是管理網(wǎng)站用的，不用時(shí)可以按右鍵將它隱藏，空白處是網(wǎng)頁(yè)的編輯區(qū)，也是同學(xué)們盡情發(fā)揮地方，底下還幾個(gè)標(biāo)簽，代表了幾種不同的工作方式，“普通”標(biāo)簽是編輯網(wǎng)頁(yè)用的，“HTmL”是用來(lái)編寫網(wǎng)頁(yè)代碼的，這個(gè)我們到選修“網(wǎng)絡(luò)課程”時(shí)再作介紹，“預(yù)覽”是用于查看效果的。

第二步：【任務(wù)驅(qū)動(dòng)，探索新知】

任務(wù)一：新建站點(diǎn)：新建只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)，位置在d:/myweb下

師：界面熟悉之后，接下來(lái)我們正式開始制作網(wǎng)站，老師將這個(gè)網(wǎng)站的制作過(guò)程分成了六個(gè)步驟（見學(xué)習(xí)網(wǎng)站），每一個(gè)步驟完成一個(gè)任務(wù)，那么制作網(wǎng)站的第一步是什么？

生：新建站點(diǎn)。

師：站點(diǎn)就是一個(gè)文件夾，用來(lái)保存放網(wǎng)頁(yè)和網(wǎng)頁(yè)素材的。

演示：新建站點(diǎn)。

生：新建站點(diǎn)。

師：站點(diǎn)建好后，工作區(qū)中出現(xiàn)一個(gè)窗口，叫“文件夾列表”，可能看到站點(diǎn)里面有二個(gè)文件夾和一個(gè)網(wǎng)頁(yè)文件，這些都是系統(tǒng)自動(dòng)添加的，其中這個(gè)網(wǎng)頁(yè)我們一般把它設(shè)置成網(wǎng)站首頁(yè)，也就是瀏覽者進(jìn)入網(wǎng)站后看到的第一個(gè)頁(yè)面。

師：下面我們打開這

個(gè)首頁(yè)，準(zhǔn)備進(jìn)入下一步的制作。

生：打開（雙擊或右擊）

任務(wù)二：頁(yè)面布局

、表格布局：

師：我們?cè)谥谱饕粋€(gè)網(wǎng)頁(yè)之前，一般需要先用表格對(duì)頁(yè)面進(jìn)行規(guī)劃和布局，目的是使頁(yè)面能做到整齊美觀，下面我們看一下海鹽首頁(yè)的布局方式。

展示：海鹽博物館首頁(yè)布局：

師：大家看這個(gè)頁(yè)面從上到下，大概可以分為幾個(gè)部分？每個(gè)部分內(nèi)容是什么？

生：三個(gè)部分，上面動(dòng)畫和目錄，中間是網(wǎng)頁(yè)內(nèi)容，底下是制作人的信息

師：這是一種常用的布局方式，上面放置網(wǎng)站橫幅，可以是圖片也可以是動(dòng)畫，精心設(shè)計(jì)的橫幅會(huì)讓網(wǎng)站更有吸引力。橫幅的下面一般設(shè)置欄目導(dǎo)航，大家剛才已經(jīng)看到，點(diǎn)擊這些導(dǎo)航就可以跳轉(zhuǎn)到其它的頁(yè)面。中間是網(wǎng)頁(yè)的具體內(nèi)容，底部可以放置網(wǎng)站的一些基本信息，這種布局有一個(gè)名稱，叫“國(guó)”字型布局，由于簡(jiǎn)單實(shí)用，所以經(jīng)常被采用。除了這種布局之外，還有一些布局也是我們經(jīng)常使用的，我們也來(lái)看一下：

展示：“廠”型布局、“封面”型布局。

師：這些布局僅供同學(xué)們制作網(wǎng)站作一些參考，當(dāng)然同學(xué)們自已也可以有所創(chuàng)新，不一定要拘泥于這些形式，接下來(lái)，我們看怎樣用表格做出海鹽首頁(yè)這種布局。

生：分析表格的制作方法：

⑴一共有幾行？

⑵第二行里插入一個(gè)子表格，是幾行幾列，目的是什么？

⑶第四行需要兩列，怎么做？

師：FrontPage中也提供了和woRD一樣的表格菜單，可繪制表格，也可插入表格，下面請(qǐng)同學(xué)們利用以前學(xué)過(guò)的知識(shí)來(lái)制作這樣的表格。

生：嘗試制作動(dòng)手操作。（請(qǐng)學(xué)生演示）

師：表格布局完成以后，接下來(lái)我們就可以添加素材了，這個(gè)首頁(yè)上一共用到四種類型的素材：圖片、文字、flash動(dòng)畫和水平線，下面老師給大家演示一下如何添加這些內(nèi)容。

演示：添加素材，設(shè)置屬性。

任務(wù)三：添加網(wǎng)頁(yè)內(nèi)容

將文字、圖片、動(dòng)畫分別插入到表格指定位置，并進(jìn)行相關(guān)設(shè)置。

生：動(dòng)手操作，老師巡視指導(dǎo)。

師：任務(wù)三完成的同學(xué)，請(qǐng)繼續(xù)完成任務(wù)四，它的要求是通過(guò)對(duì)一些屬性進(jìn)行設(shè)置，從而達(dá)到美化頁(yè)面的目的，由于這個(gè)任務(wù)比較簡(jiǎn)單，所以請(qǐng)同學(xué)自主完成，如有疑問(wèn)請(qǐng)查閱學(xué)習(xí)網(wǎng)站上的幫助。

任務(wù)四、設(shè)置頁(yè)面效果。

、將表格邊框粗細(xì)設(shè)為“0”，—表格屬性

2、設(shè)置單元格背景，—單元格格屬性

3、添加背景圖片：—網(wǎng)頁(yè)屬性

4、添加背景音樂(lè)：高山流水.mid—網(wǎng)頁(yè)屬性

生：動(dòng)手操作，老師巡視指導(dǎo)，請(qǐng)做的快的同學(xué)上臺(tái)演示（掌聲鼓勵(lì)）。

師總結(jié)：右鍵設(shè)置屬性，是一種通用的做法，希望同學(xué)們能夠熟練掌握。

師：首頁(yè)制作好后，需要及時(shí)保存，那保存網(wǎng)頁(yè)時(shí)需注意些什么呢？

演示：網(wǎng)頁(yè)的保存，

師：（1）網(wǎng)頁(yè)保存時(shí)需要嵌入圖片，請(qǐng)選擇站點(diǎn)下的images文件夾

（2）若編輯的頁(yè)面不是，將它另存為

（3）網(wǎng)頁(yè)一般直接保存在站點(diǎn)文件夾下。

任務(wù)五、添加新網(wǎng)頁(yè)。

師：通過(guò)剛才的操作，大家已經(jīng)完成了首頁(yè)的制作，由于時(shí)間的關(guān)系，海鹽博物館的其它網(wǎng)頁(yè)我們就不做了，過(guò)會(huì)老師將它們直接發(fā)給大家，現(xiàn)在我們看下一個(gè)任務(wù)。

展示任務(wù)五：如何向站點(diǎn)中添加網(wǎng)頁(yè)。

要求：1、新建一個(gè)網(wǎng)頁(yè)，命名為“”

2、復(fù)制一個(gè)網(wǎng)頁(yè)，命名為“”。

師：由于網(wǎng)站是由多個(gè)網(wǎng)頁(yè)組成的，所以我們要學(xué)會(huì)如何向站點(diǎn)中添加網(wǎng)頁(yè)，請(qǐng)你嘗試用兩種不同的方式添加網(wǎng)頁(yè)。并思考這兩種方式應(yīng)該在什么時(shí)候使用？

學(xué)生動(dòng)手操作。（請(qǐng)學(xué)生上臺(tái)演示）

生：如果從頭開始做一個(gè)網(wǎng)頁(yè)，就用第一種方式，如果已做好一個(gè)網(wǎng)頁(yè)了，希望其它網(wǎng)頁(yè)也能保持相同的風(fēng)格，并減少工作量的話，就適合用第二種方式。

師：利用電子教室，將其它的網(wǎng)頁(yè)直接發(fā)送到學(xué)生機(jī)D:/myweb下，請(qǐng)同學(xué)們點(diǎn)“查看”菜單里的刷新，在文件夾列表下看有沒(méi)有收到。

任務(wù)六、建立超鏈接。

師：現(xiàn)在所有的網(wǎng)頁(yè)我們已經(jīng)都有了，但這些網(wǎng)頁(yè)之間有沒(méi)有建立聯(lián)系呢？請(qǐng)大家任意打開一個(gè)頁(yè)面，點(diǎn)擊一個(gè)欄目，看能不能跳轉(zhuǎn)到其它頁(yè)面。

生：嘗試后回答，不能。

師：那怎樣實(shí)現(xiàn)欄目的導(dǎo)航功能呢？

生：用超鏈接。

師：對(duì)，超鏈接可以建立頁(yè)面之間的連接，實(shí)現(xiàn)相互跳轉(zhuǎn)的作用。下面老師就給大家演示如何用超鏈接實(shí)現(xiàn)站點(diǎn)內(nèi)頁(yè)面的鏈接。

演示：建立超鏈接。

師：設(shè)置超鏈接時(shí)要注意兩個(gè)要素，一個(gè)是鏈接源，一個(gè)是鏈接目標(biāo)。對(duì)于我們現(xiàn)在做的超鏈接，文字是鏈接源，站點(diǎn)內(nèi)的網(wǎng)頁(yè)就是鏈接目標(biāo)。而且超鏈接的設(shè)置應(yīng)是雙向的，首頁(yè)的欄目設(shè)置好超鏈接后，就可以實(shí)現(xiàn)到子頁(yè)的跳轉(zhuǎn)，但卻不能返回，所以子頁(yè)的欄目同樣要設(shè)置相應(yīng)超鏈接。

學(xué)生操作：給各個(gè)頁(yè)面建立超鏈接。

師：我們剛才設(shè)置的超鏈接是實(shí)現(xiàn)文字到網(wǎng)頁(yè)的鏈接，其實(shí)超鏈接的種類有很多，下面請(qǐng)同學(xué)們打開“與我聯(lián)系.htm”，看看這里面超鏈接應(yīng)該如何設(shè)置？

展示任務(wù)：

超鏈接種類超鏈接設(shè)置

文字鏈接到文件海鹽博物館資料：下載

文字鏈接到郵箱給我寫信：nzwangjian@

文字鏈接到網(wǎng)站海鹽博物館官方網(wǎng)站:http:///

圖片鏈接到網(wǎng)站

師：這些超鏈接都可以在超鏈接窗口中實(shí)現(xiàn)，請(qǐng)同學(xué)們自已先嘗試一

下。

生：設(shè)置超鏈接,教師適時(shí)引導(dǎo)。

第三步：【學(xué)生自選主題，動(dòng)手實(shí)踐】

師：通過(guò)剛才的學(xué)習(xí)，同學(xué)們已經(jīng)基本掌握了網(wǎng)站制作的步驟和方法，接下來(lái)請(qǐng)同學(xué)們打開學(xué)習(xí)網(wǎng)站，在作業(yè)瀏覽中根據(jù)你事先確定的主題，下載對(duì)應(yīng)的素材，運(yùn)用剛才所學(xué)知識(shí)，建立自已的主題網(wǎng)站。

生：選擇主題，下載素材，進(jìn)行制作。

第四步：【學(xué)生上傳作品，相互評(píng)價(jià)】

師：作品完成后，保存并退出FrontPage，然后將站點(diǎn)文件夾壓縮后上傳。

生：上傳作品。

師：請(qǐng)同學(xué)們根據(jù)評(píng)價(jià)表，對(duì)自已及其他同學(xué)打分。

生：根據(jù)評(píng)價(jià)表客觀給出得分。

師：讓我們一起來(lái)看看自已的得分，請(qǐng)參與評(píng)分的同學(xué)說(shuō)說(shuō)評(píng)價(jià)給分的原因。

生：評(píng)價(jià)作品，嘗試說(shuō)出別人作品中的優(yōu)點(diǎn)和不足。

師：同學(xué)們?cè)u(píng)價(jià)的都很到位，我們每個(gè)同學(xué)作品中都有自已