Dreamweaver網(wǎng)頁制作教程:框架技術(shù)_Dreamweaver教程
框架技術(shù)
在瀏覽網(wǎng)頁的時候,我們經(jīng)常會碰到這樣的一種導(dǎo)航結(jié)構(gòu)。就是超級連接做在左邊單擊以后鏈接的目標(biāo)出現(xiàn)在右面。或者在上邊單擊鏈接指向的目標(biāo)頁面出現(xiàn)在下面。要做出這樣的效果,必須使用框架。為了更好的理解什么是框架。我們畫一張示意圖來進行討論。
這是一個左右結(jié)構(gòu)的框架。事實上這樣的一個結(jié)構(gòu)是由三個網(wǎng)頁文件組成的。首先外部的框架是一個文件,圖中我們用index.htm命名。框架中左邊命名為A,指向的是一個網(wǎng)頁A.htm。右邊命名為B,指向的是一個網(wǎng)頁B.htm。
下面我們就來從頭開始制作一個框架。(以左右框架結(jié)構(gòu)為例)
1、點“文件”菜單>新建,彈出“新建文檔”對話框如下圖:
或在插入欄>布局>選"框架:左框架"如下圖:
Dreamweaver MX 2004生成一個空白的框架頁面,如下圖:
2、選擇「窗口」菜單>“框架”,彈出“框架”面板如下圖。從框架面板可知,系統(tǒng)對左右框架生成命名。左框架名為:leftFrame,右框架名為:mainFrame,當(dāng)然您可以通過框架屬性面板對框架重新命名,了解這一點非常重要。創(chuàng)建超級鏈接時,要依據(jù)它正確控制指向的頁面。
3、保存框架。選擇“文件”菜單點擊“保存全部”。系統(tǒng)彈出對話框。這時,保存的是一個框架結(jié)構(gòu)文件。我們按照慣例都命名為index.htm。
保存的時候假如虛線框籠罩的是四周一圈就是保存框架結(jié)構(gòu)。(下圖)
虛線籠罩在右邊就是保存框架中右邊網(wǎng)頁。(如下圖)
虛線籠罩在左邊就是保存框架中左邊的網(wǎng)頁:(如下圖)
三個頁面保存完畢。
4、下面我們要實現(xiàn)按左邊的超級鏈接,對應(yīng)的頁面出現(xiàn)在右邊。在左邊的頁面中做上超級鏈接。指向一個已經(jīng)存在的頁面。注重做好鏈接以后,要在目標(biāo)欄中設(shè)置為mainFrame。(如下圖)
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver網(wǎng)頁制作教程:框架技術(shù)。