1、精選優(yōu)質文檔傾情為你奉上精選優(yōu)質文檔傾情為你奉上專心專注專業(yè)專心專注專業(yè)精選優(yōu)質文檔傾情為你奉上專心專注專業(yè)教師學科教案 20 20 學年度 第_學期 任教學科：_任教年級：_任教老師：_xx市實驗學校教案編寫日期：2011年11月20日 授課時間：2011年11月21日-25日授課班級：高二3-8班 授課地點：高中微機教室第六章 HTML代碼基礎1.1 HTML語言指導思想與理論依據：HTML語言基礎廣西科學技術出版社信息技術高中第三冊第一單元第六章“了解一點HTML”的入門知識，HTML語言是超文本標記語言的縮寫 (HyperTextMarkupLanguage) ,它是網頁設計中應用最廣

2、泛的一種語言，也是網頁制作中學生感到最頭疼難學的一個內容。掌握html語言基礎會讓動態(tài)網頁制作的學習事半功倍，因而本部分知識顯得非常重要，因此在本節(jié)課程的教學中，結合新課標及教材的特點，采用多種教學法結合方式（啟發(fā)式教學法、任務驅動法、演示法等等.），激發(fā)學生學習興趣，尤其是注重對學生的引導，采用任務驅動方式教學，引導學生通過自主學習平臺自主學習從而提高學生的學習效率，本節(jié)內容是在學生已經掌握了利用FRONTPAGE制作普通網頁的基礎上，對網頁語言的深入學習。學情背景分析：本節(jié)之前，學生已經學習了如何利用FrontPage進行網頁以及網站的制作，但是對于網頁的認識還知識停留在頁面的直觀設計上，

3、缺少對HTML代碼的認識。本節(jié)課主要對學生講述HTML的基本概念，為學生培養(yǎng)良好的代碼結構意識打下基礎。在本節(jié)課程的教學中，結合新課改的理念，采用創(chuàng)設情境演示教學的方法，激發(fā)學生學習興趣，采用任務驅動方式教學，引導學生通過自主學習平臺自主學習從而提高學習效率。教學目標知識與技能：1、掌握HTML基本概念、格式，理解其與網頁的關系；2、掌握基本的HTML標簽的作用與用法；過程與方法：通過對簡單網頁html代碼的觀察對和html語言的基本結構進行自我概括，掌握HTML文件的基本結構，能夠明確HTML語言的結構和特點，并能在實驗的過程中嘗試自我修改。情感態(tài)度價值觀：本課主要鍛煉學生分析能力，語言構成

4、能力。在相應的實驗中，還能提升學生自主探究、自我學習的能力。教學重點：HTML標簽的基本用法及其意義教學難點：HTML主要標簽屬性的具體意義及使用教學方法：任務驅動法（引導學生自主學習）、演示法（激發(fā)學生學習興趣）、上機操作實習法（精講多練 ）、聯(lián)系對比法（化難為易，照葫蘆畫瓢）教學媒體：教材、多媒體課件、電腦等教學過程：教學內容及知識點教師活動學生活動備注HTML與網頁的關系HTML與網頁的關系前面的課程中我們都自己動手制作了自己的網站，我們知道網頁上所包含的信息內容是豐富的，有文字、圖片、動畫、音頻、視頻（和同學一起回顧）下面我們來做個實驗。上網查看任意一個網站的源文件。小結：無論是我們做

5、的簡單網頁，還是包羅萬象、功能強大的大型的網站，亦或包含動畫、聲音、電影等多媒體信息的精美網頁，它們的源文件都是HTML代碼。什么是HTML代碼呢？是用一種網頁編寫語言HTML語言編寫的代碼，那什么是HTML語言呢？這種語言與網頁有什么關系，它有什么特征？如何用HTML語言設計網頁代碼？思考：網頁的本質是？利用“IE” “查看”菜單中“查看源文件”的功能查看各種網頁代碼。大家認真觀察并思考一下：這些代碼有什么特點？它與我們的網頁有什么關系？學生在老師的引導下通過老師的演示試驗理解網頁與HTML的關系。通過老師的演示試驗活動形成自我體驗。培養(yǎng)學生的觀察與自我探究能力。利用幻燈片展示教學目標：1、

6、掌握HTML概念，及其與網頁的關系；HTML基本結構及四個基本標識利用幻燈片展示HTML的概念。現在讓我們一起來看看一個空白的網頁是否有HTML代碼，如果有，它們有些什么規(guī)律。（利用FRONTPAGE制作一張空白的網頁，并查看源代碼。）一個完整網頁的HTML結構新建網頁基本結構標簽Html標記：頭部信息：主體標記：HTML語言的特點：1、包含在中的標簽語言；2、大多成對出現，以開始，以結束;3、書寫上不區(qū)分大小寫，可以在同一行也可不在同行，中間留空不限四大基本標示的功能：一、 指明文件內容是用HTML語言編寫的，html文件中的所有文本和其他html標識都應包含在其內.二、 html將文件內容

7、分成head和body兩部分，head部分的內容一般是對網頁文件所做的一些說明，如頁面標題等三、 用來指明頁面的標題，顯示在網頁的標題欄中，這個標識必須放在head標識內四、 body是html文件的主體部分，在瀏覽器中看到的網頁內容都放在body標識內.學生結合剛才的活動和老師一起學習HTML，思考一張空白的網頁怎么也會有學多代碼呢？利用FRONTPG自動生成HTML的功能，查看網頁代碼，為下面的自學鋪墊。利用幻燈片展示教學目標：2、掌握HTML特點及其主體結構；3、掌握常見HTML TAG（標簽）的作用與用法；4、能看懂普通網頁的源代碼，并能根據要求在文本編輯器中做適當修改。學生分組活動，

8、進入自主學習平臺進行自我探究學習請同學們進入自主學習平臺學習更多的HTML代碼知識，并完成老師的布置的任務請同學們在老師的引導下進入本節(jié)新課欄目進行自主學習，然后完成下面的任務任務一：1、將老師傳送到桌面的名為“練習”的文件夾改名為你自己的名字2、將桌面上已改為你名字的文件夾導入到FRONTPAGE中3、在Fronptage中雙擊首頁index.htm文件并點擊右下角“代碼”進入HTML編輯狀態(tài)：編輯首頁HTML代碼增加如下的頁面效果：A、給首頁添加背景圖片（背景圖片素材放在了下發(fā)文件夾中的images中，素材文件名為bj.jpg）B、給首頁添加背景音樂（背景音樂素材放在了下發(fā)文件夾中的mus

9、ic中，素材文件名為sound.mp3）C、在首頁的任意位置添加一個FLASH動畫（FLASH動畫素材放在了下發(fā)文件夾中的FLASH中，素材文件名為game.swf，寬為500，高為500）D、保存并將整個文件夾進行作業(yè)提交學有余力的同學可以進行任務二的練習：任務二：編寫代碼使首頁能增加如下左右交替滾動的字幕效果（演示任務完成后的效果）以剛才老師講解的四個HTML基本標示為基礎，進入學習平臺自學更多的HTML代碼知識學生邊利用FRONTPAGE學習，邊進行組內討論互助學習通過自主學習平臺進行自主學習、討論協(xié)作學習、自我小結等多種方式，實施有效學習，分層學習，使每個同學能體會到學習的成就感。作品展示及學習情況演示老師對提交的作業(yè)作品展示及對出現問題的講解比較其他同學的作品并自己小結與展示同學作品的異同與優(yōu)逆在評價中對學習方法與學習成果進行比較升華。小結和學生一起小結HTML的分類、特點與格式。任何HTML標記都是由“”號括住，標記名不區(qū)分大小寫，語法寬松2、多數的標識是成對出現的 例如：3、少數標識單獨出現，如：、等4、部分標識擁有屬性如顏色，大小等 例如：屬性格式：網頁內容或學生回顧自身學習成果，在老師的指導下