框架是網頁設計過程中用戶在瀏覽器窗口中指定的一個特定區(qū)域,它可以顯示指定的HTML 文檔,而不管窗口的其他區(qū)域顯示什么內容。一個瀏覽器窗口可以包含多個框架,即多個窗口,這些框架的組合稱為框架集。 frameset也是一個HTML文檔,專門用于定義網頁中一系列框架的屬性、大小、位置等布局,同時也規(guī)定了每個框架最初顯示的HTML頁面的URL地址這一頁。 frameset文件本身不包含要在瀏覽器中顯示的頁面內容,它只是提供頁面信息,即瀏覽器如何顯示頁面中的每個框架,以及每個框架將顯示哪些文檔。要在瀏覽器中顯示框架內容,需要輸入框架集文件的URL地址,這樣瀏覽器才能打開框架中對應的網頁文件。網站制作中的frameset文件一般命名為'index.htm',這樣瀏覽者在訪問網站時不需要輸入指定的文件名,只需要在瀏覽器地址欄中輸入網站地址即可。
一、在Dreamweaver 8中用戶可以使用以下方法創(chuàng)建網頁框架集
(1) 要根據當前設計的頁面創(chuàng)建框架集,可以先單擊主菜單欄下【插入】面板組中的“布局”選項卡,然后單擊“框架”圖標選擇框架模板.這將在其中一個框架區(qū)域中顯示當前網頁。 2)當需要新建一個空白框架集時,可以選擇【文件】【新建】菜單命令或使用組合鍵Ctrl+N打開“新建文檔”對話框,在其中選擇“框架集”類別左側的“類別”欄,在右側的框架模板中選擇框架形式。最后,單擊“創(chuàng)建”按鈕創(chuàng)建一個空白的框架集文件。 (3) 用戶創(chuàng)建frameset文件后,可以使用對應【Property】set的格式。比如是否有滾動條,設置固定的寬度和高度,設置面板中的所有框架和每個框架的名稱等。在網站設計中使用框架的主要目的是放置網站導航欄。它將包含導航欄框架和其他用于顯示網站主要內容的框架,這將更加復雜。很多時候,不用框架也能達到使用框架的效果。然后用戶可以使用框架來放置導航欄,導航欄通常出現(xiàn)在所有框架頁面中。當然,使用框架來設計網站,例如:在頁面頂部顯示導航欄。具有相同內容的普通網站的主頁在該網站的每個普通HTML頁面上也可以是相同的。二、網站設計中使用框架結構的優(yōu)點
(1) 瀏覽器在打開每個頁面時不需要顯示相關的導航欄圖片等內容。 (2)如果幀中包含的內容超出顯示屏幕,觀看者可以方便地滾動每一幀的內容。例如,每個框架都可以有自己的滾動條,從而打開一個內容很長的頁面。瀏覽到頁面底部時,如果使用框架,可以直接點擊位于另一個框架中的引導欄。三、網站設計中使用框架結構的缺點
(1) 位于不同框架中的圖片、文字等頁面元素難以對齊。 (2) 需要經常測試和修改導航欄。在設計框架集文件時,請記住每個框架顯示不同的HTML 文檔。即使文檔是空的,你也必須先將這些文檔單獨保存,然后才能在瀏覽器中預覽效果。因為只有frameset文件包含了每個frame要顯示的HTML文檔的URL地址,才能正確顯示。四、使用框架結構的注意事項
為了保證采用框架結構設計的網站能夠在瀏覽器中正確顯示,需要注意以下幾點: (1) 創(chuàng)建框架集后,為每個框架指定顯示的文檔。 (2) 務必將要在框中顯示的文檔單獨保存。永遠記住每個框架實現(xiàn)一個單獨的HTML 頁面文件,并且必須首先保存每個文檔和每個框架集文件。 (3) 設置框架集和框架的屬性。包括給每個框架命名,設置是否顯示滾動條等。 (4) 確認每個鏈接都可以在框架中正確顯示。
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!