高中信息《FrontPage2000網(wǎng)站制作》教學設計

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

FrontPagexxxx網(wǎng)站制作

鹽城市南洋中學王健

一、教學內容分析：

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

二、教學對象分析：

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

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

三、教學設計思想與策略：

設計思想：

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

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

教學策略：

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

四、教學目標

、知識與技能：

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

（2）學會利用FrontPagexxxx建立站點，掌握網(wǎng)頁制作的基本方法：文字的插入、圖片的插入和設置、動畫的插入和設置、表格的相關操作等。

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

2、過程與方法：

以任務為驅動，以學習網(wǎng)站作為技術支持，讓學生在自我探索、自我學習中完成任務，掌握網(wǎng)頁制作的基本方法，并體會整體規(guī)劃的重要性。

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

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

（2）學會欣賞他人的勞動成果，給出中肯的評價意見，提高藝術修養(yǎng)和審美情趣。

五、教學重點、難點

教學重點：網(wǎng)頁制作的基本方法、利用表格進行網(wǎng)頁布局

教學難點：frontpage制作超鏈接的方法。

六、教學方法與手段

、任務驅動法

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

2、案例分析法

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

七、教學準備

、素材準備：案例素材已存放到學生桌面。

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

2、學習網(wǎng)站：學習任務與指導、案例網(wǎng)站賞析、作品上傳、作品評價。

八：教學課時：2課時

九：教學過程：

第一步：【案例欣賞，導入新課】

師：我們鹽城是一座以鹽命名的城市，這說明它的過去跟什么有關？

生：鹽

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

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

生：首頁、生命之侶、史海鹽蹤…

師：當我們點擊這些欄目時，地址欄中網(wǎng)頁名稱是否變化？說明了什么？

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

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

生：有文字、圖片、動畫、音樂等。

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

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

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

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

師：俗話說“工欲善其事，必先利其器”，我們要做信息的集成，首先要選擇一個集成工具，對于網(wǎng)站制作而言，目前比較流行軟件的有Dreamweaver、FrontPage等，今天我們選擇FrontPage來制作網(wǎng)站，這是因為它的操作與前面學過的woRD比較相似，同學們很容易上手。它的快捷方式已放在桌面上了，請同學們將它打開，先看看它的界面與woRD有何不同？

展示：FrontPage與woRD的窗口。

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

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

第二步：【任務驅動，探索新知】

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

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

生：新建站點。

師：站點就是一個文件夾，用來保存放網(wǎng)頁和網(wǎng)頁素材的。

演示：新建站點。

生：新建站點。

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

師：下面我們打開這

個首頁，準備進入下一步的制作。

生：打開（雙擊或右擊）

任務二：頁面布局

、表格布局：

師：我們在制作一個網(wǎng)頁之前，一般需要先用表格對頁面進行規(guī)劃和布局，目的是使頁面能做到整齊美觀，下面我們看一下海鹽首頁的布局方式。

展示：海鹽博物館首頁布局：

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

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

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

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

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

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

⑴一共有幾行？

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

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

師：FrontPage中也提供了和woRD一樣的表格菜單，可繪制表格，也可插入表格，下面請同學們利用以前學過的知識來制作這樣的表格。

生：嘗試制作動手操作。（請學生演示）

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

演示：添加素材，設置屬性。

任務三：添加網(wǎng)頁內容

將文字、圖片、動畫分別插入到表格指定位置，并進行相關設置。

生：動手操作，老師巡視指導。

師：任務三完成的同學，請繼續(xù)完成任務四，它的要求是通過對一些屬性進行設置，從而達到美化頁面的目的，由于這個任務比較簡單，所以請同學自主完成，如有疑問請查閱學習網(wǎng)站上的幫助。

任務四、設置頁面效果。

、將表格邊框粗細設為“0”，—表格屬性

2、設置單元格背景，—單元格格屬性

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

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

生：動手操作，老師巡視指導，請做的快的同學上臺演示（掌聲鼓勵）。

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

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

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

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

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

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

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

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

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

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

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

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

學生動手操作。（請學生上臺演示）

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

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

任務六、建立超鏈接。

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

生：嘗試后回答，不能。

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

生：用超鏈接。

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

演示：建立超鏈接。

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

學生操作：給各個頁面建立超鏈接。

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

展示任務：

超鏈接種類超鏈接設置

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

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

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

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

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

下。

生：設置超鏈接,教師適時引導。

第三步：【學生自選主題，動手實踐】

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

生：選擇主題，下載素材，進行制作。

第四步：【學生上傳作品，相互評價】

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

生：上傳作品。

師：請同學們根據(jù)評價表，對自已及其他同學打分。

生：根據(jù)評價表客觀給出得分。

師：讓我們一起來看看自已的得分，請參與評分的同學說說評價給分的原因。

生：評價作品，嘗試說出別人作品中的優(yōu)點和不足。

師：同學們評價的都很到位，我們每個同學作品中都有自已