dreamweaver入門(mén)教程：框架技術(shù)

Microsoft.NET Frameworks3.5 SP1 簡(jiǎn)體中文在線(xiàn)安裝版

• 類(lèi)型：編程控件大小：2.9M語(yǔ)言：中文 評(píng)分：6.6
• 標(biāo)簽：

立即下載

框架技術(shù)

　　在瀏覽網(wǎng)頁(yè)的時(shí)候，我們常常會(huì)遇到這樣的一種導(dǎo)航結(jié)構(gòu)。就是超級(jí)連接做在左邊單擊以后鏈接的目標(biāo)出現(xiàn)在右面�；蛘咴谏线厗螕翩溄又赶虻哪繕�(biāo)頁(yè)面出現(xiàn)在下面。要做出這樣的效果，必須使用框架。為了更好的理解什么是框架。我們畫(huà)一張示意圖來(lái)進(jìn)行討論。

　　這是一個(gè)左右結(jié)構(gòu)的框架。事實(shí)上這樣的一個(gè)結(jié)構(gòu)是由三個(gè)網(wǎng)頁(yè)文件組成的。首先外部的框架是一個(gè)文件，圖中我們用index.htm命名�？蚣苤凶筮吤�名為A，指向的是一個(gè)網(wǎng)頁(yè)A.htm。右邊命名為B，指向的是一個(gè)網(wǎng)頁(yè)B.htm。
　　下面我們就來(lái)從頭開(kāi)始制作一個(gè)框架。（以左右框架結(jié)構(gòu)為例）
　　1、點(diǎn)“文件”菜單>新建，彈出“新建文檔”對(duì)話(huà)框如下圖：

　　或在插入欄>布局>選＂框架：左框架＂如下圖：

　　Dreamweaver MX 2004生成一個(gè)空白的框架頁(yè)面，如下圖：

　　2、選擇「窗口」菜單＞“框架”，彈出“框架”面板如下圖。從框架面板可知，系統(tǒng)對(duì)左右框架生成命名。左框架名為：leftFrame，右框架名為：mainFrame，當(dāng)然您可以通過(guò)框架屬性面板對(duì)框架重新命名，了解這一點(diǎn)非常重要。創(chuàng)建超級(jí)鏈接時(shí)，要依據(jù)它正確控制指向的頁(yè)面。

3、保存框架。選擇“文件”菜單點(diǎn)擊“保存全部”。系統(tǒng)彈出對(duì)話(huà)框。這時(shí)，保存的是一個(gè)框架結(jié)構(gòu)文件。我們按照慣例都命名為index.htm。

　　保存的時(shí)候如果虛線(xiàn)框籠罩的是周?chē)�一圈就是保存框架結(jié)構(gòu)。（下圖）

虛線(xiàn)籠罩在右邊就是保存框架中右邊網(wǎng)頁(yè)。（如下圖）

虛線(xiàn)籠罩在左邊就是保存框架中左邊的網(wǎng)頁(yè)：（如下圖）

    三個(gè)頁(yè)面保存完畢。

　　4、下面我們要實(shí)現(xiàn)按左邊的超級(jí)鏈接，對(duì)應(yīng)的頁(yè)面出現(xiàn)在右邊。在左邊的頁(yè)面中做上超級(jí)鏈接。指向一個(gè)已經(jīng)存在的頁(yè)面。注意做好鏈接以后，要在目標(biāo)欄中設(shè)置為mainFrame。(如下圖）

　　6、設(shè)置完畢，保存全部，按F12預(yù)覽網(wǎng)頁(yè)。鏈接指向的頁(yè)面出現(xiàn)在右邊框架中。
　　7、重復(fù)以上步驟，把左框架所有的鏈接做完，一個(gè)簡(jiǎn)單的網(wǎng)站導(dǎo)航結(jié)構(gòu)創(chuàng)建完成。