【正文】 教學(xué)回顧。第二篇：長(zhǎng)春版八年級(jí)下冊(cè)信息技術(shù)教案第一單元：網(wǎng)頁制作 第一課：制作個(gè)人網(wǎng)站一、【教學(xué)目標(biāo)】：知識(shí)與能力：掌握網(wǎng)頁基本知識(shí)過程與方法：體驗(yàn)?zāi)０骞δ?、快速、便捷地建立個(gè)人主題網(wǎng)站 情感態(tài)度與價(jià)值觀：增加學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生信息意識(shí)二、【教學(xué)重點(diǎn)】 網(wǎng)頁的基本概念三、【教學(xué)難點(diǎn)】： 編輯網(wǎng)頁四、【教具準(zhǔn)備】 蘇東坡的個(gè)人網(wǎng)站五、【課型】 教師講授、學(xué)生實(shí)踐六、【課時(shí)安排】 1課時(shí)七、【教學(xué)設(shè)計(jì)】（一）新課導(dǎo)入當(dāng)你瀏覽五彩斑斕的網(wǎng)頁時(shí)，是否也想在網(wǎng)絡(luò)世界中擁有自己的天地呢？讓我們一起來學(xué)習(xí)網(wǎng)頁的制作方法，制作出一個(gè)自己的網(wǎng)頁，成為因特網(wǎng)的一部分吧。本課將介紹如何使用FrontPage2003中的模板來快捷地建立個(gè)人網(wǎng)站。（二）新課教學(xué)網(wǎng)頁的基本概念瀏覽網(wǎng)站時(shí)所看到的一幅幅畫面，就成為網(wǎng)頁，網(wǎng)頁是可通過瀏覽器的訪問的信息集合，是萬維網(wǎng)中存放信息的地方，網(wǎng)頁上一般有文字、圖片、表格等信息，還會(huì)有聲音、動(dòng) 畫等多媒體內(nèi)容。了解FrontPage2003（1）啟動(dòng)FrontPage2003 小提示：FrontPage2003窗口與word2003相似，灰色區(qū)域沒有工作區(qū)，只有建立了網(wǎng)站、網(wǎng)頁之后會(huì)出現(xiàn)工作區(qū)、才能處于編輯狀態(tài)。試一試：?jiǎn)?dòng)FrontPage2003，了解窗口組成。（2）建立個(gè)人主題站點(diǎn)1啟動(dòng)FrontPage2003后，在窗口右側(cè)的任務(wù)窗格選擇“其他網(wǎng)站模板”○，在“網(wǎng)站模板”對(duì)話框中的常規(guī)中選擇“個(gè)人網(wǎng)站”。小提示：網(wǎng)站中的全部文件都保存在一個(gè)文件夾中，在“制定新網(wǎng)站的位置”下方輸入的信息就是這個(gè)網(wǎng)站文件夾所在的位置和名稱。在一般情況下，網(wǎng)站文件夾的名稱都不建議使用中文，大多使用英文或者拼音字母。在FrontPage2003中，建立網(wǎng)站的基本思路與方法是，先建立網(wǎng)站的文件夾，也就是網(wǎng)站的整體架構(gòu)，然后去建立其中一個(gè)個(gè)網(wǎng)頁，進(jìn)而設(shè)計(jì)具體網(wǎng)頁的內(nèi)容。2站點(diǎn)連接成功，進(jìn)入站點(diǎn)編輯窗口 ○：可以幫助網(wǎng)頁的設(shè)計(jì)者進(jìn)行設(shè)計(jì)與測(cè)試文件夾：?jiǎn)螕粑募A圖標(biāo)，將在右邊找到文件夾列表及相應(yīng)文件，遠(yuǎn)程網(wǎng)站：可以幫助將整個(gè)網(wǎng)站或者單獨(dú)的文件和文件夾發(fā)送到任何位置 報(bào)表：以報(bào)表形式報(bào)告網(wǎng)站中全部網(wǎng)頁的鏈接情況 導(dǎo)航：以樹型結(jié)構(gòu)形式展現(xiàn)網(wǎng)頁之間的鏈接關(guān)系 超鏈接：顯示網(wǎng)站中的每一頁的超鏈接 任務(wù)：是創(chuàng)建和管理任務(wù)，根據(jù)模板建立的網(wǎng)站， 試一試：建立自己的個(gè)人網(wǎng)站（3）編輯網(wǎng)頁設(shè)計(jì)：在此選項(xiàng)下，可以進(jìn)行網(wǎng)頁的編輯與修改拆分：以拆分的屏幕格式檢查并編輯網(wǎng)頁內(nèi)容，該試圖功能讓你同時(shí)訪問代碼視圖和設(shè)計(jì)視圖。代碼：在“設(shè)計(jì)”下編輯的網(wǎng)頁會(huì)自動(dòng)在后臺(tái)創(chuàng)建HTML代碼，單機(jī)“代碼”可以查看，修改。預(yù)覽：無需保存網(wǎng)頁，顯示網(wǎng)頁在瀏覽器中的效果。試一試：更改主頁信息，形成自己的主題網(wǎng)頁；獎(jiǎng)其他網(wǎng)頁的信息進(jìn)行修改，形成自己的網(wǎng)站（4）預(yù)覽、保存網(wǎng)頁（5）保存網(wǎng)頁（三）課堂小結(jié)第一次接觸FrontPage2003學(xué)生感覺很陌生，知識(shí)掌握有困難。（四）布置作業(yè)更改主頁信息，形成自己的主題網(wǎng)頁；（五）板書設(shè)計(jì)第一課：制作個(gè)人網(wǎng)站一、網(wǎng)頁基本概念二、了解FrontPage2003八、教學(xué)回顧：第二課：建立空白網(wǎng)站“東坡居士齋”一、【教學(xué)目標(biāo)】知識(shí)與能力：動(dòng)手制作網(wǎng)站前要做好網(wǎng)站的設(shè)計(jì)與規(guī)劃 過程與方法：在導(dǎo)航試圖中建立網(wǎng)站的結(jié)構(gòu)情感態(tài)度與價(jià)值觀：選擇其他的興趣的主題來設(shè)計(jì)網(wǎng)站二、【教學(xué)重點(diǎn)】 網(wǎng)站規(guī)劃三、【教學(xué)難點(diǎn)】 建立導(dǎo)航結(jié)構(gòu)四、【教具準(zhǔn)備】 有關(guān)蘇東坡的材料五、【課型】 教師講授、學(xué)生實(shí)踐六、【課時(shí)安排】 1課時(shí)七、【教學(xué)設(shè)計(jì)】（一）新課導(dǎo)入使用模板制作的個(gè)人網(wǎng)站方便快捷，但其中固定的模式又有些不盡人意，因此，建立一個(gè)空白得網(wǎng)站，在集中進(jìn)行創(chuàng)作，可以不受到拘束，能展開手腳，盡情發(fā)揮，本課將介紹網(wǎng)站規(guī)劃，創(chuàng)建空白網(wǎng)站、建立導(dǎo)航結(jié)構(gòu)等相關(guān)知識(shí)。（二）新課教學(xué)網(wǎng)站規(guī)劃在制作網(wǎng)站前要做好預(yù)先的設(shè)計(jì)與規(guī)劃，以使后期的制作是有目的、有針對(duì)性的，而不是盲目的。這樣制作的網(wǎng)站、網(wǎng)頁才會(huì)很好地體現(xiàn)設(shè)計(jì)的思想、內(nèi)涵并充滿韻味。試一試：選擇喜愛的主體來設(shè)計(jì)規(guī)劃網(wǎng)站創(chuàng)建空白網(wǎng)站 有了前期的設(shè)計(jì)準(zhǔn)備，接下來可以在FrontPage2003中進(jìn)行制作了。選擇 “文件”—“新建”—“其他網(wǎng)站模板”，在網(wǎng)站模板窗口中的左側(cè)選擇空白網(wǎng)站，在窗口的右側(cè)確定網(wǎng)站的保存位置和網(wǎng)站文件夾的名稱。小提示如果事先在機(jī)器的某一位置建立好網(wǎng)站的文件夾，可以在“制定網(wǎng)站的位置”選項(xiàng)中選擇“瀏覽”按鈕，選擇已經(jīng)建立好的文件夾作為網(wǎng)站的保存位置。制作網(wǎng)站時(shí)、所在的文件夾、文件一般情況下都要用英文或者漢語拼音命名，并且為小寫字母，防止發(fā)布到WEB服務(wù)器上時(shí)出現(xiàn)不支持的現(xiàn)象。建立導(dǎo)航結(jié)構(gòu)選擇“試圖”—“導(dǎo)航”，進(jìn)入“導(dǎo)航視圖”。在“導(dǎo)航視圖”中可以新建網(wǎng)頁，并建立好網(wǎng)站中網(wǎng)頁的結(jié)構(gòu)關(guān)系。小提示：在網(wǎng)頁上按住鼠標(biāo)左鍵不放，可以拖動(dòng)文件到其他位置。在網(wǎng)頁上單擊鼠標(biāo)右鍵可以進(jìn)行復(fù)制、刪除等操作設(shè)置網(wǎng)頁標(biāo)題導(dǎo)航視圖下，網(wǎng)頁上標(biāo)識(shí)的文字為網(wǎng)頁標(biāo)題，在“新建網(wǎng)頁1”上單擊鼠標(biāo)右鍵，選擇重命名，修改網(wǎng)頁標(biāo)題為“蘇軾簡(jiǎn)介”，用同樣的方法將新建網(wǎng)頁4標(biāo)題修改為“蘇軾名作”、“詩歌欣賞”、“蘇軾書法”小提示：導(dǎo)航結(jié)構(gòu)中得頁面現(xiàn)在是兩級(jí)的，在下面還可以繼續(xù)建立新的網(wǎng)頁，形成新的多級(jí)網(wǎng)站結(jié)構(gòu)。試一試：在網(wǎng)站中建立更多的網(wǎng)頁內(nèi)容給網(wǎng)頁命名“視圖”—“文件夾”，進(jìn)入“文件夾視圖”。這里呈現(xiàn)了網(wǎng)頁文件的名稱和標(biāo)題的對(duì)應(yīng)關(guān)系。小提示：改名時(shí)要用小寫英文或漢語拼音關(guān)閉網(wǎng)站選擇“文件”—“關(guān)閉網(wǎng)站”，此時(shí)。關(guān)閉當(dāng)前編輯的網(wǎng)站，但是不會(huì)推出軟件平臺(tái)推出平臺(tái) 選擇“文件”—“退出”或者選擇軟件右上方的關(guān)閉按鈕，推出軟件。（三）課堂小結(jié)本課是FrontPage2003的基本操作，有了上節(jié)課的基礎(chǔ)，學(xué)生掌握的較好。（四）布置作業(yè)在網(wǎng)站中建立更多的網(wǎng)頁內(nèi)容（五）板書設(shè)計(jì)第二課建立空白網(wǎng)站“東坡居士齋”一、網(wǎng)站規(guī)劃二、創(chuàng)建空白網(wǎng)站三、建立導(dǎo)航結(jié)構(gòu)四、設(shè)置網(wǎng)頁標(biāo)題五、給網(wǎng)頁命名六、關(guān)閉網(wǎng)站七、推出網(wǎng)站八、教學(xué)回顧第三課：網(wǎng)頁的布局與圖文一、【教學(xué)目標(biāo)】：知識(shí)與能力：學(xué)習(xí)了解頁面布局規(guī)劃對(duì)制作網(wǎng)頁的必要性 過程與方法：運(yùn)用布局表格和單元格巧妙地實(shí)現(xiàn)頁面布局情感態(tài)度與價(jià)值觀：課前準(zhǔn)備好的制作網(wǎng)頁的相關(guān)文字、圖片素材，提高學(xué)生動(dòng)手能力二、【教學(xué)重點(diǎn)與難點(diǎn)】 重點(diǎn)：規(guī)劃主頁布局 難點(diǎn):網(wǎng)頁圖片格式三、【教具準(zhǔn)備】制作網(wǎng)頁的相關(guān)文字、圖片等四、【課型】教師講授與學(xué)生實(shí)踐相結(jié)合五、【課時(shí)安排】 1課時(shí)六、【教學(xué)設(shè)計(jì)】（一）新課導(dǎo)入一個(gè)空白的頁面就是一個(gè)創(chuàng)意的空間，而要在這樣的空間里揮灑自如的 放置文字、圖片等設(shè)計(jì)內(nèi)容，就需要先對(duì)頁面進(jìn)行合理的布局。本課將介紹用表格規(guī)劃網(wǎng)頁布局方法，以及包含有文字和圖片的網(wǎng)頁的制作方法。（二）新課打開網(wǎng)站：選擇“文件”—“打開網(wǎng)站”，在保存位置找到“東坡居士齋”網(wǎng)站文件夾，選擇“打開”命令。規(guī)劃主頁布局：先從制作主頁開始，設(shè)計(jì)“東坡居士齋”網(wǎng)站，右側(cè)空白的空間就是編輯 主頁的區(qū)域。（1）主頁布局設(shè)計(jì)：制作主頁前也要進(jìn)行設(shè)計(jì)，可以在紙上繪制草圖。試一試：其他幾個(gè)頁面的布局也要預(yù)先設(shè)計(jì)出草圖。（2）用表格布局：制作網(wǎng)頁的過程，表格元素是必不可少的?？梢杂帽砀駥?shí)現(xiàn)頁面的規(guī)范布局。小提示：以上表格寬度和高度的數(shù)據(jù)是針對(duì)預(yù)先的主頁設(shè)計(jì)思路制訂的，可以在瀏覽器中1024768分辨率下獲得比較好的 顯示效果。FrontPage2003中提供了布局表格和單元各功能，使布局表格和單元格可以創(chuàng)建具有專業(yè)外觀的網(wǎng)頁布局。布局表格是為網(wǎng)頁布局創(chuàng)建的框架。布局單元格是該框架匯中包含網(wǎng)頁內(nèi)容（包括文本、圖像、WEB部件和其他元素）的區(qū)域。選擇“表格—“布局表格和單元各”，在右側(cè)出現(xiàn)布局表格和單元格的任務(wù)窗格。設(shè)計(jì)編輯網(wǎng)頁時(shí)，為了讓可視空間更大一些，可以關(guān)閉左側(cè)的文件夾列表窗口，選擇“視圖”—“文件夾列表”，可以重新打開該窗口。試：所有的頁面都用表格來進(jìn)行布局網(wǎng)頁圖片格式：網(wǎng)頁中常用的圖片格式有2種。分別是GIF和JPEG添加表格背景：前面用表格實(shí)現(xiàn)了主頁面的規(guī)劃布局，這里可以將精美圖片制作成整個(gè)表格的背景，進(jìn)而成為主頁面的背景圖效果，在表格上單擊鼠標(biāo)右鍵，選擇“表格屬性”—“使用背景圖片”，選擇“瀏覽”找到用來做網(wǎng)頁背景的圖片，—“確定”。小提示：在網(wǎng)頁上單擊鼠標(biāo)右鍵，在“網(wǎng)頁屬性”窗口中可以為整個(gè)網(wǎng)頁設(shè)置背景插入圖片“插入”—“層”；在圖片上單擊鼠標(biāo)右鍵“顯示圖片工具欄”，使用圖片工具欄，可以對(duì)圖片調(diào)整大小等進(jìn)行編輯。小提示：利用層功能可以靈活地布局網(wǎng)頁中得元素輸入文字：在第三行中輸入聯(lián)系方式和版權(quán)說明等文字內(nèi)容。保存網(wǎng)頁；選擇“文件”—“保存”，彈出“保存嵌入式文件”對(duì)話框在IE瀏覽器中預(yù)覽網(wǎng)頁效果（三）課堂小結(jié)： 學(xué)生掌握情況比較好（四）布置作用：設(shè)計(jì)其他幾個(gè)頁面內(nèi)容，制作圖文并茂的網(wǎng)頁（五）板書設(shè)計(jì)第三課：網(wǎng)頁的布局與圖文一、打開網(wǎng)站二、規(guī)劃主頁布局主頁布局設(shè)計(jì)用表格布局三、網(wǎng)頁圖片格式四、添加網(wǎng)頁背景五、插入圖片六、輸入文字七、保存網(wǎng)頁八、在IE瀏覽器中預(yù)覽網(wǎng)頁效果七、教學(xué)回顧：第四課：導(dǎo)航與超鏈接一、【教學(xué)目標(biāo)】知識(shí)與技能：為“東坡居士齋”網(wǎng)站主頁添加導(dǎo)航圖過程與方法：為“東坡居士齋”網(wǎng)站各頁面添加基于導(dǎo)航結(jié)構(gòu)的鏈接欄 情感態(tài)度與價(jià)值觀：增加學(xué)生的的信息素養(yǎng)，培養(yǎng)學(xué)生獨(dú)立操作的能力二、【教學(xué)重點(diǎn)與難點(diǎn)】 重點(diǎn)：用圖片熱點(diǎn)制作超級(jí)鏈接 難點(diǎn)：添加基于導(dǎo)航結(jié)構(gòu)的鏈接欄三、【教具準(zhǔn)備】 課前準(zhǔn)備好相關(guān)圖片素材四、【課型】學(xué)生動(dòng)手實(shí)踐與老師講授相結(jié)合五、【課時(shí)安排】 1課時(shí)六、【教學(xué)設(shè)計(jì)】（一）新課導(dǎo)入網(wǎng)頁中的超鏈接功能可以試瀏覽者便捷地訪問各個(gè)頁面，快速地定位瀏覽的內(nèi)容。本課將介紹網(wǎng)站導(dǎo)航與超級(jí)鏈接的相關(guān)知識(shí)。（二）新課教學(xué)用圖片熱點(diǎn)制作超級(jí)鏈接：在主頁的第2行表格中將光標(biāo)位置設(shè)置為“居中”，插入扇子圖片，適當(dāng)調(diào)整圖片大小，調(diào)出圖片工具欄，選擇“多邊形熱點(diǎn)工具”將“蘇軾簡(jiǎn)介”文字圈選定，當(dāng)曲線閉合時(shí)，會(huì)自動(dòng)彈出“插入超級(jí)鏈接”窗口，可在其中設(shè)置要鏈接的目標(biāo)文件。小提示：養(yǎng)成隨時(shí)保存文件的習(xí)慣，以避免文件的丟失添加基于導(dǎo)航結(jié)構(gòu)的鏈接欄（1）選擇“視圖”—“導(dǎo)航”（2）添加鏈接欄選擇“插入”—“導(dǎo)航”，彈出“插入web組件”窗口，在左側(cè)“鏈接欄”，在右側(cè)選擇“基于導(dǎo)航結(jié)構(gòu)的鏈接欄”小提示:“基于導(dǎo)航結(jié)構(gòu)的鏈接欄”可以根據(jù)預(yù)先在導(dǎo)航視圖中建立的導(dǎo)航結(jié)構(gòu)快速地建立各項(xiàng)之間的鏈接關(guān)系。（3）設(shè)置“選擇欄樣式”：（4）設(shè)置“選擇欄方向”（5）設(shè)置“鏈接欄屬性”試一試：為其他頁面都加入起導(dǎo)航作用的鏈接欄制作電子郵件超級(jí)鏈接：打開主界面，來實(shí)現(xiàn)站長(zhǎng)信箱的超鏈接。選擇站長(zhǎng)信箱文字，單擊鼠標(biāo)右鍵，選擇“超鏈接，”彈出“插入超鏈接”窗口；在“插入超級(jí)鏈接”窗口中選擇“電子郵件”。保存網(wǎng)頁文件：所有設(shè)置完成，一定要記得保存。（三）課堂小結(jié)：學(xué)生掌握有一定的困難，稍加練習(xí)，一定會(huì)掌握很好。（四）作業(yè)布置用圖片來制作更為漂亮的導(dǎo)航欄（五）板書設(shè)計(jì)第四課：導(dǎo)航與超鏈接一、用圖片熱點(diǎn)制作超級(jí)鏈接二、添加基于導(dǎo)航結(jié)構(gòu)的鏈接欄三、制作電子郵件超鏈接四、保存網(wǎng)頁七、教學(xué)回顧： 第五課：豐富網(wǎng)頁—加入多媒體元素一、【教學(xué)目標(biāo)】知識(shí)與能力：使用插入的方法為詩歌“詩詞欣賞”網(wǎng)頁添加音頻、視頻和動(dòng)畫 過程與方法：學(xué)習(xí)在網(wǎng)頁中加入多媒體元素的方法 情感態(tài)度與價(jià)值觀：小組展示交流，增加學(xué)生學(xué)習(xí)的信心二、【教學(xué)重點(diǎn)與難點(diǎn)】 重點(diǎn)：嵌入視頻 難點(diǎn)：插入視頻三、【教具準(zhǔn)備】 事先準(zhǔn)備好的素材四、【課型】 學(xué)生自主探究五、【課時(shí)安排】 1課時(shí)六、【教學(xué)設(shè)計(jì)】（一）新課導(dǎo)入音頻、視頻和動(dòng)畫是網(wǎng)頁中重要元素，他們的運(yùn)用可使網(wǎng)頁形象直觀，色彩艷麗。本課將介紹在網(wǎng)頁中添加多媒體元素的方法（二）新課教學(xué)嵌入視頻（1）將事先準(zhǔn)備好的視頻文件復(fù)制到站點(diǎn)的“VIDEO”內(nèi)（2）雙擊“詩歌欣賞”網(wǎng)頁，轉(zhuǎn)入網(wǎng)頁模式下得編輯狀態(tài)（3）單擊“插入”—“web組件”（4）選擇“插入web組件”對(duì)話框中的“高級(jí)控件”中的“插件”命令，單擊“完成”（5）在彈出的“插件屬性”對(duì)話框中，進(jìn)行相應(yīng)的設(shè)置1數(shù)據(jù)源：?jiǎn)巍盀g覽”按鈕，制定要播放的視頻文件所在位置。○ 12 2這個(gè)播放器名字叫Windows Media Play，它是IE瀏覽器自帶的一個(gè)媒體播放插件?！?大?。?jiǎn)螕粢曨l插件圖表，拖動(dòng)視頻圖表周圍黑點(diǎn)調(diào)整圖標(biāo)大小，在預(yù)覽網(wǎng)頁時(shí)可以○發(fā)現(xiàn)播放器大小也隨之改變小提示：音頻文件和視頻文件一樣也可以通過這種嵌入的方法放置在網(wǎng)頁中。插入視頻（1）打開“詩歌欣賞”網(wǎng)頁，在要插入視頻的位置單擊鼠標(biāo)左鍵，設(shè)置插入點(diǎn)（2）選擇“單擊”—“圖片”—“視頻”，彈出“視頻”對(duì)話框，選擇要插入的文件，單擊“打開”按鈕1視頻源：?jiǎn)螕簟盀g覽”按鈕可以更新一個(gè)插入的視頻 ○2重復(fù)：設(shè)置播放的循環(huán)次數(shù)和每次播放的時(shí)間間隔 ○3開始：○“打開文件時(shí)”表示視頻將在打開網(wǎng)頁時(shí)進(jìn)行瀏覽；“當(dāng)鼠標(biāo)懸停其上時(shí)”表示鼠標(biāo)在視頻位置上經(jīng)過時(shí)開始播放視頻。插入FLASH動(dòng)畫（1）將事先準(zhǔn)備好的FLASH動(dòng)畫文件復(fù)制到站點(diǎn)下得“video”文件夾內(nèi)（2）插入flash動(dòng)畫有兩種方法（3）按上述兩個(gè)方法操作都會(huì)彈出一個(gè)“選擇文件”對(duì)話框，選擇要插入的文件，單擊“插入”按鈕（4）切換到預(yù)覽模式下，這樣就可以欣賞動(dòng)畫裝飾的網(wǎng)頁了（三）課堂小結(jié)學(xué)生對(duì)此十分感興趣，掌握較好（四）布置作業(yè) 練習(xí)插入視頻（五）板書設(shè)計(jì)第五課：豐富網(wǎng)頁—假如多媒體元素一、嵌入視頻二、插