Walk-through #03:
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.
Return to home page.
Adjust size of JPGs and their position on page


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)".