1. AGB 3/26/121 ++=

2. 2 Yes, believe it or not this is a complete webpage. It has a Head, Title and Body between the start and end HTML Tag.

3. AGB 3/26/123 Ok, now we have added a little more to the website by changing the Body background to an image. You can also just use a color. Hint: For your website create a folder called images and put all your pics in it.

4. AGB 3/26/124 Next, add a little text, “Welcome”. Note that the Text is centered on the webpage as well. Hint: Pick a Font Size that is easy for you to read.

5. AGB 3/26/125 Lets change the font color using standard color names like Red, Blue, Purple, etc … Hint: Pick a Font Color that is also easy for you to read based on the background you have used.

6. AGB 3/26/126 Font color can be expressed as either a name or number. The six digit value for color is in hex format from 000000 to FFFFFF Hint: Still pick a good font color but using the numeric value for color gives you more options.

7. AGB 3/26/127 There are many colors available by using the 6 digit hex value.

8. AGB 3/26/128 Next, add some text. Your website should include some words to explain what it is for, to help the user to browse your site more effectively. Hint: You can use multiple paragraph tags

9. AGB 3/26/129 A website should also allow the user to navigate to other sites, like Google. Hint: Check the URL to make sure it works.

10. AGB 3/26/1210 Many website include pictures as well as text and hyperlinks. This picture is used for linking to Google and has a border. Hint: There are many pictures available for you to use. Have you saved pictures from the web before?

11. AGB 3/26/1211 Hint: If you have already gone to the linked URL and you have a border the color of the border will change color based on the “history” of the websites visited. This is basically the same example except the image border has been removed.

12. AGB 3/26/1212 Ok, we like the Google image but want to make the background of the image transparent, i.e. gif89a versus a gif87a. To do this use the MS Photo Editor and select the Set Transparent Color Icon 1 2 3 Image size in pixels

13. AGB 3/26/1213 Just add the transparent gif and you get a very cool effect. Looks pretty professional … <img src="images/fathersday06A.gif“ border="0"> Hint: Its easy to create transparent gif from bmp and jpg files as well just use the Photo Editor to convert the image.

14. AGB 3/26/1214 You can also rescale you pic without making a new image. You can use the Photo Editor to determine the size of the image in pixels. Hint: Its easy to scale down, just keep the width and height scaling the same, i.e. 50%

15. AGB 3/26/1215 It is also possible to use the Internet Explorer as a tool to create your website. Just treat it like a text editor and enter the appropriate command using the correct syntax.

16. AGB 3/26/1216 http://www.multilek.ca/Specifications.htm Once you get comfortable you may find other websites of interest that you would like to copy. In some cases the websites may have broken hyperlinks or misplaced images. Hint: The Temporary Internet Files directory can be very helpful when mining for information. It stores pics and files in local cache. And shows the relative hierarchy of all the pieces of the site.

17. AGB 3/26/1217 The website we want to duplicate is relatively complicated but it starts and ends with the same Tags we have been talking about, so don’t be afraid to explore.

18. AGB 3/26/1218 We can prune our copy of the html and remove anything before the first Tag and all the Meta Tags and Javascripts.

19. AGB 3/26/1219 The original website has broken links to some of the Mil-Specs so find and copy all the pdf files and place them in a “files” directory so you can access them. The update the local copy of the website to point to the local copy of the mil-specs.

20. AGB 3/26/1220 When you are done you should have a local copy that has no problems.

21. AGB 3/26/1221 Here is a NASA site on Remote Sensing. As you look at the site, temporary internet files and html file it should start to make more sense …

22. AGB 3/26/1222