《制作網頁》教學設計（精選5篇）
作為一名優(yōu)秀的教育工作者，可能需要進行教學設計編寫工作，教學設計要遵循教學過程的基本規(guī)律，選擇教學目標，以解決教什么的問題。教學設計應該怎么寫呢？以下是小編整理的《制作網頁》教學設計（精選5篇），僅供參考，希望能夠幫助到大家。
《制作網頁》教學設計1
一、教材或教學內容分析
本章內容在本教材中的位置處于第五章，是在文字處理(Word2000)和網絡基礎及因特網應用兩章之后。學生所學的文字處理軟件Word和將要學習的網頁制作軟件Frontpage同是Microsoft公司的產品，在軟件的使用上有很多的共通之處，所以在學習frontpage的時候，很多內容可以讓學生自學，而不必面面俱到地在課上講授。而第四章網絡基礎及因特網的應用又為學生對網頁的理解奠定了基礎，學生對網頁中的基本元素——文字、圖片、動畫、聲音等都有所了解，而網頁的制作就是將這些元素重新組合到網頁上，學生要學的就是這種組合的方法。所以說，雖然大多數學生以前都未接觸過網頁的制作，但有了以上這些基礎，學起來就輕松多了。
本章內容按照學生已有的基礎，我對教學內容分了一下類，也為教學的組織工作打下一點基礎。本章內容主要由網頁基礎知識、網站的建立和管理、網頁的制作、創(chuàng)建超鏈接、圖片的處理、網頁框架。
重點是網頁的制作和創(chuàng)建超鏈接，學會了這些就可以開始簡單的網頁制作了。
難點是網頁框架，這部分相互之間關系比較復雜，必要時，老師在對各組個別輔導時，可以給予分別講解。 這個分類可以為組長安排各個組員的任務提供參考，使分工更加合理。
二、教學對象的分析
信息技術課雖然已經成為初中的必修科目，但是城鄉(xiāng)學生之間掌握情況的差異卻相當大，條件好一點的初中學生不僅已經熟練掌握了課本上的內容，還對一些常用軟件有所了解;而差一點的可以說是從高中開始才正式接觸到信息技術知識的學習，他們需要多鍛煉、多指導，所以協作學習對學生的`學習幫助很大。
三、教學策略的選擇及媒體的使用
在教學策略的選擇上，我使用的是任務驅動和協作學習相結合的方法。
任務驅動就是要求本章內容學習完之后，每個小組都要完成自己班級網站的制作，并在全班進行評比，選擇最好的作為班級主頁掛到學校主頁上去，這有助于激發(fā)學生參與學習的積極性。
協作學習則是讓學生在學習過程中互幫互助，用較短的時間、教少的精力學到更多的東西，完成一個集體項目，讓他們在學習之后獲得成就感。因此在媒體的選擇上，我們使用的是TOP2000系統。TOP2000系統有利于教師進行分組教學和學生作品的點評及成果的展示。教學過程開始之前，教師把學生按座位分成四組，每個組都按學生對計算機的掌握程度平均分配，保證每個組都有計算機操作方面比較突出的，也有相對比較差的，使其形成能夠互幫互助的學習小組。并由他們自己選出組長各一名，然后由組長根據組員的情況，確定在班級主頁制作過程中主要完成什么任務，也就是說起到一個組織者的作用。做過網頁的人都知道，做網頁是一項比較費時的工作，而要學生在較短的時間內制作出像樣的網頁是比較困難的，而在這個過程中，網頁的設計占去了相當多的一部分時間，組長把任務分到各組員頭上以后，組員就可根據自己要完成的任務相對集中的做某方面的工作，做完以后，組員之間進行經驗交流，告訴組員自己的網頁是如何制作出來的，在完成自己的網頁后，再重復一遍制作過程花費的時間的不多的。這樣，其他組員就可在較短的時間之內掌握比較先進的網頁制作方法，而不必再花那么多時間去探索。因為每位組員都必須自己完成一個任務，所以在這個過程中，也同樣有自己探索學習的機會和介紹自己經驗的機會，使組內的每個學生都在學習中獲得成就感。
四、教學過程
1、課前準備
課前將本章內容的基本結構、內容的歸類、網頁基礎知識、網頁素材做成一個網站，供學生參考，網站上的內容可根據學生以后在學習中的要求添加。根據學生對已有的網頁制作的情況進行分組。
學生根據自己的分組情況選出組織能力較強、計算機水平較高的人做組長，協作小組形成。
2、教師布置任務，作必要講解
第一節(jié)課，教師簡單介紹網頁基礎知識，并給各小組布置任務——用下面的時間完成班級網頁的制作，并對組長進行本章基本內容及本章內容的分類的介紹，讓他們對本章內容有總體上的把握。
在教師對網頁基礎知識講解的基礎上，瀏覽教師制作的網站，繼續(xù)學習;
課后各組設計自己的班級主頁，組長根據網站上教師對本章內容的分類給學生布置任務。
3、教師指導分工情況，學生開始自主學習
第二節(jié)課教師對組長對全組的分工情況給予檢查，提出意見和建議。
學生根據分工制作網頁，學習可以跟著課本上自學，也可根據以前學習Word的經驗自己摸索制作過程，不懂之處可向會的同學請教，還可以相互之間討論，在網頁的設計方面也可以相互之間多商量，發(fā)揚互幫互助的精神。
4、學生自主學習，教師指導、監(jiān)督
下面三節(jié)課，老師在每組各用10分鐘時間檢查他們上節(jié)課的網頁制作情況，并對他們碰到的問題給予提示或解決，起指導和監(jiān)督作用。
學生繼續(xù)學習、制作網頁。
五、階段總結
四節(jié)課的制作以后，各組員所制作的網頁都初見雛形，所以教師組織一堂課，由各組展示自己的作品。教師在學生評講完后，給予總結。
各組分別展示自己的作品，其他組對他們可以提出意見或建議，也可從其他組的學到好的創(chuàng)意。由組長在課后寫一份階段總結，從而指導以后的工作。
六、學生自主學習，教師指導、監(jiān)督
下面四節(jié)課，老師仍然對每組各花10分鐘時間輪流檢查他們上節(jié)課的網頁制作情況，并對他們碰到的問題給予提示或解決，起指導和監(jiān)督作用。
學生繼續(xù)學習、制作網頁。
七、各組將內容匯總，形成班級主頁
教師對各組出現的問題提出建議或意見。
組長或組長安排人將各組的主頁進行匯總，形成一個完整的班級主頁，對欠缺的地方進行修補。
八、班級網站制作完成，展示與總結
老師請其他信息技術教師來做評委，對各組做的網站提出意見或建議，評出最佳網站、最佳創(chuàng)意等獎，讓大家的付出都有所收獲。
各組分別展示自己組所制作的班級主頁。
課后:
大家集中各組的優(yōu)勢，將班級主頁完成，掛到學校主頁上。
《制作網頁》教學設計2
一、教學目標：
1、知識與技能：
（1）、了解框架結構網頁的概念及在網頁中的作用，了解它與表格網頁的區(qū)別。
（2）、掌握框架結構網頁的建立、框架結構的拆分、框架的刪除等。
（3）、掌握框架中頁面設置及保存的方法，如設置初始網頁按鈕、新建網頁按鈕等。
2、過程與方法：
（1）、能夠區(qū)分框架結構屬性設置與網頁屬性設置的不同點。
（2）、通過框架結構網頁設計，使學生對網頁的整體結構有更進一步的認識。
3、情感態(tài)度與價值觀：
（1）、能夠將表格與框架結構網頁結合使用，在創(chuàng)作中體驗樂趣。
（2）、培養(yǎng)學生網頁設計的審美意識、創(chuàng)新意識。
二、教學重點難點：
1、教學重點：
（1）、框架網頁的作用和功能，框架的建立與屬性設置。
（2）、框架中各個頁面之間的關聯，每個框中頁面的設置方法。
（3）、框架網頁的保存方法。
2、教學難點：
（1）、框架結構網頁中框架屬性與頁面屬性的設置方法。
（2）、理解框架結構的多頁面存儲方法及各頁面之間的關聯。
三、教學過程：
1、創(chuàng)設情境、導入新課
（1）、教師展示一組表格制作的網頁，引導學生找出它們的共同特點。并提問如何快捷地制作這種網頁（學生回答：使用復制、粘貼快捷地制作）。
（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導入新課——框架網頁的制作。
設計意圖：通過對比、比較，引導學生思考，激發(fā)學生學習的樂趣。
2、任務驅動、自主學習
（1）、教師展示一個框架網頁，引導學生理解框架網頁的概念。
（2）、出示任務一：框架網頁的新建與保存。教師要求學生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實踐學習。
（3）、教師講解框架結構中的每個框都是一個獨立的選項文件，即網頁文件，因此當框架確定之后，需要為每個框分別指定其網頁文件的來源，可以通過每個框中的“新建網頁”按鈕和“設置初始網頁”按鈕進行選擇。
（4）、學生理解框架網頁的概念，通過閱讀教材中的內容，自學新建框架網頁的操作，初步了解“新建網頁”和“設置初始網頁”兩個按鈕的不同，并認真聆聽教師的講解，注意觀察，按要求模仿操作。
（5）、出示任務二：相關頁面的制作與設置。教師要求學生先閱讀教材中的操作步驟，再嘗試完成書本第228、229頁的實踐學習。
（6）、學生制作相關頁面，同時也是對前面所學內容的復習和回顧。教師反饋學生的操作情況，開展評比活動，對表現好的學生給與表揚。
（7）、出示任務三：框架網頁屬性的設置。學生自主探究學習，有問題可向教師尋求幫助。教師基礎扎實的同學完成任務后可進行拓展學習。
（8）、教師請學生示范操作，并說明自己設置的`方法和原因。同時鼓勵做的比較好的學生。
設計意圖：培養(yǎng)學生的自主學習能力，對于課堂教學難點，學生在教師的講解后模仿操作，有效突破難點。
3、展示作品、課堂小結
（1）、教師給出一些常見的框架結構應用界面，如Web郵箱頁面等，引導學生總結本課內容，并讓學生分組，推進一些優(yōu)秀作品在全班展示。
（2）、教師點評，并鼓勵完成作品比較好的學生。
設計意圖：拓展學生的視野，使學生了解框架的應用方法。展示優(yōu)秀作品鼓勵學生，激發(fā)學生的創(chuàng)作欲望。
四、教學反思：
1、本節(jié)課是在學習完簡單網頁、表格布局網頁、交互式網頁的基礎上，進一步頁的設計方法。由于學生已經具備了一定的網頁設計基礎知識與技能，所以教師可以根據學生的實際情況，采用更靈活
的教學方法。教師可以簡單介紹框架結構網頁的功能及框架的建立與編輯方法，以及框架屬性設置與網頁屬性設置的方法與區(qū)別。然后由學生根據教師提供的學案及演示動畫，完成框架網頁設計任務。
《制作網頁》教學設計3
教學目標：
1、讓學生掌握在網頁中插入表格的方法以及表格的修改
2、學會利用表格來規(guī)劃網頁
3、培養(yǎng)學生創(chuàng)新的能力以及動手操作的能力
教學重、難點：
利用表格來規(guī)劃網頁，從中培養(yǎng)學生的創(chuàng)新能力
教學過程：
一、情境導入
同學們你們善于觀察嗎？老師先考考你們，我們一起來看一組圖片，你們看看在那里看過呢？學校緩臺的窗臺上。你們的觀察能力真的很強啊，對，這些都是我們學校美術的特色作口，盤畫。其實，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節(jié)課我們以繪畫作口品為例，做一個學習園地網頁，把我們的作品展示到自己的班級網站中，以便我們更好的努力學習。現在我們就一起來制作吧！
二、新知探究
首先我們來打開上節(jié)課的班級網站，在這個網站中新建一個網頁，并保存成“學習園地”。
教師講解：如何制作學習園地網頁。
1、制作網頁的標題：輸入文字，并設置文字的格式。
2、插入表格：單擊“表格”中的“插入表格”并對表格屬性進行設置。如：行、列的操作，對齊方式等。同時講解什么是行，什么是列，以及單元格的概念。
3、修改表格：調整表格行高和列寬。
4、在學生學會插入表格的基礎上，來設計網頁，展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進行圖片的注釋。
5、進一步設置單元格的背景，來美化網頁。
6、設置超鏈接：通過導航欄目，設置文字超鏈接。選中文字，點擊右鍵選擇超鏈接在列表中選擇你要鏈接的'網頁，單擊“確定”按鈕。
7、學生在教師的講解后，學生自己動手操作制作網頁。教師進行指導。（伴隨音樂）
三、作品評價
1、生評：從網頁設計上，美觀程度上，知識落實上重點評價。
2、師評：對學生作品進行評價，并對其它學生的評價加以更完整的解釋。
四、總結
我們這節(jié)課主要是利用了表格來設計網頁，以使來美化我們的網頁，通過繪畫作品的展示，學習更多的知識。
《制作網頁》教學設計4
1、教學目標
知識與技能：靈活運用添加超鏈接和在網頁中插入表格方法，根據網頁內容進行頁面布局，完善網頁，掌握網頁布局的技能和技巧。
過程與方法：培養(yǎng)學生加工信息和應用信息的能力及培養(yǎng)學生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。
情感與態(tài)度：使學生感受中國源遠流長的歷史文明，并通過網頁傳遞給世界；幫助學生樹立良好的信息道德意識；讓學生享受成就感，樹立自信心。
2、學生分析
初中二年級學生感知能力較強，理解能力和抽象思維較弱;學生基本學會使用在網頁中插入表格的方法，但分析信息、處理信息和應用信息能力較弱;對教學內容的了解程度較強。
3、內容分析
教學重點：利用表格對網頁頁面進行布局。
教學難點：怎樣合理、美觀地設計網頁頁面布局。
此部分教學內容在整個網頁設計知識體系中處于綜合處理信息的重要部分。
4、教學策略設計
（1）．教學方法設計
我根據教學主題及其教學目標確定的教學指導思想是以學生為主體，以學生自己的親身體驗展開探究式小組合作學習。本節(jié)課采用研究體驗式教學法，建構主義模式下的任務驅動式教學法組織教學。首先設計“總任務”，再細分成若干“小任務”，實現教學目標。
（2）．教-學流程和教-學活動的設計思路
整個教學活動，尤其是學習活動，我采用探究式學習法，又稱研究性學習，我強調的是學生在教師指導下，根據各自的興趣、愛好和條件，再結合與自己有相同或相近的興趣、愛好的同學組成合作伙伴，共同選擇西安不同的旅游景點，確定研究課題，借助“表格布局”功能規(guī)劃七天的`旅游行程，獨立自主結合小組合作開展研究，進行合理的網頁布局設計，達到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學習方式，實現“雙贏”。建構主義學習理論認為，學習過程不是學習者被動地接受知識，而是積極地建構知識的過程，把學過的網頁設計知識綜合應用起來，由于建構主義學習活動是以學習者為中心，而且是真實的，并且以完成特定的任務為動力，因而學習者就更具有興趣和動機，能夠鼓勵學習者進行批判型思維，能夠更易于提供個體的學習風格，展現自己的獨特思維，不受現有網頁模式的拘束。基于構建主義的探究性學習模式，我的設想是整個教學過程是動態(tài)的，學生是學習的主體，教師是學生學習環(huán)境的創(chuàng)設者、學習動力的激發(fā)者、學習過程的指引者和學生學習的協作者。
（3）．應用信息技術的依據或考慮
信息技術在本次教-學活動有不可替代的功能。利用信息技術中計算機技術進行網頁設計，實現教學目標，完成讓世界各地的人實現“網上游古都”。在教學中計劃通過探究式教學方式，小組合作學習方式和“任務驅動式”教學策略，自主設計網頁，發(fā)布網頁，運用網絡使信息技術的這些潛在優(yōu)勢發(fā)揮作用并真正促進學生能夠結合實際應用，通過自主實踐，完成“網上游古都”任務，并同時完成了學習任務，進一步建構了自己的知識體系，并實時地享受到巨大的成就感。
《制作網頁》教學設計5
教學目標：
1、知識與技能
（1）了解超級鏈接的含義及鏈接源和鏈接目標的含義，掌握同一站點內以及不同站點間網頁超級鏈接的創(chuàng)建方法。
（2）掌握網頁內書簽的作用及創(chuàng)建書簽鏈接方法，掌握交互式按鈕、框架網頁內超級鏈接的設置方法。
（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。
2、過程與方法
（1）通過創(chuàng)建網頁超級鏈接的操作，使學生了解網頁中創(chuàng)建超級鏈接的基本方法，破除對網頁鏈接的神秘感。
（2）通過對不同對象設置超級鏈接的操作，使學生總結出操作的規(guī)律，培養(yǎng)學生自主學習與操作的能力。
（3）通過網頁不同的超級鏈接方法，拓展學生思維，創(chuàng)建多種形式的網頁鏈接。
3、情感態(tài)度與價值觀
（1）通過鏈接我國主要自然保護區(qū)網頁，激發(fā)學生熱愛祖國、熱愛自然、熱愛生命的激情。
（2）完成超級鏈接，使學生感受成功的喜悅和快樂。
教學重、難點：
1、教學重點：
（1）超級鏈接的含義及鏈接源和鏈接目標的含義。
（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁面內的超鏈接，圖片區(qū)域制作超鏈接等。
2、教學難點
（1）書簽鏈接中名稱及對應鏈接位置的設定。
（2）在框架頁面中制作超鏈接時，目標對象所選擇的顯示窗口形式。
教學方法與教學手段：
任務驅動法、討論探究法、講解與演示法、類比知識遷移法。
教學準備：
"動物——人類的朋友"站點，包括未鏈接的網頁，如歡迎頁、表格頁、框架頁，表單頁等。
教學過程：
1、引入
展示兩個主頁，一個已經創(chuàng)建了鏈接，一個沒有創(chuàng)建鏈接，讓學生進行比較并找出區(qū)別，引出本課課題——超級鏈接。
提出：我們在先前的學習中，哪個軟件中的相關操作與它類似？什么是超級鏈接？找一個例子，分析鏈接源和鏈接目標分別是什么？
學生展開交流，通過對比找出不同點，并積極思考，回答老師的問題。
設計意圖：通過對比操作、交流，再輔以知識遷移，明確本節(jié)課教學內容。
2、新授
（1）站內超級鏈接
引導學生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內容，讓學生自行探究并完成以下操作：
任務1同一站點內不同頁面之間的鏈接
1制作首頁（歡迎頁）到表格頁的超鏈接。
2給表格頁內交互式按鈕設置超級鏈接，鏈接到相關頁面。
3給框架頁內交互式按鈕設置超級鏈接，鏈接到相關頁面。
教師巡視，及時指導，安排學生示范操作并講解如何制作超鏈接。
交互式按鈕的超鏈接制作要求在框架網頁中演示操作。老師可以提問學生：演示者操作的對嗎？有沒有問題？
引導學生發(fā)現問題：超鏈接制作完成后需要檢驗（保存后預覽）。
教師講解，突破難點，再交由學生操作。
以上是同一站點內不同網頁之間的鏈接，有時一個頁面中內容過多，需要不斷拖動滾動條實現閱讀，能否實現快速跳轉呢？
任務2同一站點內同一頁面內的跳轉（鏈接）：在"動物趣聞"頁面內制作書簽鏈接。
教師講解：由生活中的書簽引入，介紹"書簽鏈接"的.概念，然后再演示如何操作。
提示：書簽鏈接的雙向性問題（返回）。
學生認真聽講后模仿制作，教師巡視進行指導并反饋學生的完成情況。
（2）站間超級鏈接
僅憑我們課堂上制作的這些頁面還不足以詳細介紹我們的主題，此時我們還可以借助超鏈接，鏈接到因特網上的其他網站，以豐富我們的內容。
有了以上基礎，可安排學生自學教材中有關熱區(qū)鏈接的相關內容，學生探究操作后教師再安排學生進行演示，輔助以提問的形式檢驗學生的自學情況。
3、總結與評價
開展同學間的互助，檢驗其鏈接完成情況，推薦優(yōu)秀同學做展示。引導學生分類總結本節(jié)課的知識點。
【《制作網頁》教學設計】相關文章：
網頁制作的教學設計01-30
網頁制作教學設計12-03
制作網頁教學設計10-07
網頁制作教學設計優(yōu)秀10-17
網頁設計與制作報告11-17
網頁制作教學設計（通用8篇）04-16
網頁制作的教學設計(優(yōu)選3篇)03-28
《網頁制作》教學設計（通用5篇）12-04
網頁設計制作實習報告05-19