網絡框架設計
框架是網頁設計過程中，用戶在瀏覽器窗口中規定的某一特定區域，它能夠顯示指定的HTML文檔，而不論窗口中其他區城顯示什么內容。一個瀏覽器窗口可以包含多個框架，即多個窗口，這些框架組合在一起稱之為框架集。框架集也是一個HTML文檔，專門用來定義網頁中一系列框架的屬性、大小、位置等布局方式，同時還要指定頁面中每個框架最初顯示的HTML頁面的URL地址。框架集文件本身并不包含要顯示在瀏覽器中的頁面內容，它只是簡單的提供關于瀏覽器如何顯示頁面中的各個框架以及各框架將顯示哪些文檔的頁面信息。要在瀏覽器中顯示框架內容，就需要輸入框架集文件的URL地址，這樣瀏覽器就可以在框架中打開相應的網頁文件了。網站制作中的框架集文件一般都命名為" index.htm ",這樣瀏覽者在訪問網站時就不需要輸入指定的文件名，而只需在瀏覽器地址欄中輸入網站地址即可。
一、在Dreamweaver 8中用戶可以使用以下方法創建網頁框架集
(1)在當前設計好的頁面基礎上創建框架集，可以首先單擊主菜單欄下方【插入】面板組中的“布局”選項卡，然后單擊“框架”圖標選擇框架模板。這樣當前網頁面就會顯示在其中一個框架區域中。2)需要創建空白的新框架集時，可以選擇【文件】【新建】菜單命令或使用組合健Ctrl+N打開“新建文檔”對話框，在左側“類別”欄中選擇“框架集”類別，在右側框架模板中選擇框架形式.最后單擊“創建”按鈕，即可創建一個空白的框架集文件。(3)用戶創建了框架集文件后，就可以使用相應的【屬性】集的格式。如是否出現滾動條、設置固定的寬度和高度、面板設置所有框架及框架每個框架的名稱等。網站設計中使用框架的主要目的是為了放置網站導航條，會包含一個導航條框架以及其他用于顯示網站主要內容的框架會比較復雜，很多時候不使用框架也能實現使用框架的效果。那么用戶既可以使用框架來放里導航條，在所有的框架頁面中通常有。當然使用框架來設計網站，例如：要在頁面上部顯示都放著導航條。同內容的普通網站主頁面，也可以在網站的每個普通HTML頁面上相同。
二、網站設計中使用框架結構的優點
(1)瀏覽器不需要在打開每個頁面時都顯示相關的導航條圖片等內容。(2)如果框架中包含的內容超出顯示器屏幕，瀏覽者能夠很容易地滾動各個框架的內容。例如，每個框架都可以有自己的滾動條，這樣打開一個包含很長內容的頁面。當瀏覽到頁面底部時，如果使用了框架就可以直接單擊位于其他框架中的導骯條即可。
三、網站設計中使用框架結構的缺點
(1)要對齊位于不同框架中的頁面元素如圖像、文字等會比較困難。(2)需要經常測試并修改導航條。在設計框架集文件時，要時刻記住每個框架顯示的是不同的HTML文檔，即使文檔是空的，也必須首先將這些文檔分別保存之后才能在瀏覽器中預覽效果。因為只有框架集文件包含了每個框架所要顯示的HTML文檔的URL地址，它才能正確顯示。
四、使用框架結構的注意事項
為了確保用框架結構設計的網站能夠在瀏覽器中正確顯示，應該注意以下幾點：(1)創建了框架集后，要為每個框架指定所顯示的文檔。(2)一定要分別保存這些要在框架中顯示的文檔。時刻記住每個框架要實現單獨的HTML頁面文件，而且每個文檔以及每個框架集文件都要首先進行保存。(3)設置好框架集和框架的屬性。包括為每個框架命名，設置是否顯示滾動條等（4)確認每個鏈接都能在框架中正確顯示。
返回新聞列表
業務咨詢微信掃一掃