Creating and Inserting a Business Logo

You will now create a logo that will be displayed on your page. Creating your own logo covers any copyright issues. Review the logo project for Olives Are Us:

Creating a Business Logo

The Web only supports two graphic types for inline images: GIF (Graphics Interchange Format) and JPEG (Joint Photographic Experts Group). Of these, the GIF file format is the more common on the Web. You will first create a logo in Fireworks that does not save files in the GIF format. The Fireworks file extension is png. To save the logo as a gif file:

• Click File>Export Preview.
• Select Index Transparency.
• Select gif as the file format.
• Navigate to your student folder and assign it the name buslogo.
• If you want to edit this file later you will also need to save the buslogo in Fireworks as a png file:
  • File>Save As.
  • Assign it the name buslogo. This will not overwrite the gif file because it is saving it with a different file extension.

With this image in your student folder, you will now place it on your Web page. You will place the image after your paragraph. To do so, place your cursor after the closing paragraph tag and press the enter key to start a new line. The general syntax for an inline image is:

<img src ="filename.gif">

The filename is the name you assigned your image when you saved it. You will center the image on the page. You will nest the image tag within a paragraph tag and then set the alignment property to center it in the opening paragraph tag. Return to your text editor with the yourbusinessname file open. Make sure your image file is also in your student folder or you will have to specify the path to where your file is located (which will be discussed later). Type the following on your new line:

<p align=center><img src="buslogo.gif"></p>

Save your document and reload it in your browser. If your image appears to be too large for the page, resize your image in Fireworks following the instructions above and resave it. Continue until you get the image to the desired size.