MENU service case
Website construction website design Beijing website construction high-end website production company Shangpin China
We create by embracing change
360 ° brand value__
simplified Chinese character
Simplified Chinese English

Shangpin China Joins Hands with Beisheng Internet to Create a New Chapter in Website Construction

Type: Shangpin Dynamic Learn more

Dreamweaver Drawing Layout Tables Tutorial

Source: Shangpin China | Type: website encyclopedia | Date: August 16, 2015
The use of table jigsaw puzzle must be realized by precise calculation, as well as splitting or merging cells. To simplify the use of table layout pages, Dreamweaver provides a Layout mode. Using layout tools in this mode, designers can easily draw layout tables and cells on the page, and then modify and move them.

1. Draw layout table

Enterprise website construction Before drawing a layout table, the producer needs to switch to [Layout] mode, such as executing the command [View], [Table Mode], [Layout Mode] (shortcut key Alt+F6).

On the Layout tab, click the Draw Layout Table button. When the cursor changes to a "cross" shape, drag the mouse in the document to create a table with a green border, as shown in Figure 3-11.

Draw Layout Table


The parameter setting of the layout table is different from that of the table. If you select a layout table, you can set the parameter options of the table in the [Properties] panel, as shown in Figure 3-12.

Layout Table Properties

In the [Attribute] panel, the name of "Layout Table" will be displayed, including some setting parameters such as width, color, spacing, etc., as shown in Table 3-4.

Parameter settings for layout tables

2. Draw layout cells

Text and image elements cannot be inserted into the drawn layout table, but layout cells need to be inserted into the layout table. For example, click the Draw Layout Cell button on the Layout tab, move the mouse pointer to the layout table in the editing window, and when the mouse pointer changes to a "cross" shape, drag the mouse to draw the layout cell, as shown in Figure 3-13.

When a layout cell is selected, the parameter options of layout cell attributes will be displayed on the Attribute panel, as shown in Figure 3-14.

Draw Layout Cells


Most of the parameter options of layout cells are the same as those of layout tables. The difference is that there are more alignment setting parameters than the layout table. Generally, alignment parameter values are set for reference objects relative to the layout table, as shown in Table 3-5.
Layout Cell Options and Functions

3. Nested layout table

When the layout table and layout cells already exist in the Layout mode, click the Draw Layout Table button again to draw a layout table in the blank area of the existing layout table, called "Nested Layout Table", as shown in Figure 3-15.

Nested Layout Table
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
TAG label:

What if your website can increase the number of conversions and improve customer satisfaction?

Make an appointment with a professional consultant to communicate!

* Shangpin professional consultant will contact you as soon as possible

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]

Communicate with professional consultants now!

  • National Service Hotline

    400-700-4979

  • Beijing Service Hotline

    010-60259772

Please be assured to fill in the information protection
Online consultation

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]