WIKI使用導(dǎo)航
站長(zhǎng)百科導(dǎo)航
站長(zhǎng)專(zhuān)題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢(qián)
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專(zhuān)題
- 云計(jì)算
- 微博營(yíng)銷(xiāo)
- 虛擬主機(jī)管理系統(tǒng)
- 開(kāi)放平臺(tái)
- WIKI程序與應(yīng)用
- 美國(guó)十大主機(jī)
Dreamweaver/關(guān)于框架和框架集
關(guān)于框架和框架集
框架 是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無(wú)關(guān)的 HTML 文檔。
框架集 是 HTML 文件，它定義一組框架的布局和屬性，包括框架的數(shù)目、框架的大小和位置以及在每個(gè)框架中初始顯示的頁(yè)面的 URL?？蚣芗募旧聿话跒g覽器中顯示的 HTML 內(nèi)容，但 noframes 部分除外；框架集文件只是向?yàn)g覽器提供應(yīng)如何顯示一組框架以及在這些框架中應(yīng)顯示哪些文檔的有關(guān)信息
'了解框架和框架集如何工作 '
框架 是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無(wú)關(guān)的 HTML 文檔。框架集 是 HTML 文件，它定義一組框架的布局和屬性。
要在瀏覽器中查看一組框架，請(qǐng)輸入框架集文件的 URL；瀏覽器隨后打開(kāi)要顯示在這些框架中的相應(yīng)文檔。通常將一個(gè)站點(diǎn)的框架集文件命名為 index.html，以便當(dāng)訪問(wèn)者未指定文件名時(shí)默認(rèn)顯示該名稱(chēng)。
下面的示例顯示了一個(gè)由三個(gè)框架組成的框架布局：一個(gè)較窄的框架位于側(cè)面，其中包含導(dǎo)航條；一個(gè)框架橫放在頂部，其中包含 Web 站點(diǎn)的徽標(biāo)和標(biāo)題；一個(gè)大框架占據(jù)了頁(yè)面的其余部分，其中包含主要內(nèi)容。這些框架中的每一個(gè)都顯示單獨(dú)的 HTML 文檔。
在此示例中，當(dāng)訪問(wèn)者瀏覽站點(diǎn)時(shí)，在頂部框架中顯示的文檔永遠(yuǎn)不更改。側(cè)面框架導(dǎo)航條包含鏈接；單擊其中某一鏈接會(huì)更改主要內(nèi)容框架的內(nèi)容，但側(cè)面框架本身的內(nèi)容保持靜態(tài)。無(wú)論訪問(wèn)者在左側(cè)單擊了哪一個(gè)鏈接，右側(cè)主要內(nèi)容框架都會(huì)顯示適當(dāng)?shù)奈臋n。
請(qǐng)注意，框架不是文件。您很可能會(huì)以為當(dāng)前顯示在框架中的文檔是構(gòu)成框架的一部分，但該文檔實(shí)際上并不是框架的一部分。框架是存放文檔的容器 － 任何一個(gè)框架都可以顯示任意一個(gè)文檔。
注意: 頁(yè)面一詞含義較為寬泛，既可以表示單個(gè) HTML 文檔，也可以表示給定時(shí)刻瀏覽器窗口中的全部?jī)?nèi)容，即使當(dāng)時(shí)同時(shí)顯示有幾個(gè) HTML 文檔。例如，短語(yǔ)“使用框架的頁(yè)面”通常表示一組框架以及最初在這些框架中顯示的文檔。
如果一個(gè)站點(diǎn)在瀏覽器中顯示為包含三個(gè)框架的單個(gè)頁(yè)面，則它實(shí)際上至少由四個(gè)單獨(dú)的 HTML 文檔組成：框架集文件以及三個(gè)文檔，這三個(gè)文檔包含這些框架內(nèi)初始顯示的內(nèi)容。當(dāng)您在 Dreamweaver 中設(shè)計(jì)使用框架集的頁(yè)面時(shí)，您必須保存全部這四個(gè)文件，以便該頁(yè)面可以在瀏覽器中正常工作。
'決定是否使用框架' 框架的最常見(jiàn)用途就是導(dǎo)航。一組框架通常包括一個(gè)含有導(dǎo)航條的框架和另一個(gè)要顯示主要內(nèi)容頁(yè)面的框架。
但是，框架的設(shè)計(jì)可能比較復(fù)雜；并且在許多情況下，您可以創(chuàng)建沒(méi)有框架的 Web 頁(yè)，它可以達(dá)到使用一組框架所能達(dá)到的許多同樣效果。例如，如果您想讓導(dǎo)航條顯示在頁(yè)面的左側(cè)，則既可以用一組框架代替您的頁(yè)面，也可以只是在站點(diǎn)中的每一頁(yè)上包含該導(dǎo)航條。（Dreamweaver 可以幫助您創(chuàng)建使用相同布局的多個(gè)頁(yè)面）下圖顯示了具有類(lèi)似框架布局的頁(yè)面設(shè)計(jì)，但在設(shè)計(jì)中并沒(méi)有使用框架。
許多專(zhuān)業(yè) Web 設(shè)計(jì)人員不喜歡使用框架，并且許多瀏覽 Web 的人也不喜歡框架。在大多數(shù)情況下，這種反感是因?yàn)橛龅搅四切┦褂每蚣苄Ч患鸦虿槐匾厥褂每蚣艿恼军c(diǎn)（例如，每當(dāng)訪問(wèn)者單擊導(dǎo)航按鈕時(shí)就重新加載導(dǎo)航框架內(nèi)容的框架集）。如果框架使用得法（例如，在允許其他框架的內(nèi)容發(fā)生更改的同時(shí)，使一個(gè)框架中的導(dǎo)航控件保持靜態(tài)），則這些框架對(duì)于某些站點(diǎn)可能非常有用。
并不是所有的瀏覽器都提供良好的框架支持，框架對(duì)于無(wú)法導(dǎo)航的訪問(wèn)者而言可能難以顯示。所以，如果您確實(shí)要使用框架，應(yīng)始終在您的框架集中提供 noframes 部分，以方便不能查看這些框架的訪問(wèn)者。（請(qǐng)參見(jiàn)處理不能顯示框架的瀏覽器）。您最好還要提供指向站點(diǎn)的無(wú)框架版本的顯式鏈接，以用于那些雖然其瀏覽器支持框架但不喜歡使用框架的訪問(wèn)者。
使用框架具有以下優(yōu)點(diǎn)：
- 訪問(wèn)者的瀏覽器不需要為每個(gè)頁(yè)面重新加載與導(dǎo)航相關(guān)的圖形。
- 每個(gè)框架都具有自己的滾動(dòng)條（如果內(nèi)容太大，在窗口中顯示不下），因此訪問(wèn)者可以獨(dú)立滾動(dòng)這些框架。
例如，當(dāng)框架中的內(nèi)容頁(yè)面較長(zhǎng)時(shí)，如果導(dǎo)航條位于不同的框架中，那么向下滾動(dòng)到頁(yè)面底部的訪問(wèn)者就不需要再滾動(dòng)回頂部來(lái)使用導(dǎo)航條。
'使用框架具有以下缺點(diǎn)：'
- 可能難以實(shí)現(xiàn)不同框架中各元素的精確圖形對(duì)齊。
- 對(duì)導(dǎo)航進(jìn)行測(cè)試可能很耗時(shí)間。
- 各個(gè)帶有框架的頁(yè)面的 URL 不顯示在瀏覽器中，因此訪問(wèn)者可能難以將特定頁(yè)面設(shè)為書(shū)簽（除非您提供了服務(wù)器代碼，使訪問(wèn)者可以加載特定頁(yè)面的帶框架版本。）
了解嵌套的框架集 在另一個(gè)框架集之內(nèi)的框架集稱(chēng)作嵌套的框架集。一個(gè)框架集文件可以包含多個(gè)嵌套的框架集。大多數(shù)使用框架的 Web 頁(yè)實(shí)際上都使用嵌套的框架，并且在 Dreamweaver 中大多數(shù)預(yù)定義的框架集也使用嵌套。如果在一組框架里，不同行或不同列中有不同數(shù)目的框架，則要求使用嵌套的框架集。
例如，最常見(jiàn)的框架布局在頂行有一個(gè)框架（框架中顯示公司的徽標(biāo)），并且在底行有兩個(gè)框架（一個(gè)導(dǎo)航框架和一個(gè)內(nèi)容框架）。此布局要求嵌套的框架集：一個(gè)兩行的框架集，在第二行中嵌套了一個(gè)兩列的框架集。
Dreamweaver 會(huì)根據(jù)需要自動(dòng)嵌套框架集；如果您在 Dreamweaver 中使用框架拆分工具，則您就不需要考慮哪些框架將被嵌套、哪些框架不被嵌套這樣的細(xì)節(jié)。有關(guān)框架拆分工具的更多信息，請(qǐng)參見(jiàn)設(shè)計(jì)框架集。
有兩種方法可在 HTML 中嵌套框架集：內(nèi)部框架集可以與外部框架集在同一文件中定義，也可以在不同文件中單獨(dú)定義。Dreamweaver 中每個(gè)預(yù)定義的框架集均在同一文件中定義其所有框架集。
這兩種類(lèi)型的嵌套均產(chǎn)生相同的視覺(jué)效果；如果沒(méi)有看到代碼，很難判斷使用的是哪種類(lèi)型的嵌套。在 Dreamweaver 中使用外部框架集文件的最常見(jiàn)情況如下：使用“在框架中打開(kāi)”命令在框架內(nèi)打開(kāi)框架集文件時(shí)，可能導(dǎo)致設(shè)置鏈接目標(biāo)時(shí)出現(xiàn)問(wèn)題。通常最簡(jiǎn)單的方法是在單個(gè)文件中定義所有的框架集。