If you don't have a premade logo or a banner, this page will show you how to create the ones you see here. If you already have a logo image you want to insert, please click here to skip ahead to the next section.

I made these generic, text banners so that anyone could type in any title without having to edit images.

The logo and banner for this page are the same, that is the process of inserting them is. The image for the background is larger for the banner. This explains how I put the banner in. I created a new table within each cell on the top row of the table shown above. Click the Table  icon to create the logo and banner tables. Only, this time set the number of rows to "1" and the number of columns to "1."

Type any text you need here.

This is the one row, one column table I used to house the banner on this page. The image that you see here is a background image for this small table. This way I can type any text that I need on top of the background image. This allows some flexibility since I can use the same background image for several different buttons, logos, or banners. Take a look at the index. It's one image that's repeated as a background for each cell in the table that makes it up (explained below).

I set the table's properties by right clicking on it. Here's what properties I set:

Notice that only two things are selected: left alignment and Border line width. If you want a little picture frame around your background image, you can set the Border line width to something other that zero. Setting it to one makes a thin frame while larger numbers maker thicker frames. You should experiment with the properties to suit what you like.

Next I clicked the Cell tab to set more properties:

I set the horizontal and vertical alignment to Center. This makes any text you put in the cell centered on the background image.

Next I set the cell's width and height to the width and height that my background image is. This way, whatever image you use for the background is the same size as the table. For the logo, below, the cell width is set at 150 pixels and the height is the same at 75 pixels. Note that I had to select pixels when I set the cell size. The program sets the size as a percentage of the table. Click the little arrows on the right side of the window to select pixels instead of percentage.

Your Logo Here

Next I clicked the Choose Image button to select the image I wanted for the background. This opens a window that allows me to browse for the image I want to use. I keep all the images I am using for this page in a folder called images, while I keep the pages that make up this site in another folder. This makes for a little less clutter and files of the same type are grouped together. Because I want to leave my images in their own folder, I selected Leave image at the original location.

Click OK when you are done and type whatever text you want on top of the image in your table.

Using an Image Without a Background

If you have an image to use for your logo, your work is much simpler. Position your cursor in the table where you want your image to appear. Click the Image  Icon in the tool bar. Browse to the file you want to use and click OK. 

For a more detailed description on inserting images, please see Arrow / Adding an Image to Your Page. 

I often use a table to contain an image so that I can put a nice frame around it. I create a table with the properties set like the first Table Properties window above, except I set the Border line width to something other than zero. The borders that tables make can give you a nice 3D kind of look. Here are some examples of a generic logo set in tables with varying border widths:

no border

 

1 pixel border

 

3 pixel border

 

6 pixel border

It's also possible to put a border around an image by right clicking on the image and selecting Image Properties. In the Image Properties window you can set a "solid border" around the image. Here are some examples:

1 pixel solid border

 

3 pixel solid border

 

6 pixel solid border

The color of the solid border is controlled by the page color properties set in the Format menu. Click Format and select Page Colors and Properties. Click the Colors and Background tab and set the Normal Text color. For more information on setting the page properties, see Finishing Up.

Extra Images

I put an alternate color, blue, for you to use if you want: click here

Note: sometimes it is easier to use your arrow keys rather than the mouse in Composer to position your cursor where you need it, particularly when you are using a table.

Please go on to the next topic  Horizontal Lines / Making Tables Cells Span More Than One Column