back to the Agenda | Assignment #4
and c o L O r to your pages.
Look at the source code for this page. In the code in the heading section you will find examples of how to add images. The IMG SRC tag (image source) is set equal to the file name of the image you want displayed. You may set its width and height in pixels. The images that are displayed above are of different qualities. The picture becomes blotchy when it is made a different size than it was meant to be displayed. If the middle image is made smaller, it doesn't look as good.
To download an image from the internet simple right click on it and choose "Save Picture As", navigate to your image folder and save it there. It is handy to have all your images in the same folder. Be sure to save the image with a suffix of either jpg (or jpeg, Joint Photographic Expert Group) or gif (Graphics Interchange Format). Images take time to load and take up much more space than text on your computer. Use them to enhance a page. Don't over do it. Here are some sites to look for images.
The tag that colors the background must be in the head section (body bgcolor="#FFFFCC"). The numbers and/or letters that follow the # sign are the hexadecimal RGB (Red, Green, Blue) numbers for the color. Each number runs from 00 to FF (0-255 in base 10) and you can mix them like you would paint to make different colors. All colors, FFFFFF, is white and no color, 000000, is black. You can also use an image as a background. Go to this page to see how. Then go here for another example. Look at the source code for each page. Also notice that the text in some of the colors is very hard to read. The background should enhance your page. It should not make it busy or difficult to read. There is one example of changing the font color to "black" on the second background page. Most browser will allow you to name common colors.
Notice in the tag with the bgcolor there are also text, link, vlink color choices. When these are not included, the default colors are used. White is the default background for most browsers, but some still use grey. Text is black, links are blue, and viewed links are purple. It is best to leave the links and vlinks the default so a user is not confused by your colors. However, if you have a background that causes a default color to "disappear" you must change it.
Open up your a3.htm and save it as 'a4.htm'. Add color and images to that page (your interest page). Make sure the additions enhance the page. Make a list of sites related to your interests at the bottom of your interest page. Look at the list of links in the source code for this page to see how. Check your links to make sure they are suitable for access from school (i.e. they are not blocked). Submit your folder as usual.