【正文】 過實際操作來提高學生的動手能力，使學生能在對網(wǎng)頁制作理論知識探究的同時，通過操作來理解和領(lǐng)會這些知識。網(wǎng)頁制作課程在對學生進行考核和評價時，不同于其他學科的測驗，這是由于網(wǎng)頁制作需要一個較長的過程，學生需要對網(wǎng)頁設(shè)計進行構(gòu)思，收集網(wǎng)頁設(shè)計所用到的素材，對網(wǎng)頁結(jié)構(gòu)的布局進行設(shè)計等。第二篇：網(wǎng)頁制作教學設(shè)計網(wǎng)頁制作教學設(shè)計網(wǎng)頁制作教學設(shè)計1教學目標：知識與技能（1）了解超級鏈接的含義及鏈接源和鏈接目標的含義，掌握同一站點內(nèi)以及不同站點間網(wǎng)頁超級鏈接的創(chuàng)建方法。（2）通過對不同對象設(shè)置超級鏈接的操作，使學生總結(jié)出操作的規(guī)律，培養(yǎng)學生自主學習與操作的能力。教學重、難點：教學重點：（1）超級鏈接的含義及鏈接源和鏈接目標的含義。教學方法與教學手段：任務(wù)驅(qū)動法、討論探究法、講解與演示法、類比知識遷移法。設(shè)計意圖：通過對比操作、交流，再輔以知識遷移，明確本節(jié)課教學內(nèi)容。教師巡視，及時指導，安排學生示范操作并講解如何制作超鏈接。以上是同一站點內(nèi)不同網(wǎng)頁之間的鏈接，有時一個頁面中內(nèi)容過多，需要不斷拖動滾動條實現(xiàn)閱讀，能否實現(xiàn)快速跳轉(zhuǎn)呢？任務(wù)2同一站點內(nèi)同一頁面內(nèi)的跳轉(zhuǎn)（鏈接）：在“動物趣聞”頁面內(nèi)制作書簽鏈接。（2）站間超級鏈接僅憑我們課堂上制作的這些頁面還不足以詳細介紹我們的主題，此時我們還可以借助超鏈接，鏈接到因特網(wǎng)上的其他網(wǎng)站，以豐富我們的內(nèi)容。引導學生分類總結(jié)本節(jié)課的知識點?，F(xiàn)在我們就一起來制作吧！二、新知探究首先我們來打開上節(jié)課的班級網(wǎng)站，在這個網(wǎng)站中新建一個網(wǎng)頁，并保存成“學習園地”。如：行、列的操作，對齊方式等。并講解在單元格中可以插入圖片、文字。選中文字，點擊右鍵選擇超鏈接在列表中選擇你要鏈接的網(wǎng)頁，單擊“確定”按鈕。師評：對學生作品進行評價，并對其它學生的評價加以更完整的解釋。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。本課程的主要教學目的是使學生掌握網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，能運用網(wǎng)頁工具設(shè)計和制作常用網(wǎng)頁。H5是指第5代HTML標記語言，其搭建的站點可方便地應(yīng)用于PC、Android、iOS等多種平臺，它為互聯(lián)網(wǎng)內(nèi)容的呈現(xiàn)提供了一種全新的框架和平臺，包括免插件的音視頻、圖像、動畫、本地存儲以及更多酷炫的功能。本節(jié)課以iH5軟件工具為平臺，學習用H5快速制作網(wǎng)頁。過程與方法：通過制作校園文化藝術(shù)節(jié)邀請函，經(jīng)歷制作H5網(wǎng)頁的基本過程。思考：本次演出將要邀請家長參加，你會選擇什么樣的方式來做出邀請呢？（口頭傳達、短信、紙質(zhì)邀請函等）活動1：體驗“校園文化藝術(shù)節(jié)邀請函H5”，初認H5。（2）“校園文化藝術(shù)節(jié)邀請函H5”為何如此吸引人？觀看視頻，思考到底什么是H5？小結(jié)：H5是指第5代HTML標記語言，也指用H5語言制作的一切數(shù)字產(chǎn)品。因此本節(jié)課創(chuàng)設(shè)了學生現(xiàn)實生活中的情境，以制作校園文化藝術(shù)節(jié)邀請函H5為主題，設(shè)計了4個問題，每個問題目標指向明確，容易引起學生的共鳴，激發(fā)學生的思考并得出結(jié)論。設(shè)計意圖：學生已經(jīng)學習過網(wǎng)站的規(guī)劃，所以容易理解規(guī)劃的重要性。（1）使用課前申請的賬號，登錄網(wǎng)址：，進入在線編輯平臺。活動4：利用iH5軟件，制作邀請函H5。小結(jié)：添加文字、圖片的一般步驟：選擇位置—添加對象。問題2：內(nèi)容頁沒有顯示內(nèi)容。在制作H5時采用局部“翻轉(zhuǎn)課堂”的形式，通過高效、簡短的微視頻和幾個思考題，引導學生思考探究；在學生遇到問題和困難時，師生共同分析問題，解決問題?！把埡钡葮祟}文字字號一般選用大些，宜用飽滿的字體，以達到醒目的作用；內(nèi)容用于提供具體信息，文字字號可以小些。注意：設(shè)置合理、適度的動態(tài)效果，可以給觀賞者帶來較好的視覺體驗。因此首先讓學生帶著問題思考如何設(shè)置文字、圖片？設(shè)置動效時需要注意的問題？得出一定的結(jié)論后，讓學生帶著構(gòu)思去美化邀請函，以減少學生操作的盲目性。（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問對方的作品。將學生的作品進行展示，師生共同賞析作品，根據(jù)評價表進行點評，給出建議，然后進一步完善作品。設(shè)計意圖：借助思維導圖，將關(guān)鍵知識點結(jié)構(gòu)化，清晰形象地呈現(xiàn)出各知識點的脈絡(luò)關(guān)系，有助于學生從整體上把握知識，完成知識的建構(gòu)。情感與態(tài)度：使學生感受中國源遠流長的歷史文明，并通過網(wǎng)頁傳遞給世界；幫助學生樹立良好的信息道德意識；讓學生享受成就感，樹立自信心。內(nèi)容分析教學重點：利用表格對網(wǎng)頁頁面進行布局。本節(jié)課采用研究體驗式教學法,建構(gòu)主義模式下的任務(wù)驅(qū)動式教學法組織教學。基于構(gòu)建主義的探究性學習模式，我的設(shè)想是整個教學過程是動態(tài)的，學生是學習的主體，教師是學生學習環(huán)境的創(chuàng)設(shè)者、學習動力的激發(fā)者、學習過程的指引者和學生學習的協(xié)作者。（三）、教與學的過程1．教與學的過程活動內(nèi)容教師活動學生活動設(shè)計意圖創(chuàng)設(shè)情境激發(fā)興趣［創(chuàng)設(shè)情境］“要想了解中國上下五千年文明歷史，請到西安來！”近幾年，越來越多的外地游客涌向西安。為細化任務(wù)埋下伏筆。［分組方法］根據(jù)對各旅游景點的興趣及當初搜索信息的分工情況及本節(jié)課任務(wù)分工，四人一小組。使學生明確各自任務(wù)后，通過研究，探討，操作，通過電腦媒體來完成任務(wù)。技術(shù)表現(xiàn)：頁面布局設(shè)計合理，顏色搭配和諧，主題突出，作品演示運行正常，操作熟練。學生研究探索合作交流創(chuàng)作作品［創(chuàng)作作品］播放舒緩音樂，為學生營造自由和諧氣氛。［展示作品］下面請各組派代表，到教師機前展示以下你們的旅游行程。合作成功展示作品成果匯報交流探討［交流探討］教師引導學生探討頁面布局的方法和技巧；談看完作品后，對其改進意見；進行組間互評和組內(nèi)自評。［教師點評及檢測］教師從頁面布局，整體規(guī)劃合理性，創(chuàng)意等幾方面進行點評。學生代表演示及時檢測學生對表格的掌握情況。全課總結(jié)，培養(yǎng)道德情感。讓學生可把本課內(nèi)容應(yīng)用到實際生活中去。我通過學生利用信息技術(shù)完成此項任務(wù)，促進學生對基礎(chǔ)知識、基本技能的學習。我利用網(wǎng)頁自學課件和網(wǎng)絡(luò)教室教學廣播系統(tǒng)支持師生間、生生間的交流對話。但個別學生沒有認識到合作學習的重要意義，自主探究能力較弱，容易喪失信心。在教材因篇幅的限制，提供給學生感知的背景材料極其有限，“信息”且都處于“靜止、儲存”狀態(tài)，不利于學生的感知和抽象概括。更注重學生個性培養(yǎng)和創(chuàng)新智能的開發(fā)。（2）、掌握框架結(jié)構(gòu)網(wǎng)頁的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。情感態(tài)度與價值觀：（1）、能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗樂趣。（3）、框架網(wǎng)頁的保存方法。并提問如何快捷地制作這種網(wǎng)頁（學生回答：使用復制、粘貼快捷地制作）。（2）、出示任務(wù)一：框架網(wǎng)頁的新建與保存。（5）、出示任務(wù)二：相關(guān)頁面的制作與設(shè)置。（7）、出示任務(wù)三：框架網(wǎng)頁屬性的設(shè)置。同時鼓勵做的比較好的學生。設(shè)計意圖：拓展學生的視野，使學生了解框架的應(yīng)用方法。教師可以簡單介紹框架結(jié)構(gòu)網(wǎng)頁的功能及框架的建立與編輯方法，以及框架屬性設(shè)置與網(wǎng)頁屬性設(shè)置的方法與區(qū)別。（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用，在創(chuàng)作中體驗樂趣。教學準備：整理、歸類相關(guān)素材，并按要求擺放?？蚣芙Y(jié)構(gòu)中的每個框都是一個獨立的選項文件，即網(wǎng)頁文件，因此當框架確定之后，需要為每個框分別指定其網(wǎng)頁文件的來源，可以通過每個框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進行選擇。設(shè)計意圖：培養(yǎng)學生自主學習能力，課堂教學難點在教師的講解后模仿操作，有效突破難點?！? left頁面內(nèi)插入5行1列的表格，在每個單元格內(nèi)依次插入交互式按鈕（共4個），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個單元格內(nèi)插入一個郵箱指示的圖片。老師反饋學生的操作情況，開展比一比、評一評活動，對表現(xiàn)好的學生給予表揚。學生自主探究學習，可向老師尋求幫助。設(shè)計意圖：開拓學生的視野，使學生了解框架的應(yīng)用，教會學生要善于總結(jié)，要學會學習的方法。如：導入新課時，利用學生對美好事物的向往，激發(fā)學生的求知欲和學習興趣；采用任務(wù)驅(qū)動教學，增強學生自學能力；對學生的評價方式，采用學生作品展示，是學生學習的一個延續(xù)，對學生學習起到一種推進的作用。對于Dreamweaver的知識掌握的較好，但綜合運用能力尚有欠缺；能夠上網(wǎng)搜集資料，但速度與技巧還有待提高。學習者對即將學習的內(nèi)容應(yīng)該具備的水平：本課是學生初次認識Dreamweaver并能應(yīng)用它制作簡單的網(wǎng)頁，培養(yǎng)學生綜合運用知識解決問題的能力，以及各方面素質(zhì)的一次綜合評價。培養(yǎng)學生熱愛環(huán)境、保護環(huán)境的情感并能號召人們行動起來保護地球、保護我們生存的環(huán)境。并以英語的鼓勵語言和信息技術(shù)專業(yè)術(shù)語增強學生的學習興趣。故此本課教學過程中，以問題驅(qū)動，激發(fā)求知欲望，讓學生帶著逐個任務(wù)通過探究發(fā)現(xiàn)、相互合作、實際操作等方式，自主學習，使學生在完成任務(wù)的過程中不知不覺實現(xiàn)知識的傳遞、遷移和融合?！窘虒W評價設(shè)計】，比賽哪個小組解決問題或是完成任務(wù)的速度快與質(zhì)量高，增強學生協(xié)作互助的意識。小結(jié)：、圖形、聲音影視等多媒體的形式表達信息，使表達的信息更加鮮活；（網(wǎng)頁）就稱作網(wǎng)站的首頁或主頁； “家”，這個家就是網(wǎng)站； 。本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學生今后在學習、工作中建立網(wǎng)站及網(wǎng)頁制作打下基礎(chǔ)。（9）掌握用 Flash 制作網(wǎng)頁動畫。2 Html語言基礎(chǔ)； 構(gòu)建網(wǎng)站的一般過程； 教學要求了解：網(wǎng)站設(shè)計與制作的前期準備 掌握： 繪制網(wǎng)站首頁效果圖 第二部分 網(wǎng)頁制作軟件Dreamweaver 教學目的使學生了解網(wǎng)站設(shè)計概念；掌握軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級技術(shù)。第四部分 動畫制作與編輯軟件Flash 教學目的使學生了解Flash基本工作環(huán)境；掌握Flash繪圖工具的使用方法，F(xiàn)lash動畫基礎(chǔ)及FIash影片制作和發(fā)布。主要內(nèi)容綜合實例，要求達到“掌握”程度 網(wǎng)頁設(shè)計準備工作用Fireworks設(shè)計網(wǎng)頁結(jié)構(gòu) 用Dreamweaver生成網(wǎng)頁 用Flash制作網(wǎng)頁動畫 整理網(wǎng)頁完成小型WEB站點網(wǎng)頁的規(guī)劃、設(shè)計、管理與維護 教學要求掌握：Web網(wǎng)站建設(shè)的基本方法，掌握網(wǎng)頁制作工具的使用方法和技巧，培養(yǎng)學生設(shè)計網(wǎng)站的能力。網(wǎng)頁HTML文件與web瀏覽器間的關(guān)系理 參照P5首頁和主頁的異同點首頁與主頁的區(qū)別:瀏覽網(wǎng)站時最先訪問的頁為首頁，一般為歡迎信息，通過鏈接再進入主頁（例如：榕樹