【正文】 框架網頁的新建與保存。（7）、出示任務三：框架網頁屬性的設置。設計意圖：拓展學生的視野，使學生了解框架的應用方法。（3）初步掌握將框架結構與表格布局結合使用來制作網頁。教學準備：整理、歸類相關素材，并按要求擺放。設計意圖：培養(yǎng)學生自主學習能力，課堂教學難點在教師的講解后模仿操作，有效突破難點。老師反饋學生的操作情況，開展比一比、評一評活動，對表現(xiàn)好的學生給予表揚。設計意圖：開拓學生的視野，使學生了解框架的應用，教會學生要善于總結，要學會學習的方法。今天我們學習用 Frontpage 建立站點，制作一個主頁。、請學生繼續(xù)完成自己的主頁，有能力的同學完成提高篇教師巡視指導、教師與學生共同評價總結展示學生作品，教師與學生共同評價請學生總結今天的學習內容：建立包含一個頁面的站點，主頁的設計與保存。一、調動學生的學習熱情，變被動學習為主動學習整個教學過 程張云 老師采取了 “ 引導加任務驅動 ” 的模式進行。（課前的導入，最好給出教學目標，課后的小結應讓學生總結他本堂課學習到哪些知識，所以感覺這節(jié)課重點不突出，內容分散?！窘虒W過程】課前準備：提前做好小組座次安排，由學科班長組織大家按組入座。？注：，教師要引導大家規(guī)范操作，對于重點加以強調。學科班長記錄好大家的課堂參與情況，下課前公布，這項工作若堅持下來，對我們的教學會有很大促進。請學生瀏覽教師課件，了解學習任務。問：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在images文件夾中。）打開導學軟件，根據步驟，示范建立只有一個網頁的站點，強調新站點的位置、路徑的正確輸入，站點的名稱。先來研究一下沒有發(fā)布的網站,打開教師做的網站 問：同學們看到了什么？（文件夾）總結：可以這樣理解網站：在資源管理器里，網站表現(xiàn)為一個文件夾，里面存放的是所有與網站相關的文件。（或者對各組長進行培訓，由組長傳達到展示者），防止展示時只宣講他們網頁中的內容，而忽略技術，浪費寶貴的時間。六、精彩展示（10分鐘）各組派一代表向全班展示自己的作品，并簡介操作要點。【重點難點】：利用表格對網頁進行布局；網頁中的圖文設置及超鏈接的使用。）三、發(fā)揮學生的協(xié)作學習精神張云 老師在教學過程中，對有困難的學生進行個別輔導，同時還需發(fā)揮學生的協(xié)作學習的精神，充分調動學生學習的積極性，讓學有余力的學生充當 “ 小老師 ”，從而體會到學習的樂趣。根據教材和《中小學信息技術課程指導綱要（試行）》中的精神，本課應以 “ 任務驅動 ” 的方式完成，一方面教會學生了解和熟悉具體軟件的基本功能，另一方面又能主動地掌握并深入學習思考。）打開導學軟件，根據步驟，示范建立只有一個網頁的站點，強調新站點的位置、路徑的正確輸入，站點的名稱。五、教學過程設計教師活動： 引入課題：（激發(fā)興趣，活躍氣氛）同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。操作基礎扎實的同學完成任務后可進行擴展學習?！?為main區(qū)域設置初始頁面。此處為教學難點，可先由框架的概念入手，再針對保存頁面中的藍色部分，教師進行講解，教會學生注意觀察。難點：框架的拆分。網頁制作教學設計7教學目標：知識與技能：（1）理解框架的概念及用途。展示作品、課堂小結（1）、教師給出一些常見的框架結構應用界面，如Web郵箱頁面等，引導學生總結本課內容，并讓學生分組，推進一些優(yōu)秀作品在全班展示。（6）、學生制作相關頁面，同時也是對前面所學內容的復習和回顧。設計意圖：通過對比、比較，引導學生思考，激發(fā)學生學習的樂趣。二、教學重點難點：教學重點：（1）、框架網頁的作用和功能，框架的建立與屬性設置。學生之間的交流和幫助比較少，自主學習的能力還要不斷提高等。本節(jié)課讓學生掌握了“表格”的妙用，還提高了加工信息和應用信息的能力，而且使學生感悟到了中國上下五千年的博大精深，對祖國更加熱愛。讓學生借助信息技術手段開展探索、總結并進行創(chuàng)作。學生課后實踐。教師鼓勵學生發(fā)展創(chuàng)新思維，頁面布局規(guī)劃能力，邏輯思維能力及合作能力。由小組代表展示組內作品，并詳細說明旅游景點規(guī)劃的呈現(xiàn)形式，內容選擇及整體構思。提示學生有三條幫助熱線：組長鄰座學習伙伴教師自學課件學生明確要求。學生明確任務明確總任務［作品形式及分工參考］形式：創(chuàng)建并完善主頁，并展示整個網站。提供信息活條件，激發(fā)起學生的興趣。（2）．教學流程和教學活動的設計思路整個教學活動，尤其是學習活動，我采用探究式學習法，又稱研究性學習，我強調的是學生在教師指導下，根據各自的興趣、愛好和條件，再結合與自己有相同或相近的興趣、愛好的同學組成合作伙伴，共同選擇西安不同的旅游景點，確定研究課題，借助“表格布局”功能規(guī)劃七天的旅游行程，獨立自主結合小組合作開展研究，進行合理的網頁布局設計，達到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學習方式，實現(xiàn)“雙贏”。學生基本學會使用在網頁中插入表格的方法，但分析信息、處理信息和應用信息能力較弱。H5可以是各種宣傳網頁、在線游戲，甚至戶外大屏中的互動也是H5。（1）對于制作好的作品，將其發(fā)布到網上，這樣其他人就可以通過電腦和手機訪問你的作品。字體顏色與背景要有一定的對比度。設計意圖：遷移是人類認知的一個普遍特征，因為新的學習總是建立在原有學習基礎之上。添加文字：選中頁面1，在工具面板中選擇_____________選項。（三）知識遷移，制作H5能夠用于開發(fā)H5網頁的工具很多，今天以iH5軟件工具為平臺，學習使用H5快速制作網頁。用H5創(chuàng)建的網頁圖文并茂、生動活潑、傳達方便、易于推廣。四、教學過程（一）創(chuàng)設情境，初認H5以藝載德、以藝促智，一年一度的校園文化藝術節(jié)又開始了，同學們踴躍報名，比拼才藝。二、學習者分析本節(jié)課的學習對象是八年級的學生，處于這一年齡段的學生，思維活躍，具備一定的理解能力和較強的自學能力。參考書：網頁設計與制作教程，熊前興閔聯(lián)營，科學出版社；網站與網頁設計，張貴明，清華大學出版社；網頁美術設計原理及實戰(zhàn)策略，王曉峰焦燕，清華大學出版社；網站建設典型案例，張梟，清華大學出版社；二、課程教學目標：網頁和網站是Internet的重要組成部分，企業(yè)、公司和機構通過網站來宣傳推介自己的技術和產品，個人發(fā)布主頁展示自己的風采，人們從不同類型的網站來獲取需要的信息。教師進行指導。修改表格：調整表格行高和列寬。你們的觀察能力真的很強啊，對，這些都是我們學校美術的特色作口，盤畫。提示：書簽鏈接的雙向性問題（返回）。○2給表格頁內交互式按鈕設置超級鏈接，鏈接到相關頁面。教學難點（1）書簽鏈接中名稱及對應鏈接位置的設定。（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。讓學生有成就感，從而激發(fā)學生的學習積極性，進一步活躍了課堂氣氛。完成第三關操作任務即完成自己的作品。學生通過不斷的實踐，簡單修改html的方法，并進行演示。設計意圖：這是第一關任務，對于已有計算機操作基礎的學生來說相對較簡單。初識網頁制作軟件。教學中，啟發(fā)、誘導貫穿始終，充分調動學生的學習積極性，注意調節(jié)課堂教學氣氛，使學生變被動學習為主動愉快的學習，使課堂能在生動、有趣、高效中進行。具體過程：課題引入教師提示學生上機自主學習問題反饋教師演示學生完成作品優(yōu)秀作品點評教師小結鞏固練習課后探究、實踐。為了合理利用上課時間，將用已有部分拓展知識和演示范例利用網絡下傳至學生機，以利于學生上課的實踐與創(chuàng)新。本節(jié)課以制作一個簡單網頁為教學任務，學習目的明確，步驟清楚，希望完成任務而初步掌握簡單制作步驟的指導思想。因此，在教學過程中關于frontpage的打開與保存，這里我讓學生自己去學習，教師只給予必要的提示。重點、難點重點：了解常用的網頁制作軟件，掌握frontpage的操作界面。故此本課教學過程中，巧妙設計，讓學生帶著一個個任務通過課堂討論、相互合作、實際操作等方式，自我探索，自主學習，使學生在完成任務的過程中不知不覺實現(xiàn)知識的傳遞、遷移和融合。層層攻關（任務驅動 逐步提高 分層教學）欣賞過網頁，教師就提出與學生共同制作簡單的網頁的想法。（2）第二關：進階任務：由學到創(chuàng)，拓展提升在學習完成第一個環(huán)節(jié)后，教師趁勢提出html的概念，實例中字體、大小、顏色變化，引導學生觀察普通、html、預覽的不同，以及相關的操作方法。方法多樣讓學生學會用不同的操作方法來解決實際問題，但得讓他們自己去實踐，這有助于培養(yǎng)他們自主學習的良好習慣。評價作品 教師總結 評價作品（1）學生互評：通過教師設置的共享文件夾了解其他學生作品，學生互相發(fā)表意見。設計意圖：用游戲形式的鞏固練習即讓學生對本節(jié)課的知識學習得到反饋，進一步鞏固所學知識，又可以活躍課堂氣氛。（3）通過網頁不同的超級鏈接方法，拓展學生思維，創(chuàng)建多種形式的網頁鏈接。教學準備：“動物——人類的朋友”站點，包括未鏈接的網頁，如歡迎頁、表格頁、框架頁，表單頁等。交互式按鈕的超鏈接制作要求在框架網頁中演示操作。任務3借助熱區(qū)鏈接，為“友情鏈接”頁面制作超鏈接，鏈接我國一些自然保護區(qū)網站。教師講解：如何制作學習園地網頁。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進行圖片的注釋。四、總結我們這節(jié)課主要是利用了表格來設計網頁，以使來美化我們的網頁，通過繪畫作品的展示，學習更多的知識。三、理論教學內容與要求第一章、網頁的基礎知識（1學時）（1）Internet基礎知識（2）簡介（3）網頁制作的技術和工具介紹第二章、超文本編輯語言HTML（8學時）（1）HTML文件的基本結構（2）文字和段落標記（3）列表標記（4）圖片標記（5）表格標記（6）超鏈接標記（7）表單標記（8）框架標記第三章、JavaScript語言（4學時）（1）JavaScript語言簡介（2）JavaScript編程基礎（3）基于對象的JavaScript語言（4）JavaScript程序實例第四章、層疊樣式表CSS（1學時）（1）CSS概述（2）CSS屬性第五章、可視化網頁設計工具（1）網頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網頁元素（5）發(fā)布站點第六章、動態(tài)網頁設計語言ASP（4學時）（1）ASP簡介（2）VBScript腳本基礎（3）ASP的內置對象（4）實用文件第七章、利用AD0訪問數(shù)據庫（1學時）（1）數(shù)據庫的連接（2）數(shù)據庫的檢索（3）數(shù)據庫的操作總結復習（1學時）四、實驗教學內容與要求五、作業(yè)六、考核方式期末考核每個同學為自己設計制作一個博客網站。然而學生從未接觸過iH5，對于陌生軟件的學習，有些畏難情緒，覺得無從下手。