Adding Graphics
Home Creating Your Web Adding Content Using Design Elements Advanced Techniques Design Tips Publishing Your Web

 

Up                

To add graphics to your Web pages, first ensure that the graphics are in a format easily understood by most computers around the world: GIF or JPEG. Other file formats may be viewable by some users but not others. GIF files may be simple or animated and are generally small in size, but are usually lower resolution; JPEG files are higher resolution and better for photographs; they can also be compressed to save download time. 

The first graphic you probably added to your Web site was a background. Now, we'll go over how to insert a graphic that floats over that background.

For best results, insert graphics into a table. That way, the graphic will appear in exactly the same position no matter the monitor resolution of the end user. You can use a table with or without borders, depending on your design preference. Below, I have inserted a two-column table with a 1-point border.

 

 

One simple way to manage text and graphics on the same page is to create a two-column table. See instructions below. I have inserted a small graphic in the right cell of this two-column table. 

I can even format the interior of the table. Go to Table > Properties > Table and then Background and Color. Choose a color from the dropdown menu; alternatively, you can use a graphic as background by clicking the box by Use background picture and browsing for the appropriate graphic file. 

The cutie is singer Pete Yorn; sorry, I don't have a photographer credit for it, although I got it from www.peteyorn.com.

 

Click on the Insert Table button on the toolbar and choose the number of rows and columns you want in your table. 
Go to Table > Properties > Table/Cell to set float, vertical orientation, table size, etc. 
To insert a picture into a cell, click inside that cell, then click on the Insert Picture from File button on the toolbar.
In the window, find the file you wish to insert. If it does not appear there, click on the Select a file on your computer button and locate the file, then click OK.

Using tables of varying designs, you can manage entire collections of photos and graphics on a page. You can easily intersperse text and graphics to create a pleasing, easy-to-read layout. 

 

 

 
Back to Top

© Holly Wells, 2002