創(chuàng)建我的第一個網(wǎng)站

1、PAGE PAGE 7 “動手創(chuàng)建自己的網(wǎng)站”教學(xué)設(shè)計動手創(chuàng)建自己的網(wǎng)站一、情境老師知道同學(xué)們喜歡網(wǎng)上沖浪，那你們想不想在網(wǎng)上“安個家”，自己的生活點(diǎn)滴、學(xué)習(xí)感受及內(nèi)心世界等所有的一切向全世界宣告呢？那么老師從這節(jié)課的開始跟大家介紹如何收集和整理素材并初步創(chuàng)建一個簡單的網(wǎng)站，以最簡便的形式來滿足同學(xué)們的希望！二、學(xué)習(xí)目標(biāo)（一）知識目標(biāo)1、了解網(wǎng)站建設(shè)的準(zhǔn)備工作；2、認(rèn)識FrontPage 軟件窗口界面。3、學(xué)會使用FrontPage 創(chuàng)建網(wǎng)站站點(diǎn)4、學(xué)會制作簡單的網(wǎng)頁。（二）技能目標(biāo) 1、了解網(wǎng)站設(shè)計的基本流程2、同學(xué)通過親身經(jīng)歷，提高分析和解決問題的能力3、培養(yǎng)同學(xué)合作學(xué)習(xí)和動手能力（三）情

2、感目標(biāo)1、培養(yǎng)同學(xué)的作品規(guī)劃意識，形成“先規(guī)劃，再制作”的習(xí)慣。2、 負(fù)責(zé)任地利用網(wǎng)絡(luò)媒介進(jìn)行信息的表達(dá)和交流，樹立健康的信息表達(dá)和交流意識。 3、體驗作品創(chuàng)作的成就感，提高學(xué)習(xí)信息技術(shù)的興趣與熱情。 4、培養(yǎng)學(xué)生在學(xué)習(xí)合作中相互交流的能力，增強(qiáng)團(tuán)結(jié)協(xié)作的精神。 三、學(xué)習(xí)任務(wù)1、了解搜索和整理素材的辦法。2、學(xué)會使用FrontPage創(chuàng)建站點(diǎn)和網(wǎng)頁。3、學(xué)會插入和保存圖片。4、知道網(wǎng)頁屬性的設(shè)置辦法。四、分析（一）教材分析1、動手創(chuàng)建自己的網(wǎng)站一課是廣東省教育廳教研室信息技術(shù)教材編寫組編著，內(nèi)容為1課時。2、本課內(nèi)容是學(xué)生在七年級學(xué)習(xí)了因特網(wǎng)的基礎(chǔ)知識與應(yīng)用以后，學(xué)生體驗到了網(wǎng)絡(luò)世界的精彩、信

3、息的多樣化，想讓更多的人了解自己最有效地途徑就是建立網(wǎng)站并把它發(fā)布到因特網(wǎng)上，從而激發(fā)學(xué)生創(chuàng)建網(wǎng)站的欲望。3、本課的主要內(nèi)容是如何收集和整理素材、初步創(chuàng)建一個簡單的網(wǎng)站。通過活動，使學(xué)生學(xué)會合理規(guī)劃站點(diǎn)的內(nèi)容，并掌握創(chuàng)建網(wǎng)站的方法?；顒又饕殖?個階段來進(jìn)行：一是收集和整理網(wǎng)站素材，二是創(chuàng)建網(wǎng)站并規(guī)劃設(shè)計網(wǎng)站的目錄結(jié)構(gòu)，三是對網(wǎng)頁的屬性進(jìn)行設(shè)置。本節(jié)是基礎(chǔ)性知識，是要讓學(xué)生具備基本的規(guī)劃思想，養(yǎng)成先規(guī)劃網(wǎng)站、然后收集素材、最后再制作網(wǎng)頁的習(xí)慣。4、搜集與整理素材這個準(zhǔn)備工作看似無關(guān)緊要，其實是本課內(nèi)容點(diǎn)睛之處，也是制作網(wǎng)站首要部分。在網(wǎng)站創(chuàng)建前進(jìn)行素材準(zhǔn)備、了解FrontPage以及掌握網(wǎng)站規(guī)

4、劃設(shè)計的準(zhǔn)備工作都十分重要的，也是本課內(nèi)容中不可少的部分，需要學(xué)生扎實地掌握。（二）學(xué)生分析1、本課教學(xué)對象為初中八年級學(xué)生，他們活潑好動，新鮮好奇，雖然操作計算機(jī)水平層次不同，但基本上都上過網(wǎng)，了解簡單的網(wǎng)絡(luò)知識。2、在學(xué)習(xí)準(zhǔn)備階段，學(xué)生思緒比較繁雜，他們有七年級因特網(wǎng)的知識基礎(chǔ)，當(dāng)了解了網(wǎng)站設(shè)計的知識后十分急切地想把自己的生活點(diǎn)滴、學(xué)習(xí)感受及內(nèi)心世界等所有的一切向全世界宣告。因此，我通過相互交流活動來幫助學(xué)生理清思路，形成網(wǎng)站框架，有一個比較清晰思路在今后的架構(gòu)網(wǎng)站過程中學(xué)生不斷地增加自己所需的內(nèi)容，這就為產(chǎn)生新知創(chuàng)造條件，也為學(xué)生學(xué)習(xí)新知奠定基礎(chǔ)。五、教學(xué)策略信息技術(shù)作為一門獨(dú)立的新型學(xué)

5、科，在教學(xué)方法上應(yīng)該根據(jù)不同的教學(xué)內(nèi)容選擇不同的教學(xué)場所以及采用不同的教學(xué)手段，從而激發(fā)學(xué)生的學(xué)習(xí)興趣，調(diào)動學(xué)生的學(xué)習(xí)積極性。針對這節(jié)課，我采用了多種教學(xué)方法相結(jié)合的教學(xué)方式，并且在不同的教學(xué)環(huán)節(jié)中應(yīng)用了不同的教學(xué)策略。1、演示法利用多媒體網(wǎng)絡(luò)教學(xué)環(huán)境，通過演示輔助教學(xué)課件，而且實時講解，并把實例操作過程演示給學(xué)生觀看，使學(xué)生在這種計算機(jī)數(shù)字化了的“集體講授模式”下更容易接受本節(jié)課的知識點(diǎn)。2、任務(wù)驅(qū)動法多數(shù)同學(xué)對任務(wù)都會產(chǎn)生一種急切完成的動機(jī)，而完成任務(wù)又能給他們帶來成就感和滿足感。通過布置任務(wù)，驅(qū)使學(xué)生由“要我學(xué)”變成“我要學(xué)”。3、小組協(xié)作法由于創(chuàng)建網(wǎng)站是一個綜合性任務(wù)，技術(shù)要求較高，建

6、設(shè)一個網(wǎng)站往往需要多人合作才能完成，因而采用小組協(xié)作法能煉就他們良好的團(tuán)隊協(xié)作精神，而且小組成員的知識程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合作，取長補(bǔ)短、拓展思維。六、過程教學(xué)過程教師活動學(xué)生活動設(shè)計意圖新課導(dǎo)入（2分鐘）【引導(dǎo)】：同學(xué)們大家對于網(wǎng)絡(luò)上豐富多彩的內(nèi)容都很感興趣吧，那么大家想不想也在網(wǎng)上“安個家”，也讓別人來了解一下同學(xué)們的學(xué)習(xí)和生活呢？那么，從這節(jié)課開始我跟大家一起來學(xué)習(xí)網(wǎng)站制作的知識，把大家陽光和激情帶給全世界！認(rèn)真聽講聯(lián)想生活提出在網(wǎng)上“安家”的想法，激發(fā)學(xué)生的創(chuàng)作熱情知識點(diǎn)一：搜集和整理素材（3分鐘）問題討論引出新知俗話說：巧婦難這無米之炊。我們既然想制

7、作一個網(wǎng)站，需要做的第一件事情是什么呢？認(rèn)真思考分組討論拋下第1個錨點(diǎn)，引出知識點(diǎn)：素材的收集與整理。教師引導(dǎo)整理知識【提問】：同學(xué)們，經(jīng)過熱烈和積極的研究、討論，我想大家已經(jīng)知道了做網(wǎng)站前的準(zhǔn)備工作了。現(xiàn)在，我看那一個小組能給大家介紹一下創(chuàng)建網(wǎng)站的一些準(zhǔn)備工作吧？【知識呈現(xiàn)】:引導(dǎo)并整理知識（同步展示ppt）：（1）搜集素材（2）整理素材（3）加工素材注意：收集素材要有針對性分組述說組長回答組員補(bǔ)充思考：什么是網(wǎng)站的素材？用學(xué)生的話來引出新知，讓學(xué)生記憶更深刻讓學(xué)生理解準(zhǔn)備素材的重要性知識點(diǎn)二：創(chuàng)建站點(diǎn)和網(wǎng)頁（25分鐘）知識點(diǎn)二：創(chuàng)建站點(diǎn)和網(wǎng)頁（25分鐘）知識點(diǎn)二：創(chuàng)建站點(diǎn)和網(wǎng)頁（25分鐘）

8、問題討論引出新知【提問】：網(wǎng)站和網(wǎng)頁有什么區(qū)別？注意分清網(wǎng)站和網(wǎng)頁的概念差別?！九e例】：同學(xué)們，網(wǎng)站是一個大的概念，我們可以把“新浪網(wǎng)”、“騰訊網(wǎng)”等稱為網(wǎng)站，而把這些網(wǎng)站上的每一個內(nèi)容頁稱為網(wǎng)頁。他們是一種總體和局部的關(guān)系，就像一本書與書里面的每一頁的關(guān)系一樣。認(rèn)真思考分組討論認(rèn)真聽講形象理解網(wǎng)站和網(wǎng)頁的關(guān)系拋下第2個錨點(diǎn)，引出知識點(diǎn)：網(wǎng)站和網(wǎng)頁。FrontPage簡介今天老師給大家介紹一款新的軟件FrontPage，它能夠很方便地創(chuàng)建網(wǎng)站。下面我們就來認(rèn)識一下它吧。演示：單擊“開始”所有程序“Microsoft Office”FrontPage”【提問】：FrontPage與word比較，

9、有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個窗口）【解說】：1、視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。2、普通窗口：鼠標(biāo)在閃動，可編輯、修改頁面，所見即所得的方式3、預(yù)覽窗口：瀏覽器中出現(xiàn)的效果，與PowerPoint中的“放映幻燈片”類似。4、Html窗口：用于編寫HTML代碼認(rèn)真聽講積極思考：FrontPage與word的異同之處？回答問題認(rèn)真聽講認(rèn)識FrontPage，為制作網(wǎng)頁打下基礎(chǔ)。使學(xué)生對FrontPage窗口組成有一個清楚的認(rèn)識。從與word的對比中快速學(xué)習(xí)FrontPage。創(chuàng)建第一個站點(diǎn)【提問】：如何創(chuàng)建第一個站點(diǎn)？網(wǎng)絡(luò)無國界，我們現(xiàn)在以一個班級網(wǎng)站為例，那么我們?nèi)绾螢榘嗉?/p>

10、成員提供一個展示和交流學(xué)習(xí)生活的平臺，實現(xiàn)班級資源的共享?！狙菔尽浚盒陆ㄕ军c(diǎn)。1、選擇“文件”“新建”菜單命令，選“任務(wù)窗格”中的新建網(wǎng)站，單擊“由一個網(wǎng)站組成的網(wǎng)站”彈出“網(wǎng)站模板”，選擇“只有一個網(wǎng)頁的網(wǎng)站”這里要求確定網(wǎng)站的位置，我們統(tǒng)一保存在d:banji文件夾下面。2、創(chuàng)建好站點(diǎn)后，下面我們繼續(xù)來創(chuàng)建網(wǎng)站的目錄結(jié)構(gòu)，同學(xué)們可以看到，在網(wǎng)站的窗口右上角有三個按鈕，1、新建網(wǎng)頁文件 2、新建文件夾 3、返回上一級。這里我們應(yīng)該怎么做呢？以我們的“班級”各個欄目為例吧：【演示】：創(chuàng)建目錄結(jié)構(gòu)。單擊“新建文件夾”輸入文件夾名bjxc（班級相冊）【注意】：在給文件或文件夾命名時要遵循一個原則：

11、網(wǎng)站中所有的文件和文件夾都不要使用中文命名，否則會導(dǎo)致找不到文件等錯誤，最好使用有規(guī)律可bsxm（比賽項目）主欄目文件夾創(chuàng)建好了，其他三個文件夾創(chuàng)建的方法完全相同，同學(xué)們可以結(jié)合課本99頁完成其他6個主欄目文件夾的創(chuàng)建。認(rèn)真聽講仔細(xì)觀察認(rèn)真聽講仔細(xì)觀察使學(xué)生學(xué)會創(chuàng)建網(wǎng)站的方法。知道網(wǎng)絡(luò)文件夾和文件的命名規(guī)則了解創(chuàng)建目錄結(jié)構(gòu)的辦法任務(wù)驅(qū)動：學(xué)生動手創(chuàng)建第一個站點(diǎn)【巡視、輔導(dǎo)】我們以小組為單位，動手創(chuàng)建第一個站點(diǎn)。小組中做的最快的學(xué)生請他給本組中需要幫助的同學(xué)做一下指導(dǎo)?？茨膫€小組完成得最快。結(jié)合課本動手練習(xí)小組合作互助學(xué)習(xí)讓學(xué)生在實踐中學(xué)習(xí)站點(diǎn)的創(chuàng)建新建第一張網(wǎng)頁同學(xué)們，當(dāng)建好網(wǎng)站的結(jié)構(gòu)以后，我

12、們就可以向站點(diǎn)中添加網(wǎng)頁了。【演示】：新建第一張網(wǎng)頁。我們單擊常用工具欄上的按鈕，新建一個空白的網(wǎng)頁，在空白網(wǎng)頁上添加網(wǎng)頁的各種元素。我們可以為新建的第一張網(wǎng)頁寫下歡迎語，或者記錄我們的心情，而且還可以標(biāo)記版權(quán)信息哦。認(rèn)真聽講仔細(xì)觀察讓學(xué)生了解網(wǎng)頁的創(chuàng)建辦法保存網(wǎng)頁同學(xué)們，為了保存我的勞動成果，大家不要忘記對剛才創(chuàng)建的網(wǎng)頁保存哦?！狙a(bǔ)充】：主頁的命名。主頁是網(wǎng)站中第一個網(wǎng)頁，俗稱門戶，它在網(wǎng)站中起著封面或目錄的作用，翻譯成英文名為Index，這是約定俗成的，不能更改的，認(rèn)真聽講仔細(xì)觀察讓學(xué)生了解網(wǎng)頁的保存辦法任務(wù)驅(qū)動：創(chuàng)建網(wǎng)站上的第一張網(wǎng)頁【巡視、輔導(dǎo)】同學(xué)們，看了老師的演示，覺得網(wǎng)頁制作有意

13、思吧，下面也請同學(xué)們也來自己體驗一下吧。小組中做的最快的請他下位給本組中需要幫助的同學(xué)指導(dǎo)一下，看看這次哪個組完成得最快？！結(jié)合課本動手練習(xí)小組合作互助學(xué)習(xí)培養(yǎng)學(xué)生。通過提示培養(yǎng)學(xué)生思維能力以及實踐的能力。知識點(diǎn)三：設(shè)置網(wǎng)頁的屬性（10分鐘）小組探索：如何插入圖片？是什么讓網(wǎng)絡(luò)的世界如此繽紛呢？對，是圖片。因為五彩斑斕的圖片讓網(wǎng)頁增色了?！救蝿?wù)】：如何為網(wǎng)頁插入圖片？結(jié)合課本互助學(xué)習(xí)探索新知讓學(xué)生在實踐探索中學(xué)習(xí)新知識：插入和保存圖片實踐探索、自主學(xué)習(xí)：如何美化我的網(wǎng)頁？【任務(wù)1】：你能為網(wǎng)頁加上標(biāo)題嗎？【任務(wù)2】：你能改變網(wǎng)頁的背景色嗎？請同學(xué)們仿照同樣的方法結(jié)合課本100頁自己完成吧。同樣

14、，小組中做的最快的請他下位給本組中需要幫助的同學(xué)指導(dǎo)一下，看看這次哪個組完成得最快？！結(jié)合課本互助學(xué)習(xí)探索新知讓學(xué)生自己探究學(xué)習(xí)，培養(yǎng)他們自主學(xué)習(xí)的能力。培養(yǎng)學(xué)生互助、合作學(xué)習(xí)。作品展示學(xué)生互評（3分鐘）給學(xué)生印發(fā)學(xué)習(xí)效果評價表評價范圍：1、基礎(chǔ)知識掌握情況2、學(xué)習(xí)態(tài)度表現(xiàn)3、小組合作、協(xié)作能力學(xué)生自評同學(xué)之間互評通過評價激發(fā)學(xué)生的學(xué)習(xí)興趣，監(jiān)督學(xué)生的學(xué)習(xí)行為。教學(xué)小結(jié)教師點(diǎn)評(2分鐘)學(xué)習(xí)了本節(jié)課有哪些收獲？老師點(diǎn)評，最后總結(jié)。學(xué)生回憶總結(jié)歸納知識點(diǎn)七、教學(xué)環(huán)境及資源硬件：多媒體網(wǎng)絡(luò)機(jī)房；軟件： FrontPage網(wǎng)頁制作軟件、機(jī)房廣播教學(xué)軟件。資源：創(chuàng)建我的第一個網(wǎng)站ppt課件、學(xué)生學(xué)習(xí)效果評價表。4、供學(xué)習(xí)的參考網(wǎng)站：網(wǎng)站名稱網(wǎng)址W3School/index.html網(wǎng)站建設(shè)教