《建立網(wǎng)站站點》教學(xué)設(shè)計

《建立網(wǎng)站站點》教學(xué)設(shè)計【學(xué)情分析】學(xué)生完成第一、二單元的學(xué)習(xí)應(yīng)熟悉并掌握了有關(guān)網(wǎng)絡(luò)的基本操作，應(yīng)用網(wǎng)絡(luò)也有一定的操作技能，引導(dǎo)學(xué)生建立網(wǎng)站站點應(yīng)是水到渠成的事，并且學(xué)生對網(wǎng)上安家也是頗感興趣，利用所學(xué)的有關(guān)Word的操作技能也可借用到FrontPage的操作上，因此教師只要合理地做好引導(dǎo)工作，充分地讓學(xué)生去合作與探究，在摸索的過程中獲取新知，完成學(xué)習(xí)的目標(biāo)，合理地構(gòu)建知識結(jié)構(gòu)?！窘滩姆治觥俊督⒕W(wǎng)站站點》在本單元中具有特殊的地位，它是對前期準(zhǔn)備工作的總結(jié)與提升，側(cè)重于學(xué)生動手能力培養(yǎng)的一節(jié)，更能引發(fā)問題思考，成為引入后面相關(guān)內(nèi)容學(xué)習(xí)的“導(dǎo)火索”，因此《建立網(wǎng)站站點》在本單元起到知識連接的橋梁作用，是本單元的一個中心樞紐環(huán)節(jié)。另外，教師在教學(xué)過程中應(yīng)側(cè)重學(xué)生知識的構(gòu)建，有意識地將七下Word的相關(guān)操作合理地應(yīng)用到FrontPage的學(xué)習(xí)上，形成通融的知識體系。【教學(xué)目標(biāo)】知識與技能目標(biāo)：1、建立網(wǎng)站文件夾和新建網(wǎng)站的主頁。2、認識FrontPage，熟悉FrontPage軟件環(huán)境。3、建立網(wǎng)站空站點并新建、保存主頁。過程與方法：掌握在Ftontpage網(wǎng)頁制作中，建立網(wǎng)站站點，充實網(wǎng)頁的一般技能。情感目標(biāo)：1、培養(yǎng)學(xué)生建立站點的良好習(xí)慣。2、教學(xué)中以簡易地操作技能幫助學(xué)生體驗成功建站的喜悅感?！局攸c難點】教學(xué)重點：啟動FrontPage，創(chuàng)建站點文件夾，建立、保存網(wǎng)頁主頁。教學(xué)難點：站點文件夾的理解?！窘虒W(xué)過程】教學(xué)預(yù)設(shè)學(xué)生活動設(shè)計意圖一、引入——拼拼湊湊(第一次控制)下面我們一起來瀏覽一個“航天知識”的網(wǎng)站，出現(xiàn)情況部分網(wǎng)頁鏈接不成功，怎么辦呢？任務(wù)1：網(wǎng)頁散落在各個盤符下面，導(dǎo)致網(wǎng)頁鏈接不成功，怎樣才能讓網(wǎng)站鏈接成功。小結(jié)：網(wǎng)頁以及網(wǎng)頁中用到的素材需要進行管理，最好的管理辦法就是把它們放在同一文件夾中，然后進行規(guī)劃。這樣的文件夾，我們稱為站點文件夾。(第二次控制)今天我們來學(xué)習(xí)書本的第十四課《建立網(wǎng)站站點》的原因。

學(xué)生嘗試操作，看誰能第一個拼湊成完整的網(wǎng)站。

預(yù)設(shè)：學(xué)生將網(wǎng)頁移動至同一目錄

通過設(shè)錯,讓學(xué)生了解網(wǎng)站中的各個元素如網(wǎng)頁、素材需要有序合理的管理，并很好的引出課題，引出站點文件夾，為難點的突破做下鋪墊。[新授]過渡：說建網(wǎng)站跟建房子很像，建房子是先規(guī)劃設(shè)計，然后選好一塊土地，選擇好施工隊伍開始建設(shè)，建校門（教學(xué)樓等）——裝飾；我們的網(wǎng)站也是如此，規(guī)劃網(wǎng)站——建站點文件夾——建網(wǎng)站主頁——充實主頁。二、準(zhǔn)備建站1、任務(wù)二：準(zhǔn)備建站。準(zhǔn)備工作主要有這么兩步：一是選址，在電腦里選擇一個地方來放我們的網(wǎng)站；二是選擇工具，選擇合適的網(wǎng)頁制作軟件。第一步選址：我們統(tǒng)一在E盤下建立一個文件夾，以自己“網(wǎng)站主題名”或“名字拼音”（或首字母）來命名。（注意：網(wǎng)站文件或文件夾命名請盡量避免使用中文字符命名。文件的命名——以最少的字母達到最容易理解的意義。）第二步選擇工具：我向大家推薦一款軟件MicrosoftFrontpage，這是微軟辦公系列之一，用來制作網(wǎng)站，適合初學(xué)者使用。介紹Frontpage的讀法，圖標(biāo)。師：同學(xué)們知道，我們的軟件一般都去哪里啟動呢？師：下面，請同學(xué)們根據(jù)我提供的這幾個關(guān)鍵詞：軟件名、圖標(biāo)、MicrosoftOffice來啟動軟件。任務(wù)2、嘗試著啟動網(wǎng)頁制作軟件，并觀察它的界面，思考跟什么軟件相似？2、frontpage界面介紹（第三次控制）（PPT上出示軟件名稱，并分析。）教師小結(jié)：Frontpage和Word的操作界面大同小異；區(qū)別：word只有一個工作窗口，而frontpage中有“設(shè)計”“拆分”、“代碼”“預(yù)覽”四個工作區(qū)域，分別代表網(wǎng)頁編輯普通窗口、HTML代碼編輯窗口、網(wǎng)頁頁面效果預(yù)覽窗口。其他：啟動方法，frontpage的圖標(biāo)：網(wǎng)頁、網(wǎng)頁編輯區(qū)、任務(wù)窗格、分類頁面選項卡（視圖）、狀態(tài)欄；版本；

回憶起一般軟件啟動的方法。學(xué)生：開始——程序。

學(xué)生操作，完成任務(wù)2。

應(yīng)該有部分學(xué)生能先找到Frontpage軟件,提倡同桌互助，并讓學(xué)生試著在里面輸入文字。

學(xué)生回憶起word的使用情況，以便進行知識的遷移。

在一定的引導(dǎo)下，讓學(xué)生自主體驗，更容易達成目標(biāo)，讓學(xué)生體驗成功。三、建立網(wǎng)站站點過渡：我們已經(jīng)選擇好了網(wǎng)站的位置和制作的工具，下面我們來看看，剛剛新建的文件夾，可是這個文件夾，它只是一個普通的文件夾，我們現(xiàn)在需要的是把它變成存放網(wǎng)站的文件夾轉(zhuǎn)變了之后又有什么變化？教師演示：如何建立站點文件夾。任務(wù)3：文件夾大變身新建網(wǎng)站，將普通文件夾轉(zhuǎn)變?yōu)檎军c文件夾，并觀察文件夾發(fā)生了什么變化！教師演示教師小結(jié)：站點文件夾的命名規(guī)則，站點文件夾與普通文件夾的區(qū)別，里面文件夾的作用--images,private。（注意：網(wǎng)站文件或文件夾命名請盡量避免使用中文字符命名。文件的命名—以最少字母達到最容易理解的意義。）

（難點）

學(xué)生觀看，后學(xué)生練習(xí)，同桌互相檢查。

由于是初次接觸--如何將普通的文件夾轉(zhuǎn)變?yōu)檎军c文件夾，所以先給學(xué)生演示如何建立站點文件夾。四、主頁的添加以及充實過渡：房子建好之后，我們需要裝飾門面。網(wǎng)站建立成功之后，我們也必須通過網(wǎng)頁來展示網(wǎng)站的內(nèi)容。下面我們來建立網(wǎng)站的第一張網(wǎng)頁——首頁（主頁）（第四次控制）1、新建主頁給你們的網(wǎng)站，添加主頁。學(xué)生上臺演示，教師提示，利用新建——網(wǎng)頁。教師小結(jié)：演示新建網(wǎng)頁，并提示更改網(wǎng)頁標(biāo)題。主頁命名的規(guī)則：index

homepage

default2、充實主頁根據(jù)上節(jié)課收集的素材，在主頁中添加適當(dāng)?shù)奈淖郑部梢試L試加入圖片。教師提示：文件的保存。3、布置任務(wù)（任務(wù)三+任務(wù)四）任務(wù)4：新建主頁，在網(wǎng)頁中插入適當(dāng)?shù)奈淖趾蛨D片。注意主頁的命名，網(wǎng)頁標(biāo)題的更改。教師引導(dǎo)學(xué)生根據(jù)剛才的新建網(wǎng)站的方法，新建網(wǎng)頁，并在PPT中顯示幫助。教師小結(jié)：主頁命名為index.html,網(wǎng)頁名稱跟網(wǎng)頁標(biāo)題是不同的。（第四次控制）

請學(xué)生演示新建網(wǎng)頁的方法，給學(xué)生展示其他的辦法。

學(xué)生操作，教師巡視。學(xué)生可能出現(xiàn)的問題：文字和圖片的移動，文件保存

提倡同桌互助，提高合作精神。

通過任務(wù)驅(qū)動，培養(yǎng)學(xué)生的探究能力，在學(xué)習(xí)的過程中獲得知識。五、作品評價1、作品保存，提交，演示壓縮方法。（文件夾的壓縮方法可以課前教授）2、作品評價：建站是否成功；首頁是否建立；網(wǎng)頁標(biāo)題是否更改；網(wǎng)頁內(nèi)容是否充實；網(wǎng)頁中的圖片保存是否正確。六、小結(jié)通過本課內(nèi)容的學(xué)習(xí)，每位同學(xué)都建立了一個站點文件夾。