利用框架技術(shù)處理網(wǎng)

《利用框架技術(shù)處理網(wǎng)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、通過本章學習，應(yīng)該掌握以下內(nèi)容：認識框架網(wǎng)頁創(chuàng)建框架網(wǎng)頁的方法編輯框架網(wǎng)頁的方法設(shè)置框架屬性的方法第6章利用框架技術(shù)制作網(wǎng)頁6.1認識框架網(wǎng)頁框架網(wǎng)頁是—種特殊的HTML網(wǎng)頁，它可將瀏覽器窗口分成不同的區(qū)域，稱為框架區(qū)域。每個區(qū)域都可以顯示不同的網(wǎng)頁。在框架網(wǎng)頁中，用來分隔網(wǎng)頁的窗格稱為框架。每個框架包括框架高度、框架寬度、滾動條和框架邊框，此外還可指定框架的內(nèi)邊距（框架與網(wǎng)頁正文之間的距離）。（1）只要單擊某一個框架區(qū)域內(nèi)的超鏈接，其指向的網(wǎng)頁就會在另一個框架區(qū)域中顯示，而不必將整個瀏覽器窗口中的內(nèi)容更換一遍。（2）固定網(wǎng)頁中的某

2、些內(nèi)容。（3）并不是所有的瀏覽器都能顯示框架網(wǎng)頁，這也是框架網(wǎng)頁的一個局限。1．框架網(wǎng)頁的特點2．框架網(wǎng)頁的結(jié)構(gòu)根據(jù)框架分布的不同和各框架作用的不同，框架網(wǎng)頁被分為多種類型。常用到的框架結(jié)構(gòu)有：左側(cè)框架、右側(cè)框架、頂部框架、底部框架、上方和下方框架以及各種嵌套框架結(jié)構(gòu)。在DreamweaverMX中創(chuàng)建框架的具體操作步驟如下：（1）選擇主菜單中的“文件”

3、“新建”命令，打開一個新文檔窗。（2）將插入面板切換到“框架”類，插入面板如圖所示。6.2利用DreamweaverMX處理框架6.2.1創(chuàng)建框架網(wǎng)頁1.建立框架（3）執(zhí)行以下操作

4、之一，即可創(chuàng)建框架。選擇“插入”

5、“框架”命令，從彈出的子菜單中選擇任意一個選項。選擇“修改”

6、“框架頁”命令，從彈出的子菜單中選擇任意一個選項。單擊插入“框架”面板上的任一種插入框架圖標按鈕。2．建立嵌套的框架組一個框架組嵌套在另一個框架組內(nèi)稱之為嵌套框架組，使用嵌套框架組可以為一個文檔創(chuàng)建多個框架。要創(chuàng)建嵌套的框架組，可執(zhí)行以下操作操作步驟：（1）將光標放到與插入嵌套框架組的框架中。（2）執(zhí)行以下操作之一，即可創(chuàng)建嵌套的框架組。選擇“插入”

7、“框架”命令，從彈出的子菜單中選擇任意一個選項。選擇“修改”

8、“框架頁”命令，從彈出的子

9、菜單中選擇任意一個選項。單擊插入“框架”面板中的插入框架圖標按鈕。（1）選擇整個框架要選擇整個框架可執(zhí)行以下操作之一：①將鼠標指針移到整個邊框位置的同時，按住Alt鍵，當鼠標指針變?yōu)榇怪奔^（或水平箭頭）時，單擊邊框即可選中整個框架。②如果當前選擇的是一個子框架，需要重新選擇整個框架，可以將鼠標指針移到第一次分割框架的邊框位置，當鼠標指針變?yōu)榇怪奔^（或水平箭頭）時，單擊邊框即可選中整個框架組。③除了上述方法之外，選擇框架還可以通過“框架”面板來完成。3．選擇框架（2）選擇子框架在文檔窗口中按住Alt鍵，然后用鼠標單擊欲選擇的子框架

10、。文檔窗口中該子框架的周圍被虛線包圍，表示它已經(jīng)被選中，同時在狀態(tài)欄上加黑顯示標記符。同樣也可以通過“框架”面板來選擇子框架。只要在框架面板中單擊相應(yīng)的子框架即可，4．刪除框架將光標放在框架的邊框上，當光標變成垂直箭頭（或水平箭頭）時，按住鼠標左鍵，將框架的邊框拖出父框架或頁面之外，即可將這個框架刪除。6.2.2編輯框架網(wǎng)頁框架創(chuàng)建好以后，就可以對框架進行編輯了。每一個框架里都是一個文檔，可以直接添加內(nèi)容，也可以在框架內(nèi)打開已經(jīng)存在的文檔。演示編輯框架網(wǎng)頁6.2.3保存框架網(wǎng)頁每一個框架都包含一個文檔，因此一個框架集會

11、包含多個文檔。在保存文檔的時候，不能只簡單地保存一個文檔，要將整個網(wǎng)頁文檔都保存下來。演示編輯框架網(wǎng)頁6.2.4框架屬性及框架組屬性設(shè)置1．框架屬性利用框架屬性面板可以查看和設(shè)置框架的屬性，如為框架命名、設(shè)置框架的邊框及顏色等。首先選擇“窗口”

12、“其它”

13、“框架”命令，或按快捷鍵“Shift+F2”，打開“框架”面板；然后在框架面板中選中框架，此時屬性面板所顯示的即為框架的屬性面板，如圖所示。在框架屬性面板中設(shè)定框架的屬性。新創(chuàng)建的框架組默認屬性值為：無邊框，無滾動條，在瀏覽器中無法看到創(chuàng)建的框架，要改變這些屬性，需在屬性面板中修改

14、相應(yīng)的選項。首先單擊框架的邊框，選中框架組，此時屬性面板中將自動切換顯示框架組的屬性，如圖所示。在框架組屬性面板中設(shè)定框架組的屬性。2．框架組屬性3．設(shè)置框架的大小調(diào)整框架尺寸可以拖動框架的邊框來調(diào)整，但在需要精確定義框架尺寸的大小時，可以在屬性面板中進行框架尺寸的設(shè)置。設(shè)置框架尺寸的步驟如下：（1）單擊框架邊界，選定一個框架組。（2）選擇“窗口”

15、“屬性”命令，打開框架組屬性面板。（3）單擊框架組屬性面板右側(cè)圖框中的區(qū)域，選定框架組中的行或列。（4）在“值”文本框中輸入調(diào)整框架尺寸的數(shù)值，然后在“單位”下拉列表框中選擇一種度量單位

16、。4．設(shè)置框架和框架組的邊框（1）設(shè)置框架邊框的屬性設(shè)置框架邊框?qū)傩缘牟襟E如下：①在文檔窗口按住Alt鍵，然后單擊一個框架，或通過“框架”面板來選擇一個框架。②在框架屬性面板上的“邊框”下拉列表項中選擇任意一個選項。③在“邊框顏色”文