第11章 創(chuàng)建框架網(wǎng)頁.ppt

《第11章 創(chuàng)建框架網(wǎng)頁.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、第11章創(chuàng)建框架網(wǎng)頁框架是一種特殊的網(wǎng)頁，它將一個(gè)頁面分成幾個(gè)部分，其中每個(gè)部分都是相互獨(dú)立的。框架中的超級鏈接可以指定到目標(biāo)框架，這樣在打開超級鏈接的時(shí)候，整個(gè)頁面會保持不變，只是將鏈接的內(nèi)容在目標(biāo)框架中顯示。在一個(gè)網(wǎng)頁中，在有些情況下并不是所有的內(nèi)容都需要改變，如網(wǎng)頁的導(dǎo)航欄、網(wǎng)頁標(biāo)題等部分。如果在每個(gè)網(wǎng)頁中都重復(fù)插入這些元素，就會浪費(fèi)大量的時(shí)間，在這種情況下，使用框架就會解決以上問題。11.1關(guān)于框架使用框架結(jié)構(gòu)也有其優(yōu)缺點(diǎn)?？蚣芙Y(jié)構(gòu)的優(yōu)點(diǎn)如下：統(tǒng)一的風(fēng)格。一個(gè)網(wǎng)站中通常有很多頁面具有相同的部分，從而做到網(wǎng)站總體的風(fēng)格統(tǒng)一。可以把這

2、個(gè)相同的部分單獨(dú)做成一個(gè)頁面，作為框架結(jié)構(gòu)中的一個(gè)框體的內(nèi)容公用于整個(gè)站點(diǎn)。通過這種方法，能達(dá)到網(wǎng)站的整體風(fēng)格的統(tǒng)一。便于修改。一般情況下，每過幾個(gè)星期或幾個(gè)月，網(wǎng)站的設(shè)計(jì)就要做出一個(gè)更改。可以把每頁都要用到的公共內(nèi)容制作成單獨(dú)的網(wǎng)頁，并作為框架結(jié)構(gòu)一個(gè)框體的內(nèi)容提供給整個(gè)站點(diǎn)公用，每次修改時(shí)，只需要更改這個(gè)公共網(wǎng)頁，就能完成對整個(gè)網(wǎng)站的設(shè)計(jì)更改。便于訪問。一般公共框體的內(nèi)容都做成網(wǎng)站各主要欄目的鏈接，當(dāng)瀏覽器的滾動(dòng)條滾動(dòng)時(shí)，這些鏈接不隨滾動(dòng)條的滾動(dòng)而上下移動(dòng)，而是一直固定在瀏覽器窗口的某個(gè)位置，使訪問者能隨時(shí)單擊跳轉(zhuǎn)到另一頁面。11.2

3、創(chuàng)建框架集和框架框架是瀏覽器窗口中的一個(gè)區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的HTML文檔。框架集是HTML文件，用來定義一組框架的布局和屬性，包括框架的數(shù)目、框架的大小和位置以及在每個(gè)框架中初始顯示頁面的URL。當(dāng)一個(gè)頁面被劃分為若干個(gè)框架時(shí)，Dreamweaver就會自動(dòng)建立一個(gè)框架集文件，同時(shí)為每個(gè)框架建立一個(gè)文檔文件。也就是說，一個(gè)包含有3個(gè)框架的網(wǎng)頁實(shí)際上是由4個(gè)文件組成：框架集文件和3個(gè)包含在框架中顯示的內(nèi)容文件。在使用框架集設(shè)計(jì)網(wǎng)頁時(shí)，為了使該網(wǎng)頁能在瀏覽器中正常工作，必須對這4個(gè)頁面都進(jìn)行保存。11.2.

4、1使用預(yù)定義的框架集使用預(yù)定義的框架集是一種創(chuàng)建基于框架布局的最簡單的方法，能夠自動(dòng)創(chuàng)建布局所需的所有框架和框架集。一般在文檔窗口的設(shè)計(jì)視圖中插入預(yù)定義的框架集。通過預(yù)定義的框架集，可以很容易地選擇要?jiǎng)?chuàng)建的框架的類型。11.2.2創(chuàng)建嵌套框架集在另外一個(gè)框架集之內(nèi)的框架集稱為嵌套的框架集。一個(gè)框架集文件可以包含多個(gè)嵌套的框架集。但凡使用框架的網(wǎng)頁實(shí)際上都使用嵌套的框架，并且在Dreamweaver中大多數(shù)預(yù)定義的框架集也使用嵌套。如果在一組框架里，不同行或不同列中有不同數(shù)目的框架，則要求使用嵌套的框架集，具體操作步驟如下。（1）打開框架網(wǎng)

5、頁，將鼠標(biāo)置于右側(cè)框架中，選擇“修改”

6、“框架集”

7、“拆分右框架”命令。（2）選擇“拆分右框架”命令后可以看到嵌套框架的效果，如圖11.4所示。11.2.3手動(dòng)設(shè)計(jì)框架集手動(dòng)設(shè)計(jì)框架集有更大的自由度，可以任意控制拆分的方式，以及高度和寬度。手動(dòng)設(shè)計(jì)框架集的具體操作步驟如下。（1）打開框架網(wǎng)頁，選中框架，將插入點(diǎn)放置在框架的邊緣，變成拖拽圖標(biāo)時(shí)，按住鼠標(biāo)左鍵對其拖動(dòng)，如圖11.5所示。（2）還可以將鼠標(biāo)置于編輯窗口四角的框架邊框交接處，出現(xiàn)十字形拖拽圖標(biāo)后，按住鼠標(biāo)左鍵拖動(dòng)，將網(wǎng)頁拖出四部分的框架。11.3框架的基本操作框架創(chuàng)建完成后，還需

8、要對其進(jìn)行一些操作，如選擇框架、設(shè)置屬性、鏈接網(wǎng)頁等。框架及框架集可進(jìn)行選擇、刪除等操作。本節(jié)將講述選項(xiàng)框架和框架集、刪除框架以及保存框架的框架集的具體操作方法。11.3.1選擇框架和框架集在網(wǎng)頁中當(dāng)鼠標(biāo)指針靠近框架集的邊框且出現(xiàn)上下箭頭時(shí)，單擊整個(gè)框架集的邊框，就可以選擇整個(gè)框架集。選擇框架和框架集的方法如下。（1）按住Shift+Alt鍵單擊欲選擇的框架將其選擇，這時(shí)，在所選的框架邊框內(nèi)側(cè)出現(xiàn)虛線，表示該框架已選擇，如圖11.6所示。（2）選擇“窗口”

9、“框架”命令，打開框架面板。在面板中單擊欲選擇的框架，這時(shí)所選擇的框架邊框內(nèi)側(cè)將出

10、現(xiàn)虛線，如圖11.7所示。（3）在文檔窗口中，當(dāng)鼠標(biāo)指針靠近框架集的邊框且出現(xiàn)上下箭頭時(shí)，單擊整個(gè)框架集的邊框，便可選擇整個(gè)框架集，如圖11.8所示。（4）選擇“窗口”

11、“框架”命令，打開框架面板。在面板中單擊框架集的邊框，這時(shí)可選擇整個(gè)框架集，如圖11.9所示。11.3.2刪除框架要?jiǎng)h除一個(gè)框架時(shí)，要將鼠標(biāo)置于創(chuàng)建好的框架上，拖動(dòng)框架至邊框上。如果頁面上有多個(gè)框架，可將其拖到父框架的邊框上，即可刪除框架。11.3.3保存框架和框架集在瀏覽器中預(yù)覽框架集之前，必須先保存框架集文件以及要在框架中顯示的所有文檔。實(shí)際上，當(dāng)用戶創(chuàng)建框架時(shí)就已經(jīng)

12、默認(rèn)存在了框架集和框架文件了，默認(rèn)的框架集名稱是UntitleFrame-1、UntitleFrame-2等，默認(rèn)的框架文件名稱是Untitle-1、Untitle-2等。11.4設(shè)置框架和框