【正文】 術(shù)的一個重要方面。三、理論教學(xué)內(nèi)容與要求第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時）（1）Internet基礎(chǔ)知識（2）簡介（3）網(wǎng)頁制作的技術(shù)和工具介紹第二章、超文本編輯語言HTML（8學(xué)時）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標記（3）列表標記（4）圖片標記（5）表格標記（6）超鏈接標記（7）表單標記（8）框架標記第三章、JavaScript語言（4學(xué)時）（1）JavaScript語言簡介（2）JavaScript編程基礎(chǔ)（3）基于對象的JavaScript語言（4）JavaScript程序?qū)嵗谒恼隆盈B樣式表CSS（1學(xué)時）（1）CSS概述（2）CSS屬性第五章、可視化網(wǎng)頁設(shè)計工具（1）網(wǎng)頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁元素（5）發(fā)布站點第六章、動態(tài)網(wǎng)頁設(shè)計語言ASP（4學(xué)時）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實用文件第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時）（1）數(shù)據(jù)庫的連接（2）數(shù)據(jù)庫的檢索（3）數(shù)據(jù)庫的操作總結(jié)復(fù)習(xí)（1學(xué)時）四、實驗教學(xué)內(nèi)容與要求五、作業(yè)六、考核方式期末考核每個同學(xué)為自己設(shè)計制作一個博客網(wǎng)站。網(wǎng)頁制作教學(xué)設(shè)計4一、學(xué)習(xí)內(nèi)容分析《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術(shù)》8年級第3章《主題網(wǎng)站設(shè)計與制作》第2節(jié)《制作網(wǎng)頁》中第1課時的內(nèi)容。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式，用H5創(chuàng)建的網(wǎng)頁以文字、圖片、動畫、聲音等相結(jié)合的富媒體出現(xiàn)，頁面圖文并茂、生動活潑、傳達方便、易于推廣。通過前面的學(xué)習(xí)，學(xué)生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設(shè)計主題網(wǎng)站的方法。然而學(xué)生從未接觸過iH5，對于陌生軟件的學(xué)習(xí)，有些畏難情緒，覺得無從下手。三、學(xué)習(xí)目標知識與技能：能列舉H5網(wǎng)頁的特點；掌握在iH5軟件中添加和編輯文字、圖片、動畫等元素的方法以及設(shè)置對象屬性的方法，理解舞臺、頁面、對象之間的層級關(guān)系。情感態(tài)度及價值觀：感悟網(wǎng)頁制作并非難事，軟件使用有共通之處。八年級將舉行以“多彩校園，閃亮你我”為主題的匯報演出，充分展示八年級同學(xué)的青春活力和精神面貌。（1）二人一組，一位同學(xué)在手機瀏覽器中打開；另一位同學(xué)在電腦瀏覽器中打開（網(wǎng)址：xxxxxx）。以上特點使得H5可能成為我們發(fā)出邀請的首選。通俗地說，H5是一種創(chuàng)建網(wǎng)頁的方式。設(shè)計意圖：與H5相關(guān)的概念性知識抽象、枯燥難懂，如果采用講授法，學(xué)生并不容易理解。通過微視頻用通俗易懂的語言幫助學(xué)生進一步認識H5，內(nèi)化知識?；顒?：根據(jù)需求，選擇素材，規(guī)劃邀請函。教師通過搭建“規(guī)劃表”這個支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請函的需求，對所要制作的邀請函進行初步的規(guī)劃，幫助學(xué)生理清楚每個頁面的內(nèi)容和所需添加的元素?；顒?：找“共性”，探“個性”，認識iH5軟件。（2）對比Photoshop界面，認識iH5界面，找出相同之處和不同之處。小結(jié)：對象樹面板可以用來管理舞臺中的對象，對象樹中的層級關(guān)系為：舞臺→頁面→文本、圖片等素材，每個頁面中的對象上層覆蓋下層。（1）觀看操作指導(dǎo)微視頻，自主探究頁面的制作，完成以下問題：設(shè)置背景：選中頁面1，在屬性面板中找到_____________選項，添加背景圖片。添加圖片：選中頁面1，在工具面板中選擇_____________選項。（2）展示學(xué)生作品，師生共同分析存在的問題，尋求解決方式。原因分析：素材全部都添加在了舞臺之中，其層級關(guān)系在內(nèi)容頁和首頁的上一級。原因分析：素材全部都添加在了首頁之中，而不是對應(yīng)的內(nèi)容頁中。學(xué)生原有的知識是Photoshop軟件使用，將Photoshop和iH5進行對比，引導(dǎo)學(xué)生發(fā)現(xiàn)界面組成的“共性”與“個性“，讓學(xué)生初步認識對象樹面板，學(xué)會利用對象樹面板來管理素材。給學(xué)生“瑞士奶酪式”知識建構(gòu)時間，使學(xué)生從規(guī)律的獲得到知識的應(yīng)用有一個過渡和漸進的過程。（1）邀請函中的標題、內(nèi)容文字等選用什么樣的字體、字號合適？如何設(shè)置？（2）如何改變圖片大小，修改圖片的亮度、對比度等？（3）如何設(shè)置元素的動態(tài)效果，使得網(wǎng)頁更生動？小結(jié)：（1）選中文字或圖片——屬性面板——修改設(shè)置。（2）圖片選用要符合主題，色彩和諧。（3）選擇要添加動態(tài)效果的對象——選擇動效命令。設(shè)計意圖：對邀請函的美化可分成兩個部分：一是對邀請函中的文字、圖片進行美化，二是合理設(shè)置動態(tài)效果。但是邀請函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。（五）作品展示，共析H5活動6：發(fā)布和評價作品。請保存當前的網(wǎng)頁并發(fā)布到網(wǎng)上。（3）根據(jù)評價表對同桌的作品進行評價。設(shè)計意圖：學(xué)生在制作完成邀請函后，進行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學(xué)生的學(xué)習(xí)興趣。（六）知識梳理，展望H5展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：總結(jié)利用iH5制作網(wǎng)頁的基本過程：觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無處不在。在未來5內(nèi)，H5或?qū)蔀橐苿踊ヂ?lián)網(wǎng)領(lǐng)域的主宰者。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對未來展望，進行情感升華。過程與方法：培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。學(xué)生分析初中二年級學(xué)生感知能力較強,理解能力和抽象思維較弱。對教學(xué)內(nèi)容的了解程度較強。教學(xué)難點：怎樣合理、美觀地設(shè)計網(wǎng)頁頁面布局。教學(xué)策略設(shè)計（1）．教學(xué)方法設(shè)計我根據(jù)教學(xué)主題及其教學(xué)目標確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體，以學(xué)生自己的親身體驗展開探究式小組合作學(xué)習(xí)。首先設(shè)計“總?cè)蝿?wù)”，再細分成若干“小任務(wù)”，實現(xiàn)教學(xué)目標。建構(gòu)主義學(xué)習(xí)理論認為，學(xué)習(xí)過程不是學(xué)習(xí)者被動地接受知識，而是積極地建構(gòu)知識的過程，把學(xué)過的網(wǎng)頁設(shè)計知識綜合應(yīng)用起來，由于建構(gòu)主義學(xué)習(xí)活動是以學(xué)習(xí)者為中心，而且是真實的，并且以完成特定的任務(wù)為動力，因而學(xué)習(xí)者就更具有興趣和動機，能夠鼓勵學(xué)習(xí)者進行批判型思維，能夠更易于提供個體的學(xué)習(xí)風(fēng)格，展現(xiàn)自己的獨特思維，不受現(xiàn)有網(wǎng)頁模式的拘束。（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮信息技術(shù)在本次教學(xué)活動有不可替代的功能。在教學(xué)中計劃通過探究式教學(xué)方式，小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動式”教學(xué)策略，自主設(shè)計網(wǎng)頁，發(fā)布網(wǎng)頁，運用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進學(xué)生能夠結(jié)合實際應(yīng)用，通過自主實踐，完成“網(wǎng)上游古都”任務(wù)，并同時完成了學(xué)習(xí)任務(wù)，進一步建構(gòu)了自己的知識體系，并實時地享受到巨大的成就感。“十一黃金周”即將來臨，大家想不想用網(wǎng)頁形式向外地游客介紹宣傳西安，讓更多的人來西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點的網(wǎng)頁，但信息是否顯得很零散？怎樣把景點信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？設(shè)計一個含有指向各旅游景點網(wǎng)頁的超鏈接的主頁。［導(dǎo)語］我們可在主頁中制作一個西安旅游景點導(dǎo)航欄，但怎樣合理規(guī)劃各旅游景點，并且使頁面布局美觀，整潔，分類清晰？利用“表格”。并且激發(fā)學(xué)生的認知沖突。出示課題，介紹總?cè)蝿?wù)。學(xué)生進行分組為細化任務(wù)做準備出示任務(wù)明確分工［出示總?cè)蝿?wù)］每個組圍繞主題，利用表格規(guī)劃設(shè)計旅游行程，并建立好超鏈接，利用主頁展示出來。分工參考：內(nèi)容版式規(guī)劃整理七個旅游景點網(wǎng)頁超鏈接的建立與維護作品演示解說學(xué)生明確匯報形式，分工參考?；顒觾?nèi)容教師活動學(xué)生活動設(shè)計意圖出示任務(wù)明確分工[角色分工]學(xué)生自由分組后,共同研究選組長，組長進行給組員分配任務(wù)。［出示作品評價標準］教師出示作品評價標準：作品內(nèi)容：設(shè)計含有七個鏈接網(wǎng)頁的主頁，資料豐富，內(nèi)容準確。創(chuàng)新特色：作品布局規(guī)劃有獨特之處，有新意。培養(yǎng)學(xué)生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。（提示學(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起，共同完成此任務(wù)。學(xué)生體會了超鏈接的作用，練習(xí)了超鏈接的使用，理解了表格強大的頁面布局功能；培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力；通過學(xué)生間交流合作，老師及時點撥與指導(dǎo)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題和解決問題的能力。其他同學(xué)觀察后，可提意見或建議。鍛煉學(xué)生口語表達能力和分析說明問題能力。評出“最受歡迎獎”（即如果此網(wǎng)站上傳到網(wǎng)上，點擊率最高），“最具創(chuàng)意獎”“最佳布局獎”作品。培養(yǎng)學(xué)生合作交流能力。學(xué)生思考，怎樣完善作品。教師或其他同學(xué)提問頁面布局的方法。你受到的最大啟示和收到的最大收獲？成功經(jīng)驗和失敗教訓(xùn)？學(xué)生回答鞏固知識，培養(yǎng)情感[完成旅游規(guī)劃，培養(yǎng)情感]同學(xué)們已熟練掌握表格的使用方法，并且加工和應(yīng)用信息的能力增強。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！學(xué)生感悟。全課總結(jié)知識延伸［達到目標，知識延伸］網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？想當我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！學(xué)生思考。為激發(fā)下一節(jié)課內(nèi)容（上傳主頁）的興趣奠定基礎(chǔ)。培養(yǎng)學(xué)生自發(fā)探究能力。通過此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問題，使學(xué)生產(chǎn)生認知沖突，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。我利用信息技術(shù)展示學(xué)生自評，學(xué)生互評，教師評價的評價表，為學(xué)生的學(xué)習(xí)提供評價、反饋和矯正。本節(jié)課主題明確、集中，讓學(xué)生分成小組，合作探究學(xué)習(xí)，給出特定的總?cè)蝿?wù)，有利于學(xué)習(xí)效果評判的可比較性，也便于學(xué)生之間的廣泛交流和良性競爭。本節(jié)課，在小組合作學(xué)習(xí)過程中，學(xué)生之間互學(xué)互教，彼此交流探討，經(jīng)歷了提出問題、分析問題和解決問題過程，每個學(xué)生都承擔一定學(xué)習(xí)任務(wù)，防止濫竽充數(shù)，促進了學(xué)生的參與程度、認知深度，高質(zhì)量地實現(xiàn)了課程的目標，增強學(xué)生的責任感。教學(xué)實際實施過程，有學(xué)生提出：我對中國的少數(shù)民族文化感興趣，能否制作一個宣傳中國五十六個少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對中國的不同文化感興趣，可在課外活動小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來探究。（四）、教學(xué)評析：在新課程標準的理念中，明確提出要關(guān)注全體學(xué)生，建設(shè)有特色的信息技術(shù)課程。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營造引入新課的“情境問題”的氛圍。教學(xué)活動在面向全體的同時更注重學(xué)生情感的`交流協(xié)作意識與因材施教。學(xué)生自主性學(xué)習(xí)，需要有一個適應(yīng)的過程，開始階段，布置任務(wù)要明確具體。附：學(xué)生學(xué)習(xí)過程及典型成果另附：小組成員分工表第________組組長________作品題目______________小組成員主要負責工作網(wǎng)頁制作教學(xué)設(shè)計6一、教學(xué)目標：知識與技能：（1）、了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。（3）、掌握框架中頁面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。（2）、通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計，使學(xué)生對網(wǎng)頁的整體結(jié)構(gòu)有更進一步的認識。（2）、培養(yǎng)