【正文】 添加和編輯文字、圖片、動畫等元素的方法以及設置對象屬性的方法，理解舞臺、頁面、對象之間的層級關系。通過前面的學習，學生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設計主題網(wǎng)站的方法。網(wǎng)頁制作教學設計4一、學習內容分析《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術》8年級第3章《主題網(wǎng)站設計與制作》第2節(jié)《制作網(wǎng)頁》中第1課時的內容。因此，設計與制作網(wǎng)頁已經(jīng)成為計算機應用技術的一個重要方面。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設計與制作全過程。（伴隨音樂）三、作品評價生評：從網(wǎng)頁設計上，美觀程度上，知識落實上重點評價。設置超鏈接：通過導航欄目，設置文字超鏈接。在學生學會插入表格的基礎上，來設計網(wǎng)頁，展示作品。插入表格：單擊“表格”中的“插入表格”并對表格屬性進行設置。其實，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節(jié)課我們以繪畫作口品為例，做一個學習園地網(wǎng)頁，把我們的作品展示到自己的班級網(wǎng)站中，以便我們更好的努力學習。總結與評價開展同學間的互助，檢驗其鏈接完成情況，推薦優(yōu)秀同學做展示。學生認真聽講后模仿制作，教師巡視進行指導并反饋學生的完成情況。教師講解，突破難點，再交由學生操作。○3給框架頁內交互式按鈕設置超級鏈接，鏈接到相關頁面。提出：我們在先前的學習中，哪個軟件中的相關操作與它類似？什么是超級鏈接？找一個例子，分析鏈接源和鏈接目標分別是什么？學生展開交流，通過對比找出不同點，并積極思考，回答老師的問題。（2）在框架頁面中制作超鏈接時，目標對象所選擇的顯示窗口形式。（2）完成超級鏈接，使學生感受成功的喜悅和快樂。過程與方法（1）通過創(chuàng)建網(wǎng)頁超級鏈接的操作，使學生了解網(wǎng)頁中創(chuàng)建超級鏈接的基本方法，破除對網(wǎng)頁鏈接的神秘感。正文：網(wǎng)頁制作教學設計網(wǎng)頁制作教學設計網(wǎng)頁制作教學設計1教學目標：知識與技能（1）了解超級鏈接的含義及鏈接源和鏈接目標的含義，掌握同一站點內以及不同站點間網(wǎng)頁超級鏈接的創(chuàng)建方法。（2）通過對不同對象設置超級鏈接的操作，使學生總結出操作的規(guī)律，培養(yǎng)學生自主學習與操作的能力。教學重、難點：教學重點：（1）超級鏈接的含義及鏈接源和鏈接目標的含義。教學方法與教學手段：任務驅動法、討論探究法、講解與演示法、類比知識遷移法。設計意圖：通過對比操作、交流，再輔以知識遷移，明確本節(jié)課教學內容。教師巡視，及時指導，安排學生示范操作并講解如何制作超鏈接。以上是同一站點內不同網(wǎng)頁之間的鏈接，有時一個頁面中內容過多，需要不斷拖動滾動條實現(xiàn)閱讀，能否實現(xiàn)快速跳轉呢？任務2同一站點內同一頁面內的跳轉（鏈接）：在“動物趣聞”頁面內制作書簽鏈接。（2）站間超級鏈接僅憑我們課堂上制作的這些頁面還不足以詳細介紹我們的主題，此時我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內容。引導學生分類總結本節(jié)課的知識點?，F(xiàn)在我們就一起來制作吧！二、新知探究首先我們來打開上節(jié)課的班級網(wǎng)站，在這個網(wǎng)站中新建一個網(wǎng)頁，并保存成“學習園地”。如：行、列的操作，對齊方式等。并講解在單元格中可以插入圖片、文字。選中文字，點擊右鍵選擇超鏈接在列表中選擇你要鏈接的網(wǎng)頁，單擊“確定”按鈕。師評：對學生作品進行評價，并對其它學生的評價加以更完整的解釋。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。本課程的主要教學目的是使學生掌握網(wǎng)頁設計與制作的基礎知識，能運用網(wǎng)頁工具設計和制作常用網(wǎng)頁。H5是指第5代HTML標記語言，其搭建的站點可方便地應用于PC、Android、iOS等多種平臺，它為互聯(lián)網(wǎng)內容的呈現(xiàn)提供了一種全新的框架和平臺，包括免插件的音視頻、圖像、動畫、本地存儲以及更多酷炫的功能。本節(jié)課以iH5軟件工具為平臺，學習用H5快速制作網(wǎng)頁。過程與方法：通過制作校園文化藝術節(jié)邀請函，經(jīng)歷制作H5網(wǎng)頁的基本過程。思考：本次演出將要邀請家長參加，你會選擇什么樣的方式來做出邀請呢？（口頭傳達、短信、紙質邀請函等）活動1：體驗“校園文化藝術節(jié)邀請函H5”，初認H5。（2）“校園文化藝術節(jié)邀請函H5”為何如此吸引人？觀看視頻，思考到底什么是H5？小結：H5是指第5代HTML標記語言，也指用H5語言制作的一切數(shù)字產(chǎn)品。因此本節(jié)課創(chuàng)設了學生現(xiàn)實生活中的情境，以制作校園文化藝術節(jié)邀請函H5為主題，設計了4個問題，每個問題目標指向明確，容易引起學生的共鳴，激發(fā)學生的思考并得出結論。設計意圖：學生已經(jīng)學習過網(wǎng)站的規(guī)劃，所以容易理解規(guī)劃的重要性。（1）使用課前申請的賬號，登錄網(wǎng)址：，進入在線編輯平臺。活動4：利用iH5軟件，制作邀請函H5。小結：添加文字、圖片的一般步驟：選擇位置—添加對象。問題2：內容頁沒有顯示內容。在制作H5時采用局部“翻轉課堂”的形式，通過高效、簡短的微視頻和幾個思考題，引導學生思考探究；在學生遇到問題和困難時，師生共同分析問題，解決問題。“邀請函”等標題文字字號一般選用大些，宜用飽滿的字體，以達到醒目的作用；內容用于提供具體信息，文字字號可以小些。注意：設置合理、適度的動態(tài)效果，可以給觀賞者帶來較好的視覺體驗。因此首先讓學生帶著問題思考如何設置文字、圖片？設置動效時需要注意的問題？得出一定的結論后，讓學生帶著構思去美化邀請函，以減少學生操作的盲目性。（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問對方的作品。將學生的作品進行展示，師生共同賞析作品，根據(jù)評價表進行點評，給出建議，然后進一步完善作品。設計意圖：借助思維導圖，將關鍵知識點結構化，清晰形象地呈現(xiàn)出各知識點的脈絡關系，有助于學生從整體上把握知識，完成知識的建構。情感與態(tài)度：使學生感受中國源遠流長的歷史文明，并通過網(wǎng)頁傳遞給世界；幫助學生樹立良好的信息道德意識；讓學生享受成就感，樹立自信心。內容分析教學重點：利用表格對網(wǎng)頁頁面進行布局。本節(jié)課采用研究體驗式教學法,建構主義模式下的任務驅動式教學法組織教學。基于構建主義的探究性學習模式，我的設想是整個教學過程是動態(tài)的，學生是學習的主體，教師是學生學習環(huán)境的創(chuàng)設者、學習動力的激發(fā)者、學習過程的指引者和學生學習的協(xié)作者。（三）、教與學的過程1．教與學的過程活動內容教師活動學生活動設計意圖創(chuàng)設情境激發(fā)興趣［創(chuàng)設情境］“要想了解中國上下五千年文明歷史，請到西安來！”近幾年，越來越多的外地游客涌向西安。為細化任務埋下伏筆。［分組方法］根據(jù)對各旅游景點的興趣及當初搜索信息的分工情況及本節(jié)課任務分工，四人一小組。使學生明確各自任務后，通過研究，探討，操作，通過電腦媒體來完成任務。技術表現(xiàn)：頁面布局設計合理，顏色搭配和諧，主題突出，作品演示運行正常，操作熟練。學生研究探索合作交流創(chuàng)作作品［創(chuàng)作作品］播放舒緩音樂，為學生營造自由和諧氣氛。［展示作品］下面請各組派代表，到教師機前展示以下你們的旅游行程。合作成功展示作品成果匯報交流探討［交流探討］教師引導學生探討頁面布局的方法和技巧；談看完作品后，對其改進意見；進行組間互評和組內自評。［教師點評及檢測］教師從頁面布局，整體規(guī)劃合理性，創(chuàng)意等幾方面進行點評。學生代表演示及時檢測學生對表格的掌握情況。全課總結，培養(yǎng)道德情感。讓學生可把本課內容應用到實際生活中去。我通過學生利用信息技術完成此項任務，促進學生對基礎知識、基本技能的學習。我利用網(wǎng)頁自學課件和網(wǎng)絡教室教學廣播系統(tǒng)支持師生間、生生間的交流對話。但個別學生沒有認識到合作學習的重要意義，自主探究能力較弱，