dreamweaver網(wǎng)頁設(shè)計8-展示頁
2025-03-16 11:35本頁面
【正文】 中的“首頁”，在瀏覽器中就會形成網(wǎng)頁顯示上的嵌套（見圖 ），此非人們所愿。將插入點定位在某框架中，就可以像編輯普通網(wǎng)頁一樣編輯框架網(wǎng)頁，插入文本、表格、圖像、格式化等（見圖 ）。 使用 Modify|Frameset命令 (見圖 )，可以將一個框架左（ left） 右 (right)或上（ up） 下 (down)拆分為兩個框架，多次使用，可以將一個框架拆分為多個框架。 技巧： 頁面中的框架用灰線分割，用鼠標拖動分割線，可以調(diào)整框架區(qū)域的大小。 ⑤ 創(chuàng)建框架集后，執(zhí)行 Window|Frames（ 框架集）命令，打開 Frames可停靠浮動面板，可以清晰地看到框架的結(jié)構(gòu)，單擊其中的區(qū)域，可以選定框架（見圖 ）。 9 圖 10 注意： 從圖 ，創(chuàng)建下框架時，原來框架中的內(nèi)容被分割在了上邊。 ④ 如果在圖 插入框架集按鈕，則可以創(chuàng)建嵌套框架。其他框架對象類似。 6 圖 7 圖 8 注意： 在框架對象面板中，命名 Insert Left Frame(插入左框架 )的按鈕，實際上建立有兩個框架的框架集，一個叫左（ Left） 框架，一個叫主框架（ MainFrame）。 ② 打開 Frame（ 框架）對象面板（見圖 ）。 【例 】創(chuàng)建框架集 ① 單擊要分割框架的窗口，將插入點放置入窗口中。 5 創(chuàng)建框架集 創(chuàng)建框架集 為敘述方便，從一個空文檔開始創(chuàng)建框架集，其他兩種情況的創(chuàng)建方法完全相同。 3 在 HTML中，框架集用 Frameset/Frameset來標記，框架用 Frame/Frame標記。 框架集定義了窗口的一種布局結(jié)構(gòu)。 在一個頁面上可以分出多個區(qū)域，設(shè)置多個框架。第 8章 框 架 框架的基本概念 創(chuàng)建框架集 保存框架和框架集 設(shè)置框架和框架集的屬性 框架實例 模板 思考與練習(xí) 1 圖 2 框架的基本概念 框架（ Frame） 就是瀏覽器窗口的一個區(qū)域，在這個區(qū)域中可以顯示一個單獨的文檔（頁面）而不影響另一個區(qū)域中的顯示內(nèi)容?？蚣苡掷斫鉃橐粋€能獨立顯示的文檔。把這些框架看成一個整體，就稱為框架集（ Frameset）。 使用框架技術(shù)不僅可以布局版面，更多的是用于需要通過目錄、索引來閱讀內(nèi)容的導(dǎo)航，也用于網(wǎng)頁的導(dǎo)航條，因為用它閱讀鏈接內(nèi)容時，可以不破壞版面的結(jié)構(gòu)，不破壞目錄或?qū)Ш綏l的導(dǎo)航作用，處在什么位置，一目了然。圖 HTML標記為： frameset cols=″224,*″ frameborder=0 border=″0″ framespacing=0 frameset rows=″124,*,61,0″ frameborder=0 border=″0″ framespacing=0 frame src=″html/″ name=″mm_navigation″ scrolling=″no″ resize=″no″ marginheight=″0″ marginwidth=″0″ frame src=″html/″ name=″left″ scrolling=″yes″ resize=″no″ marginheight=″0″ marginwidth=″5″ border=″0″ 4 frame src=″html/″ name=″other_navigation″ scrolling=″no″ resize=″no″ marginheight=″0″ marginwidth=″0″ /frameset frameset rows=″*,0″ border=″0″ frameborder=0 framespacing=0 frame src=″″ name=″right″ scrolling=″auto″ resize=″yes″ marginwidth=″20″ marginheight=″5″ /frameset /frameset 該例說明，框架集可以嵌套，可以查看文件 Program Files|Macromedia|Dreamweaver 4|Help|UsingDreamweaver|。假設(shè)已創(chuàng)建了一個新的空白文檔。如果已經(jīng)存在框架，則需要單擊某個框架窗格，將插入點放入該窗格內(nèi)。 ③ 在框架對象面板上單擊相應(yīng)的按鈕，或直接將按鈕拖動到文檔窗口中，即可在當前文檔窗口中構(gòu)建出相應(yīng)格式的框架，框架以灰色線條分割（見圖 ）。 在按鈕圖標中，白色部分（左邊）表示左框架，藍色部分（右邊）表示主框架，而不是一個框架。 如圖 ，單擊“上、左嵌套框架”按鈕，建立了一個上、下左形式的框架集。如在圖 Main Frame框架中單擊“創(chuàng)建下框架”按鈕，建立的嵌套框架如圖 。實際上，如果要創(chuàng)建框架的頁面或使框架中有內(nèi)容，則需內(nèi)容被分割在 Main Frame(主框架 )中，就是對象按鈕圖標中的藍色區(qū)域。 提示： 創(chuàng)建框架集還可以使用 Insert|Frames(插入 |框架集 )命令。 11 圖 12 在頁面中建立框架后，文檔頁面四周顯示框架邊框，在邊框上按下鼠標向窗口內(nèi)拖動，可以繼續(xù)分割框架 (見圖 )。 在框架中添加內(nèi)容 框架集定義了一種頁面分割結(jié)構(gòu)，每一個框架可以顯示一個單獨的網(wǎng)頁，也即每個框架就是一個網(wǎng)頁。如果框架中的內(nèi)容超出框架范圍，會自動顯示滾動條，拖動滾動滑塊，可以顯示窗口外的內(nèi)容。 不過，這種情況可以通過超鏈接的 Target屬性來解決。 17 圖 18 圖 19
高考資料相關(guān)推薦
鄂ICP備17016276號-1