[ 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.
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.
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.
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.
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.
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.
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.
The first stage of the process is done, but to make your Web page easier to download, you should resample the 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.
Like passages of text, images can be copied about the Web page, or to other Web pages, by using the Clipboard.
NOTE
You can use the Ctrl+C keyboard shortcut to copy text.
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.
Using the Clipboard to move images about documents is just as simple as copying.
NOTE
You can use the Ctrl+X keyboard shortcut to cut an image.
If you make a mistake, you can always delete what you have done and start over again.
[ LiB ] |