1、六年級(jí)上冊(cè)信息技術(shù)制作網(wǎng)站首頁(yè)和框架教學(xué)課例 留駕小學(xué)：吳志勝教學(xué)內(nèi)容：制作網(wǎng)站首頁(yè)和框架教學(xué)目標(biāo)： 1、知識(shí)與技能：理解個(gè)人網(wǎng)站首頁(yè)的基本構(gòu)成；了解制作網(wǎng)頁(yè)的軟件，掌握FrontPage2000網(wǎng)頁(yè)文本編輯和圖片插入方法，以及網(wǎng)頁(yè)背景的設(shè)置方法。 2、過(guò)程與方法：先讓學(xué)生觀摩一些漂亮、有個(gè)性特色的首頁(yè)，然后任務(wù)驅(qū)動(dòng)，讓學(xué)生參考教材，互助學(xué)習(xí)，自主學(xué)會(huì)知識(shí)與技能，實(shí)現(xiàn)首頁(yè)的制作。 3、情感、態(tài)度、價(jià)值觀：培養(yǎng)學(xué)生的審美能力和創(chuàng)造能力，在小組協(xié)作學(xué)習(xí)中，培養(yǎng)學(xué)生的團(tuán)隊(duì)精神。教學(xué)重點(diǎn)： 1、理解個(gè)人網(wǎng)站的基本組成和網(wǎng)頁(yè)框架布局； 2、學(xué)習(xí)FrontPage2000制作網(wǎng)頁(yè)的一般方法（重點(diǎn)是文本格式

2、、圖片、背景）；教學(xué)難點(diǎn)： 1、首頁(yè)的藝術(shù)性與個(gè)性布局，色彩的搭配； 2、圖片的插入和背景的設(shè)置。 教學(xué)準(zhǔn)備： 大屏幕投影、多媒體網(wǎng)絡(luò)教室、相關(guān)圖片及文檔素材教學(xué)過(guò)程：一、創(chuàng)設(shè)情景，引入課題： 師：老師今天給大家?guī)?lái)了一個(gè)禮物，它是一個(gè)漂亮的網(wǎng)站，它就是“劉翔個(gè)人官方網(wǎng)站”，請(qǐng)同學(xué)們欣賞。 劉翔全球個(gè)人官方網(wǎng)站（ 上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站，并且搜集了素材，這節(jié)課咱們來(lái)動(dòng)手制作網(wǎng)站的首頁(yè)。你知道有哪些軟件可以用來(lái)制作網(wǎng)頁(yè)嗎？教師引入：其實(shí)好多字處理軟件都可以設(shè)計(jì)網(wǎng)頁(yè)，如word中，利用“另存為web頁(yè)”就可以將文檔保存為網(wǎng)頁(yè)，有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁(yè)，window

3、s“記事本”也可以制作網(wǎng)頁(yè)不過(guò)FrontPage和Dreamweaver卻是最方便的網(wǎng)頁(yè)制作軟件，因?yàn)樗鼈儾粌H可以制作網(wǎng)頁(yè)，而且能方便地設(shè)計(jì)和管理網(wǎng)站，很適合入門學(xué)習(xí)。我們先學(xué)習(xí)用FrontPage2000制作網(wǎng)站的首頁(yè)。二、新課教學(xué) 任務(wù)一：認(rèn)識(shí)FrontPage2000 1、學(xué)生探究：用以前學(xué)過(guò)的打開軟件的方法，在“程序”中找到并打開“FrontPage”。 2、師引入：FrontPage與Word的操作非常相似，請(qǐng)同學(xué)們用鼠標(biāo)試探FrontPage網(wǎng)頁(yè)編輯窗口界面上各部分的名稱，了解各按鈕的作用，小組內(nèi)進(jìn)行交流，說(shuō)說(shuō)與Word窗口有哪些異同。 3、抽23個(gè)小組代表交流討論結(jié)果，教師適時(shí)展

4、示FrontPage界面并輔助說(shuō)明。重點(diǎn)指出新建、保存、插入、預(yù)覽等菜單或按鈕的位置和功能。 4、學(xué)生練習(xí)：打開一個(gè)已經(jīng)做好的網(wǎng)頁(yè)，試探一下三種編輯視圖模式按鈕的效果。（教師事先下載一個(gè)簡(jiǎn)單的網(wǎng)站首頁(yè)發(fā)送給學(xué)生，讓學(xué)生自主操作）任務(wù)二：制作網(wǎng)站首頁(yè) 1、師引入：在我們動(dòng)手制作網(wǎng)頁(yè)前，我們應(yīng)當(dāng)考慮好網(wǎng)頁(yè)的布局和內(nèi)容，個(gè)人網(wǎng)頁(yè)的布局就像辦小報(bào)一樣，沒(méi)有固定的格式，完全可以由我們自己大膽地進(jìn)行設(shè)計(jì)。（教師利用廣播展示幾個(gè)風(fēng)格不同的個(gè)人主頁(yè)，讓學(xué)生注意觀察主頁(yè)的內(nèi)容版塊布局） 抽生回答：你覺得網(wǎng)站首頁(yè)應(yīng)當(dāng)包含哪些圖、文內(nèi)容？你能形象地描述以上網(wǎng)站的布局樣式嗎？ 優(yōu)秀個(gè)人主頁(yè)在線當(dāng)當(dāng)網(wǎng) 黃河網(wǎng)劉翔個(gè)人網(wǎng)

5、站 崔宏遠(yuǎn)個(gè)人網(wǎng)站感覺影像雜志之云南之行 根據(jù)學(xué)生的回答，適時(shí)板書“網(wǎng)站首頁(yè)的一般內(nèi)容：網(wǎng)站標(biāo)題、網(wǎng)站圖標(biāo)、導(dǎo)航欄、水平線、網(wǎng)站主題介紹、作者及電子郵箱”常見的網(wǎng)頁(yè)布局有：“國(guó)”字型；“匡”字型；“三”字型；“川”字型；封面型；Flash動(dòng)畫型；標(biāo)題與文本型；框架型你能指出老師展示的這些網(wǎng)站屬于哪種布局嗎？你準(zhǔn)備選擇哪一種布局方式來(lái)設(shè)計(jì)自己的首頁(yè)？ 2、練一練：新建一個(gè)網(wǎng)頁(yè)，根據(jù)上節(jié)課自己擬訂的網(wǎng)站設(shè)計(jì)方案，在空白位置輸入網(wǎng)站名稱、欄目名稱、主題介紹、作者姓名等內(nèi)容。 3、仿照word的操作，利用格式欄中的工具按鈕，設(shè)置改變文字效果，師鼓勵(lì)學(xué)生在設(shè)計(jì)時(shí)要展示出自己的個(gè)性。小組內(nèi)交流：我是怎樣使

6、文字格式更美的。 4、保存主頁(yè)文件教師指導(dǎo)學(xué)生保存時(shí)，首頁(yè)應(yīng)保存為index.htm或default.htm，保存的位置是上節(jié)課所規(guī)劃的網(wǎng)站文件夾。任務(wù)三：美化網(wǎng)頁(yè) 師：（通過(guò)廣播展示一些學(xué)?；蚬揪W(wǎng)站、以及學(xué)生網(wǎng)站4幅截圖）請(qǐng)同學(xué)們觀察這四個(gè)網(wǎng)站的首頁(yè)，色彩和風(fēng)格上有什么不同？ （抽生回答）要使我們的首頁(yè)更美，我們可以用色彩或圖案來(lái)美化它，你還希望你的網(wǎng)頁(yè)背景是什么色彩或圖案？你覺得可以插入什么圖片來(lái)突出網(wǎng)站的主題呢？ 1、試一試：改變網(wǎng)頁(yè)的背景和插入圖片學(xué)生閱讀課本89頁(yè)，獨(dú)立試探完成背景顏色效果的設(shè)置。投影展示：“格式背景”的關(guān)鍵步驟畫面 設(shè)置網(wǎng)頁(yè)背景進(jìn)一步嘗試和交流：除了使用色彩作為背景，還可以怎樣美化背景？能用圖片作為背景嗎？試試看，怎樣才能辦到？Frontpage能像word一樣插入圖片嗎？試試看。2、組織學(xué)生進(jìn)行交流：怎樣設(shè)置背景效果？怎樣插入圖片和調(diào)整大?。克?、課外拓展 上互聯(lián)網(wǎng)，欣賞網(wǎng)站的學(xué)生作品。選擇一種你最欣賞