《網(wǎng)站制作初步》學(xué)案一、教材分析

1．本節(jié)地位和作用

本節(jié)是普通高中程標(biāo)準(zhǔn)實(shí)驗(yàn)教材選修模塊《網(wǎng)絡(luò)技術(shù)應(yīng)用》的第4章第二時(shí)的內(nèi)容，是繼網(wǎng)站規(guī)劃、網(wǎng)站設(shè)計(jì)后進(jìn)行網(wǎng)站實(shí)現(xiàn)的關(guān)鍵一節(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．教材處理

改后信息技術(shù)已不再是單純的計(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é)生掌握在FrntPage用表格規(guī)劃網(wǎng)頁(yè)及在網(wǎng)頁(yè)中插入圖片、聲音、水平線等相關(guān)知識(shí)與操作，并能合理、靈活地應(yīng)用到網(wǎng)頁(yè)制作中，美化自己的網(wǎng)頁(yè)。

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

1．知識(shí)與技能

（1）了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的作用，利用表格定位網(wǎng)頁(yè)。

（2）掌握網(wǎng)頁(yè)中表格的制作方法、表格屬性的設(shè)置方法以及單元格的修飾與編輯方法，表格嵌套的設(shè)計(jì)方法，并會(huì)添加網(wǎng)頁(yè)元素。

（3）使用模板的方法來(lái)制作風(fēng)格統(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)造的快樂。

（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è)設(shè)計(jì)中的重要作用。教師活動(dòng)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

合理安排網(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è)面凌亂，圖文混雜，擺放雜亂

根據(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è)置表格的邊框、顏色等

添加網(wǎng)頁(yè)元素

把事先準(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è)元素的方法

使用模板制作其他頁(yè)面

打開榕樹下這個(gè)網(wǎng)站的主頁(yè)和其他子頁(yè)面

學(xué)生欣賞并觀察這些頁(yè)面的風(fēng)格是否一致

結(jié)合FrntPage模板功能引出目標(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è)面制作？還是有更方便的方法，減少重復(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)

下前分鐘，展示學(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é)反思

本節(jié)采用以學(xué)生自己實(shí)踐、自主學(xué)習(xí)為主，老師巧妙引導(dǎo)，適時(shí)指點(diǎn)為輔，讓學(xué)生通過(guò)合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完