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