Welcome to Jeannine's Second Page
NOTE: This page was saved as second.html
On this page I show you how to insert an image. I have approached this in three different ways. First, I used the photograph in its original size. In order to get it to "fit" on my page, I included this code: WIDTH="300" HEIGHT="200". You can see this code by going to the View menu of your browser and selecting View Source.
Blakely in its original size but resized by code that does NOT retain its aspect ratio.
Note HOWEVER that Dr. Strange requires you to properly establish the size of your picture in Photoshop BEFORE including in your page. This eliminates the need to use WIDTH and HEIGHT attributes. ALSO, if you MUST use these attributes, it is often more appropriate to use only ONE direction to prevent the picture from being skewed by forcing it into proportions that are not consistent with the original. You can make Aunt Matilda look VERY wide if you do not maintain the proportions or "aspect ratio". The next picture was resized using Dr. Strange's instructions.
This version of "blakely" has been resized in Photoshop and saved for the web according to Dr. Strenge's instructions.
Compare the two pictures. The second picture is cropped at the top. That is because the original picture was actually 400 by 300 instead of 300 x 200 as I wrote in my code. Also see whether you can see any stretching in the FIRST image of Blakely. The next picture has been sized using Dr. Strange's instructions saving its original aspect ratio. Compare it with the second photograph.
Blakely saved for web and in its correct aspect ratio.
The line above (and similar lines on this page) was done with an horizontal rule tag.
there are other things to learn from this page. Look at the quality of the pictures. the first picture retains its original quality (although you cannot fully appreciate that by looking at it on a monitor. But if you were to copy it to yoiur hard drive and print it, it would print beautifully. HOWEVER, the file is very large and slows transmission of the image (at least when first acquired). This is another reason to follow Dr. Strange's instructions. Resizing in Photoshop and saving for the web radically speeds up the load time. You can demonstrate this by clicking on the two example below:
Blakely picture at original size but resized through code. This will be slower than the next image.
Blakely picture resized in Photoshop following Dr. Strange's instructions.This will appear faster than the first image.
You can also resize the border. So far all borders have been 5. The border page shows two other examples. In one the BORDER attrribute has been eliminated (it defaults to 0). In the other the border has been set to 25.
Sample Borders on the BORDER PAGE
This link takes you back to the first page, called the Home Page.
This link takes you to my THIRD Page.
This link takes you to Dr. Strange web page.
This link takes you to my web site.