Develop An Email Newsletter-Step 4 (cont)

Now I will finish the header by adding the other elements: The newsletter name, "Gazette", the date and the quip. In Microsoft FrontPage, you can easily type what you want into the page, then change the font, the style and alignment of text, just as you would using a word processor. There are a few differences, but they are minor.

Let me add that it is a good idea to stick with common font faces because your newsletter reader will only be able to see your beautiful font if he already has that font installed on his computer. Just use the fonts that came with your computer and you will generally be okay on this point.

For my header, I am using "Algerian" set to the largest font size. To change the font size easily, highlight the text you want to change, then click the big or little "A" icon in the menubar. In HTML, you can choose from six different text sizes only. This is one of the limitations of HTML. You can fight it using dynamic HTML and cascading style sheets, but for most purposes, the six sizes are sufficient. Alternatively, I could also have created an image with Gazette in it, and then I can use any size or type face I like. The tradeoff is, of course that my newsletter will take longer to download.

To make my header elements behave, I insert another table, this time with two rows and two columns as shown below.

The paragraph marks show where the four cells are in my new table. Now I can drag my image into the upper left cell and my Gazette into the upper right cell.

I notice that my picture is offset from the table border, so I right-mouse-click the image and choose "properties" to open the picture properties dialog box.

I see the problem is the horizontal spacing which defaulted to 20 pixels. I reset it to zero pixels.

Now the space between the picture and the table border is eliminated. You can see the Header table containing the image and text below.