遼師大版信息技術(shù)六下第16課《綜合實踐—我的個人主頁》教案

第十八課綜合實踐制作班級主頁實踐目標(biāo)1、進一步熟悉FrontPage 設(shè)計網(wǎng)站的環(huán)境2、學(xué)會運用圖片，超鏈接，聲音和視頻建立班級的網(wǎng)站4、學(xué)會運用表單建立和發(fā)布班級的網(wǎng)站5、養(yǎng)成獨立運用信息技術(shù)的能力和與他人協(xié)作的能力實踐活動1自由分組，確定班級網(wǎng)頁的創(chuàng)意；2小組成員內(nèi)部分工，確定預(yù)計完成的時間；3制作班級的主頁，感受制作過程，請老師指導(dǎo)，找班級其它同學(xué)提建議；4對班級網(wǎng)頁進行發(fā)布及測試；5通過應(yīng)用班級主頁，分析總結(jié)班級主頁設(shè)計的過程，撰寫調(diào)查報告。知識與技能我們已經(jīng)學(xué)習(xí)了很多 FrontPage 的知識，這節(jié)課我們通過綜合實踐活動，大家就運用這些知識制作一個班級的網(wǎng)站吧！并在網(wǎng)頁上添加表單，并發(fā)布班級的網(wǎng)站：一、建立班級網(wǎng)頁的構(gòu)思1 、用 FrontPage 建立一個“個人網(wǎng)站”類型的網(wǎng)站，保存到網(wǎng)站目錄中2、選擇一個主題修飾網(wǎng)站3、創(chuàng)意網(wǎng)站的結(jié)構(gòu)，班級網(wǎng)站分成六頁：網(wǎng)頁文件名網(wǎng)頁標(biāo)題網(wǎng)頁內(nèi)容FrontPage 工具index.htm首頁主頁，各分頁內(nèi)容的精華組件，超鏈接aboutme.htm班級介紹班級新聞，班級的簡介表格，文字修飾favorite.htm班級活動通知，活動總結(jié)表格，文字，超鏈接feedback.htm留言反饋留言本，反饋信息表單interest.htm班級榮譽班級獎狀，個人榮譽證書插入圖片，背景音樂photo.htm班級剪影照片表格，插入圖片4、將六個網(wǎng)頁進行整理，加入相應(yīng)內(nèi)容5、加入“ Web 組件”和網(wǎng)頁背景音樂6、制作表單7、發(fā)布班級網(wǎng)站8、同學(xué)們分頭收集班級網(wǎng)頁所需的素材，豐富網(wǎng)頁內(nèi)容二、制作網(wǎng)站（ 1）用“個人網(wǎng)站”模板建立班級網(wǎng)站， 存放在指定的網(wǎng)頁目錄下（ 2）單擊“格式”菜單，選擇“主題 ”，給班級網(wǎng)站中所有的網(wǎng)頁設(shè)定主題（ 3）將各網(wǎng)頁設(shè)置好“導(dǎo)航欄”及“網(wǎng)頁橫幅屬性”（ 4）在各網(wǎng)頁內(nèi)添加相應(yīng)的信息及“ Web 組件”（ 5）在“班級榮譽” 的網(wǎng)頁添加網(wǎng)頁背景音樂（ 6 ）在網(wǎng)頁中添加表格，并添加相應(yīng)的圖片三、打開班級的網(wǎng)頁（ 1）單擊“文件” 菜單， 選擇“打開網(wǎng)站 ”，打開班級的網(wǎng)站（ 2）打開班級的網(wǎng)站后，繼續(xù)設(shè)計豐富班級網(wǎng)站的內(nèi)容四、繼續(xù)設(shè)計班級的網(wǎng)頁（ 1）打開“留言反饋”網(wǎng)頁，根據(jù)需要添加相應(yīng)的表單（ 2）打開“首頁” 網(wǎng)頁，將各頁的精華“復(fù)制”到“首頁” ，完成與各頁之間的“超鏈接”（ 3）預(yù)覽“班級網(wǎng)頁” ，測試網(wǎng)頁（ 4）單擊“文件” 菜單下的“發(fā)布網(wǎng)站 ”，將班級的網(wǎng)站發(fā)布實踐評價1、在班級的網(wǎng)頁上，還想放置哪些內(nèi)容？2、評價在網(wǎng)頁上添加字幕，交互按鈕等“Web 組件”的過程？3、對網(wǎng)頁上填加的圖片進行處理，對文字進行修飾？4、請老師給你們設(shè)計的班級網(wǎng)頁提建議，邀請老師參加你們的制作小組？并請老師對你們制作班級網(wǎng)頁過程評價？5、開個班級網(wǎng)頁制作小組成員的總結(jié)會，將自己想說的話寫成提綱，會后，寫寫自己的體會？小資料FrontPage 與 Dreamweaver 網(wǎng)頁制作工具的結(jié)合1、結(jié)構(gòu)網(wǎng)頁結(jié)構(gòu)的架構(gòu)是網(wǎng)頁設(shè)計是否成功的關(guān)鍵之一。Dreamweaver 在這方面做的要比FrontPage 好的多。因此，在網(wǎng)頁的整體設(shè)計階段，大家可以使用Dreamweaver。2、源代碼要想將一個網(wǎng)頁設(shè)計得更好就要學(xué)會編輯網(wǎng)頁的源代碼， Dreamweaver 源代碼界面非常模糊。 如使用 FrontPage 就可以避免這種現(xiàn)象。 在 FrontPage 的源文件項中， 當(dāng)我們看網(wǎng)頁源代碼的時候，網(wǎng)頁源代碼是錯落有置，而且各種不同的程序例如 Javascript 、 Java 、CSS等都呈現(xiàn)出各種不同的顏色。 這樣可以方便我們更改網(wǎng)頁源代碼。 但是 FrontPage 在這個方面也有其缺點， 比如在我們的網(wǎng)頁中嵌入的 ASP代碼。如果在 FrontPage 編輯格式下看到是一片空白， 讓我們常常不知道要編輯代碼的位置。 在 Dreamweaver 編輯狀態(tài)下我們就能夠看到各種代碼標(biāo)記， 一般顯示為黃色的小標(biāo)記。 當(dāng)我們選中它的時候在源文件狀態(tài)下就可以方便地更改我們嵌入各種代碼了。3、修飾Dreamweaver 在網(wǎng)頁修飾方面不如FrontPage 做的好。 我們在網(wǎng)頁制作中經(jīng)常會使用插入搜索框、 下拉框等。 使用 FrontPage 修飾邊框要比Dreamweaver 做出來的漂亮得多，也很有個性。每一個網(wǎng)頁設(shè)計師都希望自己設(shè)計網(wǎng)頁越小越好，如果他使用FrontPage ，那么冗余代碼就多，反之，Dreamweaver 冗余代碼相對較少。在網(wǎng)頁的修飾的收尾階段，建議大家使用 Dreamweaver。