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