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