DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> Dreamweaver網頁制作教程:層及其應用
Dreamweaver網頁制作教程:層及其應用
編輯:Dreamweaver入門     

  層(Layer)是一種 HTML 頁面元素,您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現使網頁從二維平面拓展到三維。可以使頁面上元素進行重疊和復雜的布局。首先,請看下圖:

  我們首先來做一個層

  1、 在“窗口”菜單>選“層”,或點“插入”菜單>布局對象>選“層”。

  2、 在頁面中顯示一個層。

  3、 通過周圍的黑色調整柄拖動控制層的大小

  4、 拖動層左上角的選擇柄可以移動層的位置。

  5、 單擊層標記可以選中一個層。

  6、 在層中可以插入其他任何元素包括圖片文字鏈接表格等。

  一個頁面中可以畫出很多的層,這些層都會列在層面板中。層之間也可以相互重疊。層面板可以通過菜單“窗口”菜單>選“層”打開。

  這裡我們需要對幾個概念進行解釋。層有隱藏和顯示的屬性。這是層的一個重要屬性和以後說到的行為相結合就變成了重要的參數。單擊層面板列表的左邊,可以打開關閉眼睛。眼睛掙開和關閉表示層的顯示和隱藏。

  層還有一個概念就是層數,層數決定了重疊時哪個層在上面哪個層在下面。 比如層數為2的層在層數為1的層的上面。改變層數就可以改變層的重疊順序。

  層面板上面還有一個參數就是防止層重疊。一旦選中,頁面中層就無法重疊了。

  層還有一種父子關系也就是隸屬關系。在層面板中是這樣表示的。

  圖中Layer2掛在Layer1的下面。Layer1為父層,Layer2為子層。在頁面中拖動Layer1,Layer2也跟著動起來。因為他們已經鏈在一起了,並且Layer2隸屬於Layer1。

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