第一篇：網(wǎng)頁制作教學(xué)設(shè)計(jì)與思考

[摘要]中小學(xué)信息技術(shù)課已不再是單純的計(jì)算機(jī)技能課，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動為模式，以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會發(fā)展的有用人才。本文以“網(wǎng)頁制作”單元為例，闡述了信息技術(shù)課教學(xué)設(shè)計(jì)的新思路，并就現(xiàn)行教材的編排組織提出了幾點(diǎn)建設(shè)性意見。

[關(guān)鍵詞]信息技術(shù)/網(wǎng)頁制作/任務(wù)驅(qū)動

中學(xué)信息技術(shù)課程的任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括快速獲取信息的能力，正確地評價(jià)信息，有效地利用信息和準(zhǔn)確地表達(dá)信息。因此，信息技術(shù)課也應(yīng)以信息處理為主線來展開，而不該成為單純的計(jì)算機(jī)應(yīng)用軟件操作課。以“網(wǎng)頁制作”為例，整個制作過程對學(xué)生獲取、評價(jià)、表達(dá)和利用信息的各項(xiàng)能力都是一種培養(yǎng)和鍛煉。下面，筆者就這一單元的教學(xué)設(shè)計(jì)做具體闡述。

一、教材分析

我校目前使用的教材是江蘇省中小學(xué)教學(xué)研究室編寫的高一《信息技術(shù)》。網(wǎng)頁制作是其中第五章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計(jì)也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價(jià)則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

教材中采用的網(wǎng)頁制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面，可以自動生成Html代碼，輕松實(shí)現(xiàn)網(wǎng)頁發(fā)布。在第三章，學(xué)生已經(jīng)學(xué)過了Word字處理軟件。因此，對FrontPage2000的啟動、關(guān)閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利。

二、設(shè)計(jì)思想

1、任務(wù)驅(qū)動

本單元的學(xué)習(xí)通過完成網(wǎng)頁作品來實(shí)現(xiàn)。班級網(wǎng)頁的信息來自學(xué)生生活的班集體，每個熱愛班級、關(guān)心班級的同學(xué)都能產(chǎn)生一種急切地完成任務(wù)的動機(jī)，而完成任務(wù)又能給他們帶來成就感和滿足感。這種心理上的內(nèi)在動力驅(qū)使學(xué)生自覺地把計(jì)算機(jī)作為一種信息處理的工具來使用，由“要我學(xué)”變成“我要學(xué)”。在教學(xué)中，教師通過創(chuàng)設(shè)情境，激發(fā)學(xué)生的創(chuàng)作欲望，把總?cè)蝿?wù)劃分到每節(jié)課，按照學(xué)生的制作進(jìn)度來布置子任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達(dá)成教學(xué)目標(biāo)。

2、小組協(xié)作

制作班級網(wǎng)頁是個大任務(wù)，具有一定的開放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合作，取長補(bǔ)短、拓展思路。每個學(xué)習(xí)小組由6-8人組成，每人負(fù)責(zé)制作1-2個頁面，組合成一份班級網(wǎng)頁。最后，各小組作品集中評比，選出優(yōu)秀作品，上（轉(zhuǎn)載自本網(wǎng)http://www.tmdps.cn，請保留此標(biāo)記。）傳到校園網(wǎng)上公布。

基于資源

要培養(yǎng)學(xué)生的信息能力，就必須為他們提供大量處理信息的機(jī)會?；谫Y源的學(xué)習(xí)就是讓學(xué)生接觸到豐富的學(xué)習(xí)資源，為學(xué)生的知識構(gòu)建提供支撐。筆者采用ASP技術(shù)自主開發(fā)了一個信息技術(shù)學(xué)習(xí)網(wǎng)站，該網(wǎng)站具有強(qiáng)大的交互功能，不僅能為學(xué)生創(chuàng)設(shè)豐富的資源環(huán)境，還為每個注冊用戶提供個人空間，支持作品的上傳或下載，并開辟了學(xué)生論壇和教師答疑，供師生們交流和討論。網(wǎng)站的使用不僅方便學(xué)生的學(xué)，還能改善教師的教，也為師生間的交流提供了虛擬空間。

三、學(xué)習(xí)目標(biāo)

本單元的認(rèn)知、情感和動作技能三種目標(biāo)分述如下：

認(rèn)知目標(biāo)

1、能簡要陳述FrontPage2000主要功能，熟悉其操作界面

2、能用自己的話解釋下列術(shù)語：HTML，URL，網(wǎng)頁，主頁，超鏈接

3、能主動獲取、收集班級信息，并加以分類和整理

4、能客觀評價(jià)網(wǎng)頁的內(nèi)容和風(fēng)格，具備一定的審美能力

情感目標(biāo)

1、具有集體榮譽(yù)感，愿意為班級的網(wǎng)頁建設(shè)出謀劃策

2、具有樂于助人、團(tuán)結(jié)協(xié)作的精神

3、能尊重他人的勞動成果，有保護(hù)知識產(chǎn)權(quán)的意識

動作技能目標(biāo)

1、能熟練地建立、打開、保存、瀏覽網(wǎng)頁文件

2、能按照需要建立框架網(wǎng)頁，設(shè)置各框架中的初始網(wǎng)頁

3、能在網(wǎng)頁中熟練地插入文字、圖片、動畫、水平線

4、能使用簡單的表格編排網(wǎng)頁內(nèi)容，使網(wǎng)頁的結(jié)構(gòu)清晰，內(nèi)容整齊

5、能選擇合適的網(wǎng)頁背景圖案和背景音樂

6、能根據(jù)實(shí)際需要使用不同的超鏈接，合理地組織網(wǎng)頁

7、能在網(wǎng)頁中插入懸停按鈕、滾動字幕和橫幅廣告管理器，使網(wǎng)頁具有動感

8、能夠插入簡單的表單，使網(wǎng)頁具有初步的動態(tài)交互功能

四、學(xué)習(xí)資源設(shè)計(jì)

在基于資源的學(xué)習(xí)中，教師的任務(wù)就是收集、設(shè)計(jì)和管理學(xué)習(xí)資源，引導(dǎo)和幫助學(xué)生自主地查找并獲得學(xué)習(xí)指導(dǎo)，通過師生間、生生間的交流與合作，完成知識的建構(gòu)和技能的提高。因此，學(xué)習(xí)資源的設(shè)計(jì)尤為重要。本單元需要的學(xué)習(xí)資源包括以下部分：

1、推薦給學(xué)生的網(wǎng)站地址鏈接，如門戶網(wǎng)站、班級網(wǎng)站、搜索引擎、信息技術(shù)網(wǎng)站等

2、本單元學(xué)習(xí)的目標(biāo)和任務(wù)，以及每課時的子目標(biāo)和子任務(wù)

3、教師對班級網(wǎng)頁欄目的劃分建議，如同學(xué)檔案、教師風(fēng)采、學(xué)習(xí)園地、班級活動、休閑娛樂、班級留言板、酷站鏈接、站長信箱等等

4、根據(jù)每課時的學(xué)習(xí)目標(biāo)制作的操作指導(dǎo)，包括操作界面的演示

5、網(wǎng)頁設(shè)計(jì)所需的各種素材，如圖片、動畫、Midi音樂等等

6、拓展學(xué)習(xí)材料，如Photoshop、Flash、Asp、Access等技術(shù)資料

7、Frontpage2000的幫助系統(tǒng)和信息技術(shù)教材也是重要的學(xué)習(xí)資源

以上學(xué)習(xí)資源（第7項(xiàng)除外）都應(yīng)公布在教學(xué)網(wǎng)站中，保證學(xué)生在需要時查找。學(xué)生也可以把自己找到的好素材上傳到網(wǎng)上。

第二篇：“網(wǎng)頁制作”教學(xué)設(shè)計(jì)與思考

“網(wǎng)頁制作”教學(xué)設(shè)計(jì)與思考

[摘要]中小學(xué)信息技術(shù)已不再是單純的計(jì)算機(jī)技能，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動為模式，以應(yīng)用軟為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會發(fā)展的有用人才。本文以“網(wǎng)頁制作”單元為例，闡述了信息技術(shù)教學(xué)設(shè)計(jì)的新思路，并就現(xiàn)行教材的編排組織提出了幾點(diǎn)建設(shè)性意見。

[關(guān)鍵詞]信息技術(shù)/網(wǎng)頁制作/任務(wù)驅(qū)動

中學(xué)信息技術(shù)程的任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括快速獲取信息的能力，正確地評價(jià)信息，有效地利用信息和準(zhǔn)確地表達(dá)信息。因此，信息技術(shù)也應(yīng)以信息處理為主線來展開，而不該成為單純的計(jì)算機(jī)應(yīng)用軟操作。以“網(wǎng)頁制作”為例，整個制作過程對學(xué)生獲取、評價(jià)、表達(dá)和利用信息的各項(xiàng)能力都是一種培養(yǎng)和鍛煉。下面，筆者就這一單元的教學(xué)設(shè)計(jì)做具體闡述。

一、教材分析

我校目前使用的教材是江蘇省中小學(xué)教學(xué)研究室編寫的高一《信息技術(shù)》。網(wǎng)頁制作是其中第五章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計(jì)也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價(jià)則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

教材中采用的網(wǎng)頁制作軟是FrntPageXX。由于FrntPageXX采用了與rd等其他ffie軟相類似的圖形操作界面，可以自動生成Htl代碼，輕松實(shí)現(xiàn)網(wǎng)頁發(fā)布。在第三章，學(xué)生已經(jīng)學(xué)過了rd字處理軟。因此，對FrntPageXX的啟動、關(guān)閉、文操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利。

二、設(shè)計(jì)思想

1、任務(wù)驅(qū)動

本單元的學(xué)習(xí)通過完成網(wǎng)頁作品來實(shí)現(xiàn)。班級網(wǎng)頁的信息來自學(xué)生生活的班集體，每個熱愛班級、關(guān)心班級的同學(xué)都能產(chǎn)生一種急切地完成任務(wù)的動機(jī)，而完成任務(wù)又能給他們帶來成就感和滿足感。這種心理上的內(nèi)在動力驅(qū)使學(xué)生自覺地把計(jì)算機(jī)作為一種信息處理的工具來使用，由“要我學(xué)”變成“我要學(xué)”。在教學(xué)中，教師通過創(chuàng)設(shè)情境，激發(fā)學(xué)生的創(chuàng)作欲望，把總?cè)蝿?wù)劃分到每節(jié)，按照學(xué)生的制作進(jìn)度來布置子任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達(dá)成教學(xué)目標(biāo)。

2、小組協(xié)作

制作班級網(wǎng)頁是個大任務(wù)，具有一定的開放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合作，取長補(bǔ)短、拓展思路。每個學(xué)習(xí)小組由6-8人組成，每人負(fù)責(zé)制作1-2個頁面，組合成一份班級網(wǎng)頁。最后，各小組作品集中評比，選出優(yōu)秀作品，上傳到校園網(wǎng)上公布。基于資源

要培養(yǎng)學(xué)生的信息能力，就必須為他們提供大量處理信息的機(jī)會?；谫Y源的學(xué)習(xí)就是讓學(xué)生接觸到豐富的學(xué)習(xí)資源，為學(xué)生的知識構(gòu)建提供支撐。筆者采用ASP技術(shù)自主開發(fā)了一個信息技術(shù)學(xué)習(xí)網(wǎng)站，該網(wǎng)站具有強(qiáng)大的交互功能，不僅能為學(xué)生創(chuàng)設(shè)豐富的資源環(huán)境，還為每個注冊用戶提供個人空間，支持作品的上傳或下載，并開辟了學(xué)生論壇和教師答疑，供師生們交流和討論。網(wǎng)站的使用不僅方便學(xué)生的學(xué)，還能改善教師的教，也為師生間的交流提供了虛擬空間。

三、學(xué)習(xí)目標(biāo)

本單元的認(rèn)知、情感和動作技能三種目標(biāo)分述如下： 認(rèn)知目標(biāo)

1、能簡要陳述FrntPageXX主要功能，熟悉其操作界面

<

第三篇：“網(wǎng)頁制作”教學(xué)設(shè)計(jì)與思考

“網(wǎng)頁制作”教學(xué)設(shè)計(jì)與思考

[摘要]中小學(xué)信息技術(shù)課已不再是單純的計(jì)算機(jī)技能課，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動為模式，以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會發(fā)展的有用人才。本文以“網(wǎng)頁制作”單元為例，闡述了信息技術(shù)課教學(xué)設(shè)計(jì)的新思路，并就現(xiàn)行教材的編排組織提出了幾點(diǎn)建設(shè)性意見。

[關(guān)鍵詞]信息技術(shù)/網(wǎng)頁制作/任務(wù)驅(qū)動

中學(xué)信息技術(shù)課程的任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括快速獲取信息的能力，正確地評價(jià)信息，有效地利用信息和準(zhǔn)確地表達(dá)信息。因此，信息技術(shù)課也應(yīng)以信息處理為主線來展開，而不該成為單純的計(jì)算機(jī)應(yīng)用軟件操作課。以“網(wǎng)頁制作”為例，整個制作過程對學(xué)生獲取、評價(jià)、表達(dá)和利用信息的各項(xiàng)能力都是一種培養(yǎng)和鍛煉。下面，筆者就這一單元的教學(xué)設(shè)計(jì)做具體闡述。

一、教材分析

我校目前使用的教材是江蘇省中小學(xué)教學(xué)研究室編寫的高一《信息技術(shù)》。網(wǎng)頁制作是其中第五章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計(jì)也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價(jià)則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

教材中采用的網(wǎng)頁制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面，可以自動生成Html代碼，輕松實(shí)現(xiàn)網(wǎng)頁發(fā)布。在第三章，學(xué)生已經(jīng)學(xué)過了Word字處理軟件。因此，對FrontPage2000的啟動、關(guān)閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利。

二、設(shè)計(jì)思想

1、任務(wù)驅(qū)動

本單元的學(xué)習(xí)通過完成網(wǎng)頁作品來實(shí)現(xiàn)。班級網(wǎng)頁的信息來自學(xué)生生活的班集體，每個熱愛班級、關(guān)心班級的同學(xué)都能產(chǎn)生一種急切地完成任務(wù)的動機(jī)，而完成任務(wù)又能給他們帶來成就感和滿足感。這種心理上的內(nèi)在動力驅(qū)使學(xué)生自覺地把計(jì)算機(jī)作為一種信息處理的工具來使用，由“要我學(xué)”變成“我要學(xué)”。在教學(xué)中，教師通過創(chuàng)設(shè)情境，激發(fā)學(xué)生的創(chuàng)作欲望，把總?cè)蝿?wù)劃分到每節(jié)課，按照學(xué)生的制作進(jìn)度來布置子任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達(dá)成教學(xué)目標(biāo)。

2、小組協(xié)作

制作班級網(wǎng)頁是個大任務(wù)，具有一定的開放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識程度、學(xué)習(xí)能力和思維方式都有差異，可以通過討論、交流與合

作，取長補(bǔ)短、拓展思路。每個學(xué)習(xí)小組由6-8人組成，每人負(fù)責(zé)制作1-2個頁面，組合成一份班級網(wǎng)頁。最后，各小組作品集中評比，選出優(yōu)秀作品，上傳到校園網(wǎng)上公布。

基于資源

要培養(yǎng)學(xué)生的信息能力，就必須為他們提供大量處理信息的機(jī)會?；谫Y源的學(xué)習(xí)就是讓學(xué)生接觸到豐富的學(xué)習(xí)資源，為學(xué)生的知識構(gòu)建提供支撐。筆者采用ASP技術(shù)自主開發(fā)了一個信息技術(shù)學(xué)習(xí)網(wǎng)站，該網(wǎng)站具有強(qiáng)大的交互功能，不僅能為學(xué)生創(chuàng)設(shè)豐富的資源環(huán)境，還為每個注冊用戶提供個人空間，支持作品的上傳或下載，并開辟了學(xué)生論壇和教師答疑，供師生們交流和討論。網(wǎng)站的使用不僅方便學(xué)生的學(xué)，還能改善教師的教，也為師生間的交流提供了虛擬空間。

三、學(xué)習(xí)目標(biāo)

本單元的認(rèn)知、情感和動作技能三種目標(biāo)分述如下：

認(rèn)知目標(biāo)

1、能簡要陳述FrontPage2000主要功能，熟悉其操作界面

2、能用自己的話解釋下列術(shù)語：HTML，URL，網(wǎng)頁，主頁，超鏈接

3、能主動獲取、收集班級信息，并加以分類和整理

4、能客觀評價(jià)網(wǎng)頁的內(nèi)容和風(fēng)格，具備一定的審美能力

情感目標(biāo)

1、具有集體榮譽(yù)感，愿意為班級的網(wǎng)頁建設(shè)出謀劃策

2、具有樂于助人、團(tuán)結(jié)協(xié)作的精神

3、能尊重他人的勞動成果，有保護(hù)知識產(chǎn)權(quán)的意識

動作技能目標(biāo)

1、能熟練地建立、打開、保存、瀏覽網(wǎng)頁文件

2、能按照需要建立框架網(wǎng)頁，設(shè)置各框架中的初始網(wǎng)頁

3、能在網(wǎng)頁中熟練地插入文字、圖片、動畫、水平線

4、能使用簡單的表格編排網(wǎng)頁內(nèi)容，使網(wǎng)頁的結(jié)構(gòu)清晰，內(nèi)容整齊

5、能選擇合適的網(wǎng)頁背景圖案和背景音樂

6、能根據(jù)實(shí)際需要使用不同的超鏈接，合理地組織網(wǎng)頁

7、能在網(wǎng)頁中插入懸停按鈕、滾動字幕和橫幅廣告管理器，使網(wǎng)頁具有動感

8、能夠插入簡單的表單，使網(wǎng)頁具有初步的動態(tài)交互功能

四、學(xué)習(xí)資源設(shè)計(jì)

在基于資源的學(xué)習(xí)中，教師的任務(wù)就是收集、設(shè)計(jì)和管理學(xué)習(xí)資源，引導(dǎo)和幫助學(xué)生自主地查找并獲得學(xué)習(xí)指導(dǎo)，通過師生間、生生間的交流與合作，完成知識的建構(gòu)和技能的提高。因此，學(xué)習(xí)資源的設(shè)計(jì)尤為重要。本單元需要的學(xué)習(xí)資源包括以下部分：

1、推薦給學(xué)生的網(wǎng)站地址鏈接，如門戶網(wǎng)站、班級網(wǎng)站、搜索引擎、信息技術(shù)網(wǎng)站等

2、本單元學(xué)習(xí)的目標(biāo)和任務(wù)，以及每課時的子目標(biāo)和子任務(wù)

3、教師對班級網(wǎng)頁欄目的劃分建議，如同學(xué)檔案、教師風(fēng)采、學(xué)習(xí)園地、班級活動、休閑娛樂、班級留言板、酷站鏈接、站長信箱等等

4、根據(jù)每課時的學(xué)習(xí)目標(biāo)制作的操作指導(dǎo)，包括操作界面的演示

5、網(wǎng)頁設(shè)計(jì)所需的各種素材，如圖片、動畫、Midi音樂等等

6、拓展學(xué)習(xí)材料，如Photoshop、Flash、Asp、Access等技術(shù)資料

7、Frontpage2000的幫助系統(tǒng)和信息技術(shù)教材也是重要的學(xué)習(xí)資源

以上學(xué)習(xí)資源（第7項(xiàng)除外）都應(yīng)公布在教學(xué)網(wǎng)站中，保證學(xué)生在需要時查找。學(xué)生也可以把自己找到的好素材上傳到網(wǎng)上。

五、教學(xué)過程

本單元的教學(xué)共需8課時，每節(jié)課教師都要求學(xué)生完成子任務(wù)。教學(xué)安排如下表：

課時

學(xué)習(xí)子任務(wù)

教師行為

學(xué)生行為 訪問推薦網(wǎng)頁

評價(jià)網(wǎng)頁，確定標(biāo)準(zhǔn)

形成小組、討論欄目，明確分工

推薦優(yōu)秀網(wǎng)站

組織學(xué)生討論網(wǎng)頁內(nèi)容和風(fēng)格，分析網(wǎng)頁框架和布局。

小結(jié)網(wǎng)頁評價(jià)的標(biāo)準(zhǔn)

提出學(xué)習(xí)任務(wù)(班級網(wǎng)頁制作)和原則(小組協(xié)作，網(wǎng)上討論與學(xué)習(xí))

提供網(wǎng)頁欄目劃分建議

（轉(zhuǎn)載自本網(wǎng)http://www.tmdps.cn，請保留此標(biāo)記。）組織各小組討論

瀏覽網(wǎng)頁

仔細(xì)觀察，區(qū)分優(yōu)劣

了解評價(jià)網(wǎng)頁的標(biāo)準(zhǔn)

明確任務(wù)及原則

選擇小組，參與討論，確定欄目及分工，推舉組長

組長上報(bào)成員名單

課后收集整理信息 學(xué)會使用教學(xué)網(wǎng)站

熟悉Frontpage2000的操作界面，掌握網(wǎng)頁文件的創(chuàng)建、打開、保存和關(guān)閉操作

輸入文字信息并修飾

公布教學(xué)網(wǎng)站地址和訪問方法，介紹網(wǎng)站欄目及功能，特別是個人空間的上傳、下載方法

參與學(xué)生的網(wǎng)上討論，回答學(xué)生提問，必要時進(jìn)行集體講解和演示

登陸教學(xué)網(wǎng)站，了解欄目功能，練習(xí)使用

創(chuàng)建網(wǎng)頁文件，輸入網(wǎng)頁文字信息并保存

設(shè)置文本字體字號顏色，調(diào)整段落對齊方式和縮進(jìn)格式

引用資料注明出處

在網(wǎng)頁下方署名 學(xué)會插入圖片、動畫、水平線

設(shè)置背景和音樂

學(xué)習(xí)插入表格，并用表格實(shí)現(xiàn)頁面布局

介紹素材庫中各類素材

參與網(wǎng)上討論、答疑

提醒學(xué)生網(wǎng)頁上的圖片和動畫應(yīng)少而精，以免影響瀏覽速度

介紹表格的嵌套

分析學(xué)生網(wǎng)頁，用表格演示頁面布局

選擇合適的素材插入網(wǎng)頁合適位置，設(shè)置圖片和動畫的大小、對齊方式和邊框

設(shè)置網(wǎng)頁背景和音樂

在需要插入表格的網(wǎng)頁中，設(shè)置表格、行、列及單元格的屬性并進(jìn)行編輯

用表格規(guī)劃頁面內(nèi)容 學(xué)習(xí)框架網(wǎng)頁的創(chuàng)建及保存，學(xué)會拆分和刪除框架

小組合作，建立主頁

建立頁間鏈接，并學(xué)會通過預(yù)覽功能測試鏈接

介紹框架網(wǎng)頁的各種格式和創(chuàng)建、保存的方法

演示拆分、刪除框架

參與網(wǎng)上討論、答疑

分析學(xué)生操作錯誤原因，頁間鏈接應(yīng)使用相對路徑

演示超級鏈接的建立、使用預(yù)覽功能測試鏈接

小組討論選擇一種框架頁面作為主頁

設(shè)置框架屬性，如框架名稱、初始網(wǎng)頁等

創(chuàng)建主頁與其他頁面間的超級鏈接，并用預(yù)覽功能測試鏈接是否正確

學(xué)會使用相對路徑 學(xué)會創(chuàng)建書簽鏈接、郵件鏈接和圖片鏈接

建立URL鏈接

初步學(xué)會創(chuàng)建圖象的熱區(qū)鏈接

對每個鏈接進(jìn)行測試

分析一個主頁，讓學(xué)生找出不同的超級鏈接

討論各種鏈接的應(yīng)用場合，如頁面內(nèi)容較多則使用什么鏈接？酷站鏈接和站長信箱分別使用什么鏈接？學(xué)生回答

錯誤原因分析，URL鏈接使用絕對路徑

選擇內(nèi)容較多的頁面建立書簽鏈接

在圖片上練習(xí)圖片鏈接和熱區(qū)鏈接

為酷站鏈接和站長信箱建立正確的鏈接

加深URL地址的認(rèn)識

對每個鏈接進(jìn)行測試 學(xué)會插入滾動字幕

學(xué)會使用懸停按鈕

學(xué)會插入站點(diǎn)計(jì)數(shù)器和橫幅廣告管理器

小組網(wǎng)頁初步組合，上傳到教學(xué)網(wǎng)站

逐個檢查各小組網(wǎng)頁的制作進(jìn)展，并給出評估意見

參與網(wǎng)上討論、答疑

講解小組網(wǎng)頁的組合方式，每個欄目一個文件夾，圖片放一個文件夾，提示學(xué)生使用文件夾視圖管理文件

在主頁上插入滾動字幕，并設(shè)置其方向、速度、表現(xiàn)和對齊方式

在主頁上插入計(jì)數(shù)器和橫幅廣告管理器

選擇一個頁面插入懸停按鈕，并設(shè)置其顏色、效果和鏈接對象

設(shè)置網(wǎng)頁的動態(tài)效果

小組網(wǎng)頁組合上傳 了解表單的交互性，學(xué)習(xí)表單的創(chuàng)建和設(shè)置

在表單中插入各種組件

設(shè)置表單的Email提交方法

各組網(wǎng)頁定稿上傳

介紹簡單的留言板，論壇和聊天室，供學(xué)生選擇

引導(dǎo)學(xué)有余力的學(xué)生學(xué)習(xí)ASP和數(shù)據(jù)庫技術(shù)

參與網(wǎng)上討論、答疑

創(chuàng)建留言板或其他形式的表單，如學(xué)習(xí)調(diào)查表等

在表單中插入文本框、按鈕、單選按鈕、復(fù)選框、列表框等組件

設(shè)置Email提交方法

小組網(wǎng)頁定稿上傳 各組網(wǎng)頁演示、互評

網(wǎng)上投票推選優(yōu)秀網(wǎng)頁和網(wǎng)頁制作高手

每位同學(xué)自評

由班內(nèi)網(wǎng)頁高手做班級網(wǎng)頁管理員，負(fù)責(zé)提交、維護(hù)班級網(wǎng)頁

組織小組網(wǎng)頁互評

設(shè)計(jì)網(wǎng)上投票網(wǎng)頁

設(shè)計(jì)網(wǎng)頁設(shè)計(jì)評估表

為每個學(xué)生的作品打分

積極參加小組互評

投票推選優(yōu)秀網(wǎng)頁和網(wǎng)頁制作高手

認(rèn)真小結(jié)本人學(xué)習(xí)情況，并如實(shí)打分自評

六、教學(xué)評價(jià)

本單元的教學(xué)評價(jià)主要根據(jù)下面的網(wǎng)頁作品評價(jià)量化表來進(jìn)行，由學(xué)生自評和教師打分反映學(xué)生的學(xué)習(xí)狀況。

評價(jià)指標(biāo)

(分值)具體指標(biāo)

量化等級分值

自評

教師

優(yōu)

良

中

差

網(wǎng)頁內(nèi)容

(40)獲得的信息準(zhǔn)確且完整 4 3 2

信息的收集方法效率高 8 6 4

網(wǎng)頁文字沒有語法和拼寫錯誤 8

4

能找到合適的網(wǎng)頁素材并合理應(yīng)用 8 6 4

引用他人作品，是否注明出處 4 3 2

技術(shù)處理

(35)網(wǎng)頁布局整齊、合理 8 6 4

網(wǎng)頁色彩協(xié)調(diào)、風(fēng)格鮮明 8 6 4

網(wǎng)頁鏈接正確、快捷 8 6

具有較強(qiáng)的動態(tài)交互功能 4 3 2

【2011年七夕情人節(jié)祝福網(wǎng)頁——帶有你名字的個性祝?！?/p>

【推薦】下載本網(wǎng)的快捷方式到桌面，以便下次使用。

下載本文

內(nèi)容搜索范文推薦【工作總結(jié)】 班主任 教師 辦公室 財(cái)務(wù) 銷售 【工作計(jì)劃】 班主任 學(xué)校 教學(xué) 德育 班級

【工作報(bào)告】述職 述廉 社會實(shí)踐 實(shí)習(xí)辭職 調(diào)查 【黨團(tuán)范文】入黨申請書 入團(tuán) 思想?yún)R報(bào) 轉(zhuǎn)正

【演 講 稿】 技巧 競聘 英語 節(jié)日 教師 愛崗敬業(yè) 上一篇：FOR/NEXT循環(huán)語句教學(xué)設(shè)計(jì) 下一篇：“做中學(xué)”科學(xué)教育理論在自然教學(xué)中的運(yùn)用您可以將本頁一鍵：

關(guān)于我們 | 收藏本站 | 友情連接 | 【歡迎投稿】 Copyright ? 本網(wǎng) All Rights Reserved.粵ICP備06060663號 | 貴賓統(tǒng)計(jì)

您可以訪問本網(wǎng)（www.tmdps.cn）查看更多與本文《“網(wǎng)頁制作”教學(xué)設(shè)計(jì)與思考》相關(guān)的文章。

第四篇：網(wǎng)頁制作教學(xué)設(shè)計(jì)

網(wǎng)頁制作教學(xué)設(shè)計(jì)

網(wǎng)頁制作教學(xué)設(shè)計(jì)1

教學(xué)目標(biāo)：

1、知識與技能

（1）了解超級鏈接的含義及鏈接源和鏈接目標(biāo)的含義，掌握同一站點(diǎn)內(nèi)以及不同站點(diǎn)間網(wǎng)頁超級鏈接的創(chuàng)建方法。

（2）掌握網(wǎng)頁內(nèi)書簽的作用及創(chuàng)建書簽鏈接方法，掌握交互式按鈕、框架網(wǎng)頁內(nèi)超級鏈接的設(shè)置方法。

（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。

2、過程與方法

（1）通過創(chuàng)建網(wǎng)頁超級鏈接的操作，使學(xué)生了解網(wǎng)頁中創(chuàng)建超級鏈接的基本方法，破除對網(wǎng)頁鏈接的神秘感。

（2）通過對不同對象設(shè)置超級鏈接的操作，使學(xué)生總結(jié)出操作的規(guī)律，培養(yǎng)學(xué)生自主學(xué)習(xí)與操作的能力。

（3）通過網(wǎng)頁不同的超級鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁鏈接。

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

（1）通過鏈接我國主要自然保護(hù)區(qū)網(wǎng)頁，激發(fā)學(xué)生熱愛祖國、熱愛自然、熱愛生命的激情。

（2）完成超級鏈接，使學(xué)生感受成功的喜悅和快樂。

教學(xué)重、難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）超級鏈接的含義及鏈接源和鏈接目標(biāo)的含義。

（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。

2、教學(xué)難點(diǎn)

（1）書簽鏈接中名稱及對應(yīng)鏈接位置的設(shè)定。

（2）在框架頁面中制作超鏈接時，目標(biāo)對象所選擇的顯示窗口形式。

教學(xué)方法與教學(xué)手段：

任務(wù)驅(qū)動法、討論探究法、講解與演示法、類比知識遷移法。

教學(xué)準(zhǔn)備：

“動物——人類的朋友”站點(diǎn)，包括未鏈接的網(wǎng)頁，如歡迎頁、表格頁、框架頁，表單頁等。

教學(xué)過程：

1、引入

展示兩個主頁，一個已經(jīng)創(chuàng)建了鏈接，一個沒有創(chuàng)建鏈接，讓學(xué)生進(jìn)行比較并找出區(qū)別，引出本課課題——超級鏈接。

提出：我們在先前的學(xué)習(xí)中，哪個軟件中的相關(guān)操作與它類似？什么是超級鏈接？找一個例子，分析鏈接源和鏈接目標(biāo)分別是什么？

學(xué)生展開交流，通過對比找出不同點(diǎn)，并積極思考，回答老師的問題。

設(shè)計(jì)意圖：通過對比操作、交流，再輔以知識遷移，明確本節(jié)課教學(xué)內(nèi)容。

2、新授

（1）站內(nèi)超級鏈接

引導(dǎo)學(xué)生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：

任務(wù)1同一站點(diǎn)內(nèi)不同頁面之間的鏈接

○1制作首頁（歡迎頁）到表格頁的超鏈接。

○2給表格頁內(nèi)交互式按鈕設(shè)置超級鏈接，鏈接到相關(guān)頁面。

○3給框架頁內(nèi)交互式按鈕設(shè)置超級鏈接，鏈接到相關(guān)頁面。

教師巡視，及時指導(dǎo)，安排學(xué)生示范操作并講解如何制作超鏈接。

交互式按鈕的超鏈接制作要求在框架網(wǎng)頁中演示操作。老師可以提問學(xué)生：演示者操作的對嗎？有沒有問題？

引導(dǎo)學(xué)生發(fā)現(xiàn)問題：超鏈接制作完成后需要檢驗(yàn)（保存后預(yù)覽）。

教師講解，突破難點(diǎn)，再交由學(xué)生操作。

以上是同一站點(diǎn)內(nèi)不同網(wǎng)頁之間的鏈接，有時一個頁面中內(nèi)容過多，需要不斷拖動滾動條實(shí)現(xiàn)閱讀，能否實(shí)現(xiàn)快速跳轉(zhuǎn)呢？

任務(wù)2同一站點(diǎn)內(nèi)同一頁面內(nèi)的跳轉(zhuǎn)（鏈接）：在“動物趣聞”頁面內(nèi)制作書簽鏈接。

教師講解：由生活中的書簽引入，介紹“書簽鏈接”的概念，然后再演示如何操作。

提示：書簽鏈接的雙向性問題（返回）。

學(xué)生認(rèn)真聽講后模仿制作，教師巡視進(jìn)行指導(dǎo)并反饋學(xué)生的完成情況。

（2）站間超級鏈接

僅憑我們課堂上制作的這些頁面還不足以詳細(xì)介紹我們的主題，此時我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內(nèi)容。

任務(wù)3借助熱區(qū)鏈接，為“友情鏈接”頁面制作超鏈接，鏈接我國一些自然保護(hù)區(qū)網(wǎng)站。

有了以上基礎(chǔ)，可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示，輔助以提問的形式檢驗(yàn)學(xué)生的自學(xué)情況。

3、總結(jié)與評價(jià)

開展同學(xué)間的互助，檢驗(yàn)其鏈接完成情況，推薦優(yōu)秀同學(xué)做展示。引導(dǎo)學(xué)生分類總結(jié)本節(jié)課的知識點(diǎn)。

網(wǎng)頁制作教學(xué)設(shè)計(jì)2

教學(xué)目標(biāo)：

1、讓學(xué)生掌握在網(wǎng)頁中插入表格的方法以及表格的修改

2、學(xué)會利用表格來規(guī)劃網(wǎng)頁

3、培養(yǎng)學(xué)生創(chuàng)新的能力以及動手操作的能力

教學(xué)重、難點(diǎn)：

利用表格來規(guī)劃網(wǎng)頁，從中培養(yǎng)學(xué)生的創(chuàng)新能力

教學(xué)過程：

一、情境導(dǎo)入

同學(xué)們你們善于觀察嗎？老師先考考你們，我們一起來看一組圖片，你們看看在那里看過呢？學(xué)校緩臺的窗臺上。你們的觀察能力真的很強(qiáng)啊，對，這些都是我們學(xué)校美術(shù)的特色作口，盤畫。其實(shí)，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節(jié)課我們以繪畫作口品為例，做一個學(xué)習(xí)園地網(wǎng)頁，把我們的作品展示到自己的班級網(wǎng)站中，以便我們更好的努力學(xué)習(xí)?，F(xiàn)在我們就一起來制作吧！

二、新知探究

首先我們來打開上節(jié)課的班級網(wǎng)站，在這個網(wǎng)站中新建一個網(wǎng)頁，并保存成“學(xué)習(xí)園地”。

教師講解：如何制作學(xué)習(xí)園地網(wǎng)頁。

1、制作網(wǎng)頁的標(biāo)題：輸入文字，并設(shè)置文字的格式。

2、插入表格：單擊“表格”中的“插入表格”并對表格屬性進(jìn)行設(shè)置。如：行、列的操作，對齊方式等。同時講解什么是行，什么是列，以及單元格的概念。

3、修改表格：調(diào)整表格行高和列寬。

4、在學(xué)生學(xué)會插入表格的基礎(chǔ)上，來設(shè)計(jì)網(wǎng)頁，展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進(jìn)行圖片的注釋。

5、進(jìn)一步設(shè)置單元格的背景，來美化網(wǎng)頁。

6、設(shè)置超鏈接：通過導(dǎo)航欄目，設(shè)置文字超鏈接。選中文字，點(diǎn)擊右鍵選擇超鏈接在列表中選擇你要鏈接的網(wǎng)頁，單擊“確定”按鈕。

7、學(xué)生在教師的講解后，學(xué)生自己動手操作制作網(wǎng)頁。教師進(jìn)行指導(dǎo)。（伴隨音樂）

三、作品評價(jià)

1、生評：從網(wǎng)頁設(shè)計(jì)上，美觀程度上，知識落實(shí)上重點(diǎn)評價(jià)。

2、師評：對學(xué)生作品進(jìn)行評價(jià)，并對其它學(xué)生的評價(jià)加以更完整的解釋。

四、總結(jié)

我們這節(jié)課主要是利用了表格來設(shè)計(jì)網(wǎng)頁，以使來美化我們的網(wǎng)頁，通過繪畫作品的展示，學(xué)習(xí)更多的知識。

網(wǎng)頁制作教學(xué)設(shè)計(jì)3

一、課程基本信息

課程編號：

中文名稱：網(wǎng)頁設(shè)計(jì)與制作

英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)

開課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時：24學(xué)時總學(xué)分：1課程簡介：

本課程突出網(wǎng)頁設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計(jì)制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計(jì)與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計(jì)與制作的興趣和愛好。參考書：

1、網(wǎng)頁設(shè)計(jì)與制作教程，熊前興閔聯(lián)營，科學(xué)出版社；

2、網(wǎng)站與網(wǎng)頁設(shè)計(jì)，張貴明，清華大學(xué)出版社；

3、網(wǎng)頁美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

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

網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識，能運(yùn)用網(wǎng)頁工具設(shè)計(jì)和制作常用網(wǎng)頁。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時）

（1）Internet基礎(chǔ)知識

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

第二章、超文本編輯語言HTML（8學(xué)時）

（1）HTML文件的基本結(jié)構(gòu)

（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記

（5）表格標(biāo)記

（6）超鏈接標(biāo)記

（7）表單標(biāo)記

（8）框架標(biāo)記

第三章、JavaScript語言（4學(xué)時）

（1）JavaScript語言簡介

（2）JavaScript編程基礎(chǔ)

（3）基于對象的JavaScript語言

（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時）

（1）CSS概述

（2）CSS屬性

第五章、可視化網(wǎng)頁設(shè)計(jì)工具

（1）網(wǎng)頁的基本操作

（2）圖像、表格與超鏈接

（3）表單與框架

（4）添加網(wǎng)頁元素

（5）發(fā)布站點(diǎn)

第六章、動態(tài)網(wǎng)頁設(shè)計(jì)語言ASP（4學(xué)時）

（1）ASP簡介

（2）VBScript腳本基礎(chǔ)

（3）ASP的內(nèi)置對象

（4）實(shí)用文件

第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時）

（1）數(shù)據(jù)庫的連接

（2）數(shù)據(jù)庫的檢索

（3）數(shù)據(jù)庫的操作

總結(jié)復(fù)習(xí)（1學(xué)時）

四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個同學(xué)為自己設(shè)計(jì)制作一個博客網(wǎng)站。

七、成績評定

1、自制網(wǎng)站（80%）

2、平時考勤、作業(yè)（20%）平時成績分配：

平時考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時應(yīng)注意的問題

根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進(jìn)度做適當(dāng)?shù)恼{(diào)整。

網(wǎng)頁制作教學(xué)設(shè)計(jì)4

一、學(xué)習(xí)內(nèi)容分析

《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術(shù)》8年級第3章《主題網(wǎng)站設(shè)計(jì)與制作》第2節(jié)《制作網(wǎng)頁》中第1課時的內(nèi)容。H5是指第5代HTML標(biāo)記語言，其搭建的站點(diǎn)可方便地應(yīng)用于PC、Android、iOS等多種平臺，它為互聯(lián)網(wǎng)內(nèi)容的呈現(xiàn)提供了一種全新的框架和平臺，包括免插件的音視頻、圖像、動畫、本地存儲以及更多酷炫的功能。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式，用H5創(chuàng)建的網(wǎng)頁以文字、圖片、動畫、聲音等相結(jié)合的富媒體出現(xiàn)，頁面圖文并茂、生動活潑、傳達(dá)方便、易于推廣。

二、學(xué)習(xí)者分析

本節(jié)課的學(xué)習(xí)對象是八年級的學(xué)生，處于這一年齡段的學(xué)生，思維活躍，具備一定的理解能力和較強(qiáng)的自學(xué)能力。通過前面的學(xué)習(xí)，學(xué)生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設(shè)計(jì)主題網(wǎng)站的方法。本節(jié)課以iH5軟件工具為平臺，學(xué)習(xí)用H5快速制作網(wǎng)頁。然而學(xué)生從未接觸過iH5，對于陌生軟件的學(xué)習(xí)，有些畏難情緒，覺得無從下手。但是在日常生活中，他們經(jīng)常能接觸到各種各樣的手機(jī)H5網(wǎng)頁，如企業(yè)宣傳、個人簡歷、邀請函、紀(jì)念冊等，這些H5網(wǎng)頁給大家?guī)砹巳碌捏w驗(yàn)，技術(shù)本身帶來的新奇感讓學(xué)生心生向往。

三、學(xué)習(xí)目標(biāo)

知識與技能：能列舉H5網(wǎng)頁的特點(diǎn)；掌握在iH5軟件中添加和編輯文字、圖片、動畫等元素的方法以及設(shè)置對象屬性的方法，理解舞臺、頁面、對象之間的層級關(guān)系。

過程與方法：通過制作校園文化藝術(shù)節(jié)邀請函，經(jīng)歷制作H5網(wǎng)頁的基本過程。

情感態(tài)度及價(jià)值觀：感悟網(wǎng)頁制作并非難事，軟件使用有共通之處。

四、教學(xué)過程

（一）創(chuàng)設(shè)情境，初認(rèn)H5

以藝載德、以藝促智，一年一度的校園文化藝術(shù)節(jié)又開始了，同學(xué)們踴躍報(bào)名，比拼才藝。八年級將舉行以“多彩校園，閃亮你我”為主題的匯報(bào)演出，充分展示八年級同學(xué)的青春活力和精神面貌。

思考：本次演出將要邀請家長參加，你會選擇什么樣的方式來做出邀請呢？（口頭傳達(dá)、短信、紙質(zhì)邀請函等）

活動1：體驗(yàn)“校園文化藝術(shù)節(jié)邀請函H5”，初認(rèn)H5。

（1）二人一組，一位同學(xué)在手機(jī)瀏覽器中打開；另一位同學(xué)在電腦瀏覽器中打開（網(wǎng)址：xxxxxx）。瀏覽后回答以下問題：

不同平臺的瀏覽效果是否一致？為什么？

這支H5中具有哪些媒體元素？

用戶能參與其中嗎？

你會用什么方式推廣這支H5？

小結(jié)：

（1）H5具有跨平臺、支持多媒體、可交互、易推廣等優(yōu)勢。以上特點(diǎn)使得H5可能成為我們發(fā)出邀請的首選。

（2）“校園文化藝術(shù)節(jié)邀請函H5”為何如此吸引人？觀看視頻，思考到底什么是H5？

小結(jié)：H5是指第5代HTML標(biāo)記語言，也指用H5語言制作的一切數(shù)字產(chǎn)品。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式。用H5創(chuàng)建的網(wǎng)頁圖文并茂、生動活潑、傳達(dá)方便、易于推廣。

設(shè)計(jì)意圖：與H5相關(guān)的概念性知識抽象、枯燥難懂，如果采用講授法，學(xué)生并不容易理解。因此本節(jié)課創(chuàng)設(shè)了學(xué)生現(xiàn)實(shí)生活中的情境，以制作校園文化藝術(shù)節(jié)邀請函H5為主題，設(shè)計(jì)了4個問題，每個問題目標(biāo)指向明確，容易引起學(xué)生的共鳴，激發(fā)學(xué)生的思考并得出結(jié)論。通過微視頻用通俗易懂的語言幫助學(xué)生進(jìn)一步認(rèn)識H5，內(nèi)化知識。

（二）根據(jù)需求，規(guī)劃H5

凡事預(yù)則立，不預(yù)則廢，要制作匯報(bào)演出邀請函，首先對每個頁面的內(nèi)容、素材等進(jìn)行一個簡單規(guī)劃。

活動2：根據(jù)需求，選擇素材，規(guī)劃邀請函。

設(shè)計(jì)意圖：學(xué)生已經(jīng)學(xué)習(xí)過網(wǎng)站的規(guī)劃，所以容易理解規(guī)劃的重要性。教師通過搭建“規(guī)劃表”這個支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請函的需求，對所要制作的邀請函進(jìn)行初步的規(guī)劃，幫助學(xué)生理清楚每個頁面的內(nèi)容和所需添加的元素。

（三）知識遷移，制作H5

能夠用于開發(fā)H5網(wǎng)頁的工具很多，今天以iH5軟件工具為平臺，學(xué)習(xí)使用H5快速制作網(wǎng)頁。

活動3：找“共性”，探“個性”，認(rèn)識iH5軟件。

（1）使用課前申請的賬號，登錄網(wǎng)址：，進(jìn)入在線編輯平臺。

（2）對比Photoshop界面，認(rèn)識iH5界面，找出相同之處和不同之處。

小結(jié)：相同之處：_______________________（菜單欄、工具面板、編輯區(qū)）

不同之處：_______________________（對象樹面板）

（3）比較PS中的圖層面板和iH5中的對象樹面板，思考對象樹面板的作用。

小結(jié)：對象樹面板可以用來管理舞臺中的對象，對象樹中的層級關(guān)系為：舞臺→頁面→文本、圖片等素材，每個頁面中的對象上層覆蓋下層。

活動4：利用iH5軟件，制作邀請函H5。

（1）觀看操作指導(dǎo)微視頻，自主探究頁面的制作，完成以下問題：

設(shè)置背景：選中頁面1，在屬性面板中找到_____________選項(xiàng)，添加背景圖片。

添加文字：選中頁面1，在工具面板中選擇_____________選項(xiàng)。

添加圖片：選中頁面1，在工具面板中選擇_____________選項(xiàng)。

小結(jié)：添加文字、圖片的一般步驟：選擇位置—添加對象。

（2）展示學(xué)生作品，師生共同分析存在的問題，尋求解決方式。

問題1：首頁、內(nèi)容頁都播放同一素材。

原因分析：素材全部都添加在了舞臺之中，其層級關(guān)系在內(nèi)容頁和首頁的上一級。

問題2：內(nèi)容頁沒有顯示內(nèi)容。

原因分析：素材全部都添加在了首頁之中，而不是對應(yīng)的內(nèi)容頁中。

設(shè)計(jì)意圖：遷移是人類認(rèn)知的一個普遍特征，因?yàn)樾碌膶W(xué)習(xí)總是建立在原有學(xué)習(xí)基礎(chǔ)之上。學(xué)生原有的知識是Photoshop軟件使用，將Photoshop和iH5進(jìn)行對比，引導(dǎo)學(xué)生發(fā)現(xiàn)界面組成的“共性”與“個性“，讓學(xué)生初步認(rèn)識對象樹面板，學(xué)會利用對象樹面板來管理素材。在制作H5時采用局部“翻轉(zhuǎn)課堂”的形式，通過高效、簡短的微視頻和幾個思考題，引導(dǎo)學(xué)生思考探究；在學(xué)生遇到問題和困難時，師生共同分析問題，解決問題。給學(xué)生“瑞士奶酪式”知識建構(gòu)時間，使學(xué)生從規(guī)律的獲得到知識的應(yīng)用有一個過渡和漸進(jìn)的過程。

（四）自主探究，美化H5

活動5：美化完善邀請函H5。

（1）邀請函中的標(biāo)題、內(nèi)容文字等選用什么樣的字體、字號合適？如何設(shè)置？

（2）如何改變圖片大小，修改圖片的亮度、對比度等？

（3）如何設(shè)置元素的動態(tài)效果，使得網(wǎng)頁更生動？

小結(jié)：

（1）選中文字或圖片——屬性面板——修改設(shè)置。“邀請函”等標(biāo)題文字字號一般選用大些，宜用飽滿的字體，以達(dá)到醒目的作用；內(nèi)容用于提供具體信息，文字字號可以小些。

（2）圖片選用要符合主題，色彩和諧。字體顏色與背景要有一定的對比度。（3）選擇要添加動態(tài)效果的對象——選擇動效命令。注意：設(shè)置合理、適度的動態(tài)效果，可以給觀賞者帶來較好的視覺體驗(yàn)。

設(shè)計(jì)意圖：對邀請函的美化可分成兩個部分：一是對邀請函中的文字、圖片進(jìn)行美化，二是合理設(shè)置動態(tài)效果。單從技術(shù)角度來講，這些操作是比較簡單的，只要學(xué)會設(shè)置屬性面板即可。但是邀請函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。因此首先讓學(xué)生帶著問題思考如何設(shè)置文字、圖片？設(shè)置動效時需要注意的問題？得出一定的結(jié)論后，讓學(xué)生帶著構(gòu)思去美化邀請函，以減少學(xué)生操作的盲目性。

（五）作品展示，共析H5

活動6：發(fā)布和評價(jià)作品。

（1）對于制作好的作品，將其發(fā)布到網(wǎng)上，這樣其他人就可以通過電腦和手機(jī)訪問你的作品。請保存當(dāng)前的網(wǎng)頁并發(fā)布到網(wǎng)上。

（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問對方的作品。

（3）根據(jù)評價(jià)表對同桌的作品進(jìn)行評價(jià)。

（4）根據(jù)同伴及老師意見進(jìn)一步修改作品。

設(shè)計(jì)意圖：學(xué)生在制作完成邀請函后，進(jìn)行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學(xué)生的學(xué)習(xí)興趣。將學(xué)生的作品進(jìn)行展示，師生共同賞析作品，根據(jù)評價(jià)表進(jìn)行點(diǎn)評，給出建議，然后進(jìn)一步完善作品。

（六）知識梳理，展望H5

展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：

總結(jié)利用iH5制作網(wǎng)頁的基本過程：

觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無處不在。H5可以是各種宣傳網(wǎng)頁、在線游戲，甚至戶外大屏中的互動也是H5。在未來5-內(nèi)，H5或?qū)蔀橐苿踊ヂ?lián)網(wǎng)領(lǐng)域的主宰者。

設(shè)計(jì)意圖：借助思維導(dǎo)圖，將關(guān)鍵知識點(diǎn)結(jié)構(gòu)化，清晰形象地呈現(xiàn)出各知識點(diǎn)的脈絡(luò)關(guān)系，有助于學(xué)生從整體上把握知識，完成知識的建構(gòu)。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對未來展望，進(jìn)行情感升華。

網(wǎng)頁制作教學(xué)設(shè)計(jì)5

1、教學(xué)目標(biāo)知識與技能：靈活運(yùn)用添加超鏈接和在網(wǎng)頁中插入表格方法，根據(jù)網(wǎng)頁內(nèi)容進(jìn)行頁面布局，完善網(wǎng)頁,掌握網(wǎng)頁布局的技能和技巧。

過程與方法：培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。

情感與態(tài)度：使學(xué)生感受中國源遠(yuǎn)流長的歷史文明，并通過網(wǎng)頁傳遞給世界；幫助學(xué)生樹立良好的信息道德意識；讓學(xué)生享受成就感，樹立自信心。

2、學(xué)生分析初中二年級學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱;學(xué)生基本學(xué)會使用在網(wǎng)頁中插入表格的方法，但分析信息、處理信息和應(yīng)用信息能力較弱;對教學(xué)內(nèi)容的了解程度較強(qiáng)。

3、內(nèi)容分析

教學(xué)重點(diǎn)：利用表格對網(wǎng)頁頁面進(jìn)行布局。

教學(xué)難點(diǎn)：怎樣合理、美觀地設(shè)計(jì)網(wǎng)頁頁面布局。

此部分教學(xué)內(nèi)容在整個網(wǎng)頁設(shè)計(jì)知識體系中處于綜合處理信息的重要部分。

4、教學(xué)策略設(shè)計(jì)

（1）．教學(xué)方法設(shè)計(jì)

我根據(jù)教學(xué)主題及其教學(xué)目標(biāo)確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體，以學(xué)生自己的親身體驗(yàn)展開探究式小組合作學(xué)習(xí)。本節(jié)課采用研究體驗(yàn)式教學(xué)法,建構(gòu)主義模式下的任務(wù)驅(qū)動式教學(xué)法組織教學(xué)。首先設(shè)計(jì)“總?cè)蝿?wù)”，再細(xì)分成若干“小任務(wù)”，實(shí)現(xiàn)教學(xué)目標(biāo)。

（2）．教-學(xué)流程和教-學(xué)活動的設(shè)計(jì)思路

整個教學(xué)活動，尤其是學(xué)習(xí)活動，我采用探究式學(xué)習(xí)法，又稱研究性學(xué)習(xí)，我強(qiáng)調(diào)的是學(xué)生在教師指導(dǎo)下，根據(jù)各自的興趣、愛好和條件，再結(jié)合與自己有相同或相近的興趣、愛好的同學(xué)組成合作伙伴，共同選擇西安不同的旅游景點(diǎn)，確定研究課題，借助“表格布局”功能規(guī)劃七天的旅游行程，獨(dú)立自主結(jié)合小組合作開展研究，進(jìn)行合理的網(wǎng)頁布局設(shè)計(jì)，達(dá)到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學(xué)習(xí)方式，實(shí)現(xiàn)“雙贏”。建構(gòu)主義學(xué)習(xí)理論認(rèn)為，學(xué)習(xí)過程不是學(xué)習(xí)者被動地接受知識，而是積極地建構(gòu)知識的過程，把學(xué)過的網(wǎng)頁設(shè)計(jì)知識綜合應(yīng)用起來，由于建構(gòu)主義學(xué)習(xí)活動是以學(xué)習(xí)者為中心，而且是真實(shí)的，并且以完成特定的任務(wù)為動力，因而學(xué)習(xí)者就更具有興趣和動機(jī)，能夠鼓勵學(xué)習(xí)者進(jìn)行批判型思維，能夠更易于提供個體的學(xué)習(xí)風(fēng)格，展現(xiàn)自己的獨(dú)特思維，不受現(xiàn)有網(wǎng)頁模式的拘束。基于構(gòu)建主義的探究性學(xué)習(xí)模式，我的設(shè)想是整個教學(xué)過程是動態(tài)的，學(xué)生是學(xué)習(xí)的主體，教師是學(xué)生學(xué)習(xí)環(huán)境的創(chuàng)設(shè)者、學(xué)習(xí)動力的激發(fā)者、學(xué)習(xí)過程的指引者和學(xué)生學(xué)習(xí)的協(xié)作者。

（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮

信息技術(shù)在本次教-學(xué)活動有不可替代的功能。利用信息技術(shù)中計(jì)算機(jī)技術(shù)進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)教學(xué)目標(biāo)，完成讓世界各地的人實(shí)現(xiàn)“網(wǎng)上游古都”。在教學(xué)中計(jì)劃通過探究式教學(xué)方式，小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動式”教學(xué)策略，自主設(shè)計(jì)網(wǎng)頁，發(fā)布網(wǎng)頁，運(yùn)用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進(jìn)學(xué)生能夠結(jié)合實(shí)際應(yīng)用，通過自主實(shí)踐，完成“網(wǎng)上游古都”任務(wù)，并同時完成了學(xué)習(xí)任務(wù)，進(jìn)一步建構(gòu)了自己的知識體系，并實(shí)時地享受到巨大的成就感。

（三）、教與學(xué)的過程

1．教與學(xué)的過程

活動內(nèi)容

教師活動

學(xué)生活動

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

創(chuàng)設(shè)情境

激發(fā)興趣

［創(chuàng)設(shè)情境］

“要想了解中國上下五千年文明歷史，請到西安來！”近幾年，越來越多的外地游客涌向西安?！笆稽S金周”即將來臨，大家想不想用網(wǎng)頁形式向外地游客介紹宣傳西安，讓更多的人來西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點(diǎn)的網(wǎng)頁，但信息是否顯得很零散？怎樣把景點(diǎn)信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？

設(shè)計(jì)一個含有指向各旅游景點(diǎn)網(wǎng)頁的超鏈接的主頁。

提供信息活條件，激發(fā)起學(xué)生的興趣。

［導(dǎo)語］

我們可在主頁中制作一個西安旅游景點(diǎn)導(dǎo)航欄，但怎樣合理規(guī)劃各旅游景點(diǎn)，并且使頁面布局美觀，整潔，分類清晰？

利用“表格”。

為細(xì)化任務(wù)埋下伏筆;并且激發(fā)學(xué)生的認(rèn)知沖突。

［出示課題］

今天我們就圍繞“西安七日游”，在主頁中利用表格規(guī)劃設(shè)計(jì)旅游行程，本節(jié)課的課題是《“黃金周”—規(guī)劃網(wǎng)上西安七日游》

學(xué)生明確本節(jié)課課題，初步了解任務(wù)。

出示課題，介紹總?cè)蝿?wù)。

［分組方法］

根據(jù)對各旅游景點(diǎn)的興趣及當(dāng)初搜索信息的分工情況及本節(jié)課任務(wù)分工，四人一小組。

學(xué)生進(jìn)行分組

為細(xì)化任務(wù)做準(zhǔn)備

出示任務(wù)

明確分工

［出示總?cè)蝿?wù)］

每個組圍繞主題，利用表格規(guī)劃設(shè)計(jì)旅游行程，并建立好超鏈接，利用主頁展示出來。

學(xué)生明確任務(wù)

明確總?cè)蝿?wù)

［作品形式及分工參考］

形式：創(chuàng)建并完善主頁，并展示整個網(wǎng)站。

分工參考：

內(nèi)容版式規(guī)劃

整理七個旅游景點(diǎn)網(wǎng)頁

超鏈接的建立與維護(hù)

作品演示解說

學(xué)生明確匯報(bào)形式，分工參考。

使學(xué)生明確各自任務(wù)后，通過研究，探討，操作，通過電腦媒體來完成任務(wù)。

活動內(nèi)容

教師活動

學(xué)生活動

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

出示任務(wù)

明確分工

[角色分工]

學(xué)生自由分組后,共同研究選組長，組長進(jìn)行給組員分配任務(wù)。

學(xué)生共同研究選組長,并協(xié)調(diào)分配好任務(wù).

鍛煉學(xué)生自主協(xié)調(diào)分工能力。

［出示作品評價(jià)標(biāo)準(zhǔn)］

教師出示作品評價(jià)標(biāo)準(zhǔn)：

作品內(nèi)容：設(shè)計(jì)含有七個鏈接網(wǎng)頁的主頁，資料豐富，內(nèi)容準(zhǔn)確。

技術(shù)表現(xiàn)：頁面布局設(shè)計(jì)合理，顏色搭配和諧，主題突出，作品演示運(yùn)行正常，操作熟練。

創(chuàng)新特色：作品布局規(guī)劃有獨(dú)特之處，有新意。

提示學(xué)生有三條幫助熱線：

1、組長2、鄰座學(xué)習(xí)伙伴3、教師4、自學(xué)課件

學(xué)生明確要求。

培養(yǎng)學(xué)生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。

學(xué)生研究探索合作交流創(chuàng)作作品

［創(chuàng)作作品］

播放舒緩音樂，為學(xué)生營造自由和諧氣氛。

（提示學(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起，共同完成此任務(wù)。）

學(xué)生根據(jù)角色分工，按小組形式開始完善網(wǎng)站。

學(xué)生體會了超鏈接的作用，練習(xí)了超鏈接的使用，理解了表格強(qiáng)大的頁面布局功能；培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力；通過學(xué)生間交流合作，老師及時點(diǎn)撥與指導(dǎo)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題和解決問題的能力。

［展示作品］

下面請各組派代表，到教師機(jī)前展示以下你們的旅游行程。其他同學(xué)觀察后，可提意見或建議。

由小組代表展示組內(nèi)作品，并詳細(xì)說明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式，內(nèi)容選擇及整體構(gòu)思。

鍛煉學(xué)生口語表達(dá)能力和分析說明問題能力。

合作成功展示作品成果匯報(bào)交流探討

［交流探討］

教師引導(dǎo)學(xué)生探討頁面布局的方法和技巧；談看完作品后，對其改進(jìn)意見；進(jìn)行組間互評和組內(nèi)自評。

評出“最受歡迎獎”（即如果此網(wǎng)站上傳到網(wǎng)上，點(diǎn)擊率最高），“最具創(chuàng)意獎”“最佳布局獎”作品。

學(xué)生間相互交流探討。

培養(yǎng)學(xué)生合作交流能力。

［教師點(diǎn)評及檢測］

教師從頁面布局，整體規(guī)劃合理性，創(chuàng)意等幾方面進(jìn)行點(diǎn)評。

學(xué)生思考，怎樣完善作品。

教師鼓勵學(xué)生發(fā)展創(chuàng)新思維，頁面布局規(guī)劃能力，邏輯思維能力及合作能力。

教師或其他同學(xué)提問頁面布局的方法。

學(xué)生代表演示

及時檢測學(xué)生對表格的掌握情況。

你受到的最大啟示和收到的最大收獲？成功經(jīng)驗(yàn)和失敗教訓(xùn)？

學(xué)生回答

鞏固知識，培養(yǎng)情感

[完成旅游規(guī)劃，培養(yǎng)情感]

同學(xué)們已熟練掌握表格的使用方法，并且加工和應(yīng)用信息的能力增強(qiáng)。

悠久的歷史積淀和豐富的人文資源，使西安居中國六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！

學(xué)生感悟。

全課總結(jié)，培養(yǎng)道德情感。

全課總結(jié)知識延伸

［達(dá)到目標(biāo)，知識延伸］

網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？

想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！

學(xué)生思考。

學(xué)生課后實(shí)踐。

為激發(fā)下一節(jié)課內(nèi)容（上傳主頁）的興趣奠定基礎(chǔ)。

讓學(xué)生可把本課內(nèi)容應(yīng)用到實(shí)際生活中去。

培養(yǎng)學(xué)生自發(fā)探究能力。

2．關(guān)鍵環(huán)節(jié)提煉

利用信息技術(shù)創(chuàng)設(shè)情境，播放一段自拍的錄像，內(nèi)容大體是：一位外國友人，想要來中國四大古都之一“西安”旅游，但想要自助游，想借助因特網(wǎng)，先在網(wǎng)上了解一下西安，并參考一下旅游行程。通過此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問題，使學(xué)生產(chǎn)生認(rèn)知沖突，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。我通過學(xué)生利用信息技術(shù)完成此項(xiàng)任務(wù)，促進(jìn)學(xué)生對基礎(chǔ)知識、基本技能的學(xué)習(xí)。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點(diǎn)介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。讓學(xué)生借助信息技術(shù)手段開展探索、總結(jié)并進(jìn)行創(chuàng)作。我利用信息技術(shù)展示學(xué)生自評，學(xué)生互評，教師評價(jià)的評價(jià)表，為學(xué)生的學(xué)習(xí)提供評價(jià)、反饋和矯正。我利用網(wǎng)頁自學(xué)課件和網(wǎng)絡(luò)教室教學(xué)廣播系統(tǒng)支持師生間、生生間的交流對話。

3.教學(xué)反思

本節(jié)課主題明確、集中，讓學(xué)生分成小組，合作探究學(xué)習(xí)，給出特定的總?cè)蝿?wù)，有利于學(xué)習(xí)效果評判的可比較性，也便于學(xué)生之間的廣泛交流和良性競爭。通過利用信息技術(shù)規(guī)劃規(guī)劃網(wǎng)上西安七日游，對西安七個主要景點(diǎn)的介紹，讓世界了解西安，每個學(xué)生在共同完成“網(wǎng)上游古都”網(wǎng)站作品后，讓每個學(xué)生都有完成任務(wù)和宣傳中國源遠(yuǎn)流長的文明歷史的成就感，并感到自豪。

本節(jié)課，在小組合作學(xué)習(xí)過程中，學(xué)生之間互學(xué)互教，彼此交流探討，經(jīng)歷了提出問題、分析問題和解決問題過程，每個學(xué)生都承擔(dān)一定學(xué)習(xí)任務(wù)，防止濫竽充數(shù)，促進(jìn)了學(xué)生的參與程度、認(rèn)知深度，高質(zhì)量地實(shí)現(xiàn)了課程的目標(biāo)，增強(qiáng)學(xué)生的責(zé)任感。但個別學(xué)生沒有認(rèn)識到合作學(xué)習(xí)的重要意義，自主探究能力較弱，容易喪失信心。

教學(xué)實(shí)際實(shí)施過程，有學(xué)生提出：我對中國的少數(shù)民族文化感興趣，能否制作一個宣傳中國五十六個少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對中國的不同文化感興趣，可在課外活動小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來探究。

本節(jié)課讓學(xué)生掌握了“表格”的妙用，還提高了加工信息和應(yīng)用信息的能力，而且使學(xué)生感悟到了中國上下五千年的博大精深，對祖國更加熱愛。

（四）、教學(xué)評析：

在新課程標(biāo)準(zhǔn)的理念中，明確提出要關(guān)注全體學(xué)生，建設(shè)有特色的信息技術(shù)課程。在教材因篇幅的限制，提供給學(xué)生感知的背景材料極其有限，“信息”且都處于“靜止、儲存”狀態(tài)，不利于學(xué)生的感知和抽象概括。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營造引入新課的“情境問題”的氛圍。學(xué)生在積極的參與、體驗(yàn)、研究并在已有知識經(jīng)驗(yàn)的支持下，自主能動地探索，實(shí)現(xiàn)知識的再創(chuàng)造。

教學(xué)活動在面向全體的同時更注重學(xué)生情感的`交流協(xié)作意識與因材施教。更注重學(xué)生個性培養(yǎng)和創(chuàng)新智能的開發(fā)。

學(xué)生自主性學(xué)習(xí)，需要有一個適應(yīng)的過程，開始階段，布置任務(wù)要明確具體。

學(xué)生之間的交流和幫助比較少，自主學(xué)習(xí)的能力還要不斷提高等。

附：學(xué)生學(xué)習(xí)過程及典型成果

另附：小組成員分工表

第________組組長________作品題目______________

小組成員

主要負(fù)責(zé)工作

網(wǎng)頁制作教學(xué)設(shè)計(jì)6

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

1、知識與技能：

（1）、了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。

（2）、掌握框架結(jié)構(gòu)網(wǎng)頁的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。

（3）、掌握框架中頁面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。

2、過程與方法：

（1）、能夠區(qū)分框架結(jié)構(gòu)屬性設(shè)置與網(wǎng)頁屬性設(shè)置的不同點(diǎn)。

（2）、通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計(jì)，使學(xué)生對網(wǎng)頁的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識。

3、情感態(tài)度與價(jià)值觀：

（1）、能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。

（2）、培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)的審美意識、創(chuàng)新意識。

二、教學(xué)重點(diǎn)難點(diǎn)：

1、教學(xué)重點(diǎn)：

（1）、框架網(wǎng)頁的作用和功能，框架的建立與屬性設(shè)置。

（2）、框架中各個頁面之間的關(guān)聯(lián)，每個框中頁面的設(shè)置方法。

（3）、框架網(wǎng)頁的保存方法。

2、教學(xué)難點(diǎn)：

（1）、框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的設(shè)置方法。

（2）、理解框架結(jié)構(gòu)的多頁面存儲方法及各頁面之間的關(guān)聯(lián)。

三、教學(xué)過程：

1、創(chuàng)設(shè)情境、導(dǎo)入新課

（1）、教師展示一組表格制作的網(wǎng)頁，引導(dǎo)學(xué)生找出它們的共同特點(diǎn)。并提問如何快捷地制作這種網(wǎng)頁（學(xué)生回答：使用復(fù)制、粘貼快捷地制作）。

（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁的制作。

設(shè)計(jì)意圖：通過對比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂趣。

2、任務(wù)驅(qū)動、自主學(xué)習(xí)

（1）、教師展示一個框架網(wǎng)頁，引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念。

（2）、出示任務(wù)一：框架網(wǎng)頁的新建與保存。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實(shí)踐學(xué)習(xí)。

（3）、教師講解框架結(jié)構(gòu)中的每個框都是一個獨(dú)立的選項(xiàng)文件，即網(wǎng)頁文件，因此當(dāng)框架確定之后，需要為每個框分別指定其網(wǎng)頁文件的來源，可以通過每個框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進(jìn)行選擇。

（4）、學(xué)生理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。

（5）、出示任務(wù)二：相關(guān)頁面的制作與設(shè)置。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第228、229頁的實(shí)踐學(xué)習(xí)。

（6）、學(xué)生制作相關(guān)頁面，同時也是對前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。教師反饋學(xué)生的操作情況，開展評比活動，對表現(xiàn)好的學(xué)生給與表揚(yáng)。

（7）、出示任務(wù)三：框架網(wǎng)頁屬性的設(shè)置。學(xué)生自主探究學(xué)習(xí)，有問題可向教師尋求幫助。教師基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行拓展學(xué)習(xí)。

（8）、教師請學(xué)生示范操作，并說明自己設(shè)置的方法和原因。同時鼓勵做的比較好的學(xué)生。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對于課堂教學(xué)難點(diǎn)，學(xué)生在教師的講解后模仿操作，有效突破難點(diǎn)。

3、展示作品、課堂小結(jié)

（1）、教師給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，并讓學(xué)生分組，推進(jìn)一些優(yōu)秀作品在全班展示。

（2）、教師點(diǎn)評，并鼓勵完成作品比較好的學(xué)生。

設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。展示優(yōu)秀作品鼓勵學(xué)生，激發(fā)學(xué)生的創(chuàng)作欲望。

四、教學(xué)反思：

1、本節(jié)課是在學(xué)習(xí)完簡單網(wǎng)頁、表格布局網(wǎng)頁、交互式網(wǎng)頁的基礎(chǔ)上，進(jìn)一步頁的設(shè)計(jì)方法。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識與技能，所以教師可以根據(jù)學(xué)生的實(shí)際情況，采用更靈活

的教學(xué)方法。教師可以簡單介紹框架結(jié)構(gòu)網(wǎng)頁的功能及框架的建立與編輯方法，以及框架屬性設(shè)置與網(wǎng)頁屬性設(shè)置的方法與區(qū)別。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動畫，完成框架網(wǎng)頁設(shè)計(jì)任務(wù)。

網(wǎng)頁制作教學(xué)設(shè)計(jì)7

教學(xué)目標(biāo)：

1、知識與技能：

（1）理解框架的概念及用途。

（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。

（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。

2、過程與方法：

（1）通過對表格網(wǎng)頁的分析，體驗(yàn)新知識（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點(diǎn)，從而促進(jìn)其學(xué)習(xí)新知識。

（2）理解框架的概念與組成，學(xué)會分析網(wǎng)站的結(jié)構(gòu)。

3、情感態(tài)度與價(jià)值觀：

（1）通過以“人與動物”為主題的框架結(jié)構(gòu)網(wǎng)頁制作活動，了解更多有關(guān)人與動物和諧相處的知識，通過故事趣聞，增強(qiáng)學(xué)生關(guān)注動物的興趣和意識。

（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗(yàn)樂趣。

教學(xué)重、難點(diǎn)：

1、重點(diǎn)：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。

2、難點(diǎn)：框架的拆分。

教學(xué)方法：

對比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。

教學(xué)準(zhǔn)備：

整理、歸類相關(guān)素材，并按要求擺放。

教學(xué)過程：

1、引入

老師展示一組利用表格制作的網(wǎng)頁，要求學(xué)生仔細(xì)觀察，找出它們的一個共同特點(diǎn)（學(xué)生答：網(wǎng)頁上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問如何快捷地制作這種網(wǎng)頁？（學(xué)生答：使用復(fù)制粘貼快捷地制作）

盡管復(fù)制、粘貼能為我們節(jié)省時間，但有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁制作，就能給我們帶來更多便捷。（讓學(xué)生明確框架網(wǎng)頁使用的場合）

2、新授

（1）框架網(wǎng)頁概念

由以上例子入手，再展示一個框架網(wǎng)頁，教師引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念

（2）框架網(wǎng)頁的新建與保存

教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。

任務(wù)1 創(chuàng)建“橫幅和目錄”結(jié)構(gòu)的框架網(wǎng)頁，新建top和left頁面，并學(xué)會保存。

框架結(jié)構(gòu)中的每個框都是一個獨(dú)立的選項(xiàng)文件，即網(wǎng)頁文件，因此當(dāng)框架確定之后，需要為每個框分別指定其網(wǎng)頁文件的來源，可以通過每個框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進(jìn)行選擇。在top和left頁面中，單擊“保存”按鈕，隨即開始保存。

此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對保存頁面中的藍(lán)色部分，教師進(jìn)行講解，教會學(xué)生注意觀察。

學(xué)生要理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。

設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主

學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。

（3）相關(guān)頁面的制作與設(shè)置

框架網(wǎng)頁中相關(guān)頁面的制作，需要結(jié)合表格來布局，插入文字、圖片和交互式按鈕。

任務(wù)2 top和left頁面的制作。

要求：

○1top頁面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。

○2 left頁面內(nèi)插入5行1列的表格，在每個單元格內(nèi)依次插入交互式按鈕（共4個），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個單元格內(nèi)插入一個郵箱指示的圖片。

○3調(diào)整表格邊框的粗細(xì)。

○4為main區(qū)域設(shè)置初始頁面。（該網(wǎng)頁由教師提供現(xiàn)成的）

學(xué)生制作相關(guān)頁面，同時也是對前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。老師反饋學(xué)生的操作情況，開展比一比、評一評活動，對表現(xiàn)好的學(xué)生給予表揚(yáng)。

（4）框架網(wǎng)頁屬性的設(shè)置

創(chuàng)建好框架網(wǎng)頁后，可以根據(jù)實(shí)際需要改變框架的屬性。

任務(wù)3 調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動條等。

提高任務(wù)：框架的拆分。

學(xué)生自主探究學(xué)習(xí)，可向老師尋求幫助。完成設(shè)置后請同學(xué)示范操作，并說明自己設(shè)置的方法和原因。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。

3、總結(jié)與評價(jià)

老師可以給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。

設(shè)計(jì)意圖：開拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會學(xué)生要善于總結(jié)，要學(xué)會學(xué)習(xí)的方法。

第五篇：網(wǎng)頁制作教學(xué)設(shè)計(jì)與創(chuàng)新

教學(xué)設(shè)計(jì)與創(chuàng)新

1、“學(xué)訓(xùn)合一”創(chuàng)造真實(shí)的職場環(huán)境

課程內(nèi)容主要圍繞培養(yǎng)學(xué)生在中小企業(yè)網(wǎng)站設(shè)計(jì)、維護(hù)方面等技能，以職業(yè)活動的工作過程為依據(jù)而進(jìn)行改造。主要內(nèi)容包括：網(wǎng)站需求與規(guī)劃、網(wǎng)站效果圖設(shè)計(jì)、靜態(tài)商務(wù)網(wǎng)站設(shè)計(jì)。采用全機(jī)房教學(xué)，形成仿真的工作場所，使教學(xué)過程變?yōu)樯a(chǎn)過程，學(xué)習(xí)任務(wù)變?yōu)楣ぷ魅蝿?wù)，使學(xué)生通過學(xué)習(xí)親身體驗(yàn)工作。

2、“學(xué)做一體”教學(xué)模式的教學(xué)組織過程

在工作環(huán)境建立的基礎(chǔ)上，課程的實(shí)施過程通過一體化教學(xué)來完成，主要包括以下幾個環(huán)節(jié)：①以流程為主線，確定每階段的工作主任務(wù)，以及圍繞主任務(wù)必須完成相應(yīng)系列的子任務(wù)，在明確任務(wù)目標(biāo)下的前提下，學(xué)生在教師案例中“學(xué)”，在自己中的作品中“做”。②老師以每個工作任務(wù)為考核階段，加強(qiáng)對學(xué)生學(xué)習(xí)的過程控制，使考核目標(biāo)分解到具體的任務(wù)中去，過程評價(jià)能夠使學(xué)生加深對知識的理解和應(yīng)用。③整個教學(xué)結(jié)束，學(xué)生的作品也相應(yīng)形成，可作為最終考核的依據(jù)。

3、基于工作過程的教學(xué)

在“學(xué)做一體”模式下，教師是一體化教師，即專業(yè)理論課教師與實(shí)習(xí)指導(dǎo)課教師構(gòu)成了一體。教師的指導(dǎo)作用體現(xiàn)在：一是對理論知識的指導(dǎo)。教師可以采取集中講解、個別輔導(dǎo)、示范等方法進(jìn)行解惑。二是實(shí)踐操作的指導(dǎo)。對學(xué)生操作過程中遇到的困難以及操作的不規(guī)范性給于正確的指導(dǎo)，使學(xué)生養(yǎng)成正確規(guī)范的操作要領(lǐng)；三是課程組老師豐富的企業(yè)實(shí)踐背景，讓學(xué)生了解企業(yè)的各種管理規(guī)定以及企業(yè)文化，規(guī)范學(xué)生的行為，培養(yǎng)良好的工作習(xí)慣，提高學(xué)生的綜合素養(yǎng)。

4、課程考核

教學(xué)內(nèi)容的模塊，決定了課程采用“過程+最終作品”的考核模式。學(xué)生在教師的指導(dǎo)下，不同的階段完成不同的任務(wù)，過程考核對教師而言，通過學(xué)生作品的不斷反饋來促進(jìn)教學(xué)質(zhì)量的提升；另一方面教師也可以根據(jù)學(xué)生的完成情況作出評判，使學(xué)生的學(xué)習(xí)過程得到有效控制，還可以用學(xué)生互評的方式，促進(jìn)學(xué)生能力的培養(yǎng)。