Walk-through #03:
Adjust size of JPGs and their position on page

To adjust the size of JPGs so they fit properly on a web page, you will need an image processing program. Photoshop is a well-known but expensive program. There are many free programs available on the Internet. My favorite is FastStone Image Viewer (download from http://www.faststone.org/).

A width of 900 pixels more or less fills the screen with typical browser settings. That's what I use. Alternatively, many people like to use width = 800 pixels to leave some margin.

The image below has width 900 pixels. It is aligned left because the HTML code "(p)" precedes it. We could also use "(p align=left)".

Note #1: I'm using parentheses instead of angle brackets in this explanation. Be sure to use angle brackets in the actual coding.

Note #2: To see the HTML code underlying this page, click "View/ Page source" (or something similar) from the browser toolbar.

The image below has width 800 pixels. It is aligned right because the HTML code "(p align=right)" precedes it.

The image below has width 600 pixels. It is aligned center because the HTML code "(p align=center)" precedes it.

The image here has width 675 pixels. It is level with this text and positioned to the right because it is coded as "(img src=part_03_02_675.jpg align=right)".

The image here has width 400. It is level with this text and positioned to the left because it is coded as "(img src=part_03_02_400.jpg align=left)". In addition, it is separated from the image and text above because it is preceded by the code "(br clear=all)".

Return to home page.