One of thesitewizard.com's visitors asked me how she could create a table with BlueGriffon. This article addresses the question.
I will assume the following things in this article:
Since this article deals with inserting a table into a web page, it presupposes that you already have something into which to add a table. As such, please create a website first if you don't already have one.
I will also work on the assumption that you know how to use BlueGriffon to edit a page. You don't have to be an expert or anything like that, but you should have some basic knowledge (such as how to open a file, save a file, type words into a web page and the like). If this is not true, you may need to refer to the main BlueGriffon tutorial.
I have tested the procedure below using BlueGriffon version 1.7.2. This does not mean that it won't work with other versions; I merely have not tried it with them (yet).
Start up BlueGriffon and open your web page.
Move your mouse pointer to the part of the page where you want the table to be inserted and click that spot. A text cursor should appear at the location. If you need some blank space before the table, hit the ENTER key (or RETURN key on the Mac) to add a blank line or two.
Click "Table | Insert | Table" from the menu. That is, click "Table" in the menu bar and when a drop down menu appears, move your mouse over the "Insert" item, and click the "Table" in the submenu that pops up.
A grid of rectangles will appear on the screen, symbolizing the table you are about to make. By default, a 2 column by 2 row table is selected, as shown by the rectangles in blue on a background of grey ("gray" in US English) boxes. Move your mouse pointer over those rectanges till you get the number of cells you want for your table, and click the mouse button.
A table with the number of rows and column you specified earlier will appear in your document. The text cursor should be placed in the top left corner cell. You can move from cell to cell by hitting the TAB key on your keyboard to go forward and the Shift+TAB (hold down the shift key while hitting the TAB key) to go backwards. Alternatively, you can also use your mouse to click in the required cell to move the cursor there.
If you change your mind about how big you want the table, you can adjust the size by clicking "Table | Table Properties" from the menu. You will find many features of your table specified in the dialog box that appears, including the number of rows and columns it has, the width it should occupy on your page ("100%" means that it fills the entire width, with the cells shrinking or expanding as necessary to make that happen), whether there should be a border (the line enclosing each cell of the table), etc. Just change the numbers in those fields till you are satisfied. Incidentally, you can even create a borderless table by setting the border to "0" (ie, zero, without the quotes). "Cell spacing" and "cell padding" refer to the space between each cell in the table. (Experiment with them to see the effect of each if you are curious about the difference between them.)
Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.
This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.
It will appear on your page as: