Dreamweaver 繪圖布局表教程
  • 更新時間:2024-10-29 02:40:06
  • 網(wǎng)站建設(shè)
  • 發(fā)布時間:1年前
  • 265

使用表格拼圖需要精確的計算和拆分或合并單元格。為了簡化表格布局頁面的使用,Dreamweaver 提供了[布局]模式。在此模式下使用布局工具,設(shè)計人員可以輕松地在頁面上繪制布局表格和單元格,然后對其進行修改和移動。1.繪制布局表格企業(yè)網(wǎng)站建設(shè)者在繪制布局表格之前,需要先切換到【布局】模式,比如執(zhí)行【視圖】【表單模式】【布局模式】命令(快捷鍵Alt+F6 ).

在【布局】選項卡上,點擊【繪制布局表格】按鈕,當光標變成“十字”形時,在文檔中拖動鼠標,創(chuàng)建一個帶有綠色邊框的表格,如圖3-11所示。

繪制布局表格

布局表格的參數(shù)設(shè)置與表格不同。如果選擇布局表格,則可以在【屬性】面板中設(shè)置表格的參數(shù)選項,如圖3-12所示。

布局表格屬性

在【屬性】面板中,會顯示“布局表格”的名稱,并顯示寬度、顏色、間距等一些設(shè)置參數(shù)。詳細介紹如表3-4所示。

布局表格的參數(shù)設(shè)置2.繪制布局單元格

在繪制出來的排版表格中,不能插入文字和圖片元素,需要在排版表格中插入排版單元格。例如,點擊【布局】選項卡中的【繪制布局單元格】按鈕,將鼠標指針移至編輯窗口中的布局表格,當鼠標指針變?yōu)椤笆帧毙螘r,拖動鼠標繪制布局單元格,如圖3-13 所示。

選擇布局單元后,【屬性】面板會顯示布局單元屬性的參數(shù)選項,如圖3-14所示。

繪制布局單元格

布局單元格的大部分參數(shù)選項與布局表格的參數(shù)選項相同。不同的是對齊設(shè)置參數(shù)比布局表多。通常,對齊參數(shù)值是相對于參考對象的布局表設(shè)置的,如表3-5所示。

布局單元格選項及作用3.嵌套布局表格

當【布局】模式下布局表格和布局單元格已經(jīng)存在時,再次點擊【繪制布局表格】按鈕,即可在已有布局表格的空白區(qū)域繪制布局表格,稱為“嵌套”布局表”。如圖3-15所示。

嵌套布局表格

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請表明原文地址:https://www.tlkjt.com/web/12075.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部