【正文】 （或者對(duì)各組長(zhǎng)進(jìn)行培訓(xùn)，由組長(zhǎng)傳達(dá)到展示者），防止展示時(shí)只宣講他們網(wǎng)頁(yè)中的內(nèi)容，而忽略技術(shù)，浪費(fèi)寶貴的時(shí)間。六、精彩展示（10分鐘）各組派一代表向全班展示自己的作品，并簡(jiǎn)介操作要點(diǎn)。【重點(diǎn)難點(diǎn)】：利用表格對(duì)網(wǎng)頁(yè)進(jìn)行布局；網(wǎng)頁(yè)中的圖文設(shè)置及超鏈接的使用。完成設(shè)置后請(qǐng)同學(xué)示范操作，并說(shuō)明自己設(shè)置的方法和原因?！?調(diào)整表格邊框的粗細(xì)。在top和left頁(yè)面中，單擊“保存”按鈕，隨即開(kāi)始保存。教學(xué)重、難點(diǎn)：重點(diǎn)：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁(yè)的方法。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動(dòng)畫(huà)，完成框架網(wǎng)頁(yè)設(shè)計(jì)任務(wù)。設(shè)計(jì)意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對(duì)于課堂教學(xué)難點(diǎn)，學(xué)生在教師的講解后模仿操作，有效突破難點(diǎn)。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書(shū)本第22229頁(yè)的實(shí)踐學(xué)習(xí)。（2）、教師又提問(wèn)：有沒(méi)有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁(yè)的制作。（2）、培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的審美意識(shí)、創(chuàng)新意識(shí)。學(xué)生自主性學(xué)習(xí)，需要有一個(gè)適應(yīng)的過(guò)程，開(kāi)始階段，布置任務(wù)要明確具體。教學(xué)實(shí)際實(shí)施過(guò)程，有學(xué)生提出：我對(duì)中國(guó)的少數(shù)民族文化感興趣，能否制作一個(gè)宣傳中國(guó)五十六個(gè)少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對(duì)中國(guó)的不同文化感興趣，可在課外活動(dòng)小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來(lái)探究。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點(diǎn)介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。全課總結(jié)知識(shí)延伸［達(dá)到目標(biāo)，知識(shí)延伸］網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個(gè)“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！學(xué)生思考。學(xué)生思考，怎樣完善作品。其他同學(xué)觀察后，可提意見(jiàn)或建議。創(chuàng)新特色：作品布局規(guī)劃有獨(dú)特之處，有新意。學(xué)生進(jìn)行分組為細(xì)化任務(wù)做準(zhǔn)備出示任務(wù)明確分工［出示總?cè)蝿?wù)］每個(gè)組圍繞主題，利用表格規(guī)劃設(shè)計(jì)旅游行程，并建立好超鏈接，利用主頁(yè)展示出來(lái)?！笆稽S金周”即將來(lái)臨，大家想不想用網(wǎng)頁(yè)形式向外地游客介紹宣傳西安，讓更多的人來(lái)西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點(diǎn)的網(wǎng)頁(yè)，但信息是否顯得很零散？怎樣把景點(diǎn)信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？設(shè)計(jì)一個(gè)含有指向各旅游景點(diǎn)網(wǎng)頁(yè)的超鏈接的主頁(yè)。首先設(shè)計(jì)“總?cè)蝿?wù)”，再細(xì)分成若干“小任務(wù)”，實(shí)現(xiàn)教學(xué)目標(biāo)。學(xué)生分析初中二年級(jí)學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱。（六）知識(shí)梳理，展望H5展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：總結(jié)利用iH5制作網(wǎng)頁(yè)的基本過(guò)程：觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無(wú)處不在。（五）作品展示，共析H5活動(dòng)6：發(fā)布和評(píng)價(jià)作品。（2）圖片選用要符合主題，色彩和諧。原因分析：素材全部都添加在了首頁(yè)之中，而不是對(duì)應(yīng)的內(nèi)容頁(yè)中。（1）觀看操作指導(dǎo)微視頻，自主探究頁(yè)面的制作，完成以下問(wèn)題：設(shè)置背景：選中頁(yè)面1，在屬性面板中找到_____________選項(xiàng)，添加背景圖片。教師通過(guò)搭建“規(guī)劃表”這個(gè)支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請(qǐng)函的需求，對(duì)所要制作的邀請(qǐng)函進(jìn)行初步的規(guī)劃，幫助學(xué)生理清楚每個(gè)頁(yè)面的內(nèi)容和所需添加的元素。通俗地說(shuō)，H5是一種創(chuàng)建網(wǎng)頁(yè)的方式。情感態(tài)度及價(jià)值觀：感悟網(wǎng)頁(yè)制作并非難事，軟件使用有共通之處。通俗地說(shuō)，H5是一種創(chuàng)建網(wǎng)頁(yè)的方式，用H5創(chuàng)建的網(wǎng)頁(yè)以文字、圖片、動(dòng)畫(huà)、聲音等相結(jié)合的富媒體出現(xiàn)，頁(yè)面圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的興趣和愛(ài)好。學(xué)生在教師的講解后，學(xué)生自己動(dòng)手操作制作網(wǎng)頁(yè)。同時(shí)講解什么是行，什么是列，以及單元格的概念。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)2教學(xué)目標(biāo)：讓學(xué)生掌握在網(wǎng)頁(yè)中插入表格的方法以及表格的修改學(xué)會(huì)利用表格來(lái)規(guī)劃網(wǎng)頁(yè)培養(yǎng)學(xué)生創(chuàng)新的能力以及動(dòng)手操作的能力教學(xué)重、難點(diǎn)：利用表格來(lái)規(guī)劃網(wǎng)頁(yè)，從中培養(yǎng)學(xué)生的創(chuàng)新能力教學(xué)過(guò)程：一、情境導(dǎo)入同學(xué)們你們善于觀察嗎？老師先考考你們，我們一起來(lái)看一組圖片，你們看看在那里看過(guò)呢？學(xué)校緩臺(tái)的窗臺(tái)上。教師講解：由生活中的書(shū)簽引入，介紹“書(shū)簽鏈接”的概念，然后再演示如何操作。新授（1）站內(nèi)超級(jí)鏈接引導(dǎo)學(xué)生回顧PowerPoint中超鏈接的制作方法（教師提示：右擊鏈接源，利用快捷菜單制作超鏈接），輔以教材中的內(nèi)容，讓學(xué)生自行探究并完成以下操作：任務(wù)1同一站點(diǎn)內(nèi)不同頁(yè)面之間的鏈接○1制作首頁(yè)（歡迎頁(yè)）到表格頁(yè)的超鏈接。（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書(shū)簽鏈接，給交互式按鈕制作超鏈接，框架頁(yè)面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。（2）掌握網(wǎng)頁(yè)內(nèi)書(shū)簽的作用及創(chuàng)建書(shū)簽鏈接方法，掌握交互式按鈕、框架網(wǎng)頁(yè)內(nèi)超級(jí)鏈接的設(shè)置方法。情感態(tài)度與價(jià)值觀（1）通過(guò)鏈接我國(guó)主要自然保護(hù)區(qū)網(wǎng)頁(yè)，激發(fā)學(xué)生熱愛(ài)祖國(guó)、熱愛(ài)自然、熱愛(ài)生命的激情。教學(xué)過(guò)程：引入展示兩個(gè)主頁(yè)，一個(gè)已經(jīng)創(chuàng)建了鏈接，一個(gè)沒(méi)有創(chuàng)建鏈接，讓學(xué)生進(jìn)行比較并找出區(qū)別，引出本課課題——超級(jí)鏈接。老師可以提問(wèn)學(xué)生：演示者操作的對(duì)嗎？有沒(méi)有問(wèn)題？引導(dǎo)學(xué)生發(fā)現(xiàn)問(wèn)題：超鏈接制作完成后需要檢驗(yàn)（保存后預(yù)覽）。有了以上基礎(chǔ)，可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示，輔助以提問(wèn)的形式檢驗(yàn)學(xué)生的自學(xué)情況。制作網(wǎng)頁(yè)的標(biāo)題：輸入文字，并設(shè)置文字的格式。進(jìn)一步設(shè)置單元格的背景，來(lái)美化網(wǎng)頁(yè)。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)3一、課程基本信息課程編號(hào)：中文名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)與制作英文名稱(chēng)：Web Design and Production課程類(lèi)別：選修課適用專(zhuān)業(yè)：所有專(zhuān)業(yè)開(kāi)課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時(shí)：24學(xué)時(shí)總學(xué)分：1課程簡(jiǎn)介：本課程突出網(wǎng)頁(yè)設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識(shí)入手，重點(diǎn)介紹HTML超文本標(biāo)記語(yǔ)言，以及所見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)制作工具Dreamweaver的基本操作流程。七、成績(jī)?cè)u(píng)定自制網(wǎng)站（80%）平時(shí)考勤、作業(yè)（20%）平時(shí)成績(jī)分配：平時(shí)考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%八、執(zhí)行大綱時(shí)應(yīng)注意的問(wèn)題根據(jù)學(xué)生對(duì)課程內(nèi)容的掌握和理解程度會(huì)對(duì)進(jìn)度做適當(dāng)?shù)恼{(diào)整。但是在日常生活中，他們經(jīng)常能接觸到各種各樣的手機(jī)H5網(wǎng)頁(yè)，如企業(yè)宣傳、個(gè)人簡(jiǎn)歷、邀請(qǐng)函、紀(jì)念冊(cè)等，這些H5網(wǎng)頁(yè)給大家?guī)?lái)了全新的體驗(yàn)，技術(shù)本身帶來(lái)的新奇感讓學(xué)生心生向往。瀏覽后回答以下問(wèn)題：不同平臺(tái)的瀏覽效果是否一致？為什么？這支H5中具有哪些媒體元素？用戶能參與其中嗎？你會(huì)用什么方式推廣這支H5？小結(jié)：（1）H5具有跨平臺(tái)、支持多媒體、可交互、易推廣等優(yōu)勢(shì)。（二）根據(jù)需求，規(guī)劃H5凡事預(yù)則立，不預(yù)則廢，要制作匯報(bào)演出邀請(qǐng)函，首先對(duì)每個(gè)頁(yè)面的內(nèi)容、素材等進(jìn)行一個(gè)簡(jiǎn)單規(guī)劃。小結(jié)：相同之處：_______________________（菜單欄、工具面板、編輯區(qū)）不同之處：_______________________（對(duì)象樹(shù)面板）（3）比較PS中的圖層面板和iH5中的對(duì)象樹(shù)面板，思考對(duì)象樹(shù)面板的作用。問(wèn)題1：首頁(yè)、內(nèi)容頁(yè)都播放同一素材。（四）自主探究，美化H5活動(dòng)5：美化完善邀請(qǐng)函H5。單從技術(shù)角度來(lái)講，這些操作是比較簡(jiǎn)單的，只要學(xué)會(huì)設(shè)置屬性面板即可。（4）根據(jù)同伴及老師意見(jiàn)進(jìn)一步修改作品。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)5教學(xué)目標(biāo)知識(shí)與技能：靈活運(yùn)用添加超鏈接和在網(wǎng)