Dreamweaver 繪圖布局表教程
  • 更新時(shí)間:2024-11-06 18:21:46
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 267

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

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

繪制布局表格

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

布局表格屬性

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

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

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

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

繪制布局單元格

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

布局單元格選項(xiàng)及作用3.嵌套布局表格

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

嵌套布局表格

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

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

在線客服

掃碼聯(lián)系客服

3985758

回到頂部