【正文】 表格進行布局的方法、將網(wǎng)頁元素插入網(wǎng)頁的方法等。 【教學(xué)目標(biāo)】 認(rèn)識FrontPage2003，熟悉FrontPage2003的窗口界面。 掌握在FrontPage2003中建立站點的方法。 掌握對表格進行操作的方法。 了解網(wǎng)站的制作流程。 掌握將圖片、文本資料插入網(wǎng)頁的方法。 形成需求分析的意識。 【教學(xué)重點】 理解站點的概念和站點文件夾的意義。 掌握將圖片、文本資料插入網(wǎng)頁的方法。利用表格進行網(wǎng)頁的版面布局。 【教學(xué)課時】 3課時。 FrontPage2003軟件。 了解活動2任務(wù)。 FrontPage2003 基礎(chǔ)知識講解 1．啟動FrontPage 2003 單擊任務(wù)欄上的“開始”，在“程序”菜單中選擇Microsoft FrontPage2003單擊。 3．介紹FrontPage2003中網(wǎng)頁的編輯、保存方法。 1．了解 FrontPage2003軟件的界面、工具、編輯方法等。 熟悉軟件，為新建網(wǎng)頁打下基礎(chǔ)。 步驟如下： （1）打開FrontPage2003，選擇“文件”菜單中的“新建”命令。 （3）在彈出的“網(wǎng)站模板”對話框中，選擇“常規(guī)”選項卡中的“只有一個網(wǎng)頁的網(wǎng)站”，并在右邊“指定新網(wǎng)站的位置”文本框中輸入新網(wǎng)站的保存位置，如“D:\myweb”，然后單擊“確定”按鈕。 學(xué)習(xí)創(chuàng)建由一個網(wǎng)頁組成的網(wǎng)站。（2），該主頁還是空的，需要對它進行編輯添加內(nèi)容。（3）該站點中一般包含兩個子文件夾。另一個是images文件夾，是FrontPage專門創(chuàng)建用來存放圖像文件的文件夾，因為FrontPage擴展服務(wù)器的圖像文件的默認(rèn)目錄為images。 。 1．解決學(xué)生第一次接觸網(wǎng)站制作可能存在的問題。 自主探究， 設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片 請大家結(jié)合課本P13P14頁自主探究或者相互協(xié)作來設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片。）設(shè)置網(wǎng)頁屬性、添加標(biāo)題和背景圖片。 相互交流完善網(wǎng)頁 ，為其他同學(xué)提供可行性的建議和意見。增強學(xué)生交流的能力。保存好站點文件夾。 1．保存網(wǎng)頁。 為第二節(jié)課進行鋪墊。 2．介紹為什么使用表格進行布局：不同的分辨率下（顯示器中）保持網(wǎng)頁各個元素設(shè)計的位置不會改變，表格中可以放置網(wǎng)頁上的任何元素。 2．參考第18頁的知識向?qū)?，理解表格在網(wǎng)頁中的作用。 2．明確表格的重要性。 行：表格的一行，水平方向。單元格：在表格中，每個方格稱為一個單元格（Cell），可以為每個單元格設(shè)置不同的屬性。 （2）在每個單元格中，除了可以填寫文本之外，還可以放置圖片、表單等，表格的最大好處是能分類顯示數(shù)據(jù)，同時能利用表格來組織網(wǎng)頁的整體布局。 認(rèn)識表格。 （2）單擊“表格”菜單，選擇“插入”選項，并在選擇項中單擊“表格”選項，出現(xiàn)插入表格對話框。 （4）最后單擊“確定”按鈕，屏幕上就會出現(xiàn)一張空的表格。 3．組織學(xué)生討論：還有哪些方法可以插入表格？ 1．根據(jù)教師的演示及參照第16頁的操作坊，插入并修飾表格。 學(xué)會插入表格表格操作，如插入、刪除合并、拆分和設(shè)置單元格屬性等操作 1．演示合并單元格等的操作。 1．按照自己網(wǎng)頁設(shè)計版面來確定表格樣式。 1．讓學(xué)生學(xué)會合并、拆分、插入、刪除和設(shè)置單元格屬性等操作。 交流協(xié)作 請各個小組內(nèi)相互交流、相互檢查，要求每位同學(xué)都要實現(xiàn)自己的版面布局設(shè)計。 ?？偨Y(jié)拓展 1．根據(jù)某一個版面設(shè)計和學(xué)生一起用表格實現(xiàn)布局。那么，如何將圖片、文本等元素充實到網(wǎng)頁中？請大家課后思考。 。2．為插入網(wǎng)頁元素埋下伏筆，引發(fā)學(xué)生的積極探索。 2．。 2．用 。 （2）為文本設(shè)置合適的字體、字號、顏色及段落對齊方式、行距等，使文本清晰美觀、疏密有度。 按照教師演示的操作步驟及要求將文本輸入網(wǎng)頁中。 圖片格式講解 講解圖片格式： （1）圖片格式是計算機存儲圖片的格式，常見的存儲的格式有BMP、TIF、TGA、RAS、EPS、PCX 以及WMF等。 （3）JPEG文件后輟名為．jpg或．jpeg，是最常用的圖像文件格式， JPEG格式的應(yīng)用非常廣泛，目前各類瀏覽器均支持JPEG這種圖像格式，因為JPEG格式的文件尺寸較小，下載速度快。在一個GIF文件中可以存多幅彩色圖像，如果把存于一個文件中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，就可構(gòu)成一種最簡單的動畫。 2．了解BMP、JPG、GIF格式之間的區(qū)別。 利用 Photoshop軟件修改圖片格式 1．演示利用 Photoshop軟件修改圖片格式的步驟： （1）在Photoshop 中打開圖片文件，如文件“”，選擇“圖像”菜單中的“圖像大小”命令。 2．讓學(xué)生利用軟件修改自己的圖片素材的格式。 2．修改自己的圖片素材的格式。 2．學(xué)會轉(zhuǎn)換圖片格式。 （2）單擊“ ”工具圖標(biāo)，或單擊“插入“菜單，選擇”圖片“菜單項，在子菜單中單擊”來自文件“選項，在出現(xiàn)一個”圖片“對話框的同時，彈出一個“選擇文件”對話框。 2．讓學(xué)生完成圖片素材的插入。 學(xué)會在網(wǎng)頁中插入圖片。 通過輸入文本、插入圖片、插入水平線等方法來充實網(wǎng)頁。 預(yù)覽網(wǎng)頁 介紹兩種預(yù)覽網(wǎng)頁的方式： （1）一種是單擊FrontPage 2003主編輯窗口下面的“預(yù)覽”標(biāo)簽，就打開一個FrontPage編輯器自帶的瀏覽器，看完之后，單擊“普通”標(biāo)簽，又切換到編輯狀態(tài)。 了解不同的預(yù)覽方式。 學(xué)會網(wǎng)頁的預(yù)覽、檢查。 推選站點進行展示，其他同學(xué)用第25頁的評價表進行評價。 回顧總結(jié) 總結(jié)網(wǎng)站制作的流程。 系統(tǒng)梳理知識。在本活動中主要讓學(xué)生能了解動畫的作用、動畫的效果、確定在網(wǎng)頁中添加動畫的位置、動畫的格式和動畫的制作軟件，對動畫有一個概括的了解。 【教學(xué)目標(biāo)】 了解動畫的作用。 了解動畫文件的格式。 初步掌握在網(wǎng)頁中規(guī)劃動畫的方法。 培養(yǎng)使用動畫突出主題思想的意識。 端正學(xué)習(xí)態(tài)度、養(yǎng)成良好的學(xué)習(xí)習(xí)慣。 規(guī)劃為網(wǎng)頁添加動畫的方式。 了解常用動畫的制作軟件。 了解動畫文件格式?！窘虒W(xué)準(zhǔn)備】 一些優(yōu)秀的網(wǎng)站網(wǎng)址?！窘虒W(xué)過程】第2課時(了解網(wǎng)頁中的動畫、制作動畫的軟件)教學(xué)階段 教師活動 學(xué)生活動 教學(xué)意圖 新課引入 、騰訊網(wǎng)、遙控之家等網(wǎng)站首頁。：大家要為自己的網(wǎng)頁設(shè)計幾個動畫。 。 。 。 。 。 了解動畫的效果 請學(xué)生根據(jù)剛才所提供的網(wǎng)站，討論網(wǎng)頁上都有哪些動畫效果。 。 設(shè)計網(wǎng)頁動畫方案 請學(xué)生結(jié)合張曉明同學(xué)的動畫方案設(shè)計過程，為自己的網(wǎng)頁設(shè)想添加動畫方案。 。 相互交流各自的設(shè)想，提出意見 。采用動畫，一要考慮動畫的所在部位是否妥當(dāng)，能起到什么作用；二要考慮動畫的表現(xiàn)方式給整個頁面帶來了什么視覺效果。 。 。 。了解了動畫的格式、制作軟件。 相互交流。 小 結(jié) ：動畫能夠給我們的網(wǎng) 頁添加動態(tài)效果，能起到畫龍點睛的作用。 。 。本活動內(nèi)容相對于后面兩個活動，軟件的使用較為簡單。 通過本活動，學(xué)生應(yīng)掌握信息的獲取和分析方法、動畫的基本原理，學(xué)會制作標(biāo)題文字動畫。 掌握動畫文件的格式。掌握SWFtext軟件中作品尺寸、背景特效、字體屬性的設(shè)置技巧。體驗制作動畫的樂趣。體驗動畫在網(wǎng)頁上的作用。 使用SWFtext軟件制作標(biāo)題動畫。【教學(xué)課時】 2課時。 SWFText軟件【教學(xué)過程】第2課時（選擇軟件制作動畫、完成文字動畫插入網(wǎng)頁）教學(xué)階段 教師活動 學(xué)生活動 教學(xué)意圖 新課引入 ：上節(jié)課我們了解了動畫及其制作軟件，課后大家了解了SWFtext軟件?！?。 。 。 認(rèn)識SWFtext軟件特點 請學(xué)生在網(wǎng)絡(luò)上搜索SWFtext軟件的特點，并完成第36頁的學(xué)習(xí)單。 明確為什么選擇SWFtext軟件。 。 設(shè)計標(biāo)題動畫。 。 （2）介紹設(shè)置背景和背景特效。 學(xué)習(xí)使用SWFtext軟件軟件編輯動畫。 自主探究 制作動畫 請學(xué)生用SWFtext軟件按照自己標(biāo)題動畫的設(shè)想來制作動畫。 掌握SWFtext軟件的使用方法。 與同學(xué)交流自己的作品，給其他同學(xué)的作品提出自己的意見和建議，并據(jù)此修改、完善自己的作品。 認(rèn)識動畫文件格式,發(fā)布動畫 ，說說哪種格式最適合自己的標(biāo)題動畫。 （2）在彈出的“發(fā)布”對話框中，選擇一種動畫的發(fā)布格式，然后單擊“確定”按鈕。 ，選擇Flash格式。 。 。 ，并完成P43頁的學(xué)習(xí)單。，完成學(xué)習(xí)單。 。 SWFtext軟件是一款十分容易上手且操作相當(dāng)方便的動畫制作軟件。 。 回顧SWFtext軟件，提出思考問題，激發(fā)學(xué)生為完善網(wǎng)頁再接再厲。 Ulead GIF Animator軟件能幫助我們解決這樣的問題。能結(jié)合網(wǎng)頁主題規(guī)劃相應(yīng)的動畫，能使用Ulead GIF Animator實現(xiàn)動畫并創(chuàng)建發(fā)布動畫。掌握Ulead GIF Animator軟件的操作技巧。提高學(xué)習(xí)動畫制作的興趣。 能夠通過動畫表達(dá)網(wǎng)頁主題。 【教學(xué)難點】 使用Ulead GIF Animator制作動畫?！窘虒W(xué)準(zhǔn)備】 多媒體網(wǎng)絡(luò)教室。：你覺得這個動畫有什么樣的優(yōu)點？ GIF Animator制作動畫。 激發(fā)學(xué)生學(xué)習(xí)Ulead GIF Animator 軟件制作動畫的興趣。 2．介紹軟件界面。4．介紹“幀”。） 5．介紹GIF動畫的發(fā)布。 采用邊講邊練得方式，學(xué)生容易掌握Ulead GIF Animator 5軟件。 自主探究“ Ulead GIF Animator 5”軟件的使用 鞏固“ Ulead GIF Animator 5”的使用方法。 相互提出意見和建議，幫助其他同學(xué)解決問題。 小 結(jié) 1．小結(jié)：本節(jié)課我們熟悉了“ Ulead GIF Animator 5”軟件，并使用它制作了動畫；再次介紹軟件的相關(guān)知識點。請學(xué)生課后收集網(wǎng)頁所需的圖片資料。 。 第2課時（制作并發(fā)布動畫）第8周2017年10月16日九年級（2）班下午第一節(jié)教學(xué)階段 教師活動 學(xué)生活動 教學(xué)意圖 課堂引入 。 自主探究 制作動畫 請學(xué)生使用“ Ulead GIF Animator 5”軟件進行動畫制作。 （2）及時解決學(xué)生所遇到的問題。 （4）發(fā)現(xiàn)典型作品（也可能是比較差的作品）并記錄下來，為后面的共同修改作品做前提工作。 培養(yǎng)學(xué)生自主探究的精神。 觀看作品，聽取其他同學(xué)的經(jīng)驗介紹。 。 根據(jù)同組成員的可行性意見和建議修改作品 。 。 ，和學(xué)生共同一起修改 ，提出自己的意見和建議。 。 將動畫插入網(wǎng)頁 。 3．讓學(xué)生完成第53頁的兩個學(xué)習(xí)單。 格式動畫文件插入個人網(wǎng)頁。 提高學(xué)生的審美力。 欣賞其他同學(xué)的網(wǎng)頁效果