Newly enhanced for FrontPage 2000

Review:

Do these things first

• Make a folder where everything in your site will be stored. Most will call it Web Site, and it will be located in your designated folder on the server and on your hard drive.
• Open a new FrontPage document and save it to your folder. Most will save this first page as index.htm because that's what web servers recognize as the first page in a website directory. However, you may save your page with any name you want as long as it's in lowercase with .htm after it. For example: thinking.htm is a good name for a page.
• Alternatively, you may open an existing FrontPage document that you created some other time. You may add to that document or open a new one from there. Remember, to make things easy, we save everything to your web site folder.
• You know how to add a heading, text, colored backgrounds and links. Check Lesson 2 if you need review on those skills.

Gifs and Jpegs

What are GIFs and JPGs?

GIF means Graphics Interchange Format and JPEG means Joint Photographic Experts Group (How would you like to party with these guys?). These are geek terms for image compression, and it's the way graphics are recognized by HTML code. Most of the time, you need to use lowercase letters followed by a dot and the initials gif or jpeg (jpg) in order for internet servers to recognize that you've got a picture on your web page. If you're using Windows, the .gif or .jpg is placed there for you.

Getting Images

Start Netscape or Explorer (Duh! You must be there to be reading this.) and go to the following link:

Barry's Clip Art

This is a very complete clipart collection. Navigate around the website. Click and hold (Mac) or right click (PC) on any image, and you'll see a window pop up where you can choose to "Save Image As...". Click on that selection and save your image in your designated Web Site folder. Now you've got an image in your folder that you can use on your document. Go get about a million of your favorite images.

The Animated GIF Collection is another great place for images. Just click and hold or right click 'til you drop. Don't forget to save everything to your folder. You can even take the BACK gif at the bottom of this page if you want. You only need to be able to see an image in order to capture it. Don't forget that many images are copyrighted and may not be used without permission.

Putting Images on your Web page

Now the easy part! This is so easy because it's very intuitive! Go to "Insert" and choose "Picture" => "From File..." in the menu bar or use the icon on the tool bar.   A window opens.  Navigate to your web site folder, choose the image you want, and click on OK.  You can also click on the "Picture" window behind the "Select File" window and navigate to a URL where an image is stored.  

You can also add images as backgrounds. Use the "Page Properties" window for this. You can see it below.  Click on the Background tab and look under the word "Formatting" where you will see that you can browse to your Web Site folder where you should have some backgrounds.  If you have no backgrounds, go to Roger's Background Gallery and get some. You may also use my Yellow Flower background if you like. Experiment with a few. As you will see from some of my other pages, background images sometimes get in the way. If you don't like a background you have set, go back and browse to another one.

Text Wrap

FrontPage 2000 users:

• Finally, to wrap text around an image, add the image to a paragraph, select the image, and then go to Format => Position.  The text wrap options appear. Select the one you want, click OK, and admire your work.

FrontPage 98 users:

• In order to wrap text around an image, click on the image, go to Edit => Image Properties ... and choose Appearance from the tabs in the window that opens. Choose left in the Alignment popup menu, and your image will appear to the left of your text. Click OK and you're done.

Back to Lesson 2

On to Lesson 4: What are Tables really for?