Dreamweaver繪制布局表格教程
來源：尚品中國|
類型：網站百科
|時間：2015-08-16
使用表格拼圖，必須經過精密的計算，以及拆分或者合并單元格來實現。為了簡化利用表格布局頁面，Dreamweaver提供了一種【布局】模式。在這種模式下使用布局工具，設計者可以輕松地在頁面中畫出布局表格以及單元格，然后對其進行修改、移動等。
1.繪制布局表格
企業網站建設制作者在繪制布局表格之前，需要先切換到【布局】模式，如執行【查看】【表格模式】【布局模式】命令(快捷鍵Alt+F6) 。
在【布局】選項卡中單擊【繪制布局表格】按鈕口，當光標變成“十字”形狀時，在文檔中拖動鼠標即可創建帶有綠色邊框的表格，如圖3-11所示。
布局表格的參數設置與表格的不同，如選擇布局表格，則在【屬性】面板中可以設置該表格的參數選項，如圖3-12所示。
在【屬性】面板中，將顯示“布局表格”名稱，并包含有寬、顏色、間距等一些設置參數，其詳細介紹如表3-4所示。
2.繪制布局單元格
在繪制的布局表格中，是無法插入文本和圖像元素的，而還需要在布局表格中插入布局單元格。例如，單擊【布局】選項卡中的【繪制布局單元格】按鈕目，將鼠標指針移到編輯窗口中的布局表格中，當鼠標指針會變為“十字”形狀時，拖動鼠標即繪制布局單元格，如圖3-13所示。
當選擇布局單元格后，【屬性】面板中將顯示布局單元格屬性的各參數選項，如圖3-14所示。
在布局單元格的參數選項中，多數與布局表格相同。而不同的是比布局表格多出一些對齊設置參數。一般對齊參數值是相對布局表格為參考對象進行相關設置的，如表3-5所示。
3.嵌套布局表格
當【布局】模式中已經存在布局表格與布局單元格后，再次單擊【繪制布局表格】按鈕，則可在現有的布局表格空白區域繪制布局表格，稱之為“嵌套布局表格”，如圖3-15所示。
1.繪制布局表格
企業網站建設制作者在繪制布局表格之前，需要先切換到【布局】模式，如執行【查看】【表格模式】【布局模式】命令(快捷鍵Alt+F6) 。
在【布局】選項卡中單擊【繪制布局表格】按鈕口，當光標變成“十字”形狀時，在文檔中拖動鼠標即可創建帶有綠色邊框的表格，如圖3-11所示。
布局表格的參數設置與表格的不同，如選擇布局表格，則在【屬性】面板中可以設置該表格的參數選項，如圖3-12所示。
在【屬性】面板中，將顯示“布局表格”名稱，并包含有寬、顏色、間距等一些設置參數，其詳細介紹如表3-4所示。
2.繪制布局單元格
在繪制的布局表格中，是無法插入文本和圖像元素的，而還需要在布局表格中插入布局單元格。例如，單擊【布局】選項卡中的【繪制布局單元格】按鈕目，將鼠標指針移到編輯窗口中的布局表格中，當鼠標指針會變為“十字”形狀時，拖動鼠標即繪制布局單元格，如圖3-13所示。
當選擇布局單元格后，【屬性】面板中將顯示布局單元格屬性的各參數選項，如圖3-14所示。
在布局單元格的參數選項中，多數與布局表格相同。而不同的是比布局表格多出一些對齊設置參數。一般對齊參數值是相對布局表格為參考對象進行相關設置的，如表3-5所示。
3.嵌套布局表格
當【布局】模式中已經存在布局表格與布局單元格后，再次單擊【繪制布局表格】按鈕，則可在現有的布局表格空白區域繪制布局表格，稱之為“嵌套布局表格”，如圖3-15所示。
來源聲明：本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。
推薦新聞
更多行業-
北京網站建設教你怎么選擇自助建站系統
目前，市面上自助建站層出不窮，很多人在選擇上并沒有做詳細的分析，一心只...
2019-10-10 -
定制網站建設哪些方面不能馬虎？
隨著企業對于自身網站的要求不斷的提高，越來越多的企業為了可以更好的展現...
2023-01-11 -
網絡計劃實施中應注意的問題
在應用網絡計劃法時，其步驟分為計劃和日程安排兩個階段。前者是繪制網絡圖...
2014-10-31 -
網站建設的繼承和創新
創新，一直以來，都是網站建設經營者們嘴邊的熱門詞匯，因為創新代表著新機...
2015-01-19 -
網站設計絕對不能出現的誤區是什么?
隨著互聯網的普及，越來越多的人開始在互聯網上建立網站。但是有些企業自己...
2022-02-01 -
企業建站自主創新營銷需要哪些準備工作？
各種各樣互聯網產品，初學者可實際操作，基本上全是0門檻 互聯網技術快...
2019-09-10
如果您的網站可以增加轉化次數并提高客戶滿意度，該怎么辦？
預約專業咨詢顧問溝通！
Copyright ? 2025 恒久尚品 版權所有 | 京ICP備09066521號
| 公安機關備案號:11011502003910
免責聲明
誠信企業
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
尚品專注高端網站建設，系統平臺開發，微信小程序及APP開發服務
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡，涉及到的部分文章和圖片版權屬于原作者，本站轉載僅供大家學習和交流，切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規，當本聲明與國家法律法規沖突時，以國家法律法規為準。
4、如果侵害了您的合法權益，請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式：010-60259772
電子郵件：394588593@qq.com
