Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

網(wǎng)絡(luò)框架設(shè)計

Date:2014-07-03 Aource:尚品中國 Type:網(wǎng)站百科
Word Size:small  medium  big

框架是網(wǎng)頁設(shè)計過程中,用戶在瀏覽器窗口中規(guī)定的某一特定區(qū)域,它能夠顯示指定的HTML文檔,而不論窗口中其他區(qū)城顯示什么內(nèi)容。一個瀏覽器窗口可以包含多個框架,即多個窗口,這些框架組合在一起稱之為框架集。框架集也是一個HTML文檔,專門用來定義網(wǎng)頁中一系列框架的屬性、大小、位置等布局方式,同時還要指定頁面中每個框架最初顯示的HTML頁面的URL地址??蚣芗募旧聿⒉话@示在瀏覽器中的頁面內(nèi)容,它只是簡單的提供關(guān)于瀏覽器如何顯示頁面中的各個框架以及各框架將顯示哪些文檔的頁面信息。要在瀏覽器中顯示框架內(nèi)容,就需要輸入框架集文件的URL地址,這樣瀏覽器就可以在框架中打開相應(yīng)的網(wǎng)頁文件了。網(wǎng)站制作中的框架集文件一般都命名為" index.htm ",這樣瀏覽者在訪問網(wǎng)站時就不需要輸入指定的文件名,而只需在瀏覽器地址欄中輸入網(wǎng)站地址即可。

網(wǎng)絡(luò)框架

一、在Dreamweaver 8中用戶可以使用以下方法創(chuàng)建網(wǎng)頁框架集

(1)在當(dāng)前設(shè)計好的頁面基礎(chǔ)上創(chuàng)建框架集,可以首先單擊主菜單欄下方【插入】面板組中的“布局”選項卡,然后單擊“框架”圖標選擇框架模板。這樣當(dāng)前網(wǎng)頁面就會顯示在其中一個框架區(qū)域中。2)需要創(chuàng)建空白的新框架集時,可以選擇【文件】【新建】菜單命令或使用組合健Ctrl+N打開“新建文檔”對話框,在左側(cè)“類別”欄中選擇“框架集”類別,在右側(cè)框架模板中選擇框架形式.最后單擊“創(chuàng)建”按鈕,即可創(chuàng)建一個空白的框架集文件。(3)用戶創(chuàng)建了框架集文件后,就可以使用相應(yīng)的【屬性】集的格式。如是否出現(xiàn)滾動條、設(shè)置固定的寬度和高度、面板設(shè)置所有框架及框架每個框架的名稱等。網(wǎng)站設(shè)計中使用框架的主要目的是為了放置網(wǎng)站導(dǎo)航條,會包含一個導(dǎo)航條框架以及其他用于顯示網(wǎng)站主要內(nèi)容的框架會比較復(fù)雜,很多時候不使用框架也能實現(xiàn)使用框架的效果。那么用戶既可以使用框架來放里導(dǎo)航條,在所有的框架頁面中通常有。當(dāng)然使用框架來設(shè)計網(wǎng)站,例如:要在頁面上部顯示都放著導(dǎo)航條。同內(nèi)容的普通網(wǎng)站主頁面,也可以在網(wǎng)站的每個普通HTML頁面上相同。

二、網(wǎng)站設(shè)計中使用框架結(jié)構(gòu)的優(yōu)點

(1)瀏覽器不需要在打開每個頁面時都顯示相關(guān)的導(dǎo)航條圖片等內(nèi)容。(2)如果框架中包含的內(nèi)容超出顯示器屏幕,瀏覽者能夠很容易地滾動各個框架的內(nèi)容。例如,每個框架都可以有自己的滾動條,這樣打開一個包含很長內(nèi)容的頁面。當(dāng)瀏覽到頁面底部時,如果使用了框架就可以直接單擊位于其他框架中的導(dǎo)骯條即可。

三、網(wǎng)站設(shè)計中使用框架結(jié)構(gòu)的缺點

(1)要對齊位于不同框架中的頁面元素如圖像、文字等會比較困難。(2)需要經(jīng)常測試并修改導(dǎo)航條。在設(shè)計框架集文件時,要時刻記住每個框架顯示的是不同的HTML文檔,即使文檔是空的,也必須首先將這些文檔分別保存之后才能在瀏覽器中預(yù)覽效果。因為只有框架集文件包含了每個框架所要顯示的HTML文檔的URL地址,它才能正確顯示。

 四、使用框架結(jié)構(gòu)的注意事項

為了確保用框架結(jié)構(gòu)設(shè)計的網(wǎng)站能夠在瀏覽器中正確顯示,應(yīng)該注意以下幾點:(1)創(chuàng)建了框架集后,要為每個框架指定所顯示的文檔。(2)一定要分別保存這些要在框架中顯示的文檔。時刻記住每個框架要實現(xiàn)單獨的HTML頁面文件,而且每個文檔以及每個框架集文件都要首先進行保存。(3)設(shè)置好框架集和框架的屬性。包括為每個框架命名,設(shè)置是否顯示滾動條等(4)確認每個鏈接都能在框架中正確顯示。
?

Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.