【正文】 （1）二人一組，一位同學(xué)在手機(jī)瀏覽器中打開；另一位同學(xué)在電腦瀏覽器中打開（網(wǎng)址：xxxxxx）。通過微視頻用通俗易懂的語言幫助學(xué)生進(jìn)一步認(rèn)識H5，內(nèi)化知識。（2）對比Photoshop界面，認(rèn)識iH5界面，找出相同之處和不同之處。（2）展示學(xué)生作品，師生共同分析存在的問題，尋求解決方式。給學(xué)生“瑞士奶酪式”知識建構(gòu)時間，使學(xué)生從規(guī)律的獲得到知識的應(yīng)用有一個過渡和漸進(jìn)的過程。設(shè)計意圖：對邀請函的美化可分成兩個部分：一是對邀請函中的文字、圖片進(jìn)行美化，二是合理設(shè)置動態(tài)效果。（3）根據(jù)評價表對同桌的作品進(jìn)行評價。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對未來展望，進(jìn)行情感升華。教學(xué)難點：怎樣合理、美觀地設(shè)計網(wǎng)頁頁面布局。（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮信息技術(shù)在本次教學(xué)活動有不可替代的功能。并且激發(fā)學(xué)生的認(rèn)知沖突?；顒觾?nèi)容教師活動學(xué)生活動設(shè)計意圖出示任務(wù)明確分工[角色分工]學(xué)生自由分組后,共同研究選組長，組長進(jìn)行給組員分配任務(wù)。（提示學(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起，共同完成此任務(wù)。評出“最受歡迎獎”（即如果此網(wǎng)站上傳到網(wǎng)上，點擊率最高），“最具創(chuàng)意獎”“最佳布局獎”作品。你受到的最大啟示和收到的最大收獲？成功經(jīng)驗和失敗教訓(xùn)？學(xué)生回答鞏固知識，培養(yǎng)情感[完成旅游規(guī)劃，培養(yǎng)情感]同學(xué)們已熟練掌握表格的使用方法，并且加工和應(yīng)用信息的能力增強(qiáng)。培養(yǎng)學(xué)生自發(fā)探究能力。本節(jié)課主題明確、集中，讓學(xué)生分成小組，合作探究學(xué)習(xí)，給出特定的總?cè)蝿?wù)，有利于學(xué)習(xí)效果評判的可比較性，也便于學(xué)生之間的廣泛交流和良性競爭。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營造引入新課的“情境問題”的氛圍。（3）、掌握框架中頁面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。教學(xué)難點：（1）、框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的設(shè)置方法。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實踐學(xué)習(xí)。學(xué)生自主探究學(xué)習(xí)，有問題可向教師尋求幫助。展示優(yōu)秀作品鼓勵學(xué)生，激發(fā)學(xué)生的創(chuàng)作欲望。過程與方法：（1）通過對表格網(wǎng)頁的分析，體驗新知識（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點，從而促進(jìn)其學(xué)習(xí)新知識。教學(xué)過程：引入老師展示一組利用表格制作的網(wǎng)頁，要求學(xué)生仔細(xì)觀察，找出它們的一個共同特點（學(xué)生答：網(wǎng)頁上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問如何快捷地制作這種網(wǎng)頁？（學(xué)生答：使用復(fù)制粘貼快捷地制作）盡管復(fù)制、粘貼能為我們節(jié)省時間，但有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁制作，就能給我們帶來更多便捷。（3）相關(guān)頁面的制作與設(shè)置框架網(wǎng)頁中相關(guān)頁面的制作，需要結(jié)合表格來布局，插入文字、圖片和交互式按鈕。（4）框架網(wǎng)頁屬性的設(shè)置創(chuàng)建好框架網(wǎng)頁后，可以根據(jù)實際需要改變框架的屬性。第三篇：網(wǎng)頁制作的教學(xué)設(shè)計網(wǎng)頁制作的教學(xué)設(shè)計一、教學(xué)目標(biāo)、知道站點、主頁的概念，能在指定位置建立只有一個網(wǎng)頁的站點；、認(rèn)識 FRONTPAGE 的界面；、掌握在主頁中插入文字、圖片、水平線；、掌握頁面文件與圖片的保存。先來研究一下沒有發(fā)布的網(wǎng)站 , 打開教師做的網(wǎng)站問：同學(xué)們看到了什么？（文件夾）總結(jié)：可以這樣理解網(wǎng)站：在資源管理器里，網(wǎng)站表現(xiàn)為一個文件夾，里面存放的是所有與網(wǎng)站相關(guān)的文件。學(xué)生活動：學(xué)生回答問題、學(xué)觀察鼠標(biāo)指針、學(xué)生回答問題、學(xué)生觀察網(wǎng)站的表現(xiàn)形式、齊聲回答、學(xué)生瀏覽課件，并了解本節(jié)課的學(xué)習(xí)任務(wù)、學(xué)生觀察 FP 界面與 word 的不同、學(xué)生回答、學(xué)生觀察教師演示不同編輯窗口的區(qū)別。首先教師進(jìn)行導(dǎo)入，導(dǎo)入概念，強(qiáng)調(diào)概念；再引導(dǎo)學(xué)生學(xué)習(xí)課件的使用，引導(dǎo)他們讀懂課件中的第一個任務(wù)：建立一個只有一頁的網(wǎng)站，（此處若能引導(dǎo)學(xué)生，由學(xué)生來完成，減少老師的操作，效果會更好），然后讓學(xué)生模仿第一步的操作進(jìn)行下面內(nèi)容的學(xué)習(xí)，完成導(dǎo)學(xué)材料中給出的一個個任務(wù)。）五、教學(xué)效果較好由 于張云 老師在課前對本課作了大量的準(zhǔn)備工作，課件制作效果較好，所以學(xué)生完成情況很好，教學(xué)任務(wù)完成情況較好。一、展示導(dǎo)入，明確學(xué)習(xí)目標(biāo)（3分鐘）（如北京大學(xué)、清華大學(xué)網(wǎng)站首頁），引導(dǎo)學(xué)生簡單分析網(wǎng)頁風(fēng)格。、解答的同學(xué)，匯入評價。第五篇：網(wǎng)頁的制作教學(xué)設(shè)計網(wǎng)頁的制作一、教學(xué)題目：網(wǎng)頁的制作二、教學(xué)目標(biāo)：知道站點、主頁的概念，能在指定位置建立只有一個網(wǎng)頁的站點；認(rèn)識FRONTPAGE的界面；掌握在主頁中插入文字、圖片、水平線；掌握頁面文件與圖片的保存。新建站點FrontPage的啟動 問：與word比較，有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個窗口）總結(jié)：視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。編輯主頁與保存主頁看效果圖，請學(xué)生分析主頁中的元素總結(jié)：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關(guān)的圖片，對網(wǎng)站的簡單介紹根據(jù)導(dǎo)學(xué)軟件，學(xué)生完成任務(wù)2：設(shè)計主頁、保存主頁與圖片總結(jié)反饋請學(xué)生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存總結(jié)：必須切換到“普通”窗口下編輯 主頁的保存中存在問題：單擊“文件”“保存”或工具欄的“保存”按扭，彈出一個對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點images文件夾中,便于站點的管理。Html窗口：編寫HTML（超文本標(biāo)記語言，它是描述網(wǎng)頁內(nèi)容和外觀的標(biāo)準(zhǔn)。今天我們學(xué)習(xí)用Frontpage建立站點，制作一個主頁?！爸谱髦黝}網(wǎng)頁”環(huán)節(jié)，給學(xué)生準(zhǔn)備四個不同的主題素材是很有必要的，我們在進(jìn)行教學(xué)設(shè)計時要考慮到學(xué)生個性、興趣不同，并加以利用，促進(jìn)教學(xué)。四、制作主題網(wǎng)頁（15分鐘）：從桌面“主題網(wǎng)頁”文件夾給出的四個主題中選擇一個，快速完成主題網(wǎng)頁的制作；“實踐探究”部分；可兩人合作，有能力者最好獨立完成；五、作品推選、上傳：每組推選一個作品參加組間評選，并將作品文件夾傳至FTP。【學(xué)習(xí)目標(biāo)】，提高操作和審美能力； ，積極實踐，總結(jié)用網(wǎng)頁表達(dá)主題的技巧和方法； 、熱情地投入學(xué)習(xí)，體驗網(wǎng)頁制作的快樂。比如：站點中內(nèi)容說明不夠清楚等。這就要教師在備教材的基礎(chǔ)上，同時還要備學(xué)生，做到對學(xué)生的情況有較為深刻地了解，以便很好地完成教學(xué)任務(wù)，達(dá)到預(yù)期的教學(xué)效果。Html 窗口：編寫 HTML（超文本標(biāo)記語言，它是描述網(wǎng)頁內(nèi)容和外觀的標(biāo)準(zhǔn)。四、教學(xué)方法在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識的遷移；另一方面，提供學(xué)生一個導(dǎo)學(xué)課件，讓學(xué)生根據(jù)這個網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，以滿足不同層次學(xué)生的需求。完成設(shè)置后請同學(xué)示范操作，并說明自己設(shè)置的方法和原因?！?調(diào)整表格邊框的粗細(xì)。在top和left頁面中，單擊“保存”按鈕，隨即開始保存。教學(xué)重、難點：重點：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動畫，完成框架網(wǎng)頁設(shè)計任務(wù)。設(shè)計意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對于課堂教學(xué)難點，學(xué)生在教師的講解后模仿操作，有效突破難點。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第22229頁的實踐學(xué)習(xí)。（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁的制作。（2）、培養(yǎng)學(xué)生網(wǎng)頁設(shè)計的審美意識、創(chuàng)新意識。學(xué)生自主性學(xué)習(xí)，需要有一個適應(yīng)的過程，開始階段，布置任務(wù)要明確具體。教學(xué)實際實施過程，有學(xué)生提出：我對中國的少數(shù)民族文化感興趣，能否制作一個宣傳中國五十六個少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對中國的不同文化感興趣，可在課外活動小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來探究。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。全課總結(jié)知識延伸［達(dá)到目標(biāo)，知識延伸］網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！學(xué)生思考。學(xué)生思考，怎樣完善作品。其他同學(xué)觀察后，可提意見或建議。創(chuàng)新特色：作品布局規(guī)劃有獨特之處，有新意。學(xué)生進(jìn)行分組為細(xì)化任務(wù)做準(zhǔn)備出示任務(wù)明確分工［出示總?cè)蝿?wù)］每個組圍繞主題，利用表格規(guī)劃設(shè)計旅游行程，并建立好超鏈接，利用主頁展示出來?！笆稽S金周”即將來臨，大家想不想用網(wǎng)頁形式向外地游客介紹宣傳西安，讓更多的人來西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點的網(wǎng)頁，但信息是否顯得很零散？怎樣把景點信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？設(shè)計一個含有指向各旅游景點網(wǎng)頁的超鏈接的主頁。首先設(shè)計“總?cè)蝿?wù)”，再細(xì)分成若干“小任務(wù)”，實現(xiàn)教學(xué)目標(biāo)。學(xué)生分析初中二年級學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱。（六）知識梳理，展望H5展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：總結(jié)利用iH5制作網(wǎng)頁的基本過程：觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無處不在。（五）作品展示，共析H5活動6：發(fā)布和評價作品。（2）圖片選用要符合主題，色彩和諧。原因分析：素材全部都添加在了首頁之中，而不是對應(yīng)的內(nèi)容頁中。（1）觀看操作指導(dǎo)微視頻，自主探究頁面的制作，完成以下問題：設(shè)置背景：選中頁面1，在屬性面板中找到_____________選項，添加背景圖片。教師通過搭建“規(guī)劃表”這個支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請函的需求，對所要制作的邀請函進(jìn)行初步的規(guī)劃，幫助學(xué)生理清楚每個頁面的內(nèi)容和所需添加的元素。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式。情感態(tài)度及價值觀：感悟網(wǎng)頁制作并非難事，軟件使用有共通之處。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式，用H5創(chuàng)建的網(wǎng)頁以文字、圖片、動畫、聲音等相結(jié)合的富媒體出現(xiàn)，頁面圖文并茂、生動活潑、傳達(dá)方便、易于推廣。并指導(dǎo)每一名選課的同學(xué)為自己建一個博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計與制作的興趣和愛好。學(xué)生在教師的講解后，學(xué)生自己動手操作制作網(wǎng)頁。同時講解什么是行，什么是列，以及單元格的概念。網(wǎng)頁制作教學(xué)設(shè)計2教學(xué)目標(biāo)：讓學(xué)生掌握在網(wǎng)頁中插入表格的方法以及表格的修改學(xué)會利用表格來規(guī)劃網(wǎng)頁培養(yǎng)學(xué)生創(chuàng)新的能力以及動手操作的能力教學(xué)重、難點：利用表格來規(guī)劃網(wǎng)頁，從中培養(yǎng)學(xué)生的創(chuàng)新能力教學(xué)過程：一、情境導(dǎo)入同學(xué)們你們善于觀察嗎？老師先考考你們，我們一起來看一組圖片，你們看看在那里看過呢？學(xué)校緩臺的窗臺上。教師講解：由生活中的書簽引入，介紹“書簽鏈接”的概念，然后再演示如何操作。新授（1）站內(nèi)超級鏈接引導(dǎo)學(xué)生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：任務(wù)1同一站點內(nèi)不同頁面之間的鏈接○1制作首頁（歡迎頁）到表格頁的超鏈接。（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。（2）掌握網(wǎng)頁內(nèi)書簽的作用及創(chuàng)建