How to easily insert a table in Dreamweaver

Most users seek to modify and create web pages in the easiest way , for which Dreamweaver is a great alternative. With it, you can design a web page without writing HTML code directly, useful if you are a beginner. In this sense, we recommend that you read this article with which you will learn How to easily insert a table in Dreamweaver

What is Dreamweaver?

Dreamweaver is an application created by the Macromedia company in 2007. This program allows the creation, design and web page editing . In its early days, Dreamweaver was criticized because the code that could be created from the tool was only valid for Internet Explorer and was not against the strict HTML standard.

However, the Adobe company that took over Macromedia made new versions to correct these details. The new versions of Dreamweaver support charge them infrastructure server and technologies such as JavaScript and CSS.

Dreamweaver application attributes

Dreamweaver attributes include the ease of editing websites without the need to write code, support for CSS technology, previewing web pages through any browser, and administrative tools.

The administration tools website are very useful for novice users who want to edit the code. In addition, Dreamweaver allows you to insert JavaScript code into the Behavior Panel conveniently and without having to have extensive knowledge of the language.

With Dreamweaver, it is possible to access a large number of interesting functions, both simple and more advanced, in any case, it is better to start with the most basic, like create a contact form in Dreamweaver or directly insert an array into the program, something we'll teach you below.

How to easily insert a table in Dreamweaver

Dreamweaver has several features that allow you to write code for web development and to modify visual design simultaneously. In this sense, it is possible to add or insert a table in a simple way through the steps that we explain below.

Create the table

To create the table in Dreamweaver, you must place the cursor where you want the table to appear. Locate the tab "Common" and click on the "Insert" bar and "Insert Table". Drag the "Insert Table" button to the point where you want the table to appear.

Defines the structure of the table

You will immediately see the dialog box of the "Insert table" function . Select "Rows" and enter the number of rows in the table. Then click on the "Columns" field and define the number of columns in the table.

"Cell padding" indicates the number of pixels between the contents of the cell and its boundary. If you write the value "0", there will be no padding. "Cell Spacing" identifies the number of pixels between cells in the table. Write the width of the table in "Width", if you want it to have borders and press the "OK" button.

Insert table components

To insert array components (rows and columns), click where you want to place a row or column. Then go to the “Edit Table” option and select “Insert Rows or Columns”. A dialog box will appear allowing you to add a specific number of rows and columns to the table.

 How to delete a row or a column?

You can delete a row or column of the whiteboard. To do this, place the cursor on the row or column you want to delete and in "Modify table" choose "Delete row" or "Delete column" (as appropriate).

Add content to the table

You can add text to the table by placing the cursor in a specific cell and typing the text there. Besides, you can easily insert a picture into a table cell. To do this, click on the cell where you want to place the image and then go to "Insert". Select option "Picture" and you will see a window allowing you to select the source of the image.

Click the "Look In" button to locate the image on your hard drive. Then write a new name for the image and press “Save”. Finally, click on “OK”.