【正文】 接。（伴隨音樂）三、作品評價生評：從網(wǎng)頁設計上，美觀程度上，知識落實上重點評價。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設計與制作全過程。因此，設計與制作網(wǎng)頁已經(jīng)成為計算機應用技術的一個重要方面。網(wǎng)頁制作教學設計4一、學習內容分析《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術》8年級第3章《主題網(wǎng)站設計與制作》第2節(jié)《制作網(wǎng)頁》中第1課時的內容。通過前面的學習，學生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設計主題網(wǎng)站的方法。三、學習目標知識與技能：能列舉H5網(wǎng)頁的特點；掌握在iH5軟件中添加和編輯文字、圖片、動畫等元素的方法以及設置對象屬性的方法，理解舞臺、頁面、對象之間的層級關系。八年級將舉行以“多彩校園，閃亮你我”為主題的匯報演出，充分展示八年級同學的青春活力和精神面貌。以上特點使得H5可能成為我們發(fā)出邀請的首選。設計意圖：與H5相關的概念性知識抽象、枯燥難懂，如果采用講授法，學生并不容易理解?；顒?：根據(jù)需求，選擇素材，規(guī)劃邀請函。活動3：找“共性”，探“個性”，認識iH5軟件。小結：對象樹面板可以用來管理舞臺中的對象，對象樹中的層級關系為：舞臺→頁面→文本、圖片等素材，每個頁面中的對象上層覆蓋下層。添加圖片：選中頁面1，在工具面板中選擇_____________選項。原因分析：素材全部都添加在了舞臺之中，其層級關系在內容頁和首頁的上一級。學生原有的知識是Photoshop軟件使用，將Photoshop和iH5進行對比，引導學生發(fā)現(xiàn)界面組成的“共性”與“個性“，讓學生初步認識對象樹面板，學會利用對象樹面板來管理素材。（1）邀請函中的標題、內容文字等選用什么樣的字體、字號合適？如何設置？（2）如何改變圖片大小，修改圖片的亮度、對比度等？（3）如何設置元素的動態(tài)效果，使得網(wǎng)頁更生動？小結：（1）選中文字或圖片——屬性面板——修改設置。（3）選擇要添加動態(tài)效果的對象——選擇動效命令。但是邀請函的美化不是天馬行空，隨心所欲，還需要一定的藝術欣賞能力。請保存當前的網(wǎng)頁并發(fā)布到網(wǎng)上。設計意圖：學生在制作完成邀請函后，進行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學生的學習興趣。在未來5內，H5或將會成為移動互聯(lián)網(wǎng)領域的主宰者。過程與方法：培養(yǎng)學生加工信息和應用信息的能力及培養(yǎng)學生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。對教學內容的了解程度較強。教學策略設計（1）．教學方法設計我根據(jù)教學主題及其教學目標確定的教學指導思想是以學生為主體，以學生自己的親身體驗展開探究式小組合作學習。建構主義學習理論認為，學習過程不是學習者被動地接受知識，而是積極地建構知識的過程，把學過的網(wǎng)頁設計知識綜合應用起來，由于建構主義學習活動是以學習者為中心，而且是真實的，并且以完成特定的任務為動力，因而學習者就更具有興趣和動機，能夠鼓勵學習者進行批判型思維，能夠更易于提供個體的學習風格，展現(xiàn)自己的獨特思維，不受現(xiàn)有網(wǎng)頁模式的拘束。在教學中計劃通過探究式教學方式，小組合作學習方式和“任務驅動式”教學策略，自主設計網(wǎng)頁，發(fā)布網(wǎng)頁，運用網(wǎng)絡使信息技術的這些潛在優(yōu)勢發(fā)揮作用并真正促進學生能夠結合實際應用，通過自主實踐，完成“網(wǎng)上游古都”任務，并同時完成了學習任務，進一步建構了自己的知識體系，并實時地享受到巨大的成就感。［導語］我們可在主頁中制作一個西安旅游景點導航欄，但怎樣合理規(guī)劃各旅游景點，并且使頁面布局美觀，整潔，分類清晰？利用“表格”。出示課題，介紹總任務。分工參考：內容版式規(guī)劃整理七個旅游景點網(wǎng)頁超鏈接的建立與維護作品演示解說學生明確匯報形式，分工參考。［出示作品評價標準］教師出示作品評價標準：作品內容：設計含有七個鏈接網(wǎng)頁的主頁，資料豐富，內容準確。培養(yǎng)學生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。學生體會了超鏈接的作用，練習了超鏈接的使用，理解了表格強大的頁面布局功能；培養(yǎng)學生處理信息和應用信息的能力；通過學生間交流合作，老師及時點撥與指導，培養(yǎng)學生發(fā)現(xiàn)問題和解決問題的能力。鍛煉學生口語表達能力和分析說明問題能力。培養(yǎng)學生合作交流能力。教師或其他同學提問頁面布局的方法。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！學生感悟。為激發(fā)下一節(jié)課內容（上傳主頁）的興趣奠定基礎。通過此錄像激發(fā)學生興趣并利用信息技術呈現(xiàn)問題，使學生產(chǎn)生認知沖突，培養(yǎng)學生發(fā)現(xiàn)問題、分析問題、解決問題的能力。我利用信息技術展示學生自評，學生互評，教師評價的評價表，為學生的學習提供評價、反饋和矯正。本節(jié)課，在小組合作學習過程中，學生之間互學互教，彼此交流探討，經(jīng)歷了提出問題、分析問題和解決問題過程，每個學生都承擔一定學習任務，防止濫竽充數(shù)，促進了學生的參與程度、認知深度，高質量地實現(xiàn)了課程的目標，增強學生的責任感。（四）、教學評析：在新課程標準的理念中，明確提出要關注全體學生，建設有特色的信息技術課程。教學活動在面向全體的同時更注重學生情感的`交流協(xié)作意識與因材施教。附：學生學習過程及典型成果另附：小組成員分工表第________組組長________作品題目______________小組成員主要負責工作網(wǎng)頁制作教學設計6一、教學目標：知識與技能：（1）、了解框架結構網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。（2）、通過框架結構網(wǎng)頁設計，使學生對網(wǎng)頁的整體結構有更進一步的認識。（2）、框架中各個頁面之間的關聯(lián)，每個框中頁面的設置方法。三、教學過程：創(chuàng)設情境、導入新課（1）、教師展示一組表格制作的網(wǎng)頁，引導學生找出它們的共同特點。任務驅動、自主學習（1）、教師展示一個框架網(wǎng)頁，引導學生理解框架網(wǎng)頁的概念。（4）、學生理解框架網(wǎng)頁的概念，通過閱讀教材中的內容，自學新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設置初始網(wǎng)頁”兩個按鈕的不同，并認真聆聽教師的講解，注意觀察，按要求模仿操作。教師反饋學生的操作情況，開展評比活動，對表現(xiàn)好的學生給與表揚。（8）、教師請學生示范操作，并說明自己設置的方法和原因。（2）、教師點評，并鼓勵完成作品比較好的學生。由于學生已經(jīng)具備了一定的網(wǎng)頁設計基礎知識與技能，所以教師可以根據(jù)學生的實際情況，采用更靈活的教學方法。（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。情感態(tài)度與價值觀：（1）通過以“人與動物”為主題的框架結構網(wǎng)頁制作活動，了解更多有關人與動物和諧相處的知識，通過故事趣聞，增強學生關注動物的興趣和意識。教學方法：對比教學法、探究學習法、模仿學習法。任務1 創(chuàng)建“橫幅和目錄”結構的框架網(wǎng)頁，新建top和left頁面，并學會保存。學生要理解框架網(wǎng)頁的概念，通過閱讀教材中的內容，自學新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設置初始網(wǎng)頁”兩個按鈕的不同，并認真聆聽教師的講解，注意觀察，按要求模仿操作。要求：○1top頁面內插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。（該網(wǎng)頁由教師提供現(xiàn)成的）學生制作相關頁面，同時也是對前面所學內容的復習和回顧。提高任務：框架的拆分?？偨Y與評價老師可以給出一些常見的框架結構應用界面，如Web郵箱頁面等，引導學生總結本課內容，梳理課堂知識，并讓學生分組，推薦一些優(yōu)秀作品進行全班展示。這使得學生主動探索、自主學習成為可能。問題 1 ：網(wǎng)站是不是就是網(wǎng)頁？用自己的語言描述一下網(wǎng)站的概念（網(wǎng)站包含多個網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來）問題 2 ：網(wǎng)頁是不是就是主頁？(第一個頁面稱為主頁 , 網(wǎng)站設計者可以確定哪一個是主頁 , 主頁的文件名一般為： , 主頁也是網(wǎng)頁)設計網(wǎng)站一般必須經(jīng)過兩個步驟，首先是在計算機里做好，然后發(fā)布在 internet 上，讓所有的人訪問瀏覽。請學生瀏覽教師課件，了解學習任務、新建站點FP 的啟動問：與 word 比較，有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個窗口）總結：視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。（教會學生利用導學課件，根據(jù)導學軟件完成任務）任務 1 ：學生根據(jù)導學課件，在 d: 建立自己站點教師巡視指導請一位學生示范如何建立站點 , 教師總結問：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在 images 文件夾中）、編輯主頁與保存主頁看效果圖，請學生分析主頁中的元素總結：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關的圖片，對網(wǎng)站的簡單介紹根據(jù)導學軟件，學生完成任務 2 ：設計主頁、保存主頁與圖片教師巡視指導、總結反饋請學生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存總結：必須切換到 “ 普通 ” 窗口下編輯主頁的保存中存在問題：單擊 “ 文件 ”“ 保存 ” 或工具欄的 “ 保存 ” 按扭，彈出一個對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點 images 文件夾中 , 便于站點的管理。學生回答、學生操作，同桌互相幫助，并參考教師做的課件，利用網(wǎng)絡環(huán)境下的課件自己探索學習，滿足不同層次學生的需求、學生總結注：課件中包含每一個操作過程的操作步驟及拓展的知識、基本任務與提高任務的效果圖。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應的教學課件 “ 網(wǎng)頁制作 ”。（點評分為個別點評和全班點評，點評不等于教師將操作過程演示一遍。（整個教學過程中，這點做地不夠，沒有充分地讓師生互動起來）四、重點突出、目標明確最后，張 老師在整個教學過程中，應再突出教學重點，明確本節(jié)課的任務。并且，通過高一的學習與養(yǎng)成，學習小組的整體意識已經(jīng)建立，組內合作、組間競爭的氛圍已經(jīng)形成，所以可以采用先進行自主練習，然后合作探究，通過各組推薦的作品展示進行評價，在展示的同時也提高了學生的技術水平。：網(wǎng)頁間超鏈接的建立。：（1）文字、圖片的添加與調整（2）網(wǎng)頁背景的設置（3）超鏈接的建立三、基本功練習（10分鐘）：快速“克隆”示例網(wǎng)頁。展示前，引導全體學生積極思考以下問題：？有哪些可借鑒之處？？若有疑問，及時提出。八、總結：：（1）靈活運用基本操作；（2）版面設計清晰、條理，或者有獨特之處；（3）配色和諧，給人美感；（4）超鏈接順暢、自由，方便使用。學生初次接觸一個軟件，要經(jīng)常收獲一點成就感才有進一步探索的欲望，這就需要我們教師注意發(fā)現(xiàn)、及時鼓勵。五、教學過程：教師活動：引入課題：（激發(fā)興趣，活躍氣氛）同學們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網(wǎng)站）瀏覽新浪網(wǎng)站，瀏覽的第一個頁面稱為什么？（主頁）我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。打開主頁，瀏覽頁面，這是老師做的一個導學課件，將幫助大家完成學習任務。普通窗口：鼠標在閃動，可編輯、修改頁面，所見即所得的方式。任務1：學生根據(jù)導學課件，在d:建立自己站點 請一位學生示范如何建立站點,教師總結。