HTML基礎(chǔ)設(shè)計教案新部編本

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

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

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

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

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

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

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

8、進入自主學習平臺進行自我探究學習請同學們進入自主學習平臺學習更多的HTML代碼知識，并完成老師的布置的任務(wù)請同學們在老師的引導(dǎo)下進入本節(jié)新課欄目進行自主學習，然后完成下面的任務(wù)任務(wù)一：1、將老師傳送到桌面的名為“練習”的文件夾改名為你自己的名字2、將桌面上已改為你名字的文件夾導(dǎo)入到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è)提交學有余力的同學可以進行任務(wù)二的練習：任務(wù)二：編寫代碼使首頁能增加如下左右交替滾動的字幕效果（演示任務(wù)完成后的效果）以剛才老師講解的四個HTML基本標示為基礎(chǔ)，進入學習平臺自學更多的HTML代碼知識學生邊利用FRONTPAGE學習，邊進行組內(nèi)討論互助學習通過自主學習平臺進行自主學習、討論協(xié)作學習、自我小結(jié)等多種方式，實施有效學習，分層學習，使每個同學能體會到學習的成就感。作品展示及學習情況演示老師對提交的作業(yè)作品展示及對出現(xiàn)問題的講解比較其他同學的作品并自己小結(jié)與展示同學作品的異同與優(yōu)逆在評價中對學習方法與學習成果進行比較升華。小結(jié)和學生一起小結(jié)HTML的分類、特點與格式。任何HTML標記都是由“”號括住，標記名不區(qū)分大小寫，語法寬松2、多數(shù)的標識是成對出現(xiàn)的 例如：3、少數(shù)標識單獨出現(xiàn)，如：、等4、部分標識擁有屬性如顏色，大小等 例如：屬性格式：網(wǎng)頁內(nèi)容或?qū)W生回顧自身學習成果，在老師的指導(dǎo)下