第6課框架實現(xiàn)多窗口頁面_第1頁
第6課框架實現(xiàn)多窗口頁面_第2頁
第6課框架實現(xiàn)多窗口頁面_第3頁
第6課框架實現(xiàn)多窗口頁面_第4頁
第6課框架實現(xiàn)多窗口頁面_第5頁
已閱讀5頁,還剩39頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、PART-6 PART-6 框架實現(xiàn)多框架實現(xiàn)多窗口網(wǎng)頁窗口網(wǎng)頁第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.1 框架與框架集框架與框架集u 框架集也是一個網(wǎng)頁布局工具,使用框架集可以把瀏覽器窗口劃分成若干區(qū)域,分別在不同的區(qū)域顯示不同的網(wǎng)頁文檔。一個框架是一個獨立的HTML頁面,就是瀏覽器窗口中的一個區(qū)域。u 框架通過框架集的使用能夠很好的在一起運作;u 框架集是由多個框架嵌套組合而成的,它包含同一網(wǎng)頁上多個框架的布局、鏈接和屬性信息。u 框架集文檔本身不包含要在瀏覽器中顯示的HTML內(nèi)容,但noframes部分除外。u 要在瀏覽器中查看一組框架,必須打開框架集文檔。一、概述:一、概述

2、:分框分框?qū)g覽器的窗口分成多個區(qū)域,每個區(qū)將瀏覽器的窗口分成多個區(qū)域,每個區(qū)域可以單獨顯示一個域可以單獨顯示一個htmlhtml文件,各個區(qū)域也可相文件,各個區(qū)域也可相關(guān)連地顯示某一個內(nèi)容。關(guān)連地顯示某一個內(nèi)容。比如可以將索引放在一個區(qū)域,文件內(nèi)容顯示在比如可以將索引放在一個區(qū)域,文件內(nèi)容顯示在另一個區(qū)域。另一個區(qū)域。所謂框架所謂框架就是網(wǎng)頁頁面分成幾個窗口,同時就是網(wǎng)頁頁面分成幾個窗口,同時可取得多個可取得多個URL。只要使用標(biāo)記只要使用標(biāo)記和和設(shè)置設(shè)置即可,而所有框架標(biāo)記要放在一個總的即可,而所有框架標(biāo)記要放在一個總的html文檔文檔中,這個文檔只記錄了該框架是如何劃分的,而不中,這個文

3、檔只記錄了該框架是如何劃分的,而不會顯示任何其它的資料,所以不必放入會顯示任何其它的資料,所以不必放入 標(biāo)記,瀏覽該框架必須先讀取這個文檔。標(biāo)記,瀏覽該框架必須先讀取這個文檔。是用來劃分窗口的,每一窗口由是用來劃分窗口的,每一窗口由一個一個 標(biāo)記所標(biāo)識。標(biāo)記所標(biāo)識。 中的內(nèi)容顯示在不支中的內(nèi)容顯示在不支持分框的瀏覽器窗口中,因而這里需指向一個普持分框的瀏覽器窗口中,因而這里需指向一個普通版本的通版本的htmlhtml文件,以便供使用不支持分框瀏覽文件,以便供使用不支持分框瀏覽器的用戶閱讀。器的用戶閱讀。分框由分框由指定,并且可以嵌套,指定,并且可以嵌套,二、分框的基本結(jié)構(gòu)如下二、分框的基本結(jié)構(gòu)

4、如下: :例例1.基本語法基本語法標(biāo)記用來分割窗口,標(biāo)記用來分割窗口,在多窗口頁面中的地位就相當(dāng)于在多窗口頁面中的地位就相當(dāng)于在普通單在普通單窗口頁面中的地位窗口頁面中的地位在頁面中用在頁面中用標(biāo)志標(biāo)志頁面主體部分的起止位置。頁面主體部分的起止位置。標(biāo)記決定了怎樣劃分窗口,以及每個標(biāo)記決定了怎樣劃分窗口,以及每個窗口的位置和大小。窗口的位置和大小。 語法形式語法形式:. 作用作用: 用來標(biāo)記用來標(biāo)記HTML文件為框架模式,并設(shè)定視窗文件為框架模式,并設(shè)定視窗如何分割。如何分割。注注: vcols和和rows:決定頁面如何分割的兩個參數(shù)。分割左右:決定頁面如何分割的兩個參數(shù)。分割左右窗口用窗口用

5、cols,各幀的左右寬度用占窗口寬度的百分比來表示。,各幀的左右寬度用占窗口寬度的百分比來表示。分割上下窗口用分割上下窗口用rows,也用百分比來設(shè)定。,也用百分比來設(shè)定。vframeborder:設(shè)定各分窗口是(:設(shè)定各分窗口是(yes)否()否(no)要加)要加邊框。邊框。vborder:如果加過框的話,則設(shè)定邊框的寬度。如果加過框的話,則設(shè)定邊框的寬度。vbordercolor:設(shè)定邊框的顏色。設(shè)定邊框的顏色。vframespacing:設(shè)定框架與框架間的保留空白的距離,:設(shè)定框架與框架間的保留空白的距離,默認(rèn)值是默認(rèn)值是0。 用用標(biāo)記把窗口分割好后,各窗口的標(biāo)記把窗口分割好后,各窗口的

6、屬性是用屬性是用HTML的的標(biāo)記來定義的,所標(biāo)記來定義的,所以以標(biāo)記中必須包含標(biāo)記中必須包含標(biāo)記,標(biāo)記,用以定義各子窗口的屬性。用以定義各子窗口的屬性。 語法形式語法形式: 作用作用:設(shè)定某一個子窗口的參數(shù)屬性。設(shè)定某一個子窗口的參數(shù)屬性。注注:qsrc:設(shè)定此窗口中要顯示的網(wǎng)頁文件名稱,每個窗設(shè)定此窗口中要顯示的網(wǎng)頁文件名稱,每個窗口一定要對應(yīng)著一個網(wǎng)頁文檔。你可使用絕對路徑或口一定要對應(yīng)著一個網(wǎng)頁文檔。你可使用絕對路徑或相對路徑來指定。相對路徑來指定。 qname:設(shè)定這個窗口的名稱,這樣才能指定框架設(shè)定這個窗口的名稱,這樣才能指定框架來作連結(jié),必須但可任意命名。來作連結(jié),必須但可任意命名

7、。 qframeborder:設(shè)定框架的邊框,其值只有設(shè)定框架的邊框,其值只有 0 和和 1 , 0 表示不要邊框,表示不要邊框, 1 表示要顯示邊框,也可使用表示要顯示邊框,也可使用 yes 或或 no 。 qframespacing:設(shè)定框架與框架間的保留空白的設(shè)定框架與框架間的保留空白的距離。距離。 qbordercolor:設(shè)定框架的邊框顏色。設(shè)定框架的邊框顏色。 qscrolling:設(shè)定是否要顯示卷軸,設(shè)定是否要顯示卷軸,YES 表表示要顯示卷軸,示要顯示卷軸,NO 表示無論如何都不要顯表示無論如何都不要顯示,示, AUTO是視情況顯示。是視情況顯示。 qnoresize:設(shè)定不讓

8、瀏覽者改變這個邊框設(shè)定不讓瀏覽者改變這個邊框的大小。沒有設(shè)定此參數(shù),瀏覽者則可以很的大小。沒有設(shè)定此參數(shù),瀏覽者則可以很隨意地拉動框架,改變其大小。隨意地拉動框架,改變其大小。 qmarginhight:設(shè)定框架高度部份邊緣所設(shè)定框架高度部份邊緣所保留的空白空間。保留的空白空間。 qmarginwidth:設(shè)定框架寬度部份邊緣所設(shè)定框架寬度部份邊緣所保留的空白空間。保留的空白空間。3.舉例舉例 1.左小右大兩窗口左小右大兩窗口:分幀窗口示例分幀窗口示例 很抱歉!這是一個分幀頁面,但由于你的瀏覽器不支持,所以不能很抱歉!這是一個分幀頁面,但由于你的瀏覽器不支持,所以不能瀏覽!瀏覽! 執(zhí)行執(zhí)行效果

9、: 2.一頂一左一右頁面一頂一左一右頁面 執(zhí)行執(zhí)行1.簡介簡介框架超級鏈接的優(yōu)點框架超級鏈接的優(yōu)點主要體現(xiàn)在站點導(dǎo)航上,主要體現(xiàn)在站點導(dǎo)航上,將要產(chǎn)生超級鏈接的文字或圖形置于左框架中,像菜將要產(chǎn)生超級鏈接的文字或圖形置于左框架中,像菜單一樣,當(dāng)你在做框架點選某個超級鏈接,被鏈接的單一樣,當(dāng)你在做框架點選某個超級鏈接,被鏈接的網(wǎng)頁將出現(xiàn)在右框加內(nèi)。網(wǎng)頁將出現(xiàn)在右框加內(nèi)。 左框架的頁面不會被別的頁面所覆蓋。這樣在進(jìn)行左框架的頁面不會被別的頁面所覆蓋。這樣在進(jìn)行多次超級鏈接時就不會迷失掉。多次超級鏈接時就不會迷失掉。二、框架超級鏈接二、框架超級鏈接2.分割框架分割框架首先通過首先通過標(biāo)記中的標(biāo)記中的

10、cols屬性設(shè)定左屬性設(shè)定左右兩個框架,寬度比為右兩個框架,寬度比為200:*。接著用接著用標(biāo)記的標(biāo)記的name屬性設(shè)定格框架的屬性設(shè)定格框架的名稱名稱 ,以及,以及src屬性設(shè)定各框架欲顯示的網(wǎng)頁文件,屬性設(shè)定各框架欲顯示的網(wǎng)頁文件,執(zhí)行結(jié)果如下圖:執(zhí)行結(jié)果如下圖:3.設(shè)定超級鏈接的目的頁設(shè)定超級鏈接的目的頁對于上圖程序如下:對于上圖程序如下:課程表課程表課程表課程表課程表課程表課程表課程表.實例實例具體程序如下:具體程序如下: 第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.1 框架與框架集框架與框架集第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作

11、6.2.1 6.2.1 在在HTMLHTML代碼中創(chuàng)建框架代碼中創(chuàng)建框架1.1.創(chuàng)建基本框架創(chuàng)建基本框架基本HTML中使用,和標(biāo)簽來定義框架。(1)框架集標(biāo)簽標(biāo)簽用于定義一個框架集,成對出現(xiàn)。框架集的作用是將一個窗口劃分成多個子窗口,即框架,每個框架都是一個獨立的頁面,又叫框架頁面。通過cols屬性和rows屬性來將一個窗口劃分為多個框架。(2)框架標(biāo)簽框架標(biāo)簽用于設(shè)定單個框架頁面,單個出現(xiàn)。也可以通過屬性設(shè)置框架的外觀第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作(3)標(biāo)簽使用該標(biāo)簽可以在用戶瀏覽器不支持框架顯示時告之用戶一些相關(guān)信息,以免瀏覽者對空白窗

12、口畫面感覺莫名其妙。標(biāo)簽是成對使用的,首尾標(biāo)簽之間的內(nèi)容就是告之瀏覽者的信息。(4)基本結(jié)構(gòu)標(biāo)簽是可以嵌套使用的,也就是說,可以將其中某一個或幾個子窗口劃分為若干個更小的窗口。第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作6.2.2 6.2.2 在在DreamweaverDreamweaver中創(chuàng)建框架中創(chuàng)建框架 Dreamweaver提供了兩種創(chuàng)建框架結(jié)構(gòu)網(wǎng)頁的方法,即:可以從若干預(yù)定義的框架集中選擇,也可以自己設(shè)計框架集。1.1.創(chuàng)建預(yù)定義的框架集創(chuàng)建預(yù)定義的框架集(1)選擇預(yù)定義框架集(2)為各個框架設(shè)置標(biāo)題2.2.自定義框架集自定義框架集自定義框架

13、集是指由網(wǎng)頁設(shè)計者根據(jù)需要,自己設(shè)置框架集中框架的數(shù)量、布局等屬性,適合于創(chuàng)建復(fù)雜框架結(jié)構(gòu)頁面。第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作6.2.3 6.2.3 框架頁的選擇框架頁的選擇1 1在在“框架框架”面板中選擇框架和框架集面板中選擇框架和框架集u 選擇主菜單的【窗口】【框架】或者按下Ctrl+F10,打開框架面板。u 在“框架”面板中點擊框架則可選取框架,若要在“框架”面板中選取框架頁,則需在“框架”面板中點擊環(huán)繞著框架的邊框。 2 2在在“文檔文檔”窗口中選擇框架和框架集窗口中選擇框架和框架集u 按住Alt鍵的同時單擊框架內(nèi)部;u 要選擇一個

14、框架集,則需單擊框架內(nèi)部的分隔線。u 通過單擊窗口左下角的標(biāo)簽選擇器來選擇相應(yīng)的框架或框架集。第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作6.2.4 6.2.4 框架頁的保存框架頁的保存u 框架網(wǎng)頁由框架頁(也叫框架集)和(子)框架兩部分組成。u 框架頁定義框架的結(jié)構(gòu)、數(shù)量、尺寸及裝入框架的網(wǎng)頁文件。u 框架頁是一種特殊的網(wǎng)頁文件。其中,保存描述子框架數(shù)量,以及在各個子窗口中顯示網(wǎng)頁的文件名(路徑)等信息。u 子框架是子窗口、框架。每個子框架中打開一個獨立的網(wǎng)頁文件。u 一個包含三個框架(子)窗口的網(wǎng)頁,由四個網(wǎng)頁文件組成。第第6章章 框架實現(xiàn)多窗口網(wǎng)頁

15、框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作6.2.56.2.5指定框架網(wǎng)頁文件指定框架網(wǎng)頁文件 當(dāng)完成框架集的創(chuàng)建后,還需要為每個框架指定一個網(wǎng)頁文件,該操作的實質(zhì)就是把網(wǎng)頁文件放到相應(yīng)的框架中。當(dāng)這個框架中被保存后,所指定的文檔就成為在瀏覽器中打開框架頁時該框架顯示的默認(rèn)網(wǎng)頁文檔。這些被放入框架中的網(wǎng)頁可以是空白網(wǎng)頁,也可以是事先編輯好的網(wǎng)頁文件。實際上,當(dāng)創(chuàng)建一個框架頁文件時,就已經(jīng)創(chuàng)建了框架所對應(yīng)的空白網(wǎng)頁文件。操作方法是:1.將插入點放在需要插入網(wǎng)頁的框架中;2.選擇【文件】【在框架中打開】菜單命令,打開“選擇HTML文件”對話框。3.在“選擇HTML文件”對話框中選擇要打

16、開的網(wǎng)頁文件,單擊“確定”,即可完成網(wǎng)頁的插入。第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.2 框架的基本操作框架的基本操作6.2.76.2.7設(shè)置框架中的鏈接設(shè)置框架中的鏈接 在框架中可以使用超鏈接,并且可以通過一個框架中的超鏈接改變另一個框架中的內(nèi)容,這種方法通常用于創(chuàng)建導(dǎo)航頁面。要在一個框架匯總使用超鏈接打開另一個框架中的文檔,必須設(shè)置鏈接目標(biāo)。鏈接目標(biāo)用于確定鏈接內(nèi)容在哪里打開。為框架網(wǎng)頁設(shè)置超鏈接的操作步驟如下:為框架網(wǎng)頁設(shè)置超鏈接的操作步驟如下:1.在網(wǎng)頁文件中選擇要設(shè)置鏈接的對象(如具體的文字、圖片等);2.在屬性面板的“鏈接”選項中設(shè)置鏈接的網(wǎng)頁文件。3.在屬性面板的“

17、目標(biāo)”下拉列表中選擇打開鏈接文件的窗口第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.3 框架的屬性框架的屬性設(shè)置框架集的屬性設(shè)置框架集的屬性(1)使用框架集屬性面板(2)設(shè)置框架集標(biāo)題首先選中要設(shè)置標(biāo)題的框架集,然后再在“文檔”工具欄的“標(biāo)題”框中鍵入框架集文檔的名稱即可。第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.3 框架的屬性框架的屬性2.2.設(shè)置框架屬性設(shè)置框架屬性第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.4 框架布局網(wǎng)頁實例框架布局網(wǎng)頁實例第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.4 框架布局網(wǎng)頁實例框架布局網(wǎng)頁實例第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實

18、現(xiàn)多窗口網(wǎng)頁6.5制作浮動框架制作浮動框架1.浮動框架基礎(chǔ)u 浮動框架又叫嵌入式框架,就是在HTML文檔中的一個區(qū)域內(nèi)插入一個HTML文檔,就像在HTML文檔的一部分區(qū)域中顯示圖像一樣。u 浮動框架不需要在單獨的網(wǎng)頁中創(chuàng)建框架,而是通過標(biāo)簽建立的,其常用屬性屬性屬性說明說明srcsrc嵌入框架內(nèi)容的源嵌入框架內(nèi)容的源namename標(biāo)記框架名標(biāo)記框架名frameborderframeborder設(shè)置和隱藏框架邊界設(shè)置和隱藏框架邊界scrollingscrolling設(shè)置框架滾動條,取值設(shè)置框架滾動條,取值yesyes,nono或或autoautowidthwidth設(shè)置浮動框架寬度,單位像素設(shè)

19、置浮動框架寬度,單位像素heightheight設(shè)置浮動框架高度,單位像素設(shè)置浮動框架高度,單位像素第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.5制作浮動框架制作浮動框架2.在記事本中制作浮動框架執(zhí)行 嵌入式框架 美好回憶 第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.5制作浮動框架制作浮動框架3.在Dreamweaver中制作浮動框架(1)插入浮動框架(2)將光標(biāo)定位在“代碼”模式中已插入的“”標(biāo)簽內(nèi),然后按回車鍵,自動打開下拉列表,選擇“src”選項,(3)接著顯示“瀏覽”按鈕(4)依照前兩個步驟或以直接輸入的方法,編寫代碼“width=300 height=400”,設(shè)置浮

20、動框架的寬度和高度,(5)保存該網(wǎng)頁,按F12在瀏覽器中預(yù)覽,第第6章章 框架實現(xiàn)多窗口網(wǎng)頁框架實現(xiàn)多窗口網(wǎng)頁6.5制作浮動框架制作浮動框架第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.1 用框架布局頁面用框架布局頁面返回本節(jié)返回本節(jié) 要制作框架網(wǎng)頁,就要建立框架集。框架集是組織頁面內(nèi)容的常見方法,通過框架集可以將網(wǎng)頁的內(nèi)容組織到相互獨立的HTML頁面內(nèi),相對固定的內(nèi)容(比如導(dǎo)航欄、標(biāo)題欄)和經(jīng)常變動的內(nèi)容分別以不同的文件保存將會大大提高網(wǎng)頁設(shè)計和維護的效率。 本節(jié)制作一個簡單的框架網(wǎng)頁,先對框架集和框架等概念有一個概括的認(rèn)識。 1 1建立框架集建立框架集 2 2保存框架和框架集保存框架和框架集 3 3

21、理解框架集理解框架集HTMLHTML代碼代碼第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.1 用框架布局頁面用框架布局頁面返回本節(jié)返回本節(jié) 打開文件7.3.1.html,切換到代碼視圖,如圖7-49所示。為了便于閱讀,圖中的代碼進(jìn)行了折疊。定義框架集的HTML標(biāo)簽是,含有這對標(biāo)簽的源代碼存放在框架集文件中。 圖7-49 框架集源代碼 中含有標(biāo)簽,每個標(biāo)簽定義一個框架,并為框架設(shè)置名稱、源文件等屬性,如圖7-50所示。 示例圖7-50 標(biāo)簽 第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.2 創(chuàng)建框架和框架集創(chuàng)建框架和框架集返回本節(jié)返回本節(jié) 每一個框架都是一個獨立的 HTML 頁面,它是瀏覽器窗口中的一個區(qū)域,可以顯

22、示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的HTML 文檔。通過框架集的使用,這些框架能夠很好的在一起運作。所謂框架集就是指定義網(wǎng)頁結(jié)構(gòu)與屬性的HTML頁面,這其中包含了顯示在頁面中框架的數(shù)目,框架的尺寸,裝入框架的頁面的來源,以及其他一些可定義的屬性的相關(guān)信息??蚣芗撁娌粫跒g覽器中顯示(noframes 部分除外),它只是向瀏覽器提供如何顯示一組框架以及在這些框架中應(yīng)顯示哪些文檔的有關(guān)信息。 在 Dreamweaver 中有兩種創(chuàng)建框架集的方法:既可以從若干預(yù)定義的框架集中選擇,也可以自己設(shè)計框架集。 1 1使用預(yù)定義的框架集使用預(yù)定義的框架集 1)創(chuàng)建新的空預(yù)定義框架集 2)在現(xiàn)在有文檔

23、中創(chuàng)建預(yù)定義的框架集 2 2自己設(shè)計框架集自己設(shè)計框架集 3 3拆分或刪除框架拆分或刪除框架 4 4創(chuàng)建嵌套框架創(chuàng)建嵌套框架第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.3 設(shè)置框架及框架集屬性設(shè)置框架及框架集屬性返回本節(jié)返回本節(jié) 框架和框架集是一些獨立的HTML 文檔??梢酝ㄟ^設(shè)置某些框架或框架集的屬性來對框架或框架集進(jìn)行修改。 1 1選取要進(jìn)行更改的框架和框架集選取要進(jìn)行更改的框架和框架集 2 2設(shè)置框架屬性設(shè)置框架屬性 選取框架,打開框架的【屬性】面板。如圖7-55所示。圖7-55框架屬性面板 框架名稱:為當(dāng)前框架命名(為了便于確定超鏈接應(yīng)給框架命名)。 源文件:確定框架的源文檔??梢灾苯釉谖谋究?/p>

24、中輸入文件路徑,也可以單擊文件夾圖標(biāo)查找并選取文件。還可以通過將插入點放在框架內(nèi)并執(zhí)行【文件】|【在框架中打開】命令來打開文件第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.3 設(shè)置框架及框架集屬性設(shè)置框架及框架集屬性返回本節(jié)返回本節(jié) 邊框:用來控制當(dāng)前框架有無邊框。選項有“是”(顯示邊框)、“否”(隱藏邊框)和“默認(rèn)值”。大多數(shù)瀏覽器默認(rèn)為顯示邊框,除非父框架集已將“邊框”設(shè)置為“否”。只有當(dāng)共享該邊框的所有框架都將“邊框”設(shè)置為“否”時,或者當(dāng)父框架集的“邊框”屬性設(shè)置為“否”并且共享該邊框的框架都將“邊框”設(shè)置為“默認(rèn)值”時,邊框才是隱藏的。 滾動:確定當(dāng)框架內(nèi)的內(nèi)容顯示不下的時候是否出現(xiàn)滾動條。選

25、項有“是”、“否”、“自動”和“默認(rèn)”?!笆恰北硎撅@示滾動條,“否”表示不顯示滾動條,“自動”則是自動顯示,也就是當(dāng)該框架內(nèi)的內(nèi)容超過當(dāng)前屏幕上下或左右邊界時,滾動條才會顯示,否則不顯示。“默認(rèn)”將不設(shè)置相應(yīng)屬性的值,從而使各個瀏覽器使用其默認(rèn)值。 不能調(diào)整大?。合薅蚣艹叽?,令訪問者無法通過拖動框架邊框在瀏覽器中調(diào)整框架大小。在 Dreamweaver 中始終可以調(diào)整邊框大小,該選項僅適用于在瀏覽器中查看框架的訪問者。 邊框顏色:為所有框架的邊框設(shè)置邊框顏色。此顏色應(yīng)用于和框架接觸的所有邊框,并且重寫框架集的指定邊框顏色。 邊界寬度:設(shè)置以像素為單位的框架邊框和內(nèi)容之間左右邊距。 邊界高度:

26、設(shè)置以像素為單位的框架邊框和內(nèi)容之間上下邊距。 第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.3 設(shè)置框架及框架集屬性設(shè)置框架及框架集屬性返回本節(jié)返回本節(jié)3 3設(shè)置框架集屬性設(shè)置框架集屬性選取框架集,打開框架集的【屬性】面板。如圖7-56所示。 邊框:在邊框下拉列表中選擇在瀏覽器中查看時是否顯示框架邊框。 邊框顏色:設(shè)置邊框的顏色。 邊框?qū)挾龋褐付蚣芗兴羞吙虻膶挾取?框架大?。簡螕簟拘辛羞x擇范圍】區(qū)域左側(cè)或頂部的選項卡;然后在“值”文本框中,輸入高度或?qū)挾取?單位:包括“像素”、“百分比”和“相對”?!跋袼亍睂⑦x定列或行的大小設(shè)置為一個絕對值。對于應(yīng)始終保持相同大小的框架(例如導(dǎo)航條)而言,此選項是最佳選擇?!鞍俜直取敝付ㄟx定列或行應(yīng)相當(dāng)于其框架集的總寬度或總高度的百分比?!跋鄬Α敝付ㄔ跒椤跋袼亍焙汀鞍俜直取笨蚣芊峙淇臻g后,為選定列或行分配其余可用空間。圖7-56框架集屬性面板 第第5章章 網(wǎng)頁布局網(wǎng)頁布局7.3.4 保存框架和框架集保存框架和框架集返回本節(jié)返回本節(jié) 框架集

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論