《dw教學(xué)》第l六講----框架布局

1、編輯ppt1主講主講:劉苗劉苗編輯ppt2編輯ppt3n通過(guò)本章學(xué)習(xí)，掌握使用框架與超連接。通過(guò)本章學(xué)習(xí)，掌握使用框架與超連接。教學(xué)目標(biāo)教學(xué)目標(biāo)編輯ppt4n各種框架的創(chuàng)建（重點(diǎn)）各種框架的創(chuàng)建（重點(diǎn)）niframe內(nèi)聯(lián)框架（重點(diǎn)、難點(diǎn)）內(nèi)聯(lián)框架（重點(diǎn)、難點(diǎn)）本講主要內(nèi)容本講主要內(nèi)容編輯ppt5任務(wù)一、任務(wù)一、框架概述框架概述1、框架作用、框架作用 將瀏覽器窗口劃分成幾個(gè)部分，每個(gè)部分可以各將瀏覽器窗口劃分成幾個(gè)部分，每個(gè)部分可以各自獨(dú)立地顯示在窗口中，每個(gè)部分的頁(yè)面也可以相自獨(dú)立地顯示在窗口中，每個(gè)部分的頁(yè)面也可以相互控制。使用框架可以使頁(yè)面的結(jié)構(gòu)更加合理?；タ刂?。使用框架可以使頁(yè)面的結(jié)構(gòu)更

2、加合理。編輯ppt62、框架的優(yōu)缺點(diǎn)：、框架的優(yōu)缺點(diǎn)：框架的缺點(diǎn)：框架的缺點(diǎn)：n 使頁(yè)面打開的速度比較慢（輸入網(wǎng)址開始時(shí)）因?yàn)榇耸鬼?yè)面打開的速度比較慢（輸入網(wǎng)址開始時(shí)）因?yàn)榇藭r(shí)需要打開兩個(gè)以上的網(wǎng)頁(yè)時(shí)需要打開兩個(gè)以上的網(wǎng)頁(yè).n 存在跨瀏覽器的狀況存在跨瀏覽器的狀況框架的優(yōu)點(diǎn)：框架的優(yōu)點(diǎn)：n 結(jié)構(gòu)更加合理結(jié)構(gòu)更加合理n 在一個(gè)窗口中多個(gè)顯示網(wǎng)頁(yè)在一個(gè)窗口中多個(gè)顯示網(wǎng)頁(yè)n 鏈接后刷新速度快鏈接后刷新速度快編輯ppt73、幾個(gè)概念、幾個(gè)概念框架文件：各框架內(nèi)的文件?？蚣芪募焊骺蚣軆?nèi)的文件?？蚣芗菏且唤M框架的集合，利用它可將不同類別的框架集：是一組框架的集合，利用它可將不同類別的 內(nèi)容放到同一頁(yè)面

3、中。內(nèi)容放到同一頁(yè)面中?？蚣芗募核蜷_的文件為框架集文件?？蚣芗募核蜷_的文件為框架集文件。編輯ppt8任務(wù)二、任務(wù)二、創(chuàng)建框架創(chuàng)建框架n 查看查看可視化助理可視化助理框架邊框框架邊框n 向下，向右拖拽框架上邊框向下，向右拖拽框架上邊框/左邊框至目標(biāo)位置，創(chuàng)左邊框至目標(biāo)位置，創(chuàng)建一個(gè)兩欄框架。用鼠標(biāo)直接拖動(dòng)編輯窗口邊框的左建一個(gè)兩欄框架。用鼠標(biāo)直接拖動(dòng)編輯窗口邊框的左上角可以拖拽出欄式框架。上角可以拖拽出欄式框架。n “窗口窗口” “框架框架”，打開框架面板，打開框架面板(編輯界面中框架編輯界面中框架的縮略圖的縮略圖) n 采用預(yù)設(shè)框架來(lái)建立框架結(jié)構(gòu)采用預(yù)設(shè)框架來(lái)建立框架結(jié)構(gòu)n 插

4、入面板插入面板布局下框架命令建立框架布局下框架命令建立框架n文件文件新建新建編輯ppt9任務(wù)三、任務(wù)三、編輯框架編輯框架1、框架面板、框架面板:shift+F2編輯ppt102、設(shè)置框架和框架集屬性、設(shè)置框架和框架集屬性 選定框架集選定框架集 單擊文檔窗口中兩個(gè)框架的共用邊界單擊文檔窗口中兩個(gè)框架的共用邊界 單擊框架集面板最外圍的邊界單擊框架集面板最外圍的邊界編輯ppt11框架集屬性：框架集屬性：nBorders:設(shè)置框架的邊框（設(shè)置框架的邊框（yes或者或者1表示要邊表示要邊框、框、no或者或者0表示不要邊框、表示不要邊框、default默認(rèn)值）默認(rèn)值）nBorder width:設(shè)置框架的

5、邊框厚度設(shè)置框架的邊框厚度nBorder color:設(shè)置框架的邊框顏色設(shè)置框架的邊框顏色nRow/col:設(shè)置行、列的值，設(shè)置行、列的值，units單位單位nRowcol selection:行列選擇，鼠標(biāo)點(diǎn)擊一下選擇行列選擇，鼠標(biāo)點(diǎn)擊一下選擇行點(diǎn)擊兩下選擇列行點(diǎn)擊兩下選擇列編輯ppt12框架屬性框架屬性nFrame name:框架的名稱框架的名稱nSrc:設(shè)定此框架要顯示的網(wǎng)頁(yè)文檔的設(shè)定此框架要顯示的網(wǎng)頁(yè)文檔的url地址，地址，每個(gè)框架一定要對(duì)應(yīng)一個(gè)每個(gè)框架一定要對(duì)應(yīng)一個(gè)html文檔文檔nBorders:設(shè)置框架的邊框設(shè)置框架的邊框nBorder color:邊框顏色邊框顏色編輯ppt13

6、n Scroll:設(shè)置是否需要滾動(dòng)條設(shè)置是否需要滾動(dòng)條 auto隨內(nèi)容而增加滾動(dòng)條，隨內(nèi)容而增加滾動(dòng)條， yes無(wú)論內(nèi)容是否超出都顯示滾動(dòng)條無(wú)論內(nèi)容是否超出都顯示滾動(dòng)條 no與與yes相反相反nMargin width：邊界寬度：邊界寬度nMargin height：邊界高度：邊界高度nno resize:設(shè)定不讓使用者在瀏覽器中改變框架的設(shè)定不讓使用者在瀏覽器中改變框架的大小大小 編輯ppt143、保存框架和框架集文件、保存框架和框架集文件保存框架文件保存框架文件:文件保存全部文件保存全部生成文件的個(gè)數(shù)：框架個(gè)數(shù)生成文件的個(gè)數(shù)：框架個(gè)數(shù)保存框架集文件保存框架集文件編輯ppt15任務(wù)四、任務(wù)四

7、、 框架網(wǎng)頁(yè)框架網(wǎng)頁(yè)(設(shè)置框架的鏈接設(shè)置框架的鏈接)使用鏈接控制框架內(nèi)容使用鏈接控制框架內(nèi)容在框架屬性中，為各框架命名在框架屬性中，為各框架命名選擇要作為鏈接的文本或其他對(duì)象選擇要作為鏈接的文本或其他對(duì)象,在在Link文本文本框中輸入超鏈接地址框中輸入超鏈接地址在在Target下拉列表框中選擇打開鏈接內(nèi)容目標(biāo)下拉列表框中選擇打開鏈接內(nèi)容目標(biāo)框架的名稱框架的名稱編輯ppt16n本講主要學(xué)習(xí)了框架的創(chuàng)建，可以利用框架結(jié)構(gòu)本講主要學(xué)習(xí)了框架的創(chuàng)建，可以利用框架結(jié)構(gòu)有效管理網(wǎng)站框架的特征是在同一畫面中同時(shí)有效管理網(wǎng)站框架的特征是在同一畫面中同時(shí)顯示多個(gè)網(wǎng)頁(yè)文檔，而且能夠輕松，有效地管理顯示多個(gè)網(wǎng)頁(yè)文檔

8、，而且能夠輕松，有效地管理網(wǎng)站網(wǎng)站.本講小結(jié)本講小結(jié)編輯ppt17上機(jī)作業(yè)上機(jī)作業(yè)1、現(xiàn)有一分為、現(xiàn)有一分為7個(gè)框架的網(wǎng)頁(yè)，則該窗口中含了幾個(gè)框架的網(wǎng)頁(yè)，則該窗口中含了幾個(gè)文件？當(dāng)保存時(shí)，需要保存幾個(gè)文件？個(gè)文件？當(dāng)保存時(shí)，需要保存幾個(gè)文件？2 、 下 圖 的 框 架 中 顯 示 了 各 框 架 的 名 字 ，、 下 圖 的 框 架 中 顯 示 了 各 框 架 的 名 字 ，frame4frame5是被嵌入的框架。如何選中這七是被嵌入的框架。如何選中這七個(gè)框架中的任意一個(gè)？現(xiàn)選擇個(gè)框架中的任意一個(gè)？現(xiàn)選擇frame4frame5組組成的嵌入式框架，又如何操作？成的嵌入式框架，又如何操作？3、現(xiàn)右圖的框架、現(xiàn)右圖的框