《網頁制作》

《網頁制作》（精選8篇）

《網頁制作》 篇1

　　（一）教學要求

　　1、 掌握網站構思的一般方法。

　　2、 學會收集、整理素材的基本方法。

　　3、 掌握網頁制作的基本方法。

　　4、 掌握鏈接網頁的各種方法。

　　（二）教學設計建議

　　本節安排五個課時，是本章的重點，本章教學任務完成與否，要看學生能否通過小組合作的學習方式來完成一個主題網站的設計和制作。

　　本節教材中安排了三個實踐探究活動，包括一個討論交流活動和兩個實踐體驗活動，并且給出了比較詳細的操作示例。

　　教材通過讓同學們組織一個小組來共同設計、制作一個有關世界遺產的主題網站，學習網站的構思、制作以及素材收集、整理的基本方法。

　　我國是一個有五千年歷史的文明古國，并且有九百六十萬平方公里的大好河山，同學們的家鄉總有一些值得紀念的人文歷史和自然風光，一方面以這個主題作為網站的內容，大家比較有親切感也容易找到素材，另一方面，通過網站制作的過程，也是一次愛國主義教育過程。

　　當然，教師也可以結合學校所在地的具體情況，設計制作一些更有紀念意義的主題網站，也可以結合學校近期的工作重點，設計制作一些網站。教師可以自行決定，只要是學生感興趣的，健康的內容都可以作為網站的主題。

　　設計、制作一個網站僅靠一個人的力量很難在短時間內完成，需要幾個人合作完成。在本節中，要求通過小組合作學習的方式，在小組中既有分工又有合作，在完成一個網站的規劃、制作的同時，讓學生充分體驗小組合作學習的樂趣、積極作用和深遠的影響。

　　在本節的教學中，可將學生分成若干個小組，每個小組五至六人，小組中的同學相互協作，共同完成一個網站的制作。

　　網站的設計、制作可分成三個主要方面：網站構思、素材整理、網頁制作。

　　每個小組的同學依此分工，在學習時也各有側重，有些同學主要考慮網站的內容和結構等問題，有些同學把主要精力花在有關素材的收集和整理上，還有些同學重點學習網頁的制作方法。

　　由于事先進行了分工，學習中就有所側重，在小組合作設計制作時，他們都各有所長，就能實現互為“專家”的合作學習模式。這是一種比較好的合作學習的方式，通過小組同學間的互幫互學，從而達到共同提高的目的。

　　由于每個小組中擔任不同角色同學學習的側重點不同，教師在教學中也不應采用面面俱到的辦法，必須采取類似于“復式教學”的教學方法。

　　具體教學建議如下：

　　第一課時。

　　（1）確定任務，進行需求分析。在課堂中組織好合作小組，并對各合作小組的組成情況做好記錄。要求每個合作小組的同學坐在一起，從中推舉組長，并做好任務安排，落實每個人的學習任務。

　　（2）小組同學一起討論確定準備制作的網站的主題，同時為下一節課的活動做好準備。

　　第二課時。

　　（1）將所有學生分成三大組進行“復式教學”，即“網站構思組”、“素材整理組”和“網頁制作組”。將這三個大組的同學相對集中，便于進行“復式教學”。

　　（2)教師組織“網站構思組”的同學進行“網站的策劃與構思”的討論交流活動，其他同學自學有關的內容，著重學習如何掌握收集、整理素材的基本方法。

　　（3)討論交流活動后，“網站構思組”的同學分別回到各自的小組中，在小組中向大家介紹自己的初步想法，通過討論協商，對網站的總體框架和主要內容，達到認識基本一致。

　　第三課時。

　　（1)繼續進行“復式教學”。教師對“素材整理組”的同學，著重講解如何對素材進行整理、處理，其他同學則查找并收集有關的文字、圖片、聲音、影像等素材。

　　（2) 然后，每個網站制作小組的同學一起將收集到的素材進行分類和評價，保留有用的素材，并在“素材整理組”同學的指導下，對素材進行必要的處理。如將圖片的格式轉換成jpg格式，文字素材進行重新編排，將聲音和影視資源轉換成rm或wmv等流媒體格式。教材中用畫圖軟件進行格式轉換是一種最簡單的辦法，如果是大量的文件需要轉換格式，運用第三方軟件將能提高工作效率。

　　第四課時。

　　（1)繼續進行“復式教學”。針對“網頁制作組”的同學，教師通過一個“設計制作網站主頁”的實踐體驗活動，幫助大家掌握網頁的基本制作方法。其他同學，按照主題網站的構思要求，收集、整理更多的素材。

　　（2)在每個網站制作小組中，每位同學在“網頁制作組”同學的指導下，按照主題網站的總體規劃，分別制作網站中的其他網頁。

　　第五課時。

　　（1)由于超鏈接在網頁中的地位非常重要，所以這部分內容需要教師組織全體同學進行“設置超鏈接”的實踐體驗活動，要求讓每一位同學都能掌握設置各種超鏈接的方法。

　　（2) 經過網頁制作小組同學的共同努力，基本完成一個主題網站的制作。對于主題網站的美化和優化工作，留待課余時間大家逐步完善。

　　由于本節需要動手操作的內容比較多，主題網站的設計、制作也需要充分的準備和實踐的時間，所以，除了課堂中完成部分學習內容外，其他大部分的內容可能要作為回家作業讓學生在課余時間通過合作的方式完成。

　　<

《網頁制作》 篇2

　　一、         說教材

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

　　1、教學目標：

　　1）、利用表格定位網頁

　　2）、添加網頁元素

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

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

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

　　2、能力目標

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

　　3、情感目標：

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

　　二、         說教法

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

　　三、         說教學過程

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

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

　　環節一

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

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

　　a1

　　a2

　　a3

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

　　環節二

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

　　環節三

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

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

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

　　評委點評：

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

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

《網頁制作》 篇3

　　一、教學目標的確定思路： 

　　1.教材分析：

　　“網頁制作與發布”一章是教材中第四部分“信息的生成與發布”中的一個內容。這一部分學習內容的重點是：編輯屬于自己的信息，發布具有自己特色的信息。主要涉及：文本信息的處理、信息素材的整理、對象的插入設置、網頁效果的瀏覽及網頁發布等相關方面的內容。這章是屬于在綜合運用以前所學知識的基礎上進一步提高、學習。《網頁制作入門》這一節是本章的基礎、入門課程。

　　2.學生分析：

　　學生通過前面各章節內容的學習，對文本、圖形、圖像、聲音、動畫等多媒體信息的處理技術有了一定的使用經驗，掌握了一些信息的搜集、整理、加工等方面實際處理能力，特別是通過對Internet相關知識的介紹及大量網站的瀏覽，對網頁內容、結構、效果等設計的優劣都有了一定的感性認識，并且有了一定的分析、評判的能力，基本上完成了知識和能力的積累。

　　3.教學目標：

　　通過本章的教學，使學生獲取、分析、處理、發布、應用等信息處理能力得到提高。特別注意培養學生通過網絡發布信息的能力，培養學生的創新、探索精神和分工合作意識。結合這個總的教學目標制定本節的教學目標：

　　教養性目標：

　　知識目標：（1）熟悉Dreamweaver的界面環境；

　　（2）了解Dreamweaver菜單、屬性面板、對象面板、快速啟動面板中主要功能及用法；

　　（3）掌握超級鏈接的概念。

　　能力目標：（1）掌握文本網頁的制作技術，會設置字體、字號、顏色及超級鏈接，

　　（2）提高對信息的處理能力，

　　（3）培養學生自主學習的能力。

　　思想方法：觀察法、發現法、類比法。

　　教育性目標：

　　培養學生做文明禮貌、誠實可信的人；發揚團結協作的學習精神。

　　發展性目標：

　　（1）培養學生學習信息處理技術的學習興趣，

　　（2）培養學生探索新知識、新技術的求知欲望，

　　（3）激發學生的創新意識。

　　4.教學重點和難點：文本屬性面板的使用。

　　二、教學過程：

　　1.教學任務的設計：

　　總任務：設計一個內容文明健康、圖文并茂、效果豐富的網頁，有條件的進行發布。

　　由于學生在基礎知識、認知能力；個人的興趣、愛好、性格、動機等方面存在個體差異，要求學生完成同一個任務、達到相同的學習效果，既不現實也不科學，反而會大大挫傷學生學習的積極性。所以在學生學習本章的所有內容之前，先讓學生了解這一章的教學目標和最終所要完成的總的任務、達到的要求。在學生明確自己所面臨的學習任務之后，以此擬定自己要設計的網頁的主題、結構、內容；搜集并準備相關素材，然后在每節課開始向學生介紹本節課應達到的的教學目標及所要完成的任務，學生去完成階段性的工作任務。

　　2.教學模式：“自學→指導”式教學模式。

　　其流程為：

　　創設情境提出任務

　　自主學習積極探索

　　幫助指導完成任務

　　展示作品交流評議

　　創設情景、提出任務：通過對典型的網頁作品的展示與回顧，激發學生的學習興趣和求知欲，明確提出本節課的教學目標和任務。

　　自主學習、積極探索：根據要完成的本節課的任務，選擇學習資源中相關的學習內容，進行自主學習。從簡單的模仿開始，大膽進行探索實踐，通過多種渠道尋求問題的解決。

　　幫助指導、完成任務：對自主學習、探索問題解決過程中出現的問題，教師及時利用多媒體計算機系統的各種功能進行幫助、指導；鼓勵學生開展協作學習拓展思路，使不同程度的學生都能向目標邁進。

　　展示作品、交流評議：選擇學生制作的具有代表性作品進行展示，由師生共同參與點評，對學生中體現出來的好的制作經驗和體會，給予肯定；對不足的地方提出指導性的意見，使學生的階段性的作品逐步趨于完善。

　　3.教學策略：自主學習、協作學習、教師指導相結合。

　　三、教學手段：

　　在多媒體信息技術教室進行教學，通過多媒體教學系統的播放、監控、反饋、討論、傳輸等功能完成教學任務。

《網頁制作》 篇4

　　說課題目：

　　FrontPage網頁設計技巧綜合運用

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

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

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

　　一：說教材

　　二：說教學目的

　　三：說學生

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

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

　　首先說教材：

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

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

　　接下來說教學目標：

　　基礎知識目標：

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

　　能力培養目標：

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

　　情感教育目標：

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

　　接下來說學生：

　　學生計算機知識背景：

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

　　學生的身心特點：

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

　　學生與父母的交流：

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

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

　　教學方法一及實現途徑：

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

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

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

　　教學方法二及實現途徑：

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

　　教學方法三及實現途徑：

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

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

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

　　教學方法四及實現途徑：

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

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

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

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

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

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

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

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

　　我的這節說課就到此。

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

　　再次謝謝大家

《網頁制作》 篇5

　　【教學目標】：

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

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

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

　　【教學重點】：

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

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

　　【教學難點】：

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

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

　　【教學準備】：

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

　　【教學過程】：

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

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

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

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

　　個人主頁“小星之家”

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

　　個人主頁“風采圖片社”

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

　　二、新課教學

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

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

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

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

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

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

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

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

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

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

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

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

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

　　綜合實踐：

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

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

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

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

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

《網頁制作》 篇6

　　第1章 計算機網絡基礎                             總累計第1課時 

　　課課題題    第1節  計算機網絡基礎知識 

　　課課題型    綜合課 

　　教學目的    1、了解計算機網絡的分類及其系統構成；2、 懂得計算機網絡的基本應用；3、 掌握internet的基礎知識。 

　　教學重點    1、計算機網絡系統構成；2、網絡地址及域名形式。 

　　教學難點     1、tcp / ip網絡協議；2、統一資源定位器（url） 

　　教學用具    多媒體電腦 

　　教學方法    講述法、多媒體教學法、練習法 

　　課時安排    共2課時 第1課時 

　　教學過程  i、引言：我們生活在一個信息社會里，時刻需要獲取和交換信息。例如，各商業銀行的總行要收集各業務點每天的資金情況，鐵道部門要及時了解每一輛火車的運行狀況等，這些數量極為龐大的信息怎樣才能方便、快捷地傳輸呢？而計算機網絡技術能很好地解決這個難題。那么，究竟什么是計算機網絡，計算機網絡又有什么用呢？  ii、講授新課 一、計算機網絡及其分類 1、計算機網絡基礎?1)概念：凡是將分布在不同地理位置上的具有獨立功能的多臺計算機系統，用通信設備和通信線路連接起來，再配有相應的支撐軟件，以實現計算機之間的相互通信、資源共享的系統，稱為計算機網絡。 (2)作用：①資源共享②集中管理和分布處理③遠程通信 2、計算機網絡分類（按通信距離分）：①局域網②城域網③廣域網④互聯網二、計算機網絡系統構成 1、硬件系統：①服務器②工作站③網卡④調制解調器（卡④）⑤集線器⑥交換機⑦傳輸介質e2、軟件系統?1)網絡系統軟件：windows 2000、�Windows n、uni(2)網絡應用軟件：電子郵件軟件、瀏覽器軟件、網絡教學軟件 3、網絡信息：在計算機上存儲、傳輸的信息稱為網絡信息，是計算機網絡中最重要的資源。  iii、練習、作業 、預習 ①什么是計算機網絡？它主要分為哪幾類？ ②計算機網絡軟件系統包括哪些？ ③預習：internet網絡基礎。  iv、教學小結     本節課主要講述計算機網絡的基本概念和分類以及讓學生了解計算機網絡系統的基本構件和其他的一些相關的網絡基礎知識。 

　　教學后記   

　　第1章 計算機網絡基礎                          總累計第2課時 

　　課課題題    第2節  internet網絡基礎 

　　課課題型    綜合課 

　　教學目的    1、了解計算機網絡的分類及其系統構成；2、 懂得計算機網絡的基本應用；3、 掌握internet的基礎知識。 

　　教學重點    1、計算機網絡系統構成；2、網絡地址及域名形式。 

　　教學難點     1、tcp / ip網絡協議；2、統一資源定位器（url） 

　　教學用具    多媒體電腦 

　　教學方法    講述法、多媒體教學法、練習法 

　　課時安排    共2課時 第2課時 

　　教學過程  i、引言：前面我們已經學習了計算機網絡的一些基礎知識，應該說，目前世界上最大的計算機網絡可算是internet(因特網)了。下面我們就一起來了解internet的知識，看看internet的作用和使用。internet起源于1969年的一個廣域網計劃，由美國國防部高級研究計劃署(advanced research project agency，簡稱arpa)發起組建的一個異地計算機網絡系統，它是internet的前身---arpanet。  ii、講授新課 三、internet（因特網）基礎1、連接到接到inte：①撥號（電話線、�号＃�②一線通（、mo）③寬帶（②一）④其他上網方式d2、網絡協議：①tcp / ip協議②其他協議 transfer control protocol / internet protocol：傳輸控制協議/網際協議 3、網址 (1)統一資源定位器（url）：http:// 主機機地址（域名） uniform resource locator：因特網采用的一種特有的統一地址格式。 hypertext transport protocol：超文本傳輸協議 例如：http:// 202.121.103.101 (2)域名：①中國中小學教育教學網 ②金羊網（羊城晚報） cn：一級子域名（cn表示中國） com：二級子域名（com表示商業網站） k12：三級子域名（k12表示“中國中小學教育教學網”服務器名） www：四級子域名（world wide web：萬維網） iii、練習、作業 、預習 有條件的同學可在家利用空余時間練習使用internet。 iv、教學小結 本節主要講述internet的基本功能和使用方法，讓學生能初步懂得什么是internet？如何連接到internet？如何使用internet的基本功能等方面作了簡述。 

《網頁制作》 篇7

　　[摘要]中小學信息技術課已不再是單純的計算機技能課，它強調以培養信息素養為目標，以任務驅動為模式，以應用軟件為載體。只有在實際教學中突破以往的教學模式，才能培養出適應信息社會發展的有用人才。本文以“網頁制作”單元為例，闡述了信息技術課教學設計的新思路，并就現行教材的編排組織提出了幾點建設性意見。

　　[關鍵詞]信息技術/網頁制作/任務驅動

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

　　一、教材分析

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

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

　　二、設計思想

　　1、任務驅動

　　本單元的學習通過完成網頁作品來實現。班級網頁的信息來自學生生活的班集體，每個熱愛班級、關心班級的同學都能產生一種急切地完成任務的動機，而完成任務又能給他們帶來成就感和滿足感。這種心理上的內在動力驅使學生自覺地把計算機作為一種信息處理的工具來使用，由“要我學”變成“我要學”。在教學中，教師通過創設情境，激發學生的創作欲望，把總任務劃分到每節課，按照學生的制作進度來布置子任務，使學生在教師的引導下逐步達成教學目標 。

　　2、小組協作

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

　　基于資源

　　要培養學生的信息能力，就必須為他們提供大量處理信息的機會。基于資源的學習就是讓學生接觸到豐富的學習資源，為學生的知識構建提供支撐。筆者采用ASP技術自主開發了一個信息技術學習網站，該網站具有強大的交互功能，不僅能為學生創設豐富的資源環境，還為每個注冊用戶提供個人空間，支持作品的上傳或下載，并開辟了學生論壇和教師答疑，供師生們交流和討論。網站的使用不僅方便學生的學，還能改善教師的教，也為師生間的交流提供了虛擬空間。

　　三、學習目標

　　本單元的認知、情感和動作技能三種目標分述如下：

　　認知目標

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

　　2、能用自己的話解釋下列術語：HTML，URL，網頁，主頁，超鏈接

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

　　4、能客觀評價網頁的內容和風格，具備一定的審美能力

　　情感目標

　　1、具有集體榮譽感，愿意為班級的網頁建設出謀劃策

　　2、具有樂于助人、團結協作的精神

　　3、能尊重他人的勞動成果，有保護知識產權的意識

　　動作技能目標

　　1、能熟練地建立、打開、保存、瀏覽網頁文件

　　2、能按照需要建立框架網頁，設置各框架中的初始網頁

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

　　4、能使用簡單的表格編排網頁內容，使網頁的結構清晰，內容整齊

　　5、能選擇合適的網頁背景圖案和背景音樂

　　6、能根據實際需要使用不同的超鏈接，合理地組織網頁

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

　　8、能夠插入簡單的表單，使網頁具有初步的動態交互功能

　　四、學習資源設計

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

　　1、推薦給學生的網站地址鏈接，如門戶網站、班級網站、搜索引擎、信息技術網站等

　　2、本單元學習的目標和任務，以及每課時的子目標和子任務

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

　　4、根據每課時的學習目標制作的操作指導，包括操作界面的演示

　　5、網頁設計所需的各種素材，如圖片、動畫、Midi音樂等等

　　6、拓展學習材料，如Photoshop、Flash、Asp、Access等技術資料

　　7、Frontpage2000的幫助系統和信息技術教材也是重要的學習資源

　　以上學習資源（第7項除外）都應公布在教學網站中，保證學生在需要時查找。學生也可以把自己找到的好素材上傳到網上。

　　五、教學過程 

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

　　課時

　　學習子任務

　　教師行為

　　學生行為

　　1

　　訪問推薦網頁

　　評價網頁，確定標準

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

　　推薦優秀網站

　　組織學生討論網頁內容和風格，分析網頁框架和布局。

　　小結網頁評價的標準

　　提出學習任務(班級網頁制作)和原則(小組協作，網上討論與學習)

　　提供網頁欄目劃分建議

　　組織各小組討論

　　瀏覽網頁

　　仔細觀察，區分優劣

　　了解評價網頁的標準

　　明確任務及原則

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

　　組長上報成員名單

　　課后收集整理信息

　　2

　　學會使用教學網站

　　熟悉Frontpage2000的操作界面，掌握網頁文件的創建、打開、保存和關閉操作

　　輸入文字信息并修飾

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

　　參與學生的網上討論，回答學生提問，必要時進行集體講解和演示

　　登陸教學網站，了解欄目功能，練習使用

　　創建網頁文件，輸入網頁文字信息并保存

　　設置文本字體字號顏色，調整段落對齊方式和縮進格式

　　引用資料注明出處

　　在網頁下方署名

　　3

　　學會插入圖片、動畫、水平線

　　設置背景和音樂

　　學習插入表格，并用表格實現頁面布局

　　介紹素材庫中各類素材

　　參與網上討論、答疑

　　提醒學生網頁上的圖片和動畫應少而精，以免影響瀏覽速度

　　介紹表格的嵌套

　　分析學生網頁，用表格演示頁面布局

　　選擇合適的素材插入網頁合適位置，

　　設置圖片和動畫的大小、對齊方式和邊框

　　設置網頁背景和音樂

　　在需要插入表格的網頁中，設置表格、行、列及單元格的屬性并進行編輯

　　用表格規劃頁面內容

　　4

　　學習框架網頁的創建及保存，學會拆分和刪除框架

　　小組合作，建立主頁

　　建立頁間鏈接，并學會通過預覽功能測試鏈接

　　介紹框架網頁的各種格式和創建、保存的方法

　　演示拆分、刪除框架

　　參與網上討論、答疑

　　分析學生操作錯誤原因，頁間鏈接應使用相對路徑

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

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

　　設置框架屬性，如框架名稱、初始網頁等

　　創建主頁與其他頁面間的超級鏈接，并用預覽功能測試鏈接是否正確

　　學會使用相對路徑

　　5

　　學會創建書簽鏈接、郵件鏈接和圖片鏈接

　　建立URL鏈接

　　初步學會創建圖象的熱區鏈接

　　對每個鏈接進行測試

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

　　討論各種鏈接的應用場合，如頁面內容較多則使用什么鏈接？酷站鏈接和站長信箱分別使用什么鏈接？學生回答

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

　　選擇內容較多的頁面建立書簽鏈接

　　在圖片上練習圖片鏈接和熱區鏈接

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

　　加深URL地址的認識

　　對每個鏈接進行測試

　　6

　　學會插入滾動字幕

　　學會使用懸停按鈕

　　學會插入站點計數器和橫幅廣告管理器

　　小組網頁初步組合，上傳到教學網站

　　逐個檢查各小組網頁的制作進展，并給出評估意見

　　參與網上討論、答疑

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

　　在主頁上插入滾動字幕，并設置其方向、速度、表現和對齊方式

　　在主頁上插入計數器和橫幅廣告管理器

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

　　設置網頁的動態效果

　　小組網頁組合上傳

　　7

　　了解表單的交互性，學習表單的創建和設置

　　在表單中插入各種組件

　　設置表單的Email提交方法

　　各組網頁定稿上傳

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

　　引導學有余力的學生學習ASP和數據庫技術

　　參與網上討論、答疑

　　創建留言板或其他形式的表單，如學習調查表等

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

　　設置Email提交方法

　　小組網頁定稿上傳

　　8

　　各組網頁演示、互評

　　網上投票推選優秀網頁和網頁制作高手

　　每位同學自評

　　由班內網頁高手做班級網頁管理員，負責提交、維護班級網頁

　　組織小組網頁互評

　　設計網上投票網頁

　　設計網頁設計評估表

　　為每個學生的作品打分

　　積極參加小組互評

　　投票推選優秀網頁和網頁制作高手

　　認真小結本人學習情況，并如實打分自評

　　六、教學評價

　　本單元的教學評價主要根據下面的網頁作品評價量化表來進行，由學生自評和教師打分反映學生的學習狀況。

　　評價指標

　　(分值)

　　具體指標

　　量化等級分值

　　自評

　　教師

　　優

　　良

　　中

　　差

　　網頁內容

　　(40)

　　獲得的信息準確且完整

　　5

　　4

　　3

　　2

　　信息的收集方法效率高

　　10

　　8

　　6

　　4

　　網頁文字沒有語法和拼寫錯誤

　　10

　　8

　　6

　　4

　　能找到合適的網頁素材并合理應用

　　10

　　8

　　6

　　4

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

　　5

　　4

　　3

　　2

　　技術處理

　　(35)

　　網頁布局整齊、合理

　　10

　　8

　　6

　　4

　　網頁色彩協調、風格鮮明

　　10

　　8

　　6

　　4

　　網頁鏈接正確、快捷

　　10

　　8

　　6

　　4

　　具有較強的動態交互功能

　　5

　　4

　　3

　　2

• 推薦閱讀：
• 網頁制作
• 《網頁制作》(說課)
• 《網頁制作入門》說課稿
• 第2章 網頁制作
• “網頁制作”教學設計與思考
• 制作手套（精選7篇）
• 手工制作教案
• 網頁制作教案
• 制作賀卡教案