高中信息技術《網頁制作》教案（通用4篇）

高中信息技術《網頁制作》教案 篇1

　　【教學目標】：

　　1、知識與技能：進一步熟練掌握網頁文字、圖片的插入和格式設置，能根據創意制作內容較為豐富的個人網站首頁；進一步掌握網頁制作軟件的表格、字幕等功能。

　　2、過程與方法：任務驅動，讓學生根據自己的網站規劃，參考教科書，以探究的方式掌握知識與技能，實現網站其他頁面的制作。

　　3、情感、態度、價值觀：培養學生的審美能力和創造能力，在小組協作學習中，培養學生的團隊精神。

　　【教學重點】：

　　1、根據網站規劃，獨立設計網站的各子頁面；

　　2、學習FrontPage20xx制作網頁的技巧：字幕、表格、圖片陰影。

　　【教學難點】：

　　1、字幕的設計和表格的使用；

　　2、文本和圖片格式的更多設置。

　　【教學準備】：

　　大屏幕投影、多媒體網絡教室、相關圖片及文檔素材

　　【教學過程】：

　　一、創設情景，引入課題：

　　同學們上節課已經在FrontPage中制作出了網站的首頁，但一個網站一般都有許多頁，（展示兩個例子）大家看，除首頁外，其它各頁面都有些什么特點？

　　（有滾動字幕、有圖片，有排列整齊的表格等）

　　小學信息技術教案：《制作網站頁面》

　　個人主頁“小星之家”

　　小學信息技術教案：《制作網站頁面》

　　個人主頁“風采圖片社”

　　教師引入：在一個網站中，除首頁外，還應當有更多的子頁面詳細表達各欄目的具體內容，這些頁面一般比首頁內容簡練，但也可以加入一些滾動字幕，繪制表格以便排列圖片和數據等。這節課我們就在FrontPage中試試這些功能。

　　二、新課教學

　　任務一：制作第一個子頁面，并添上滾動字幕

　　1、學生探究：用以上節課學過的方法，根據自己的網站規劃，新建一個空白網頁，輸入標題正文，再添加圖片等使頁面內容豐富。

　　2、教師提示學生，在插入菜單中，有“組件”子菜單，請大家試用其中的“字幕”功能，看看它有什么用途。

　　3、小組內交流試探結果，教師選兩名學生通過網絡廣播（或大屏幕）示范插入滾動文字的步驟和效果。

　　4、保存網頁，提醒學生要用英文字為文件命名。

　　教師提醒學生要記住關閉已編輯并保存的網頁。

　　任務二：制作其他子網頁，根據需要插入表格

　　1、師：有時候，我們需要將文字或圖片按行列排整齊，的方法就是先插入一個表格（展示“卡通動物欣賞”網頁實例），然后在表格內輸入文字或者插入圖片，這樣就很容易排列整齊了。

　　小學信息技術教案：《制作網站頁面》

　　你的哪一個網頁需要使用表格呢？試試看，根據在word中學過的方法，參考課本“吃在四川”子網頁的設計方法，為自己的網頁也插入一個表格，再向單元格里添加文字或圖片。

　　2、學生上機操作，新建一個空白網頁，輸入本頁應有的標題及正文文字，然后插入一個表格，并在表格內插入圖片，將圖片大小調至合適大小。小組內交流：插入表格時，你是怎樣設置表格參數的，為什么這樣做？能改變單元格的大小和背景效果嗎？你是怎樣找到動態圖片的？又是怎樣把它們的尺寸設置成一樣的呢？3、討論后，學生繼續操作，并保存新制作的網頁。然后制作自己所規劃網站的其他子網頁。

　　任務三：進一步美化各網頁。

　　師：為了使我們的網頁更漂亮，我們可采用改變背景、使用動畫或滾動字幕，改變文字或圖片的格式等方法美化網頁。多數功能都可以通過“格式”工具欄或“插入——組件”菜單來實現。

　　綜合實踐：

　　1、選擇漂亮的圖片作為子網頁的背景。

　　2、嘗試利用格式菜單，為網頁的文本加上邊框。

　　3、從網上找一些與網頁內容相關的gif動畫，插入到自己的網頁中。

　　4、為圖片加上凹凸或沖蝕效果。談談探究學習的收獲：以上效果你實現了哪幾種？你是怎樣做的？四、拓展練習

　　運用所學的表格布局技巧，制作一個“可愛的卡通形象”網頁，要求網頁內有多個卡通形象，每個卡通的大小一致，并在頁面上方添加一行滾動文字“卡通樂園歡迎你！”。

高中信息技術《網頁制作》教案 篇2

　　教材分析

　　教學內容：高中信息技術第五章第二節《網頁的制作》。

　　教學重點：網頁文字處理、插入圖片、動畫、水平線以及設置背景的方法。

　　教學難點：通過網站自主學習，讓學生自己建立網頁。

　　學生分析

　　本課對象是高一學生，學生通過前面WORD和INTERNET的學習，對網頁內容編輯、結構和效果等設計有了一定的感性認識。

　　教學目標

　　熟悉網頁中的各種元素及其制作方法，初步了解網頁制作過程，培養學生的自學能力和創新探索精神。

　　教學環境

　　設計“網頁制作”網站，是學生通過網站在教師的引導下，實現自主學習，完成網站中每一知識點的學習，教師借助投影儀及時反饋學生在完成目標時出現的問題。

　　教學方法

　　通過網站引導學生自主學習，解決教師提出的實際問題。

　　教學過程

　　（引入）邊講邊演示

　　展示一個簡單的網頁

　　你現在正在上網，一定去了不少站點吧！這些站點的頁面都設計得非常精美，讓你在瀏覽信息的同時，還可以得到美的享受。這么吸引人的頁面，是怎么制作出來的呢？你想不想也做一個精美的個人主頁呢？如果你的回答是肯定的，那我們就一起學一下FrontPage的使用。FrontPage是優秀的專業化網頁設計軟件之一，使用FrontPage你只要幾分鐘就可以建立一個自己的網頁，這可是一件令人激動的事喲！

　　（新課）教師引導學生根據網站自學，完成教師提出具體操作要求

　　模塊一、教師引導學生自學“網頁制作知識準備”，提出問題：

　　1、啟動FRONTPAGE？

　　2、FRONTPAGE的三種顯示模式？

　　3、在e:\下新建空站點，取名為abc站點文件夾。

　　模塊二、教師引導學生自學“新建網頁”，提出要求：

　　1、新建普通網頁。

　　4、打開e:\網站制作素材\可愛的家鄉高郵.htm網頁。

　　模塊三、教師引導學生自學“文字編輯”，提出要求：

　　1、把高郵.htm網頁中的標題設置為“5號”、綠色，“加粗”字體，“居中”對齊。

　　2、把高郵.htm網頁中的正文字體設置為“3號”，綠色。

　　模塊四、教師引導學生自學“圖片動畫”，提出要求：

　　1、在網頁中插入e:\網站制作素材\高郵風景\高郵湖.jpg

　　2、在網頁中插入e:\網站制作素材\高郵風景\welcome.gif

　　模塊五、教師引導學生自學“水平線”，提出要求：

　　1、在網頁中標題與正文之間插入水平線。

　　2、水平線寬度設置為100%，高度為3像素，水平居中，顏色改為綠色。

　　模塊六、教師引導學生自學“設置背景”，提出要求：

　　設置網頁背景為e:\網頁制作\網站制作素材\高郵風景\背景2文件

　　模塊七、教師引導學生自學“保存”，提出要求：

　　將當前網頁另存到e:\abc\高郵.htm,,并將圖片保存到images文件夾中。

　　模塊七、教師引導學生自學“小結”，提出要求把學生分為兩組，一組練習制作個人網頁，一組練習制作班級網頁。制作素材在e:\網站制作素材\練習素材中。對學生作品點評，小結。

高中信息技術《網頁制作》教案 篇3

　　說課題目：

　　FrontPage網頁設計技巧綜合運用

　　專家們、教師們：大家好！

　　今天我說課的題目是：FrontPage網頁設計技巧綜合運用

　　我的說課將從以下幾個方面進行：

　　一：說教材

　　二：說教學目的

　　三：說學生

　　四：說教學方法及實現途徑

　　五：說有關教學設計中的三個引導點

　　首先說教材：

　　教材的選取：教材使用經全國中小學教材審定委員會審查通過，全日制普通高級中學信息技術教科書，高中第三冊，第一單元FrontPage網頁設計的總結運用課。這一教材由廣西科學技術出版社出版

　　本節教學內容所處的地位：是鞏固與提高學生網頁設計技巧的極好機會，而且是教師抓住機會進行更精彩、更有意義的教學設計與教學實施的關鍵時期，我想這點會在我后面的教學設計闡述中體會。

　　接下來說教學目標：

　　基礎知識目標：

　　鞏固前面已學的網頁設計技巧，而且將激發學生自主去探討，更多的網頁設計技巧。

　　能力培養目標：

　　培養學生互相合作，共同提高的良好品質；鼓勵學生們在這一網頁設計運用課中，充分利用網絡資源，培養自己主動學習及探究能力和綜合信息素養。

　　情感教育目標：

　　如何使信息技術教學成為培養學生綜合素質的一個平臺，如何設計除了教會學生使用一些基礎軟件知識之外的更多的東西，這是我一直在計算機課教學中思考的一個問題；學生情感教育的培養，一直應成為我們課堂教學中，不可缺少的重要素質教育目標之一，所以選擇母愛為主題，由此培養學生對母愛的理解及體驗母親對兒女平凡而偉大的愛；另外也為豐富我自己的情感：我作為一名普通的教學人員，我希望在我的教學中做我應做的，做我能做的，多探討，多嘗試，豐富學生的內心同時，我也在其中豐富自己，并感受更多的快樂。

　　接下來說學生：

　　學生計算機知識背景：

　　我的學生是高二的學生，高二的的學生經過高一計算機基礎知識的學習以后，他們有一定的網絡知識，如何設計一個教學環節不僅僅簡單讓學生回顧復習一下，而是能達到更高的層次，下面了解一下：

　　學生的身心特點：

　　高中生在心理和行為上表現出強烈的自主性，具有很強的自信心和自尊心，熱衷于展現自己的力量和才能；他們已不滿足于父母、老師的講解，或書本上的現成結論，

　　學生與父母的交流：

　　在高中階段，高生中的自主、獨立性使他們的個性處于極其張揚與反叛的時期，父母與孩子的交流往往在這一時期成為多事之秋。所以希望能通過這一教學，激發學生們心中對母親的愛的理解與感受。而如何根據學生情況，使這一美好的愿望在我的網頁設計教學中實現呢？用怎樣的教學設計與方法來進行呢？這對我們師生都將是一個很大的挑戰。

　　下面是實現這些教學理念的教學方法及實現途徑：

　　教學方法一及實現途徑：

　　用任務驅動教學設計與母愛內容相結合：

　　把所學的網頁設計技巧與母愛內容相結合，巧設任務，對學生進行引導。

　　例如：網頁中文字的修飾與滾動字幕的設計，讓學生結合母愛內容，自擬一個標題，進行設計展示；從有關母愛的文章資料中選擇感受深刻的有關母愛的段句并配上圖片在網頁中進行設計；同樣的背景圖片及音樂，另外表格對網頁整齊化的設計，都進行精心安排，結合母愛主題進行練習。

　　教學方法二及實現途徑：

　　課堂以學生為主，教師為引導，師生一起互相探討學習的教學方法，教師在教案設計中分別把所學的網頁設計技巧與母愛網頁設計一一對應，設計成任務，學生之間分組合作，互相學習，相互探討，把所有任務分成四組，班上學生分成四組，每個組負責一個任務在全班進行展示，如果有任務本組不能解決的，讓其他組同學上來協組完成，讓他們自己當老師。

　　教學方法三及實現途徑：

　　讓學生在已學習的網頁設計技巧應用之上，用形式多樣的方法讓學生感受母愛，同時進行課本以外網頁設計知識的探討：

　　例如：給學生提供有關母愛的散文與詩歌文章及背景音樂，讓學生嘗試如何把朗誦與文字同時展示在網頁中，鼓勵學生把自己喜歡的母愛文章進行課后自己錄制放到網頁中；向學生介紹有關錄音的軟件；

　　再例如：引導學生使用特效設計代碼，老師提供一兩個特效代碼，讓學生嘗試，由此鼓勵學生在以后的設計中到網上自主進行資料搜索并下載進行嘗試運用。……

　　教學方法四及實現途徑：

　　給學生提供提問與學習的平臺，鼓勵學生利用網絡資源進行學習。給學生提出自己在網頁設計中想實現而自己又不知道如何操作實現的網頁設計問題，這些問題如果可以在課堂上解決的，首先鼓勵學生進行互相交流解決，教師可以當堂解決的，應給予引導，如果不能解決的，鼓勵學生與自己一起到網上進行學習，并在課后再進行交流，探討解決。

　　最后說有關教學設計中母愛情感培養的三個引導點：

　　一：說學習興趣：蘇聯當代教育家蘇霍姆林斯基在給教師的建議中說到：“在每一個年輕的心靈里，都存放著求知好學、渴望知識的火藥，只有教師的思想才有可能點燃它”。所以為進一步激發學生的網頁制作興趣，進行如下教學程序：

　　1、教師進行鼓勵：一張網頁的設計，技巧是基礎，在基礎之上如何設計出一張你較為滿意的網頁，還有許多其他的綜合能力的體現，贈言：一分耕耘，一分收獲，以此鼓勵。

　　2、激勵辦法：母愛主題的網頁設計將邀請家長來欣賞，把好的作品放于學校網站上。

　　二、說有關母愛音樂：如何把時尚與情感教育相結合？我想在此我找到了很好的結合點，那就是結合現代青少年最喜歡的歌星周杰倫，他自創自唱的歌曲：聽媽媽的話作為我的這節設計課的開場，當我的學生走進電教室，此時當我給我的學生播放這首歌，我的學生會不約而同的跟著節拍與我一起唱：聽媽媽的話，我想在那一刻，有什么樣的方法會讓我的學生與我一起在深深地感受著母親的愛呢？的確，伴著這首歌，也會使我的網頁設計主題內容：母愛，自然傳遞給學生。

　　三、說閱讀、朗讀：閱讀、朗讀是最能使人的心靈變得明亮且是培養豐富情感的重要方式，我在網上查找了很多有關母愛的文章，一首很簡潔而對母愛深刻描述的詩：MOTHER，課前與班主任、語文老師和英語老師了解情況，得到學生的同意，最后我設計班上的兩位學生在課堂上朗讀。另外傾聽也是情感培養的重要方式，我找到有關母親的一個英文的小故事，讓我的英語老師朗讀并錄音，在課堂上播放給學生，進行傾聽，從中讓學生體會母愛。教育家孔子提倡詩樂，他說：“溫柔敦厚，詩教也。”基于此，

　　總之，在整個教學過程中，如果說充分利用網絡資源，及豐富形式多樣的資料進行網頁設計教學，讓學生的網頁設計技巧鞏固中深深感受母愛和理解母愛，還不如說是我自己也是學生中的一員在深深的體會母愛吧。

　　我的這節說課就到此。

　　謝謝專家們，老師們的耐心聆聽，希望專家們，老師們給我指導，我相信有大家的參與，我的這一節教學設計將會好。

　　再次謝謝大家

高中信息技術《網頁制作》教案 篇4

　　一、         說教材

　　《網頁制作》是普通高中課程標準實驗教材必修模塊《網絡技術應用》的第4章《網站實現》的內容，該內容分為四個課時，我今天要說的是第二課時的內容。這是一節實踐操作課，應以學生自己實踐為主，老師只需指出注意的要點，讓學生通過合作協調構思創新的方式完成整節課的內容

　　1、教學目標：

　　1）、利用表格定位網頁

　　2）、添加網頁元素

　　3）、使用模板制作其他頁面

　　教學重點：利用表格定位網頁

　　教學難點：使用模板制作其他頁面

　　2、能力目標

　　通過學生自主探究學習，培養學生的實踐能力，觀察能力及解決問題的能力，以及對知識的遷移能力。

　　3、情感目標：

　　通過本課的學習，培養學生合作幫助、團結協作的良好品質，在合作實踐過程中，培養學生大膽構思、自我創新的精神，培養學生的美感及創作后的成就感。

　　二、         說教法

　　根據學生已有的知識結構體系，我主要是采用提問的方式引出每個教學目標，中間穿插比較、觀察的方式加深學生的印象，培養學生的觀察能力。并以小組形式進行，每個小組記錄整個制作過程的情感體驗。

　　三、         說教學過程

　　由于學生在必修模塊里已接觸過網站的組建，對如何建立網站已有了一定的經驗，而且學生也撐握了字處理軟件如word工具的基本功能，學會了對文字圖片及表格的基本處理。基于學生現有的知識技能，我決定讓學生以小組形式組合成5個小組，由操作能力強的學生充當組長，帶動其他成員完成網頁制作，一來培養他們合作互助的關系，二來培養學生之間、師生之間的感情。我在整節課里只扮演一個組織者和提示者的角色，一步步引導學生完成本課的目標，讓學生充分發揮自主性，協助性，培養他們合作、創新的能力。

　　對此，我設定了以下幾個環節：

　　環節一

　　前面講了網頁的規劃與設計，學生對將要建立的網站已有了一定的準備，如何讓他們動手把他們構想中的網站有條理的組建起來。我會先提問學生都為他們的主頁準備了哪些內容和素材（如文本、圖片、動畫、音頻、視頻）？你打算怎樣安排它們的具體位置才能使網頁更加合理美觀，方便訪問者訪問？讓學生帶著問題思考。我接著在frontpage中打開學生常去的網站：騰訊qq網站，讓學生觀察并提問他們發現了什么，再逐一把表格中的各元素刪除，使網頁上只留下一個空表格結構，從而引出目標一：利用表格定位網頁。

　　緊接著讓學生根據上節課設計好的版面，利用已學過的知識動手在網頁中插入表格，調整表格的結構，使插入的表格結構與設計的版面盡量吻合，組長負責記錄表格結構是否合理，并注明理由，使學生能合理的安排和組織表格結構，為以下的制作創造有利的條件。我會提醒學生要在編輯窗口和預窗口之間切換觀察，使表格結構調整得更加合理。學生在調整表格中會遇到這么一個問題（或者由我設定出這個問題）：

　　a1

　　a2

　　a3

　　想調a3單元格的列寬度，a1單元格保持不變，不管學生怎樣調整總是會帶動a1的改變，在學生急切想知道答案時我及時引出了表格的嵌套，學生恍然大悟，印象加深。接下來我會叫學生回想下以前瀏覽過的網頁有沒有看到表格的框架，如何才能讓表格不顯示在我們的網頁中呢，從而引出表格屬性的設置，讓學生通過表格屬性的設置來設置表格的邊框、顏色等。根據課堂情況而定，可以再讓學生嘗試單元格屬性的設定，能力好的學生可進一步嘗試網頁屬性的設置，并比較三種屬性之間的不同范圍。

　　環節二

　　網頁的框架搭好了，就象若大的房子已經想好了該在哪個位置擺放哪些家具和電器，往下一步就是要把這些實物擺放在相應的位置上來，你們接下來工作是為你們的網頁添加各種素材到相應的單元格中，從而引出目標二：添加網頁元素。學生動手把事先準備好的各種網頁元素（如文本、圖片、動畫、音頻、視頻）添加到主頁，也可使用教師機的共享資源庫的素材。提醒學生在插入圖片時應選擇jpg或gif格式，有利于提高網頁瀏覽速度，注意把握網頁素材的比例，文字過多就會造成網頁的吸引力減弱，圖片過多就會使網站內容空洞、瀏覽速度下降。最后提問學生還能為網頁添加哪些元素（水平線、超鏈接、背景音樂等）擴展學生知識，使能力強的學生可以進一步提高。

　　環節三

　　在輕松快樂的氣氛中各小組已完成了早已醞釀已久的主頁，并保存。學生體驗到了成就感，興趣高昂。我這時趁熱打鐵,提問學生，一個內容豐富的網站應該是由多個頁面組成，才能更加完善你所表達的思想，接下來就是制作其他頁面。這時我打開榕樹下這個網站的主頁和其他子頁面，讓學生欣賞并觀察這些頁面的風格是否一致，學生認可后我提示學生，一個網站的風格一般是由主頁和子頁來共同體現，因此其他頁面應和主頁面的風格保持一致，那我們接下要做的其他頁面的風格也應和主頁風格保持一致。提問學生是否還是象做主頁一樣從頭開始一個頁面一個頁面制作？還是有更方便的方法，減少重復相同的操作，結合frontpage模板功能引出目標三：使用模板制作其他頁面。提示學生把風格一致的部分保留下來，刪除其他部分，并當作模板保存下來，以供其他頁面使用，以后準備制作網頁時可從模板列表中選取并在此基礎上進行編輯。要求學生為他們的網站制作模板。

　　最后，各小組把做好的主頁和模板上傳到ftp服務器，組長記錄整個制作過程中的難點，心得體會，以備下次點評。我還可以根據課堂情況提示一些能力強的學生上網找些網頁特效的代碼插入網頁，增加網頁的吸引力，也使這些學生有更高的發展空間和互相學習的動力

　　在整個過程中為了避免一些學生產生低落情緒無法跟隨整個操作，我會及時表揚或鼓勵他們，增強他們的自信心。這就是我全部的說課內容，僅大家參考，并請各位評委和老師指正。

　　評委點評：

　　從教師說課中看到，本課教學目標設計比較恰當，教學過程各環節安排有合理之處，比如運用刪除qq網站網頁元素，使用留下的空表格引出利用表格定位網頁，提醒學生注意把握網頁素材合理使用，使用模板制作網頁等。

　　但是，作為說課，缺少對學生學習狀態的分析和對教學內容重難點的分析等重要的教學設計依據，也沒有看到教師進行教學設計的理論支撐和起碼的原由，缺少課后對本課教學的反思，缺少說課時向同行和評委所作的必要的媒體呈現。這些都令評委感到遺憾。