網(wǎng)站制作初步

1、網(wǎng)站制作初步教學(xué)設(shè)計(jì)一、教材分析1本節(jié)課地位和作用本節(jié)課側(cè)重培養(yǎng)信息表達(dá)的能力，對(duì)于加強(qiáng)學(xué)生的信息意識(shí)，提高信息處理的能力有著重要的作用；網(wǎng)頁(yè)的設(shè)計(jì)也給學(xué)生提供了展示個(gè)性、自主創(chuàng)新的機(jī)會(huì)，促使他們主動(dòng)地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁(yè)的評(píng)價(jià)則能使學(xué)生了解內(nèi)容編排的原則，頁(yè)面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。2教材處理使用網(wǎng)頁(yè)視圖方式建立網(wǎng)頁(yè)，在課本中一筆帶過(guò)，但是從知識(shí)的呈上啟下來(lái)看，學(xué)生更易接受這個(gè)方案，缺點(diǎn)是網(wǎng)站中建立許多個(gè)網(wǎng)頁(yè)時(shí)，若無(wú)網(wǎng)站的組織結(jié)構(gòu)圖，建立工作將陷入迷茫中，同時(shí)也對(duì)后續(xù)的超鏈接的學(xué)習(xí)就造成一定的困難，因此課本中不采納這種方法建立網(wǎng)頁(yè)。課改后信息技術(shù)課已不再是

2、單純的計(jì)算機(jī)技能課，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動(dòng)為模式，以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會(huì)發(fā)展的有用人才。這節(jié)課的主要任務(wù)是使學(xué)生掌握在FrontPage用表格規(guī)劃網(wǎng)頁(yè)及在網(wǎng)頁(yè)中插入圖片、聲音、水平線等相關(guān)知識(shí)與操作，并能合理、靈活地應(yīng)用到網(wǎng)頁(yè)制作中，美化自己的網(wǎng)頁(yè)。二、教學(xué)目標(biāo)1知識(shí)與技能（1）掌握打開站點(diǎn)的基本方法；（2）掌握新建網(wǎng)頁(yè)的基本方法。（3）了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的作用，利用表格定位網(wǎng)頁(yè)。（4）掌握網(wǎng)頁(yè)中表格的制作方法、表格屬性的設(shè)置方法以及單元格的修飾與編輯方法，表格嵌套的設(shè)計(jì)方法，并會(huì)添加網(wǎng)頁(yè)元素。（5）使用模板的方法來(lái)制作風(fēng)

3、格統(tǒng)一的網(wǎng)頁(yè)。2過(guò)程與方法（1）利用對(duì)比學(xué)習(xí)，培養(yǎng)學(xué)生知識(shí)遷移的能力。（2）通過(guò)用表格結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁(yè)，使學(xué)生進(jìn)一步理解表格的作用、功能及網(wǎng)頁(yè)設(shè)計(jì)方法的多樣性，培養(yǎng)學(xué)生的發(fā)散思維能力。（3）通過(guò)自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。觀察能力及解決問(wèn)題的能力。3情感態(tài)度與價(jià)值觀（1）通過(guò)運(yùn)用表格布局網(wǎng)頁(yè)對(duì)象活動(dòng)，進(jìn)一步掌握各種不同對(duì)象屬性的設(shè)置方法和規(guī)律，體驗(yàn)創(chuàng)造的快樂(lè)。（2）在合作實(shí)踐過(guò)程中，培養(yǎng)學(xué)生合作幫助、團(tuán)結(jié)協(xié)作的良好品質(zhì)。（3）培養(yǎng)學(xué)生大膽構(gòu)思、自我創(chuàng)新的精神，培養(yǎng)學(xué)生的美感及創(chuàng)作后的成就感。三、教學(xué)重點(diǎn)難點(diǎn)：1教學(xué)重點(diǎn)(1)網(wǎng)頁(yè)名稱應(yīng)與網(wǎng)頁(yè)中的信息一致是重點(diǎn)（2）表

4、格在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用。（3）利用表格定位網(wǎng)頁(yè)。（4）保存使用模板。2教學(xué)難點(diǎn) (1)在使用導(dǎo)航欄建立網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)的命名是難點(diǎn)（2）表格的嵌套在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。（3）使用模板的方法來(lái)制作風(fēng)格統(tǒng)一的網(wǎng)站。四、學(xué)情分析 高中學(xué)生具備了一定的自學(xué)能力，通過(guò)上幾節(jié)的學(xué)習(xí)，對(duì)自己要制作的網(wǎng)站進(jìn)行了實(shí)際規(guī)劃和設(shè)計(jì)，準(zhǔn)備好了制作網(wǎng)站的基本素材，興致很高。FrontPage2000與Word等其他Office軟件相類似的圖形操作界面，學(xué)生已經(jīng)學(xué)過(guò)了Word字處理軟件。因此，對(duì)FrontPage2000的使用會(huì)有一種似曾相識(shí)的感覺，這種知識(shí)遷移對(duì)后續(xù)的學(xué)習(xí)非常有利。五、教法學(xué)法分析 1先學(xué)后教，“

5、兵”教“兵”先學(xué)，就是讓學(xué)生自學(xué)，嘗試獨(dú)立操作；后教，是根據(jù)學(xué)生自學(xué)效果，教師進(jìn)行精講、點(diǎn)評(píng)，并盡量讓學(xué)生去“教”；“兵”教“兵”，就是讓學(xué)生充當(dāng)小教師的角色，自學(xué)得較好的學(xué)生操作給其他學(xué)生看，通過(guò)示范，在學(xué)生間起到相互促進(jìn)，相互影響的作用，達(dá)到共同進(jìn)步。 2任務(wù)驅(qū)動(dòng)，小組競(jìng)賽法 根據(jù)學(xué)生不同的學(xué)習(xí)能力、知識(shí)儲(chǔ)備、興趣愛好，依據(jù)自愿組成原則，將全班分為6 8 人的小組。通過(guò)網(wǎng)頁(yè)教學(xué)課件的輔助，在教師的引導(dǎo)下，各小組按照自己規(guī)劃出的網(wǎng)頁(yè)設(shè)計(jì)方案，以任務(wù)驅(qū)動(dòng)和分工合作形式制作網(wǎng)頁(yè)。并通過(guò)自我評(píng)價(jià)、小組評(píng)價(jià)、師生互評(píng)相結(jié)合的評(píng)價(jià)方式使學(xué)生自主完成作業(yè)，由學(xué)生自己擔(dān)任評(píng)委，評(píng)選出優(yōu)秀網(wǎng)頁(yè)，通過(guò)展示學(xué)生

6、的優(yōu)秀作品來(lái)激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)制作的興趣。進(jìn)行小組競(jìng)賽學(xué)習(xí)，讓學(xué)生看一看、想一想、練一練，以練為主，親自實(shí)踐、積極動(dòng)腦動(dòng)手學(xué)習(xí)新的知識(shí)，掌握重點(diǎn)難點(diǎn)。由操作能力強(qiáng)的學(xué)生充當(dāng)組長(zhǎng)，帶動(dòng)其他成員完成網(wǎng)頁(yè)制作，一來(lái)培養(yǎng)他們合作互助的關(guān)系，二來(lái)培養(yǎng)學(xué)生之間、師生之間的感情。整節(jié)課教師只扮演一個(gè)組織者和提示者的角色，一步步引導(dǎo)學(xué)生完成本課的目標(biāo)，讓學(xué)生充分發(fā)揮自主性、協(xié)助性，培養(yǎng)他們合作、創(chuàng)新的能力。3提問(wèn)引導(dǎo)法 根據(jù)學(xué)生已有的知識(shí)結(jié)構(gòu)體系，采用提問(wèn)的方式引出每個(gè)教學(xué)目標(biāo)，中間穿插比較、觀察的方式加深學(xué)生的印象，培養(yǎng)學(xué)生的觀察能力。讓學(xué)生自覺主動(dòng)地去分析問(wèn)題、解決問(wèn)題，學(xué)生在操作過(guò)程中不斷“發(fā)現(xiàn)問(wèn)題解決問(wèn)題

7、”，變學(xué)生“學(xué)會(huì)”為“會(huì)學(xué)”。六、教學(xué)過(guò)程教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖一、導(dǎo)入部分（第一課）上節(jié)課我們建立了“我的家鄉(xiāng)”站點(diǎn)，大家能使用“我的電腦”或“資源管理器”找到他們嗎？找到后請(qǐng)大家打開站點(diǎn)并預(yù)覽自己所編輯的主頁(yè)信息。問(wèn)：大家看看自己編輯的主頁(yè)信息中有沒有錯(cuò)誤？有錯(cuò)了，該如何修改？問(wèn)：一個(gè)網(wǎng)站中一張網(wǎng)頁(yè)不能夠表達(dá)一個(gè)站點(diǎn)的所有信息，那就需要許多個(gè)網(wǎng)頁(yè)，我如何增加網(wǎng)頁(yè)呢？我們這一節(jié)課就來(lái)解決這些問(wèn)題。從計(jì)算機(jī)中查找自己的站點(diǎn)學(xué)生觀察發(fā)現(xiàn)問(wèn)題學(xué)生思考（1）使學(xué)生確認(rèn)自己站點(diǎn)所在的位置，復(fù)習(xí)上節(jié)課預(yù)覽網(wǎng)頁(yè)的知識(shí)便于后面知識(shí)的學(xué)習(xí)。（2）通過(guò)學(xué)生的觀察，發(fā)現(xiàn)問(wèn)題，激發(fā)學(xué)生解決問(wèn)題的興趣。（3

8、）留給學(xué)生思考的問(wèn)題，讓學(xué)生帶著問(wèn)題學(xué)習(xí)新知。 二、新課部分1新建網(wǎng)頁(yè)2保存網(wǎng)頁(yè)及網(wǎng)頁(yè)重命名（任務(wù)一）大家已經(jīng)打開網(wǎng)站，看看“文件”菜單中有沒有添加網(wǎng)頁(yè)的命令，自己動(dòng)手試試給自己的站點(diǎn)增加兩個(gè)網(wǎng)頁(yè)，同時(shí)結(jié)合課本將相應(yīng)的網(wǎng)頁(yè)的文字內(nèi)容錄入到網(wǎng)頁(yè)中。大家可以互相交流。教師進(jìn)行輔導(dǎo)（任務(wù)二）大家剛才建立了網(wǎng)頁(yè)，并為網(wǎng)頁(yè)添加了文字，因此需要大家及時(shí)將自己的網(wǎng)頁(yè)保存在網(wǎng)站中。大家動(dòng)手實(shí)踐教師進(jìn)行輔導(dǎo)（1）在大家保存時(shí)應(yīng)正確選擇自己的站點(diǎn)，輸入網(wǎng)頁(yè)名稱即可保存。（2）在此過(guò)程中，有的同學(xué)未能輸入網(wǎng)頁(yè)名稱，就點(diǎn)擊保存了，出現(xiàn)一個(gè)現(xiàn)象：網(wǎng)頁(yè)全部都是new-page_1(2，3，4)html的形式，多

9、了自己也被迷糊了。出現(xiàn)這種情況時(shí)大家可以使用文件夾列表窗體來(lái)重新給網(wǎng)頁(yè)命名。具體操作：選中你的網(wǎng)頁(yè)文件，使用右鍵的快捷菜單完成，它的操作類似于“資源管理器”中的命令操作。一定要注意命名時(shí)不能將網(wǎng)頁(yè)的屬性html丟棄了，若已經(jīng)丟棄，請(qǐng)將它加上。（3）保存完成后，若還想給網(wǎng)頁(yè)增加信息，一定要在文件夾列表窗體中雙擊網(wǎng)頁(yè)的名稱，當(dāng)你看到你所雙擊的網(wǎng)頁(yè)名稱與編輯窗口中的名稱一致時(shí)，在輸入信息，完成后隨時(shí)保存信息。學(xué)生動(dòng)手實(shí)踐學(xué)生動(dòng)手實(shí)踐學(xué)生動(dòng)手實(shí)踐學(xué)生改正自己錯(cuò)誤學(xué)生已經(jīng)在新建站點(diǎn)中看到過(guò)新建網(wǎng)頁(yè)，很容易接受，同時(shí)通過(guò)交流達(dá)到共同進(jìn)步。引導(dǎo)學(xué)生保存自己的網(wǎng)頁(yè)。學(xué)生在動(dòng)手過(guò)程中就會(huì)引出重命名操作。將本節(jié)課

10、的難點(diǎn)集中展示出來(lái)，并糾正出錯(cuò)的原因三、合理安排網(wǎng)頁(yè)元素的具體位置，使網(wǎng)頁(yè)更加合理美觀，方便訪問(wèn)者訪問(wèn) （第二課）提問(wèn)學(xué)生都為他們的主頁(yè)準(zhǔn)備了哪些內(nèi)容和素材（如文本、圖片、動(dòng)畫、音頻、視頻）？ 學(xué)生自主回答提問(wèn)引導(dǎo)：你打算怎樣安排它們的具體位置才能使網(wǎng)頁(yè)更加合理美觀，方便訪問(wèn)者訪問(wèn)？學(xué)生思考打開學(xué)生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學(xué)生觀察并提問(wèn)他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁(yè)上只留下一個(gè)空表格結(jié)構(gòu)觀察思考引出本課教學(xué)目標(biāo)一：利用表格定位網(wǎng)頁(yè)對(duì)比展示兩張素材相同布局不同的網(wǎng)頁(yè)。一個(gè)使用表格布局，但表格邊框隱藏，其頁(yè)面工整，文本、圖片擺放對(duì)稱，具有一定的規(guī)律；另一個(gè)頁(yè)面凌亂，圖文混雜

11、，擺放雜亂根據(jù)上節(jié)課設(shè)計(jì)好的版面，利用已學(xué)過(guò)的知識(shí)動(dòng)手在網(wǎng)頁(yè)中插入表格，調(diào)整表格的結(jié)構(gòu)，使插入的表格結(jié)構(gòu)與設(shè)計(jì)的版面盡量吻合，組長(zhǎng)負(fù)責(zé)記錄表格結(jié)構(gòu)是否合理，并注明理由讓學(xué)生認(rèn)識(shí)用表格布局的優(yōu)點(diǎn)；使學(xué)生能合理的安排和組織表格結(jié)構(gòu)，為以下的制作創(chuàng)造有利的條件提醒學(xué)生要在編輯窗口和預(yù)窗口之間切換觀察，使表格結(jié)構(gòu)調(diào)整得更加合理  教師引導(dǎo)，并安排操作熟練的學(xué)生進(jìn)行演示學(xué)生動(dòng)手操作培養(yǎng)學(xué)生知識(shí)遷移的能力和動(dòng)手能力。 引出表格的嵌套提出問(wèn)題：如何才能讓表格不顯示在我們的網(wǎng)頁(yè)中呢學(xué)生思考并動(dòng)手操作引出表格屬性的設(shè)置，讓學(xué)生通過(guò)表格屬性的設(shè)置來(lái)設(shè)置表格的邊框、顏色等1.添加網(wǎng)頁(yè)元

12、素把事先準(zhǔn)備好的各種網(wǎng)頁(yè)元素（如文本、圖片、動(dòng)畫、音頻、視頻）添加到主頁(yè)，也可使用教師機(jī)的共享資源庫(kù)的素材；把學(xué)生用到的技能要點(diǎn)發(fā)到學(xué)習(xí)網(wǎng)站上；解決學(xué)生提出的疑難問(wèn)題學(xué)生自主實(shí)踐引導(dǎo)學(xué)生掌握添加網(wǎng)頁(yè)元素的方法 2.使用模板制作其他頁(yè)面打開榕樹下這個(gè)網(wǎng)站的主頁(yè)和其他子頁(yè)面學(xué)生欣賞并觀察這些頁(yè)面的風(fēng)格是否一致結(jié)合FrontPage模板功能引出目標(biāo)三：使用模板制作其他頁(yè)面。提示學(xué)生，一個(gè)網(wǎng)站的風(fēng)格一般是由主頁(yè)和子頁(yè)來(lái)共同體現(xiàn)，因此其他頁(yè)面應(yīng)和主頁(yè)面的風(fēng)格保持一致，那我們接下要做的其他頁(yè)面的風(fēng)格也應(yīng)和主頁(yè)風(fēng)格保持一致提問(wèn)學(xué)生是否還是象做主頁(yè)一樣從頭開始一個(gè)頁(yè)面一個(gè)頁(yè)面制作？還是有更方便的方法

13、，減少重復(fù)相同的操作提示學(xué)生把風(fēng)格一致的部分保留下來(lái)，刪除其他部分，并當(dāng)作模板保存下來(lái)，以供其他頁(yè)面使用，以后準(zhǔn)備制作網(wǎng)頁(yè)時(shí)可從模板列表中選取并在此基礎(chǔ)上進(jìn)行編輯學(xué)生自己動(dòng)手為他們的網(wǎng)站制作模板四、作品共評(píng)下課前8分鐘，展示學(xué)生作品，評(píng)價(jià)打分各小組把做好的主頁(yè)和模板上傳到FTP服務(wù)器，組長(zhǎng)記錄整個(gè)制作過(guò)程中的難點(diǎn)，心得體會(huì)，以備下次點(diǎn)評(píng)既可以提高學(xué)生的自信心，也可通過(guò)評(píng)價(jià)提高學(xué)生的鑒賞審美能力。為下一節(jié)課的學(xué)習(xí)提供基礎(chǔ)每組推薦一個(gè)相對(duì)優(yōu)秀的學(xué)生作品，共同評(píng)價(jià)七、教學(xué)評(píng)價(jià)本節(jié)課采用以學(xué)生自己實(shí)踐、自主學(xué)習(xí)為主，老師巧妙引導(dǎo)，適時(shí)指點(diǎn)為輔，讓學(xué)生通過(guò)合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成兩節(jié)課學(xué)習(xí)的方法，極大調(diào)