成都層在網頁設計制作中基本的運用方法

2023-03-06 分類：網站建設

什么是網頁中的“層”。層是CSS中的定位技術，在Dreamweaver中對其進行了可視化操作。文本、圖像、表格等元素只能固定其位置，不能互相疊加在一起，而層可以放置在網頁文檔內的任何一個位置，層內可以放置網頁文檔中的其他構成元素，層可以自由移動，層與層之間還可以重疊，層體現了網頁技術從二維空間向三維空間的一種延伸。

1、在「窗口」菜單＞選"層"或點「插入」菜單＞布局對象＞選"層"。

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

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

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

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

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

［層和表格之間轉換］

由于層在網頁布局上非常方便，所以，一些人可能不喜歡使用表格或"布局"模式來創建自己的頁面，而是喜歡通過層來進行設計。Dreamweaver MX 2004可以使用層來創建自己的布局，然后將它們轉換為表格。

在轉換為表格之前，請確保層沒有重疊。請執行以下操作：選擇“修改”＞“轉換”＞“層到表格”。即可顯示"轉換層為表格"對話框。

選擇所需的選項。單擊“確定”。

若要將表轉換為層，請選擇"修改"＞"轉換"＞"表格到層"。即可顯示"轉換表格"為層。對話框。

選擇所需的選項。單擊"確定"。

層還有一個概念就是層數，層數決定了重疊時哪個層在上面哪個層在下面。　比如層數為２的層在層數為成都網站設計的層的上面。改變層數就可以改變層的重疊順序。

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

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

圖中Layer2掛在Layer1的下面。Layer1為父層，Layer2為子層。在頁面中拖動Layer1，Layer2也跟著動起來。因為他們已經鏈在一起了，并且Layer2隸屬于Layer1。父層移動會影響到子層。移動layer2層，Layer1層不動。也就是子層不會影響到父層。

要建立這樣的一種隸屬關系方法很簡單。在層面板中按Ctrl鍵將子層拖拽到父層即可。

一個網站設計頁面中可以畫出很多的層，這些層都會列在層面板中。層之間也可以相互重疊。層面板可以通過菜單「窗口」菜單＞選"層"打開。

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

本文名稱：成都層在網頁設計制作中基本的運用方法
URL標題：http://m.kartarina.com/news41/241941.html

成都網站建設公司_創新互聯，為您提供Google、外貿建站、全網營銷推廣、手機網站建設、面包屑導航、網站策劃

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容