【教學(xué)目標(biāo)】：
1、知識(shí)與技能：進(jìn)一步熟練掌握網(wǎng)頁(yè)文字、圖片的插入和格式設(shè)置，能根據(jù)創(chuàng)意制作內(nèi)容較為豐富的個(gè)人網(wǎng)站首頁(yè)；進(jìn)一步掌握網(wǎng)頁(yè)制作軟件的表格、字幕等功能。
2、過(guò)程與方法：任務(wù)驅(qū)動(dòng)，讓學(xué)生根據(jù)自己的網(wǎng)站規(guī)劃，參考教科書(shū)，以探究的方式掌握知識(shí)與技能，實(shí)現(xiàn)網(wǎng)站其他頁(yè)面的制作。
3、情感、態(tài)度、價(jià)值觀：培養(yǎng)學(xué)生的審美能力和創(chuàng)造能力，在小組協(xié)作學(xué)習(xí)中，培養(yǎng)學(xué)生的團(tuán)隊(duì)精神。
【教學(xué)重點(diǎn)】：
1、根據(jù)網(wǎng)站規(guī)劃，獨(dú)立設(shè)計(jì)網(wǎng)站的各子頁(yè)面；
2、學(xué)習(xí)FrontPage2000制作網(wǎng)頁(yè)的技巧：字幕、表格、圖片陰影。
【教學(xué)難點(diǎn)】：
1、字幕的設(shè)計(jì)和表格的使用；
2、文本和圖片格式的更多設(shè)置。
【教學(xué)準(zhǔn)備】：
大屏幕投影、多媒體網(wǎng)絡(luò)教室、相關(guān)圖片及文檔素材
【教學(xué)過(guò)程】：
一、創(chuàng)設(shè)情景，引入課題：
同學(xué)們上節(jié)課已經(jīng)在FrontPage中制作出了網(wǎng)站的首頁(yè)，但一個(gè)網(wǎng)站一般都有許多頁(yè)，（展示兩個(gè)例子）大家看，除首頁(yè)外，其它各頁(yè)面都有些什么特點(diǎn)？
�。ㄓ袧L動(dòng)字幕、有圖片，有排列整齊的表格等）
小學(xué)信息技術(shù)教案：《制作網(wǎng)站頁(yè)面》
個(gè)人主頁(yè)“小星之家”
小學(xué)信息技術(shù)教案：《制作網(wǎng)站頁(yè)面》
個(gè)人主頁(yè)“風(fēng)采圖片社”
教師引入：在一個(gè)網(wǎng)站中，除首頁(yè)外，還應(yīng)當(dāng)有更多的子頁(yè)面詳細(xì)表達(dá)各欄目的具體內(nèi)容，這些頁(yè)面一般比首頁(yè)內(nèi)容簡(jiǎn)練，但也可以加入一些滾動(dòng)字幕，繪制表格以便排列圖片和數(shù)據(jù)等。這節(jié)課我們就在FrontPage中試試這些功能。
二、新課教學(xué)
任務(wù)一：制作第一個(gè)子頁(yè)面，并添上滾動(dòng)字幕
1、學(xué)生探究：用以上節(jié)課學(xué)過(guò)的方法，根據(jù)自己的網(wǎng)站規(guī)劃，新建一個(gè)空白網(wǎng)頁(yè)，輸入標(biāo)題正文，再添加圖片等使頁(yè)面內(nèi)容豐富。
2、教師提示學(xué)生，在插入菜單中，有“組件”子菜單，請(qǐng)大家試用其中的“字幕”功能，看看它有什么用途。
3、小組內(nèi)交流試探結(jié)果，教師選兩名學(xué)生通過(guò)網(wǎng)絡(luò)廣播（或大屏幕）示范插入滾動(dòng)文字的步驟和效果。
4、保存網(wǎng)頁(yè)，提醒學(xué)生要用英文字為文件命名。
教師提醒學(xué)生要記住關(guān)閉已編輯并保存的網(wǎng)頁(yè)。
任務(wù)二：制作其他子網(wǎng)頁(yè)，根據(jù)需要插入表格
1、師：有時(shí)候，我們需要將文字或圖片按行列排整齊，好的方法就是先插入一個(gè)表格（展示“卡通動(dòng)物欣賞”網(wǎng)頁(yè)實(shí)例），然后在表格內(nèi)輸入文字或者插入圖片，這樣就很容易排列整齊了。
小學(xué)信息技術(shù)教案：《制作網(wǎng)站頁(yè)面》
你的哪一個(gè)網(wǎng)頁(yè)需要使用表格呢？試試看，根據(jù)在word中學(xué)過(guò)的方法，參考課本“吃在四川”子網(wǎng)頁(yè)的設(shè)計(jì)方法，為自己的網(wǎng)頁(yè)也插入一個(gè)表格，再向單元格里添加文字或圖片。
2、學(xué)生上機(jī)操作，新建一個(gè)空白網(wǎng)頁(yè)，輸入本頁(yè)應(yīng)有的標(biāo)題及正文文字，然后插入一個(gè)表格，并在表格內(nèi)插入圖片，將圖片大小調(diào)至合適大小。小組內(nèi)交流：插入表格時(shí)，你是怎樣設(shè)置表格參數(shù)的，為什么這樣做？能改變單元格的大小和背景效果嗎？你是怎樣找到動(dòng)態(tài)圖片的？又是怎樣把它們的尺寸設(shè)置成一樣的呢？3、討論后，學(xué)生繼續(xù)操作，并保存新制作的網(wǎng)頁(yè)。然后制作自己所規(guī)劃網(wǎng)站的其他子網(wǎng)頁(yè)。
任務(wù)三：進(jìn)一步美化各網(wǎng)頁(yè)。
師：為了使我們的網(wǎng)頁(yè)更漂亮，我們可采用改變背景、使用動(dòng)畫(huà)或滾動(dòng)字幕，改變文字或圖片的格式等方法美化網(wǎng)頁(yè)。多數(shù)功能都可以通過(guò)“格式”工具欄或“插入——組件”菜單來(lái)實(shí)現(xiàn)。
綜合實(shí)踐：
1、選擇漂亮的圖片作為子網(wǎng)頁(yè)的背景。
2、嘗試?yán)酶袷讲藛�，為網(wǎng)頁(yè)的文本加上邊框。
3、從網(wǎng)上找一些與網(wǎng)頁(yè)內(nèi)容相關(guān)的gif動(dòng)畫(huà)，插入到自己的網(wǎng)頁(yè)中。
4、為圖片加上凹凸或沖蝕效果。談?wù)勌骄繉W(xué)習(xí)的收獲：以上效果你實(shí)現(xiàn)了哪幾種？你是怎樣做的？四、拓展練習(xí)
運(yùn)用所學(xué)的表格布局技巧，制作一個(gè)“可愛(ài)的卡通形象”網(wǎng)頁(yè)，要求網(wǎng)頁(yè)內(nèi)有多個(gè)卡通形象，每個(gè)卡通的大小一致，并在頁(yè)面上方添加一行滾動(dòng)文字“卡通樂(lè)園歡迎你！”。
教材分析
教學(xué)內(nèi)容：高中信息技術(shù)第五章第二節(jié)《網(wǎng)頁(yè)的制作》。
教學(xué)重點(diǎn)：網(wǎng)頁(yè)文字處理、插入圖片、動(dòng)畫(huà)、水平線(xiàn)以及設(shè)置背景的方法。
教學(xué)難點(diǎn)：通過(guò)網(wǎng)站自主學(xué)習(xí)，讓學(xué)生自己建立網(wǎng)頁(yè)。
學(xué)生分析
本課對(duì)象是高一學(xué)生，學(xué)生通過(guò)前面WORD和INTERNET的學(xué)習(xí)，對(duì)網(wǎng)頁(yè)內(nèi)容編輯、結(jié)構(gòu)和效果等設(shè)計(jì)有了一定的感性認(rèn)識(shí)。
教學(xué)目標(biāo)
熟悉網(wǎng)頁(yè)中的各種元素及其制作方法，初步了解網(wǎng)頁(yè)制作過(guò)程，培養(yǎng)學(xué)生的自學(xué)能力和創(chuàng)新探索精神。
教學(xué)環(huán)境
設(shè)計(jì)“網(wǎng)頁(yè)制作”網(wǎng)站，是學(xué)生通過(guò)網(wǎng)站在教師的引導(dǎo)下，實(shí)現(xiàn)自主學(xué)習(xí)，完成網(wǎng)站中每一知識(shí)點(diǎn)的學(xué)習(xí)，教師借助投影儀及時(shí)反饋學(xué)生在完成目標(biāo)時(shí)出現(xiàn)的問(wèn)題。
教學(xué)方法
通過(guò)網(wǎng)站引導(dǎo)學(xué)生自主學(xué)習(xí)，解決教師提出的實(shí)際問(wèn)題。
教學(xué)過(guò)程
�。ㄒ耄┻呏v邊演示
展示一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)
你現(xiàn)在正在上網(wǎng)，一定去了不少站點(diǎn)吧！這些站點(diǎn)的頁(yè)面都設(shè)計(jì)得非常精美，讓你在瀏覽信息的同時(shí)，還可以得到美的享受。這么吸引人的頁(yè)面，是怎么制作出來(lái)的呢？你想不想也做一個(gè)精美的個(gè)人主頁(yè)呢？如果你的回答是肯定的，那我們就一起學(xué)一下FrontPage的使用。FrontPage是優(yōu)秀的專(zhuān)業(yè)化網(wǎng)頁(yè)設(shè)計(jì)軟件之一，使用FrontPage你只要幾分鐘就可以建立一個(gè)自己的網(wǎng)頁(yè)，這可是一件令人激動(dòng)的事喲！
�。ㄐ抡n）教師引導(dǎo)學(xué)生根據(jù)網(wǎng)站自學(xué)，完成教師提出具體操作要求
模塊一、教師引導(dǎo)學(xué)生自學(xué)“網(wǎng)頁(yè)制作知識(shí)準(zhǔn)備”，提出問(wèn)題：
1、啟動(dòng)FRONTPAGE？
2、FRONTPAGE的三種顯示模式？
3、在e:\下新建空站點(diǎn)，取名為abc站點(diǎn)文件夾。
模塊二、教師引導(dǎo)學(xué)生自學(xué)“新建網(wǎng)頁(yè)”，提出要求：
1、新建普通網(wǎng)頁(yè)。
4、打開(kāi)e:\網(wǎng)站制作素材\可愛(ài)的家鄉(xiāng)高郵.htm網(wǎng)頁(yè)。
模塊三、教師引導(dǎo)學(xué)生自學(xué)“文字編輯”，提出要求：
1、把高郵.htm網(wǎng)頁(yè)中的標(biāo)題設(shè)置為“5號(hào)”、綠色，“加粗”字體，“居中”對(duì)齊。
2、把高郵.htm網(wǎng)頁(yè)中的正文字體設(shè)置為“3號(hào)”，綠色。
模塊四、教師引導(dǎo)學(xué)生自學(xué)“圖片動(dòng)畫(huà)”，提出要求：
1、在網(wǎng)頁(yè)中插入e:\網(wǎng)站制作素材\高郵風(fēng)景\高郵湖.jpg
2、在網(wǎng)頁(yè)中插入e:\網(wǎng)站制作素材\高郵風(fēng)景\welcome.gif
模塊五、教師引導(dǎo)學(xué)生自學(xué)“水平線(xiàn)”，提出要求：
1、在網(wǎng)頁(yè)中標(biāo)題與正文之間插入水平線(xiàn)。
2、水平線(xiàn)寬度設(shè)置為100%，高度為3像素，水平居中，顏色改為綠色。
模塊六、教師引導(dǎo)學(xué)生自學(xué)“設(shè)置背景”，提出要求：
設(shè)置網(wǎng)頁(yè)背景為e:\網(wǎng)頁(yè)制作\網(wǎng)站制作素材\高郵風(fēng)景\背景2文件
模塊七、教師引導(dǎo)學(xué)生自學(xué)“保存”，提出要求：
將當(dāng)前網(wǎng)頁(yè)另存到e:\abc\高郵.htm,,并將圖片保存到images文件夾中。
模塊七、教師引導(dǎo)學(xué)生自學(xué)“小結(jié)”，提出要求把學(xué)生分為兩組，一組練習(xí)制作個(gè)人網(wǎng)頁(yè)，一組練習(xí)制作班級(jí)網(wǎng)頁(yè)。制作素材在e:\網(wǎng)站制作素材\練習(xí)素材中。對(duì)學(xué)生作品點(diǎn)評(píng)，小結(jié)。
