DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver教程:框架技術
Dreamweaver教程:框架技術
編輯:Dreamweaver相關     
  框架技術

  在浏覽網頁的時候,我們常常會遇到這樣的一種導航結構。就是超級連接做在左邊單擊以後鏈接的目標出現在右面。或者在上邊單擊鏈接指向的目標頁面出現在下面。要做出這樣的效果,必須使用框架。為了更好的理解什麼是框架。我們畫一張示意圖來進行討論。

  這是一個左右結構的框架。事實上這樣的一個結構是由三個網頁文件組成的。首先外部的框架是一個文件,圖中我們用index.htm命名。框架中左邊命名為A,指向的是一個網頁A.htm。右邊命名為B,指向的是一個網頁B.htm。

  下面我們就來從頭開始制作一個框架。(以左右框架結構為例)

  1、點“文件”菜單>新建,彈出“新建文檔”對話框如下圖:

  或在插入欄>布局>選"框架:左框架"如下圖:

  Dreamweaver MX 2004生成一個空白的框架頁面,如下圖:

  2、選擇「窗口」菜單>“框架”,彈出“框架”面板如下圖。從框架面板可知,系統對左右框架生成命名。左框架名為:leftFrame,右框架名為:mainFrame,當然您可以通過框架屬性面板對框架重新命名,了解這一點非常重要。創建超級鏈接時,要依據它正確控制指向的頁面。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved