電商高級1326班網(wǎng)頁制作教案本第九周02

廣州市機電技師學院廣州市天河金領(lǐng)技工學校蘿崗校區(qū)教師姓名:授課班級:課程名稱:陳建平電商高級1326網(wǎng)頁制作編號：06版本：流水號:科目網(wǎng)頁制作班級電商高級1326授課日期第9周(2)課題第8章使用框架布局設(shè)置框架集和框架屬性課時2課時授課方式講授式、演示式輔助教具多媒體學習目標通過學習完本課題，學生應當能夠：.掌握框架及框架集屬性的設(shè)置.掌握無框架內(nèi)容的設(shè)置作業(yè)布置學習資料重點.掌握框架及框架集屬性的設(shè)置.掌握無框架內(nèi)容的設(shè)置難點.框架及框架集屬性的設(shè)置.無框架內(nèi)容的設(shè)置教學回顧審閱簽名:審閱簽名:審閱日期:審閱簽名:審閱日期:審閱簽名:審閱日期:提交日期:

教學過程教學環(huán)節(jié)與時間分配組織教學教學環(huán)節(jié)與時間分配組織教學5，復習回顧2'新課導入3，講授新課講解15'任務(wù)驅(qū)動10'講解10'（下課時間）任務(wù)驅(qū)動15,評價10'【組織教學】學生機注冊、清點人數(shù)【復習回顧】提問：.如何創(chuàng)建創(chuàng)建框架集？.常見的框架的結(jié)構(gòu)類型有哪些？.如何保存框架和框架集？【新課導入】設(shè)置框架集和框架屬性1.設(shè)置框架集屬性可以在框架集的“屬性”面板中設(shè)置其屬性，具體步驟如下：1）選擇頁面中的框架集，打開框架集的“屬性”面板，如果“屬性”面板不可見，可執(zhí)行“窗口”一一“屬性”命令。2）單擊“屬性”面板右下角的展開按鈕，顯示框架集的所有屬性?？蓪ζ溥M行設(shè)置。注意：在文檔窗口的設(shè)計視圖中拖動框架邊框，可以粗略設(shè)置框架大小，然后再在“屬性”面板中設(shè)置準確的大小。.設(shè)置框架屬性可以在框架的“屬性”面板中設(shè)置框架的屬性，具體步驟如下：1）選擇文檔中需要設(shè)置屬性的框架，打開框架的“屬性”面板。2）單擊“屬性”面板右下角的展開按鈕，顯示框架的所有屬性。可對其進行設(shè)置。.設(shè)置無框架內(nèi)容并不是所有的瀏覽器都支持框架。當在不支持框架的瀏覽器中打開框架頁面時，瀏覽器只顯示HTML文檔中〈noframes〉和〈/noframes〉標簽之間的內(nèi)容。通常，將這部分內(nèi)容稱為無框架內(nèi)容。在DreamweaverCS3中創(chuàng)建無框架內(nèi)容的步驟如下：1）執(zhí)行“修改”一一“框架集”一一“編輯無框架內(nèi)容”命令，使網(wǎng)頁框架消失，顯示完整的設(shè)計視圖，視圖上方標注“無框架內(nèi)容”。2）按照編輯普通文檔的方法，編輯其中的內(nèi)容，如輸入文本、插入圖像及創(chuàng)建超鏈接等。

3）再次執(zhí)行“修改”一一“框架集”一一“