《網(wǎng)站制作初步》學(xué)案

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

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

本節(jié)是普通高中程標(biāo)準實驗教材選修模塊《網(wǎng)絡(luò)技術(shù)應(yīng)用》的第4章第二時的內(nèi)容，是繼網(wǎng)站規(guī)劃、網(wǎng)站設(shè)計后進行網(wǎng)站實現(xiàn)的關(guān)鍵一節(jié)。本節(jié)側(cè)重培養(yǎng)信息表達的能力，對于加強學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計也給學(xué)生提供了展示個性、自主創(chuàng)新的機會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

2．教材處理

改后信息技術(shù)已不再是單純的計算機技能，它強調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動為模式，以應(yīng)用軟為載體。只有在實際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會發(fā)展的有用人才。這節(jié)的主要任務(wù)是使學(xué)生掌握在FrntPage用表格規(guī)劃網(wǎng)頁及在網(wǎng)頁中插入圖片、聲音、水平線等相關(guān)知識與操作，并能合理、靈活地應(yīng)用到網(wǎng)頁制作中，美化自己的網(wǎng)頁。

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

1．知識與技能

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

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

（3）使用模板的方法來制作風(fēng)格統(tǒng)一的網(wǎng)頁。

2．過程與方法

（1）利用對比學(xué)習(xí)，培養(yǎng)學(xué)生知識遷移的能力。

（2）通過用表格結(jié)構(gòu)設(shè)計網(wǎng)頁，使學(xué)生進一步理解表格的作用、功能及網(wǎng)頁設(shè)計方法的多樣性，培養(yǎng)學(xué)生的發(fā)散思維能力。

（3）通過自主探究，使學(xué)生掌握軟的使用規(guī)則，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。觀察能力及解決問題的能力。

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

（1）通過運用表格布局網(wǎng)頁對象活動，進一步掌握各種不同對象屬性的設(shè)置方法和規(guī)律，體驗創(chuàng)造的快樂。

（2）在合作實踐過程中，培養(yǎng)學(xué)生合作幫助、團結(jié)協(xié)作的良好品質(zhì)。

（3）培養(yǎng)學(xué)生大膽構(gòu)思、自我創(chuàng)新的精神，培養(yǎng)學(xué)生的美感及創(chuàng)作后的成就感。

三、教學(xué)重點難點：

1．教學(xué)重點

（1）表格在網(wǎng)頁設(shè)計中的重要作用。教師活動

學(xué)生活動

設(shè)計意圖

合理安排網(wǎng)頁元素的具體位置，使網(wǎng)頁更加合理美觀，方便訪問者訪問

提問學(xué)生都為他們的主頁準備了哪些內(nèi)容和素材（如文本、圖片、動畫、音頻、視頻）？

學(xué)生自主回答

提問引導(dǎo)：你打算怎樣安排它們的具體位置才能使網(wǎng)頁更加合理美觀，方便訪問者訪問？

學(xué)生思考

打開學(xué)生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學(xué)生觀察并提問他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁上只留下一個空表格結(jié)構(gòu)

觀察思考

引出本教學(xué)目標(biāo)一：利用表格定位網(wǎng)頁

對比展示兩張素材相同布局不同的網(wǎng)頁。一個使用表格布局，但表格邊框隱藏，其頁面工整，文本、圖片擺放對稱，具有一定的規(guī)律；另一個頁面凌亂，圖文混雜，擺放雜亂

根據(jù)上節(jié)設(shè)計好的版面，利用已學(xué)過的知識動手在網(wǎng)頁中插入表格，調(diào)整表格的結(jié)構(gòu)，使插入的表格結(jié)構(gòu)與設(shè)計的版面盡量吻合，組長負責(zé)記錄表格結(jié)構(gòu)是否合理，并注明理由

讓學(xué)生認識用表格布局的優(yōu)點；

使學(xué)生能合理的安排和組織表格結(jié)構(gòu)，為以下的制作創(chuàng)造有利的條

提醒學(xué)生要在編輯窗口和預(yù)窗口之間切換觀察，使表格結(jié)構(gòu)調(diào)整得更加合理

教師引導(dǎo)，并安排操作熟練的學(xué)生進行演示

學(xué)生動手操作

培養(yǎng)學(xué)生知識遷移的能力和動手能力。

引出表格的嵌套

提出問題：如何才能讓表格不顯示在我們的網(wǎng)頁中呢

學(xué)生思考并動手操作

引出表格屬性的設(shè)置，讓學(xué)生通過表格屬性的設(shè)置來設(shè)置表格的邊框、顏色等

添加網(wǎng)頁元素

把事先準備好的各種網(wǎng)頁元素（如文本、圖片、動畫、音頻、視頻）添加到主頁，也可使用教師機的共享資源庫的素材；

把學(xué)生用到的技能要點發(fā)到學(xué)習(xí)網(wǎng)站上；

解決學(xué)生提出的疑難問題

學(xué)生自主實踐

引導(dǎo)學(xué)生掌握添加網(wǎng)頁元素的方法

使用模板制作其他頁面

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

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

結(jié)合FrntPage模板功能引出目標(biāo)三：使用模板制作其他頁面。

提示學(xué)生，一個網(wǎng)站的風(fēng)格一般是由主頁和子頁來共同體現(xiàn)，因此其他頁面應(yīng)和主頁面的風(fēng)格保持一致，那我們接下要做的其他頁面的風(fēng)格也應(yīng)和主頁風(fēng)格保持一致

提問學(xué)生是否還是象做主頁一樣從頭開始一個頁面一個頁面制作？還是有更方便的方法，減少重復(fù)相同的操作

提示學(xué)生把風(fēng)格一致的部分保留下來，刪除其他部分，并當(dāng)作模板保存下來，以供其他頁面使用，以后準備制作網(wǎng)頁時可從模板列表中選取并在此基礎(chǔ)上進行編輯

學(xué)生自己動手為他們的網(wǎng)站制作模板

作品共評

下前分鐘，展示學(xué)生作品，評價打分

各小組把做好的主頁和模板上傳到FTP服務(wù)器，組長記錄整個制作過程中的難點，心得體會，以備下次點評

既可以提高學(xué)生的自信心，也可通過評價提高學(xué)生的鑒賞審美能力。為下一節(jié)的學(xué)習(xí)提供基礎(chǔ)

每組推薦一個相對優(yōu)秀的學(xué)生作品，共同評價

七、教學(xué)反思

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