學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題網頁DIY快車課型新授課使用單位、教師教學目標情感教育1.了解FrontPage2003的功能2.熟悉FrontPage2003的界面，并與WORD、POWERPOINT及EXCEL三軟件進行比較。啟動網頁快車FrontPage認識窗口保存培養學生熱愛電腦學習電腦的興趣教學重難點FrontPage2003的界面教具準備多媒體轉播系統、WORD、FORNTPAGE二次備課一、課前體驗，初步感悟。過自己也要做一個主頁?想過?那你就該學會制作自己的主頁了。面學過的WORD、POWERPOINT、EXCEL非常類似，我們來把欄，我們可以用這欄來定置文字和圖片的屬性等等。你可以在上面寫字(用鍵盤打字)和畫畫(插入圖片),具體操作我們但是對于初學者，筆者不建議你去亂動。做好了網頁的時候，我們可另外當你第一次運行FrontPage2003的時候，你會看到編輯區左邊會有另外的一欄，灰色的，上面有幾個按紐，它叫“視圖”欄。它可以讓你更方便地查看網頁的大小，連接等等。但是有時我們會覺得它妨礙了我們的工作，使編輯區看起來很窄很不舒服，為了不讓它妨礙我們工作，我們可以點擊控制窗菜單欄里的“編輯→視圖”,使它消失，要使用的時候再重復點擊一次使它出現，很方便。認識了這位新朋友之后，我們來看一些如何輸入文字。根據我們以前學過的指示，我們應在那里輸入文字?如何輸入?我向大家肯定會想到，那就實驗一下吧。完成輸入后就該保存我們的網頁了，回想一下我們在保存word文當時是怎樣做的，哪位小勇士能為大家展示一下?【設計意圖】第一課網頁DIY快車啟動軟件認識窗口保存與退出學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題文字大變身課型新授課使用單位、教師教學目標情感教育1.打開以保存的網頁2.學會設置網頁中文字的字體和顏色3.學會預覽網頁效果進一步提高自學能力用網絡教學重難點文字的字體和顏色的設置教具準備多媒體網絡二次備課大家先來看看老師做的一個簡單的網頁跟你們上節課做的有什么不同啊大家采用了什么方法呢通過剛才的練習，能不能自己想出辦法讓網頁的字也變得漂亮展示學生作品同學們注意看在工具欄上有幾個按鈕，他們是做什么的呢(投影屏幕指出相關的按鈕)自己研究一下，再跟小組的同學討論同學們還我們以前學的段落的設置嗎，在FrontPage2003也是一樣的自己嘗試將自己的網頁設置的更漂亮網頁做好了讓我們欣賞一下最后的效果吧單擊窗口下方預覽的標簽就可以了如果發現什么問題，可以再單擊“設計”標簽返回編輯界面繼續進行修改【設計意圖】自主探究，在學習的過程中鍛煉能力第二課文字大變身字體段落格式按鈕學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題繽紛新世界課型新授課使用單位、教師情感教育學會插入水平線學會設置網頁背景學會套用主題學會插入水平線；學會設置網頁背景學會套用主題教具準備多媒體網絡二次備課一、課前體驗，初步感悟。一插入水平線做一做，在你的網頁中插入一條水平線1.打開網頁，將光標定位到標題與正文之間的空行上，單擊插入菜單中的水平線命令，網頁中就插入了一條水平線2.雙擊水平線，彈出水平線屬性對話框，為水平線設置適合的寬度、高度、對齊方式和顏色，單擊“確定”二給網頁穿上漂亮的外衣給你的主頁添加一幅好看的背景1.單擊格式菜單，選擇其中的背景命令2.在彈出的網頁屬性對話框中勾選“背景圖片”,單擊瀏覽按鈕，在彈出的選擇文件對話框中選擇好背景圖片，單擊確定按鈕，返回網頁屬性對話框，再單擊確定注意：如果沒有合適的背景圖案，也可以為網頁設置你喜歡的背景顏色三我的網頁主題利用軟件提供的“主題”功能，為你的網頁套用“秋葉”風格的主題背景1.單擊“格式”菜單，再單擊“主題”命令在彈出的“主題”對話框中選擇秋葉主題，單擊確定用你已經掌握的知識繼續修飾網頁1.對網頁的標題套用“標題1”格式，方法是：將光標到標題文字處，在格式工具欄中選擇標題1樣式2.對剩下的文字套用“標題4”格式，保存你做的修改【設計意圖】第三課繽紛新世界插入水平線插入背景運用主題學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題在線圖畫展課型新授課使用單位、教師教學目標情感教育1.學會在網頁中插入剪貼畫2.學會插入來自文件的圖片3.學會設置圖片格式學會制作“自動縮略圖教學重難點插入來自文件的圖片1.設置圖片格式2.制作“自動縮略圖教具準備多媒體網絡二次備課一、課前體驗，初步感悟。學嗎?那就讓我們一起學習如何插入圖片吧!打開“huazhan.htm”文件，試著在網頁中插入剪貼畫打開“huazhan.htm”網頁，幫濤濤插入來自文件夾的個性圖片1.將光標定位到要插入圖片的位置，單擊菜單欄上的“插入”,再單擊圖片子菜單中的來自文件命令2.在彈出的“選擇文件”對話框中選擇圖片文件，單擊確定去掉圖片的背景，讓網頁更加美觀1.選中圖片，打開圖片工具欄，單擊設置透明顏色按鈕，再單擊一下圖片中的棕色背景，將棕色設置為透明2.出現如下圖所示的提示框，單擊確定3.繼續插入好看的圖片，完成濤濤的畫展網頁為“濤濤的畫展”網頁中的圖片制作“自動縮略圖”1.選擇“工具”菜單中的“網頁選項”命令2.在彈出的“網頁選項”對話框中單擊“自動縮略圖”選項卡，按你喜歡的方式設置縮略圖的格式，單擊“確定”按鈕3.選定需要制作縮略圖的圖片，單擊圖片工具欄上的自動縮略圖按鈕。用此方法為其他兩副圖片設置縮你可以通過尺寸控制點調整縮略圖的大小。4.切換到預覽狀態，單擊任意一副縮略圖，就可以切換到放大圖片窗口了在你的網頁中插入你喜歡的剪貼畫，注意將這些圖片正確保存但我們要制作一個類似圖片索引的網頁時，可以在這個網頁中能【設計意圖】第四課在線圖畫展插入剪貼畫插入來自文件的圖片制作自動略縮圖學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題動感新地帶(一)課型新授課使用單位、教師教學目標知識1.學會插入滾動字幕教學重難點在網頁中插入懸停按鈕教具準備多媒體網絡二次備課一、課前體驗，初步感悟。我們時常可以在電視屏幕下方看到一行緩緩移動的文字，稱作滾動字幕，滾動字幕通常用來發布一些通知或重要說明。在網頁中，也可以實現“滾動字幕”效果。在網頁中插入滾動字幕：“歡迎光臨濤濤的個人畫展!”。1.打開“huazhan.htm”,將光標定位在需要插入滾動字幕的位置，單擊“插入”菜單“組件”子菜單中的“字幕”命令3.在彈出的“字幕屬性”對話框中設置文本內容、字幕滾動的方向和速度，最后設置滾動字幕的表現方式和文本對齊方式4.在“重復”欄中勾選“連續”,在背景顏色下拉列表中選擇滾動字幕的背景顏色5.設置完畢，單擊確定6.單擊窗口左下方的“預覽”標簽，或單擊“文件”菜單中的“在瀏覽器中預覽”命令，打開瀏覽器窗口，就可以看到“歡迎光臨濤濤的畫展!”這幾個字在網頁中從右向左滾動的效果了做一做在網頁“huazhan.htm”上設置懸停按鈕，將它鏈接到“katong.htm”網頁上1.單擊插入菜單組件子菜單中的懸停按鈕命2.彈出“懸停按鈕屬性”對話框，在按鈕文本框中輸入“我喜歡卡通”,單擊瀏覽按鈕，選擇“katong.htm”網頁文件與之鏈接，再設置好“按鈕顏色”、“背景顏色”、“效果”和“效果顏色”等參數，單擊“確定”按鈕【設計意圖】第五課動感新地帶(一)插入滾動字幕插入交互式按鈕學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題動感新地帶(二)課型新授課使用單位、教師教學目標知識1.學會設置動態效果教學重難點設置動態效果教具準備多媒體網絡二次備課展示舞動的文字為“濤濤的網頁”中的標題文字設置動態效1.為“濤濤的網頁”,單擊“格式”菜單中的“動態HTML效果”命令2.選中網頁的標題“濤濤的網頁”,在“動態HTML效果”工具欄的“開啟<選擇一種事件>”下拉菜單中選擇“網頁加載”事件3.在“應用<選擇一種事件>”下拉菜單中選擇“飛入”效果4.在“<選擇設置>”下拉菜單中選擇“從頂部”選項5.網頁加載的效果就設置好了，單擊常用工具攔上的在瀏覽器中預覽按鈕，預覽網頁的實際效果。你會看到，在打開瀏覽器窗口的同時，標題文字“濤濤的網頁”也從頂部快速的飛入為網頁中的圖片制作DHTML效果1.選中濤濤的畫展網頁中的一幅圖片，打開DHTML效果欄。單擊開啟<選擇一種事件>,選擇“鼠標懸停”事件2.在應用<選擇一種效果>下拉菜單中選擇“交換圖片”1.在<選擇設置>下拉菜單中選擇“選擇圖片”選項2.彈出選擇文件對話匡，選擇一幅你喜歡的圖片，單擊“確定”按鈕3.保存你所做的修改，單擊“預覽”標簽，預覽網頁的實際效果設置網頁過渡的動態效果1.單擊“格式”菜單中的“網頁過渡”命令2.彈出“網頁過渡”對話框，在事件列表中，選中“進入網頁”3.設置“過渡效果”為“圓形收縮”、周期為3秒，單擊確定按鈕4.單擊常用工具欄上的保存按鈕，保存網頁5.單擊常用工具欄上的在瀏覽器中預覽按鈕，預覽你設置的網頁過渡效果【設計意圖】第六課動感新地帶(二)標題文字設置動態效果為網頁中的圖片制作DHTML效果設置網頁過渡的動態效果學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題個性小簡歷課型新授課使用單位、教師教學目標情感教育1.學會在網頁中插入表格2.學會單元格的拆分、合并與刪除操作培養學生自我探索、自主學習的能力和自我創新、團體協讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激發求知欲，在不斷摸索中陶冶情操。培養學生熱愛電腦學習電腦的興趣教學重難點1.在網頁中插入表格2.拆分、合并與刪除單元格教具準備多媒體網絡二次備課展示帶有表格的網頁下面我們就一起來學習在網頁中插入表格1.新建一個網頁，輸入標題文字“聰聰.個人簡歷”,并設置背景色，單擊鼠標確定插入表格的起始位置，單擊表格菜單插入子菜單中的表格命令2.彈出插入表格對話框，輸入表格的行數、列數和邊框線的寬度，單擊確定按鈕3.一個7行6列的表格就做好了，現在可以往表格中輸入文字了，方法與word一樣，請你將表格填寫完整吧做一做規則的7行6列的表格并不完全符合我們的要求，現在我們一起來修改一下這個表格。1.拖動鼠標選中第三行的第2-6個單元格，單擊表格菜單中的合并單元格2.看，通信地址一欄的格式就設置好了繼續用合并單元格命令調整其他單元格做一做請刪除表格中多余的一行選中要刪除的行，單擊表格菜單中的刪除單元格命令在保存過的“濤濤的網頁中”制作濤濤的個性小簡歷。【設計意圖】第七課個性小簡歷在網頁中插入表格學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題表格魔法師課型新授課使用單位、教師情感教育學會設置表格屬性學會設置單元格屬性培養學生自我探索、自主學習的能力和自我創新、團體協讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激教學重難點設置單元格屬性教具準備多媒體網絡二次備課一、課前體驗，初步感悟。展示一個美好好的網頁表格讓我們一起來學習改變表格的背景顏色1.在表格中單擊鼠標右鍵，選擇快捷菜單中的表格屬性命令2.彈出表格屬性對話框，選擇背景顏色為白色，單擊確定按做一做請試著改變表格邊框的粗細和顏色1.將光標定位到任意一個單元格中，單擊右鍵，在彈出的快捷菜單中選擇表格屬性命令2.彈出表格屬性對話框，單擊邊框顏色框右端的小三角，在彈出的顏色列表中選擇綠色，在粗細框中可以設置邊框的粗細為“1”。如果想隱藏表格邊框，就可以將粗細設置為0單元格中的文本與單元格的對齊方式有時也需要調整。我們可以用格式工具欄的“左對齊”、“居中對齊”、“右對齊”按鈕進行設置，也可以通過單元格屬性進行設置美化上一節課做的表格。【設計意圖】第八課表格魔法師設置單元格屬性學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題娛樂新天地課型新授課使用單位、教師情感教育學會給網頁配上背景音樂學會在網頁中插入電影文件教學重難點給網頁配上背景音樂插入小電影教具準備多媒體網絡二次備課一、課前體驗，初步感悟。給網頁“ziwojieshao”配上好聽的背景音樂1.打開“ziwojieshao”網頁，單擊菜單欄上的文件，再單擊其中的“屬性”命令2.彈出“網頁屬性”對話框，單擊背景音樂欄中的瀏覽按鈕，打開背景音樂對話框3.在背景音樂對話框中單擊瀏覽按鈕，在彈出的選擇文件對話礦中選擇你喜歡的音樂文件，單擊確定按鈕4.返回網頁屬性對話框，在背景音樂欄勾選不限次數選項，則在打開網頁后背景音樂將不停地反復播放，一直到關閉這個網頁。如果取消不限次數的選擇，則可在其左側的循環次數框中設置背景音樂循環播放的次數插入音樂的方法。我們可以在普通狀態下看到它的提示標志網頁中不僅可以設置動聽的音樂，還可以播放電影呢1.將鼠標移到想要插入影片的位置，單擊插入菜單圖片子菜單中的視頻命令2.在彈出的視頻對話框中沒有找到視頻文件，可以單擊瀏覽按鈕另行選擇剛插入的視頻文件看起來好象一幅圖片，要想讓它正常播必須用瀏覽器預覽或在預覽狀態下觀看打開文件夾中的網頁“yinyue.htm”,插入一段音樂1.打開“yinyue.htm”文件，選擇插入菜單高級子菜單中的插件命令的音頻文件2.用不同的方法在網頁中插入視頻文件【設計意圖】板書設計：第九課娛樂新天地給網頁配上背景音樂給網頁插入電影文件學科信息技術年級五課時1時間冷戈莊小學楊言波課題網頁1+1課型新授課教學目標情感教育1.學會為網頁添加文字超鏈接2.學會為網頁添加電子郵件超鏈接3.學會在網頁中添加書簽培養學生自我探索、自主學習的能力和自我創新、團體協讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激教學重難點在網頁中添加書簽教具準備多媒體網絡二次備課1.打開“ziwojieshao”,在網頁最后輸入文字“好友一聰聰的自我介紹”,將它們選中，單擊插入菜單中的超鏈接命令2.彈出“創建超鏈接”對話框，在URL文本框中輸入超鏈接的地址“congcongjianjie”,單擊確定按鈕做一做1.在“ziwojieshao”網頁中輸入“聯系濤濤”4個字，將它們選中2.單擊常用工具欄上的超鏈接按鈕，彈出對話框3.單擊URL框右側的按鈕，彈出“創建電子郵件對話框”,將濤濤的E-mail地址填寫到“鍵入電子郵再單擊確定4.返回“創建超級鏈接”對話框，URL框中出現了“mailto:擊確定做一做1.新建一個網頁文件，輸入小說文字，保存為“smmmfs.htm”,選中第二十自然段的第一句話，單擊插入菜單中的“書簽”命令彈出“書簽”對話框，“書簽名稱”默認為我這選擇超鏈接命令就做好了在網頁頂端輸入文字“第十二自然段”,選中這幾個字，單擊右鍵，彈出快捷菜單在對話框中，單擊可選欄中書簽框后的下拉按鈕，選擇“第十二自然段”,單擊確定【設計意圖】第十課網頁1+1為網頁添加文字超鏈接為網頁添加電子郵件超鏈接在網頁中添加書簽學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題百變圖片課型新授課使用單位、教師教學目標情感教育讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激教學重難點制作熱點圖教具準備多媒體網絡二次備課一、課前體驗，初步感悟。展示帶有圖片鏈接和熱點圖的網頁在網頁“katong.htm”中插入一“huazhang.htm”打開“katong.htm”,在網頁中插入一幅圖片，單擊選中單擊常用工具欄上的超級鏈接按鈕1.彈出“創建超鏈接”對話框，在URL框中填入鏈接的地址“huazhang”,也可以從上面的框中單擊選擇相應的鏈接對象，單擊確定熱點圖就是指在一個圖片上創建多個超鏈接，它通常使用在一些較特殊的頁面中。像濤濤要做的祖國各地風光介紹的網頁中就需要在一張圖片上創建多個熱點鏈接為“china.htm”網頁中的中國地圖圖片在相應的位置添加兩個熱點，并將它們分別鏈接到“shanghai“qinghai.htm”1.打開網頁“china.htm”,選中地圖圖片，在窗口下方出現圖片工具欄2.選擇“圓形熱點”按鈕，在中國地圖上山東省的位置拖動鼠標畫一個圓形，松開鼠標，彈出“創建鏈接”對話框，在URL框中輸入“shandong.htm”單擊確定按鈕2.重復上一步操作，在地圖中青海省位置建立熱點，將它鏈接到“qinghai.htm”現在請你切換到預覽狀態，把光標指向山東省的位置，光標變成了小手，說明這里有一個超鏈接，單擊，看看網頁是不是切換到“shandong.htm”去了?制作一個帶有熱點圖的網頁【設計意圖】第十一課百變圖片圖片鏈接制作熱點圖教學反思：學科信息技術年級五課時1時間冷戈莊小學楊言波課題少年俱樂部課型新授課1.對表單有一個初步的了解3.學會在網頁中插入單選按鈕能力培養學生自我探索、自主學習的能力和自我創新、團體協情感教育讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激教學重難點在網頁中插入單選按鈕教具準備多媒體網絡二次備課1.表單：是網絡管理員與瀏覽者之間溝通信息的橋梁，它可以實現意見調查、在線查詢、網絡購物、在線申請等功能復選框旁邊需有文字進行說明3.單選按鈕：內容排斥的選項使用單選框，它只允許用戶選擇其中的一項分別為：電腦、繪畫、音樂1.將插入點光標移到需要插入復選框的位置，單擊插入菜單表單子菜單中的復選框命令2.出現一個復選框和提交、全部重寫兩個按鈕，在復選框后添加文字“電腦”,說明復選框的作用3.將插入點光標移動到“提交”按鈕前，重復分別添加說明繪畫和音樂復選框添加完了，單擊預覽標簽看一看求插入兩個單選按鈕，按鈕的說明分別是喜歡和不喜歡1.單擊鼠標確定插入單選按鈕的位置，單擊插入菜單子菜單中的單選按鈕命令2.插入點光標出現一個單選項和提交、重置兩個按鈕。在單選項后添加文字喜歡將插入點光標移動到第一個單選項后，重復上面的操作，再添加另外有個單選按鈕，添加文字說明不喜歡【設計意圖】第十二課少年俱樂部了解表單在網頁中插入復選框在網頁中插入單選按鈕學科信息技術年級五課時1時間冷戈莊小學楊言波課題網頁大本營課型新授課教學目標能力培養學生自我探索、自主學習的能力和自我創新、團體協情感教育讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激教學重難點學會新建站點學會給站點中的網頁重命名教具準備多媒體網絡二次備課新建一個站點，將其路徑指向存放網頁的文件夾啟動frontpage,單擊文件菜單新建子菜單中的站點命令2.在彈出的新建對話框中選擇空站點，在指定新站點的位置文本框中輸入保存網頁的路徑，單擊確定1.在彈出的對話框中單擊是，這樣就將網頁文件夾轉換成網站了2.新站點就建好了利用frontpage提供的個人站點模板快速新建一個人站點1.單擊文件菜單新建子菜單中的站命令2.彈出新建對話框，選擇個人站點模板，在指定新站點的位置框中輸入位置，單擊確定3.個人站點中已經為我們建好了很多網頁，有主頁、興趣、將站點中的網頁.myfav3.htm重命名為jianjie.htm,并將它修改為個人簡歷網頁1.在文件夾列表中，選擇myfav3.htm單擊右鍵，在彈出的快2.系統彈出對話框詢問是否更新網頁間的超鏈接，當然要自動更新，單擊是，鏈接就自動更新了在彈出的新建對話框中選擇空站點，在指定新站點的位置文本框中輸入保存網頁的路徑，單擊確定【設計意圖】第十三課網頁大本營新建站點給站點中的網頁重命名學科信息技術年級五課時1時間主備單位、教師冷戈莊小學楊言波課題網頁大搬家課型新授課使用單位、教師教學目標1.認識網站中的層的概念4.學會在同一層不同層間移動刪除網頁能力培養學生自我探索、自主學習的能力和自我創新、團情感教育讓學生自我展示、自我激勵，體驗成功，在不斷嘗試中激教學重難點在同一層不同層間移動刪除網頁教具準備多媒體網絡二次備課展示：在frontpage的導航窗口中查看個人站點的網站結構打開上節課創建的個人站點，單擊窗口左側視窗欄中的導航按鈕，切換到導航窗口個人站點這個網站分了兩層，第一層只有主頁，第二層有興趣、相冊、喜好站點3個網頁在你的個人站點的第二層中新建一個網頁，命名為1.打開你的個人站點，切換到導航窗口。在網站第一層的主頁標記上單擊上單擊右鍵，在彈出的快捷菜單中選擇新建網頁命令2.在結構圖的第二層添加了一個新網頁，根據我們上節課學的知識，在文件夾列表中將新網頁重命名為ebook.htm當我們切換到導航窗口時，每個節點塊上顯示的文字就是網頁的標題。比如網頁interest.htm的標題是興趣做一做將網頁ebook.htm的標題更改為“電子圖書”1.在newpage1上單擊右鍵，在彈出的快捷菜單中單擊重命名命令2.標題名變為可改寫狀態，鍵入電子圖書，敲回車鍵，網頁標題就改好了將電子圖書網頁移動到興趣網頁的下一層將電子圖書拖動到興趣下方，當出現一條連接到興趣網頁的虛線時，送開鼠標就可以了將相冊這一網頁從站點中刪除彈出刪除網頁對話框。因為我們要將相冊網頁所以選擇從站點中刪除此網頁，單擊確定按鈕即可【設計意圖】第十四課網頁大搬家移動網頁刪除網頁學科信息技術年級五課時1時間主