Frame技術(shù)制作網(wǎng)頁(yè)的資料

1、Frame框架技術(shù)制作網(wǎng)頁(yè)框架技術(shù)制作網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作 框架也稱為幀，是設(shè)計(jì)網(wǎng)頁(yè)時(shí)非常有用的工具。它可以將瀏覽器窗口劃分為若干個(gè)區(qū)域，每個(gè)區(qū)域分別顯示不同的網(wǎng)頁(yè)，從而使用戶能夠一次瀏覽更多內(nèi)容。本章學(xué)習(xí)框架的一些基礎(chǔ)知識(shí)，以及怎么同時(shí)在一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作一個(gè)框架應(yīng)用實(shí)例一個(gè)框架應(yīng)用實(shí)例網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作頁(yè)面分析頁(yè)面分析 該實(shí)例實(shí)質(zhì)是一個(gè)應(yīng)用了該實(shí)例實(shí)質(zhì)是一個(gè)應(yīng)用了top left框架的網(wǎng)頁(yè)?？蚣艿木W(wǎng)頁(yè)。這種框架的頁(yè)面被分成了這種框架的頁(yè)面被分成了3個(gè)區(qū)域，其中包含了個(gè)區(qū)域，其中包含了4個(gè)網(wǎng)頁(yè)文件，分別

2、為：個(gè)網(wǎng)頁(yè)文件，分別為：frameset網(wǎng)頁(yè)、上邊網(wǎng)頁(yè)、上邊topframe框架中包含的網(wǎng)頁(yè)文件、左邊框架中包含的網(wǎng)頁(yè)文件、左邊leftframe框架中包含的網(wǎng)頁(yè)文件、右邊框架中包含的網(wǎng)頁(yè)文件、右邊mainframe中包含的網(wǎng)頁(yè)文件。中包含的網(wǎng)頁(yè)文件。 因此在保存這個(gè)框架集網(wǎng)頁(yè)時(shí)，需要因此在保存這個(gè)框架集網(wǎng)頁(yè)時(shí)，需要4個(gè)文件。個(gè)文件。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)現(xiàn)基于框架的網(wǎng)頁(yè)的基本思路如下：實(shí)現(xiàn)基于框架的網(wǎng)頁(yè)的基本思路如下：（1在頁(yè)面中創(chuàng)建框架集和框架，并對(duì)頁(yè)面在頁(yè)面中創(chuàng)建框架集和框架，并對(duì)頁(yè)面布局進(jìn)行適當(dāng)布局進(jìn)行適當(dāng) 的調(diào)整。的調(diào)整。（2輸入框架頁(yè)面內(nèi)容。輸入框架頁(yè)面內(nèi)容。（3保存框架集

3、文件和框架文件。保存框架集文件和框架文件。（4確認(rèn)鏈接目標(biāo)的框架設(shè)置，使所有鏈接確認(rèn)鏈接目標(biāo)的框架設(shè)置，使所有鏈接內(nèi)容都出現(xiàn)在內(nèi)容都出現(xiàn)在 正確的區(qū)域內(nèi)。正確的區(qū)域內(nèi)。（5通過(guò)設(shè)置框架和框架集屬性，來(lái)改變框通過(guò)設(shè)置框架和框架集屬性，來(lái)改變框架網(wǎng)頁(yè)的外觀架網(wǎng)頁(yè)的外觀 等。等。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作創(chuàng)建框架結(jié)構(gòu)創(chuàng)建框架結(jié)構(gòu)調(diào)出框架面板frames），利用它可以進(jìn)行選取、觀察修改框架等基本操作。在對(duì)框架操作時(shí)，最好一起打開(kāi)框架面板！打開(kāi)方法“窗口”“框架”?；蛘呖旖萱IShift+F2沒(méi)有插入框架時(shí)的框架面板沒(méi)有插入框架時(shí)的框架面板網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作插入插入top left結(jié)構(gòu)的框架集

4、頁(yè)面結(jié)構(gòu)的框架集頁(yè)面n為了方便觀察和操作框架，需要啟用可視化助理，打開(kāi)方法菜單欄可視化助理n打開(kāi)方法是：菜單欄查看可視化助理框架邊框n當(dāng)啟用了輔助工具后文檔窗口的四周就出現(xiàn)了灰色框架邊框網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作對(duì)象面板上的框架集對(duì)象面板上的框架集插入框架集插入框架集插入一個(gè)框架集，操作步驟如下 (1) 新建一個(gè)文件 (2) 執(zhí)行以下操作之一，插入DW預(yù)定的框架集 A、菜單欄插入框架左邊 B、在對(duì)象面板上單擊框架按鈕，或者把按鈕拖 到頁(yè)面上網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作n在文檔窗口出現(xiàn)了包含3個(gè)區(qū)域的top left結(jié)構(gòu)框架集。其中立體的灰色邊框?yàn)榭蚣芗倪吙?，而沒(méi)有立體效果的細(xì)邊框?yàn)榭蚣苓吙?/p>

5、。每一個(gè)框架都有自己的名字，用于識(shí)別其他框架，默認(rèn)的框架名分別為topframe、leftframe、mainframen 說(shuō)明：創(chuàng)建框架集還可以使用自由托拽法，前提是框架邊框是可見(jiàn)的。用這個(gè)方法首先要分析要?jiǎng)?chuàng)建的框架集的結(jié)構(gòu)，然后進(jìn)行相應(yīng)的拖拽操作即可。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作Top left 結(jié)構(gòu)的框架集結(jié)構(gòu)的框架集對(duì)應(yīng)的框架面板對(duì)應(yīng)的框架面板自由創(chuàng)建Top left結(jié)構(gòu)的框架集，操作步驟如下：(1) 將光標(biāo)置于文檔窗口框架的上邊框。(2) 待光標(biāo)變?yōu)殡p箭頭形狀后，按住鼠標(biāo)左鍵向下拖動(dòng)上邊框 到適當(dāng)?shù)奈恢?，這樣就創(chuàng)建了一個(gè)上下結(jié)構(gòu)的框架集。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作自由建立的框架集自

6、由建立的框架集所對(duì)應(yīng)的框架面板所對(duì)應(yīng)的框架面板(3) 按住alt的同時(shí)，用鼠標(biāo)點(diǎn)擊下邊區(qū)域，按住鼠標(biāo)左鍵向右拖動(dòng)左下邊框到適當(dāng)?shù)奈恢茫涂梢陨蓆op left結(jié)構(gòu)框架。利用這種方法，可以自由建立自己所需要的框架集。 注意：利用自由拖拽創(chuàng)建的框架集，其框架名稱均為“沒(méi)有名稱”。由于框架名稱將被作為超級(jí)鏈接的目標(biāo)和腳本的引用，所以需要為框架命名。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作選取框架和框架集選取框架和框架集 在插入框架集之后，如果不滿意，可以進(jìn)行相應(yīng)的修改操作。首先進(jìn)行框架和框架集的選取操作：1.選取框架 方法一：在框架面板中單擊要選取的框架。 方法二：在文檔窗口中按alt鍵，在要選擇的框架 里點(diǎn)

7、擊，便選取了相應(yīng)的框架。 被選取的框架在框架面板中被加黑顯示的細(xì)線圍住，而在文檔窗口中被較細(xì)的虛線框圍著，同時(shí)在狀態(tài)欄上加黑顯示的是。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作2.選取框架集 方法一：在框架面板中單擊立體邊框 方法二：在文檔窗口中將鼠標(biāo)移動(dòng)到框架與框架之間的 分隔線上，單擊鼠標(biāo)左鍵選中框架集。這時(shí)被選中的框架集邊框在框架面板中被加黑顯示，而在文檔窗口中被較細(xì)的虛線框圍住，同時(shí)在狀態(tài)欄上加黑顯示的是。當(dāng)我們?cè)谛陆ǖ捻?yè)面中插入框架集時(shí)，默認(rèn)選中的就是整個(gè)框架集。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作選中選中的狀態(tài)的狀態(tài)選中選中的狀態(tài)的狀態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作增加框架增加框架增加框架可以使用鼠標(biāo)拖拽

8、法和菜單方式。1.鼠標(biāo)拖拽法 (1) 按住alt鍵拖拽任一條框架邊框，可以垂直或 水平分割文檔(或已有的框架)。 (2) 按住alt鍵從一個(gè)角上拖拽框架邊框，可以把 文檔(或已有的框架)劃分為4個(gè)框架。 注意：要選中框架才能在框架內(nèi)部進(jìn)行增加框架，否則默認(rèn)是在外框架(整個(gè)框架集上增加!)網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作直接從底部向上拖拽直接從底部向上拖拽出來(lái)的框架出來(lái)的框架選中右下方的框架后再選中右下方的框架后再按按alt拖拽出來(lái)的框架拖拽出來(lái)的框架網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作2.2.菜單方式菜單方式 在菜單欄修改框架頁(yè)，在子菜單中單擊相應(yīng)的選項(xiàng)。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作刪除框架刪除框架方法：

9、方法： 將想要?jiǎng)h除的框架邊框拖至文檔窗口將想要?jiǎng)h除的框架邊框拖至文檔窗口的邊緣為止，或拖拽想要?jiǎng)h除的框架邊框的邊緣為止，或拖拽想要?jiǎng)h除的框架邊框到父框架的邊框上。到父框架的邊框上。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作調(diào)整框架的大小調(diào)整框架的大小 插入框架后，會(huì)發(fā)現(xiàn)框架的大小并不一定符合要求，因此需要將框架的大小進(jìn)行適當(dāng)?shù)恼{(diào)整。 方法：將鼠標(biāo)指針移到要調(diào)整的框架邊框線上，在出現(xiàn)雙箭頭后，按住鼠標(biāo)左鍵(進(jìn)行左/右、或上下的拖拽即可)。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作編輯框架集頁(yè)面內(nèi)容編輯框架集頁(yè)面內(nèi)容 框架集設(shè)計(jì)好后就可以編輯每個(gè)框架的內(nèi)容了。編輯框架集中內(nèi)容有兩個(gè)方法： (1) 利用前面所學(xué)內(nèi)容，直接在相應(yīng)

10、的框架中輸 入內(nèi)容。 (2) 將框架中的網(wǎng)頁(yè)文件事先編輯好，然后在框 架中導(dǎo)入。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作對(duì)話框?qū)υ捒騨這兩種不同的編輯方法，在保存框架集網(wǎng)頁(yè)的操作過(guò)程有所不同。n使用第一種方法，直接在3個(gè)區(qū)域(框架)中分別插入相應(yīng)的內(nèi)容(頁(yè)面中的文本可以直接從前面制作的網(wǎng)頁(yè)上拷貝過(guò)來(lái))n制作完成后按F12預(yù)覽頁(yè)面，彈出一個(gè)對(duì)話框。提示沒(méi)有保存框架集和框架文件。我們必須先進(jìn)行保存，以后每次修改框架網(wǎng)頁(yè)時(shí)如果直接預(yù)覽頁(yè)面都會(huì)出現(xiàn)這個(gè)對(duì)話框!網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作 該對(duì)話框提示在預(yù)覽框架集網(wǎng)頁(yè)之前需要保存框架集文件和各個(gè)框架文件。單擊“確定”，將保存框架集文件和框架文件，然后才打開(kāi)瀏覽器預(yù)

11、覽；單擊“取消則放棄預(yù)覽。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作保存框架集文件保存框架集文件保存的方法通常有兩種： (1) 同時(shí)保存框架集中的所有網(wǎng)頁(yè)文件。 (2) 分別保存框架集中的網(wǎng)頁(yè)和各個(gè)框架中的網(wǎng) 頁(yè)文件。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作 保存框架集中的所有網(wǎng)頁(yè)文件，操作步驟如下： (1) 菜單欄中選擇“文件” “全部保存”。 (2) top left結(jié)構(gòu)的框架由4個(gè)網(wǎng)頁(yè)文件組成，在 保存過(guò)程中會(huì)先后彈出4個(gè)“另存為對(duì)話框， 依次進(jìn)行保存。同時(shí)保存框架集中的所有網(wǎng)頁(yè)文件同時(shí)保存框架集中的所有網(wǎng)頁(yè)文件網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作 小技巧：小技巧： 保存的時(shí)候被虛線框圍住的框架就是我們正在保存的時(shí)候被虛

12、線框圍住的框架就是我們正在保存的框架文件。如果虛線框圍在左邊就是保存保存的框架文件。如果虛線框圍在左邊就是保存左邊框架中的網(wǎng)頁(yè)，在右邊就是保存右邊的框架左邊框架中的網(wǎng)頁(yè)，在右邊就是保存右邊的框架中的網(wǎng)頁(yè)。中的網(wǎng)頁(yè)。 但是如果使用導(dǎo)入網(wǎng)頁(yè)到框架，保存的方法但是如果使用導(dǎo)入網(wǎng)頁(yè)到框架，保存的方法就有所不同了。就有所不同了。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作分別保存框架集中的網(wǎng)頁(yè)和各個(gè)框架中的網(wǎng)頁(yè)文件分別保存框架集中的網(wǎng)頁(yè)和各個(gè)框架中的網(wǎng)頁(yè)文件保存框架集網(wǎng)頁(yè)文件，操作步驟： (1) 選中整個(gè)框架集 (2) 在菜單中選擇“文件”“保存框架”保存單個(gè)框架網(wǎng)頁(yè)文件的操作步驟如下： (1) 將光標(biāo)定位在要保存網(wǎng)頁(yè)

13、文件的框架內(nèi)，或 在框架面板上單擊網(wǎng)頁(yè)所在框架 (2) 在菜單欄中選擇“文件”“保存框架頁(yè)”網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作單獨(dú)保存框架集網(wǎng)頁(yè)文件單獨(dú)保存框架集網(wǎng)頁(yè)文件保存框架網(wǎng)頁(yè)文件保存框架網(wǎng)頁(yè)文件網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作 注意：注意： 在框架中設(shè)置網(wǎng)頁(yè)標(biāo)題的步驟：選中框架集在框架中設(shè)置網(wǎng)頁(yè)標(biāo)題的步驟：選中框架集在常用面板中，再對(duì)網(wǎng)頁(yè)標(biāo)題進(jìn)行設(shè)置。在常用面板中，再對(duì)網(wǎng)頁(yè)標(biāo)題進(jìn)行設(shè)置。(設(shè)置完設(shè)置完成后要保存整個(gè)框架成后要保存整個(gè)框架)，此時(shí)網(wǎng)頁(yè)標(biāo)題才能被設(shè)置，此時(shí)網(wǎng)頁(yè)標(biāo)題才能被設(shè)置，我們一般的網(wǎng)頁(yè)標(biāo)題設(shè)置方法不能直接設(shè)置。我們一般的網(wǎng)頁(yè)標(biāo)題設(shè)置方法不能直接設(shè)置。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作設(shè)

14、置框架中的鏈接目標(biāo)設(shè)置框架中的鏈接目標(biāo) 為左邊框架中的各個(gè)導(dǎo)航欄目建立一個(gè)可以鏈接到右邊框架中的超級(jí)鏈接。其步驟： (1) 選中文本，打開(kāi)文本的屬性面板。 (2) 在屬性面板上單擊文件夾按鈕，選取要連接 的文件。 (3) 在屬性面板上單擊“目的的下拉列表，點(diǎn)中 “mainframe這個(gè)框架名稱，告訴瀏覽器在 mainframe框架中打開(kāi)被鏈接的網(wǎng)頁(yè)文件。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作選擇不同的框架名稱，鏈接文件將在不同的框架中打開(kāi)： 選擇“mainframe”，在窗口的右邊mainframe框 架中顯示所鏈接的文件內(nèi)容。(2) 選擇“l(fā)eftframe”，在窗口的左邊leftframe框架 中顯

15、示所鏈接的文件內(nèi)容。(3) 選擇“topframe”，在窗口的上邊topfrmae框架 中顯示所鏈接的文件內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作將鏈接目標(biāo)設(shè)置在默認(rèn)框架中將鏈接目標(biāo)設(shè)置在默認(rèn)框架中這是這是4個(gè)默認(rèn)的框架名稱個(gè)默認(rèn)的框架名稱(1) _blank(空白窗口空白窗口)：在另一個(gè)新的窗口中顯示鏈接內(nèi)容，這：在另一個(gè)新的窗口中顯示鏈接內(nèi)容，這樣可以保留現(xiàn)有的窗口文檔內(nèi)容。樣可以保留現(xiàn)有的窗口文檔內(nèi)容。(2) _parent(父窗口父窗口)：在上一層的框架集中顯示鏈接內(nèi)容：在上一層的框架集中顯示鏈接內(nèi)容(該選該選項(xiàng)只有在框架集中還包含另一個(gè)框架集的情況下才能產(chǎn)生效果項(xiàng)只有在框架集中還包含另一個(gè)

16、框架集的情況下才能產(chǎn)生效果)。(3) _self(當(dāng)前窗口當(dāng)前窗口)：在本身所在的框架中顯示鏈接內(nèi)容這樣會(huì)：在本身所在的框架中顯示鏈接內(nèi)容這樣會(huì)覆蓋當(dāng)前框架中的所有內(nèi)容。該目標(biāo)是默認(rèn)值。覆蓋當(dāng)前框架中的所有內(nèi)容。該目標(biāo)是默認(rèn)值。(4) _top(最高最高)：在整個(gè)瀏覽窗口中顯示鏈接內(nèi)容，這樣會(huì)覆蓋：在整個(gè)瀏覽窗口中顯示鏈接內(nèi)容，這樣會(huì)覆蓋當(dāng)前框架中所有內(nèi)容。當(dāng)前框架中所有內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作修改框架集網(wǎng)頁(yè)外觀修改框架集網(wǎng)頁(yè)外觀 框架默認(rèn)的外觀不好看，我們可以通過(guò)設(shè)置框架(或框架集)的屬性來(lái)修改。1、設(shè)置框架集屬性 框架集屬性包括框架的大小和框架之間的邊框顏色及寬度等。查看和設(shè)置框

17、架集的屬性如下：網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作表示當(dāng)前選擇表示當(dāng)前選擇的是框架集的是框架集表示當(dāng)前的框架表示當(dāng)前的框架結(jié)構(gòu)為結(jié)構(gòu)為2行行1列列用于設(shè)置當(dāng)前框架集邊框用于設(shè)置當(dāng)前框架集邊框的類型、寬度和顏色的類型、寬度和顏色設(shè)置選定行設(shè)置選定行(列列)的大小及其單位的大小及其單位行列選擇器深行列選擇器深色行為當(dāng)前行色行為當(dāng)前行(1) 選中整個(gè)框架集。選中整個(gè)框架集。(2) 在菜單欄中選擇在菜單欄中選擇“窗口窗口”“屬性屬性”，此時(shí)打開(kāi)的屬性面板為，此時(shí)打開(kāi)的屬性面板為 整個(gè)框架集的屬性面板為整個(gè)框架集的屬性面板。整個(gè)框架集的屬性面板為整個(gè)框架集的屬性面板。(3) 根據(jù)需要在屬性面板上進(jìn)行相應(yīng)設(shè)置即

18、可根據(jù)需要在屬性面板上進(jìn)行相應(yīng)設(shè)置即可!網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作精確調(diào)整框架大小精確調(diào)整框架大小 將leftframe框架區(qū)域的列寬精確調(diào)整到180像素，步驟如下： (1) 在框架面板上單擊上下框架之間的立體邊框 (2) 此時(shí)屬性面板為下邊框架集的屬性面板 (3) 在“值文本框中輸入180，單位選擇像素即可注意：如果想調(diào)整topframe框架區(qū)域的高度，就要選中整個(gè)框架集。在“值文本框中輸入一個(gè)數(shù)字即可設(shè)置行的大小 網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作2.2.設(shè)置框架的邊框及其寬度和顏色設(shè)置框架的邊框及其寬度和顏色 在框架屬性面板上的“邊框項(xiàng)用于設(shè)置在當(dāng)文檔在瀏覽器中被瀏覽時(shí)是否顯示框架，共有三種

19、選擇： (1) yes(是)：顯示邊框，寬度由“邊框?qū)挾戎械?值指定 (2) no(否)：不顯示邊框 (3) default(默認(rèn))：讓用戶瀏覽器決定是否顯示 邊框。一般情況下為立體的灰色邊框網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作n“邊框?qū)挾软?xiàng)用于設(shè)置框架邊框的寬度，實(shí)際上是框架與框架之間的距離，與表格中單元格的間距相似，其單位默認(rèn)為像素n剛建立框架集網(wǎng)頁(yè)時(shí)，框架集中的邊框設(shè)為“NO”，寬度設(shè)為0。在瀏覽框架網(wǎng)頁(yè)時(shí)，看不到框架之間的邊框，形成了一個(gè)整體，這就是無(wú)縫連接的效果。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作沒(méi)有邊框時(shí)的無(wú)縫連接效果沒(méi)有邊框時(shí)的無(wú)縫連接效果網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作設(shè)置邊框?yàn)樵O(shè)置邊框?yàn)?時(shí)的

20、框架效果時(shí)的框架效果網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作設(shè)置框架屬性設(shè)置框架屬性 框架屬性包括框架的名稱、源文件、邊距、滾動(dòng)、邊框等。使用框架屬性面板可以查看和設(shè)置框架屬性。 網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作通過(guò)執(zhí)行以下操作之一選擇框架： 在“文檔窗口的“設(shè)計(jì)視圖中，按住 Alt 鍵的同時(shí)單擊一個(gè)框架 (Windows) 或在按住 Shift 和 Option 鍵的同時(shí)單擊一個(gè)框架 (Macintosh)。 在“框架面板（“窗口”“框架”）中單擊框架。 網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作1.命名框架 打開(kāi)框架面板，可以看到在top left結(jié)構(gòu)的框架集中，框架的默認(rèn)名稱分別為topframe、leftframe

21、、和mainframe，這些名稱都可以重新定義的。 (1) 在框架面板中的topframe框架內(nèi)單擊，以選 中topframe框架。 (2) 打開(kāi)屬性面板，在框架屬性面板的“框架名 稱里輸入框架的名稱，回車即可。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作表示當(dāng)前選擇的是表示當(dāng)前選擇的是一個(gè)獨(dú)立的框架一個(gè)獨(dú)立的框架對(duì)框架名對(duì)框架名稱修改稱修改以像素為單位設(shè)置以像素為單位設(shè)置框架邊框與內(nèi)容之框架邊框與內(nèi)容之間的左右間距間的左右間距設(shè)置或顯示當(dāng)前框架中的網(wǎng)頁(yè)文件設(shè)置或顯示當(dāng)前框架中的網(wǎng)頁(yè)文件選中可防止用戶選中可防止用戶在瀏覽時(shí)調(diào)整當(dāng)在瀏覽時(shí)調(diào)整當(dāng)前框架的大小前框架的大小滾動(dòng)：在下拉列表中設(shè)置框架是否出現(xiàn)滾動(dòng)條滾動(dòng)

22、：在下拉列表中設(shè)置框架是否出現(xiàn)滾動(dòng)條設(shè)置邊框和設(shè)置邊框和邊框顏色邊框顏色網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作注意：注意： 框架名稱將被作為超級(jí)鏈接的目標(biāo)和腳本使用，命名框架必須符合一下要求：框架名應(yīng)該是一個(gè)單詞，允許使用下劃線(_)，但不能使用橫杠(-)、名號(hào)(.)和空格；框架名應(yīng)該以字母開(kāi)頭，不要使用JavaScript的保留字(如top或navigator)。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作2.更換框架中的網(wǎng)頁(yè)更換框架中的網(wǎng)頁(yè) 利用“導(dǎo)入”，既可以在當(dāng)前框架中導(dǎo)入預(yù)先設(shè)計(jì)好的網(wǎng)頁(yè)文件，也可以更換當(dāng)前框架中的網(wǎng)頁(yè)。其步驟： （1選中想要導(dǎo)入或更換網(wǎng)頁(yè)的框架。 （2使用以下幾種方法依次導(dǎo)入網(wǎng)頁(yè)： A、直接在框架屬性面板上的“源文件文本框中輸入文件名。 B、單擊框架屬性面板上的黃色按鈕，瀏覽并選擇一個(gè)文件。 C、把光標(biāo)置于頁(yè)面中想更換內(nèi)容的框架內(nèi)，然后在菜單欄中選擇“文件”“在框架中打開(kāi)命令打開(kāi)一個(gè)文件。網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作三種在框架中打開(kāi)文件的方法網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)頁(yè)設(shè)計(jì)與制作3.3.為框架設(shè)置滾動(dòng)條為框架設(shè)置滾動(dòng)條 使用“scroll選項(xiàng)就可以為當(dāng)前框架設(shè)置滾動(dòng)條。好處：當(dāng)沒(méi)有足