創(chuàng)新杯計算機(jī)類第四單元任務(wù)三

1、第四單元制作“心情”網(wǎng)頁任務(wù)三 制作一、提出任務(wù)1任務(wù)目標(biāo)網(wǎng)頁在網(wǎng)頁中2. 解決多內(nèi)容。文件和 FLAS通過完成本任務(wù)認(rèn)識多 文件美化和豐富網(wǎng)頁。3. 本任務(wù)所涉及原有知識要點文件在網(wǎng)頁制作中的重要作用，學(xué)習(xí)運用多完成本任務(wù)所涉及原有知識要點有：在網(wǎng)頁中圖像、編輯圖像，使用框架結(jié)構(gòu)布局頁面。二、教學(xué)目標(biāo)1. 知識目標(biāo) 了解多 了解文件的分類。文件在網(wǎng)頁制作中的作用 掌握在網(wǎng)頁中 了解 FLAS 掌握在網(wǎng)頁中能力目標(biāo)能夠在網(wǎng)頁中情感目標(biāo)文件。在網(wǎng)頁制作中的作用FLAS。多文件并進(jìn)行參數(shù)設(shè)置。通過參加科學(xué)探究活動，初步掌握在網(wǎng)頁制作中使用多文件的方法，并加深對多文件的理解。使學(xué)生增強(qiáng)自信心，對學(xué)習(xí)

2、產(chǎn)生三、教學(xué)分析與準(zhǔn)備1. 教學(xué)重點。多文件的分類在網(wǎng)頁中在網(wǎng)頁中文件。FLAS。教學(xué)難點 在網(wǎng)頁中 在網(wǎng)頁中教學(xué)方法文件。FLAS。任務(wù)驅(qū)動學(xué)習(xí)、協(xié)作學(xué)習(xí)和探究學(xué)習(xí)相結(jié)合4.25.多安排。 教學(xué)環(huán)境網(wǎng)絡(luò)教室。四、教學(xué)過程（組織課堂、復(fù)習(xí)知識、教師引領(lǐng)完成任務(wù)占 1 學(xué)時；舉一反三占 1 學(xué)時。）教學(xué)環(huán)節(jié)及教學(xué)內(nèi)容備注組織課堂復(fù)習(xí)知識集中學(xué)生注意力，準(zhǔn)備上課。通過提問學(xué)生對框架集掌握情況。1框架集的作用？任務(wù)流程導(dǎo)入任務(wù)分析任務(wù)完成任務(wù)2上前演示使用框架集在一個網(wǎng)頁中顯示幾個網(wǎng)頁的內(nèi)容。學(xué)生分組下列問題。文件？文件有哪些？列舉日常生活中的文件。學(xué)生回答上述問題，教師總結(jié)，從而引導(dǎo)學(xué)生學(xué)習(xí)文件。

3、瀏覽包含多文件的網(wǎng)頁，吸引學(xué)生。 通過前面的學(xué)習(xí)已經(jīng)系統(tǒng)的了解了圖形圖像在網(wǎng)頁制作中的應(yīng)用，但是還沒有使用過文件，本任務(wù)將系統(tǒng)學(xué)習(xí)多文件在網(wǎng)頁制作中的應(yīng)用。提出任務(wù)：在網(wǎng)頁中文件在“”的網(wǎng)頁“main5.html”中，一段文件。在上部框架頁面“top.html”中， Flas作為裝飾，美化頁面。布局“ ”頁面運行 Dreamweaver CS5，在“文件”面板中，選擇并打開上一任務(wù)創(chuàng)建的網(wǎng)頁文件“main5.html”，通過 “頁面屬性”設(shè)置網(wǎng)頁上、下邊距為 0 像素，背景色設(shè)置為“#EEF0FF”，其他采用默認(rèn)值。選擇菜單欄“ ”菜單的“表格”選項，一個寬 366 像素、2 行 2 列的表格

4、，表格邊框為 0。設(shè)置第一行高 20 像素，第二行高 272 像素，第一列寬 17像素，第二列寬 349 像素（第二列列寬可以不設(shè)）。在 第 一 行 、 第 一 列 單 元 格 中“ D:mysitediarydiaryimages ” 文 件 夾 中 “po 1.gif”圖像，在第一行的第二列中輸入文字 “ ”，文字大小為 12 像素。然后合并第二行的兩個單元格。插件在“文檔窗口 ”中，用鼠標(biāo)在表格第二行內(nèi)單擊，選擇菜單欄“”“”“插件”選項，彈出“選擇文件”框，如圖 4-16 所示。選擇 “ D:mysitediarymedia ” 文件夾中的文件 “l(fā)jsy.mpg”，單擊“確定”按鈕。

5、結(jié)合菜單講解有哪些文件可以應(yīng)用在網(wǎng)頁設(shè)計中。FLAS文件在頂部框架頁 Flas 。在 Dreamweaver CS5 中，打開“D:mysitediary”文件夾下的網(wǎng)頁學(xué)生可以利用幫助、 、互聯(lián)網(wǎng)查找 。力求通過任務(wù)導(dǎo)入，吸引學(xué)生學(xué)習(xí)興趣。教師引導(dǎo)，學(xué)生。知識總結(jié)舉一反三任務(wù)目標(biāo)啟發(fā)思路分組完成任務(wù)學(xué)生自評或互評教師點評總結(jié)布置作業(yè)“top.html”，將點放到圖像“biaoti.jpg”的右邊，選擇菜單欄“”“”“Flash”選項，在彈出的“選擇文 件”框中選擇 “D:mysitediarymedia”文件夾中的 Flas文件“top.swf”，單擊“確定”按鈕。保存網(wǎng)頁“top.html

6、”，按 F12 鍵預(yù)覽FLASH 文件后，F(xiàn)LASH 背景與網(wǎng)頁背景不協(xié)調(diào)。為此，在“文檔窗口 ”中，單擊選中剛的 Flash動畫，然后單擊“屬性”面板中的“參數(shù)”按鈕，彈出“參數(shù)”框，設(shè)置“參數(shù)”為“wmode”，“值”為“transparent”，表示背景為透明。然后單擊“確定”按鈕，完成Flash 及其參數(shù)設(shè)置，保存頁面。多文件包含 Flas、Shockwave、Applet、ActiveX 和插件等，每一類文件都有其相應(yīng)的可設(shè)置參數(shù)，用于設(shè)置多 文件的各種屬性。“wmode”是動畫模式參數(shù)，“wmode”值設(shè)置為 transparent 代表顯示 Flas 時，背景為透明。通過完成本任

7、務(wù)學(xué)習(xí)了 文件和 FLAS 在網(wǎng)頁制作中的應(yīng)用。創(chuàng)建網(wǎng)頁“practice4-7.html”，在網(wǎng)頁中 插件”， 本單元素材“ 舉一反三” 文件夾中的 “Boo.wav”?；貞浭褂媚膫€菜單、選項可以插件？本題應(yīng) 那個插件？每個插件可以什么類型的多文件？把不同層次的學(xué)生分在一組中，鼓勵同學(xué)積極 完成任務(wù)。小組間互相運行效果，并相互評論。教師對學(xué)生完成情況及評論進(jìn)行總結(jié)，對完成任務(wù)的表揚，對沒有完成任務(wù)的鼓勵，并幫助他們分析沒有完成的原因。如何在網(wǎng)頁中 聲音文件， 文件和網(wǎng)頁的背景音樂 區(qū)別？創(chuàng)建一個網(wǎng)頁“practice4-8.html”，效果如圖 JYFS4-5 所示，在網(wǎng)頁下方 “插件”， 本單元素材“舉一反三”文件夾中的“piantou.avi”。創(chuàng)建網(wǎng)頁“practice4-9.html”，在網(wǎng)頁中