《框架網(wǎng)頁制作》PPT課件

《《框架網(wǎng)頁制作》PPT課件》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第8章框架8.1框架的基本概念8.2創(chuàng)建框架集8.3保存框架和框架集8.4設(shè)置框架和框架集的屬性8.5框架實例8.6模板思考與練習(xí)1圖8.128.1框架的基本概念框架（Frame）就是瀏覽器窗口的一個區(qū)域，在這個區(qū)域中可以顯示一個單獨的文檔（頁面）而不影響另一個區(qū)域中的顯示內(nèi)容?？蚣苡掷斫鉃橐粋€能獨立顯示的文檔。在一個頁面上可以分出多個區(qū)域，設(shè)置多個框架。把這些框架看成一個整體，就稱為框架集（Frameset）?？蚣芗x了窗口的一種布局結(jié)構(gòu)。使用框架技術(shù)不僅可以布局版面，更多的是用于需要通過目錄、索引來閱讀內(nèi)容的

2、導(dǎo)航，也用于網(wǎng)頁的導(dǎo)航條，因為用它閱讀鏈接內(nèi)容時，可以不破壞版面的結(jié)構(gòu)，不破壞目錄或?qū)Ш綏l的導(dǎo)航作用，處在什么位置，一目了然。3在HTML中，框架集用來標記，框架用標記。圖8.1所示頁面框架的HTML標記為：

3、=0>4

4、er_navigation″scrolling=″no″resize=″no″marginheight=″0″marginwidth=″0″>

5、該例說明，框架集可以嵌套，可以查看文件ProgramFiles

6、Macromedia

7、Dreamweaver4

8、Help

9、UsingDreamweaver

10、ContextHelp.htm。58.2創(chuàng)建框架集8.2.1創(chuàng)建框架集為敘述方便，從一個空文檔開始創(chuàng)建框架集，其他兩種情況的創(chuàng)建方法完全相同。假設(shè)已創(chuàng)建了一個新的空白文檔?！纠?.1】創(chuàng)建框架集①單擊要分割框架的窗口，將插入點放置入窗口中。如果已經(jīng)存在框架，則需要單擊某個框架窗格，將插入點放入該窗格內(nèi)。②打開Frame（框架）對象面板（見圖8.2）。③在框架對象

11、面板上單擊相應(yīng)的按鈕，或直接將按鈕拖動到文檔窗口中，即可在當前文檔窗口中構(gòu)建出相應(yīng)格式的框架，框架以灰色線條分割（見圖8.3）。6圖8.27圖8.38注意：在框架對象面板中，命名InsertLeftFrame(插入左框架)的按鈕，實際上建立有兩個框架的框架集，一個叫左（Left）框架，一個叫主框架（MainFrame）。在按鈕圖標中，白色部分（左邊）表示左框架，藍色部分（右邊）表示主框架，而不是一個框架。其他框架對象類似。如圖8.3，單擊“上、左嵌套框架”按鈕，建立了一個上、下左形式的框架集。④如果在圖8.3所示的

12、框架集中的某個框架中再次單擊插入框架集按鈕，則可以創(chuàng)建嵌套框架。如在圖8.3MainFrame框架中單擊“創(chuàng)建下框架”按鈕，建立的嵌套框架如圖8.4。9圖8.410注意：從圖8.4看到，創(chuàng)建下框架時，原來框架中的內(nèi)容被分割在了上邊。實際上，如果要創(chuàng)建框架的頁面或使框架中有內(nèi)容，則需內(nèi)容被分割在MainFrame(主框架)中，就是對象按鈕圖標中的藍色區(qū)域。⑤創(chuàng)建框架集后，執(zhí)行Window

13、Frames（框架集）命令，打開Frames可?？扛用姘?，可以清晰地看到框架的結(jié)構(gòu)，單擊其中的區(qū)域，可以選定框架（見圖8.5）。

14、提示：創(chuàng)建框架集還可以使用Insert

15、Frames(插入

16、框架集)命令。技巧：頁面中的框架用灰線分割，用鼠標拖動分割線，可以調(diào)整框架區(qū)域的大小。11圖8.512在頁面中建立框架后，文檔頁面四周顯示框架邊框，在邊框上按下鼠標向窗口內(nèi)拖動，可以繼續(xù)分割框架(見圖8.6)。使用Modify

17、Frameset命令(見圖8.7)，可以將一個框架左（left）右(ri