Working with Images

[ LiB ]

In the early days of the WWW ( World Wide Web ), many Web pages were text-only. Images, if your browser could even view them, were downloaded separately from the actual Web page. Eventually, HTML code and the browsers improved to the point where inline images were allowed.

Inline images are what we now see adorning Web pages today, so much so that it's hard to imagine a time without pictures and text together on the Internet.

Authoring such pages has become a simpler process as well. With FrontPage, it's no longer a matter of file-tracking voodoo to get images on your pages.

Getting Images Ready

Digital cameras and scanners have made it very easy to acquire images for your Web pages. You can place images from anywhere on your computer's hard drive while you are authoring your site. But remember, eventually you will be publishing your site on the Web, which means moving all of your site's relevant files to a Web server a computer on the Internet that houses Web sites.

With this in mind, you should keep your files organized. One good way to do this is to copy over the images you think you will need to your Web folder before you place them on the pages themselves .

For this example, we will assume you have followed Windows XP's lead and stored your images in the My Pictures folder.


graphic/03icon25.gif



graphic/03icon26.gif



graphic/03icon27.gif



graphic/03icon28.gif


NOTE

Your files may be located in a different place on your computer. Use these navigational steps as a guideline to copy items to your site.


graphic/03icon29.gif



graphic/03icon30.gif



graphic/03icon31.gif



graphic/03icon32.gif


Placing an Image

When you place an image onto a Web page, you should remember that you are actually creating a pointer in HTML code that tells a Web browser "this picture needs to go here, please download it and place the image in this spot." Of course, since FrontPage is WYSIWYG, you get to see what the finished page will look like without a browser.


graphic/03icon33.gif



graphic/03icon34.gif



graphic/03icon35.gif


NOTE

If just the filenames don't help you remember which picture shows what, click on the Views drop-down button and select Thumbnails from the drop-down menu.

This will display a tiny thumbnail version of the images for you to peruse.

Sizing Up an Image

You may instantly notice that upon placing an image, the image size is far bigger than the actual Web page. This enlarged size is a common occurrence with pictures that come from digital cameras and scanners.

Windows XP has some rudimentary tools to get image files down to size, although if you do a lot of picture taking, you might want to invest in an application like Photoshop or download the free GIMP for Windows.

Resizing an Image

If you forgot to resize your images before placing them, never fear, you can handle it within FrontPage. But it is a two-stage process: resizing and resampling.


graphic/03icon36.gif



graphic/03icon37.gif


The first stage of the process is done, but to make your Web page easier to download, you should resample the image.

Resampling an Image

When you resize an image in FrontPage, all you are doing is telling the browser to display the image in a smaller window. You are not changing the file size of the image at all.

In the previous section, the picture of the cute baseball fans was 509 Kilobytes (Kb) when it was larger. And it was 509 Kb when it was smaller.

So, even though an image looks smaller, it will still take the same amount of time to download the image, which slows down your Web page unnecessarily.

The solution to this is right at hand: FrontPage can resample the image, thus adjusting the file size of the image to something that's more appropriate to the displayed size.


graphic/03icon38.gif



graphic/03icon39.gif



graphic/03icon40.gif


Copying Images

Like passages of text, images can be copied about the Web page, or to other Web pages, by using the Clipboard.


graphic/03icon41.gif


NOTE

You can use the Ctrl+C keyboard shortcut to copy text.


graphic/03icon42.gif


NOTE

You can use the Ctrl+V keyboard shortcut to paste an image. As long as the image is in the Clipboard, you can paste it in your document indefinitely.

Moving Images

Using the Clipboard to move images about documents is just as simple as copying.


graphic/03icon43.gif


NOTE

You can use the Ctrl+X keyboard shortcut to cut an image.


graphic/03icon44.gif


Deleting Images

If you make a mistake, you can always delete what you have done and start over again.


graphic/03icon45.gif


[ LiB ]


Microsoft Office FrontPage 2003 Fast & Easy
Microsoft Office FrontPage 2003 Fast & Easy (Fast & Easy (Premier Press))
ISBN: 1592000827
EAN: 2147483647
Year: 2003
Pages: 108

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net