MENU 服務 案例
網(wǎng)站建設-網(wǎng)站設計-北京網(wǎng)站建設-高端網(wǎng)站制作公司-尚品中國
我們通過擁抱變化創(chuàng)造
360°的品牌價值__
簡體
簡體中文 English

尚品與山東真諾智能設備有限公司簽署網(wǎng)站改版合作協(xié)議

類型:尚品動態(tài) 了解更多

Dreamweaver繪制布局表格教程

來源:尚品中國| 類型:網(wǎng)站百科| 時間:2015-08-16
使用表格拼圖,必須經(jīng)過精密的計算,以及拆分或者合并單元格來實現(xiàn)。為了簡化利用表格布局頁面,Dreamweaver提供了一種【布局】模式。在這種模式下使用布局工具,設計者可以輕松地在頁面中畫出布局表格以及單元格,然后對其進行修改、移動等。

1.繪制布局表格

企業(yè)網(wǎng)站建設制作者在繪制布局表格之前,需要先切換到【布局】模式,如執(zhí)行【查看】【表格模式】【布局模式】命令(快捷鍵Alt+F6) 。

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

繪制布局表格


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

布局表格屬性

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

布局表格的參數(shù)設置

2.繪制布局單元格

在繪制的布局表格中,是無法插入文本和圖像元素的,而還需要在布局表格中插入布局單元格。例如,單擊【布局】選項卡中的【繪制布局單元格】按鈕目,將鼠標指針移到編輯窗口中的布局表格中,當鼠標指針會變?yōu)?ldquo;十字”形狀時,拖動鼠標即繪制布局單元格,如圖3-13所示。

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

繪制布局單元格


在布局單元格的參數(shù)選項中,多數(shù)與布局表格相同。而不同的是比布局表格多出一些對齊設置參數(shù)。一般對齊參數(shù)值是相對布局表格為參考對象進行相關設置的,如表3-5所示。
布局單元格選項及作用

3.嵌套布局表格

當【布局】模式中已經(jīng)存在布局表格與布局單元格后,再次單擊【繪制布局表格】按鈕,則可在現(xiàn)有的布局表格空白區(qū)域繪制布局表格,稱之為“嵌套布局表格”,如圖3-15所示。

嵌套布局表格
來源聲明:本文章系尚品中國編輯原創(chuàng)或采編整理,如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網(wǎng)絡,如有侵權,請及時與本站聯(lián)系(010-60259772)。
TAG標簽:

如果您的網(wǎng)站可以增加轉化次數(shù)并提高客戶滿意度,該怎么辦?

預約專業(yè)咨詢顧問溝通!

*尚品專業(yè)顧問將盡快與您聯(lián)系

免責聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。

1、本站部分內容來源自網(wǎng)絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。

2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。

4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com

現(xiàn)在就與專業(yè)咨詢顧問溝通!

  • 全國服務熱線

    400-700-4979

  • 北京服務熱線

    010-60259772

信息保護中請放心填寫
在線咨詢

免責聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。

1、本站部分內容來源自網(wǎng)絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。

2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。

4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com