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