FrontPage 2002 Virtual Classroom

FrontPage 2002 Virtual Classroom

5.0 2
by David Karlins

Text and multimedia combine to create the ultimate learning experience in this Virtual Classroom release. Every FrontPage developer needs this book. With it,you'll learn to create large or small Web sites that are sophisticated and attractive,and effectively manage the organization,content,and style of your site. Just pop in the CD-ROM,and follow along as your own…  See more details below


Text and multimedia combine to create the ultimate learning experience in this Virtual Classroom release. Every FrontPage developer needs this book. With it,you'll learn to create large or small Web sites that are sophisticated and attractive,and effectively manage the organization,content,and style of your site. Just pop in the CD-ROM,and follow along as your own on-screen guru explains and demonstrates the techniques discussed in the text.

Learn from an instructor-led classroom experience at home!

The Virtual Classroom is a revolutionary new way to learn FrontPage 2002—one of the most comprehensive applications for Web design. This book's casual,non-technical writing style and easy-to-follow,step-by-step approach combine to teach you all the Web page authoring essentials. Pop in the CD-ROM,and follow along as your own on-screen guru explains and demonstrates the techniques discussed in the text. With FrontPage 2002 Virtual Classroom,you get the best of both worlds—solid hands-on lessons combined with the invaluable experience of watching and listening to an instructor. Work at your own speed and replay Virtual Classroom tutorials as often as needed to deepen your understanding of this awesome Web design tool.

  • Unveil the multi-tiered power of this flexible Web site management and design application
  • Create complex Web sites that organize and present HTML pages,images,and media
  • Keep tabs on Web site size,test links,and design global navigation links using View options
  • Place objects—including text,pictures,or even media—in an exact page position
  • Create unique,custom FrontPage Themes with your owngraphics,color scheme,and text styles
  • Embed sound and music files to add audio and video to your site
  • Collect and manage form input data
  • Apply interactive and animated page content with Dynamic HTML effects

Product Details

McGraw-Hill Professional
Publication date:
Product dimensions:
8.00(w) x 9.94(h) x 1.11(d)

Read an Excerpt

Excerpt from

Chapter 4: Working with Pictures

Here's how the Picture toolbar tools (buttons) work:
  • Insert Picture from File Let's you navigate around and insert a picture.
  • Text Creates a box for caption text that attaches to the selected picture.
  • Auto Thumbnail Creates a thumbnail of the selected picture (see discussion of thumbnails earlier in this chapter).
  • Absolutely Positioned Assigns absolute positioning to the selected picture (see discussion of absolute positioning earlier in this chapter).
  • Bring Forward Works with absolutely positioned pictures-moving them in front of other objects on the page.
  • Send Backward Also works with absolutely positioned pictures-moving them behind other objects on the page.
  • Rotate Left, Rotate Right, Flip Horizontal, and Flip Vertical Rotates the picture.
  • More Contrast, Less Contrast, More Brightness, and Less Brightness Changes the brightness and contrast of the picture. Very useful-especially since most images need some brightening when they are placed in Web sites.
  • Crop Works like scissors-you can trim the edges off of a picture.
  • Line Style Allows you to define outlines for some pictures. However, for most pictures, you'll define outlines in the Picture Properties dialog box, while is explored in the next section of this chapter.
  • Format Picture Only works on pictures created with FrontPage's drawing tools, which are briefly addressed at the end of this chapter.
  • Set Transparent Color Used to make one color in a picture invisible so that the page background shows through. When you click this tool an eraser cursor appears. Use it to point and click at a color in a picture to make that color disappear.
  • Color Provides four color options (not all are available for every picture): Automatic (normal), Grayscale (shades of gray), Black and White (2 colors), and Washout (makes the picture colors fade).
  • Bevel Applies a frame around a picture.
  • Resample Overwrites your existing picture file with one that reflects the current size of the image. If you have made your picture smaller, this reduces file size.
  • Select Deselects other tools.
  • Rectanglular Hotspot, Circular Hotspot, and Polygonal Hotspot Draws clickable links on a picture, transforming it into an image map. And to help out, the Highlight Hotspots button highlights those clickable areas.
  • Restore Bails you out at times by undoing editing changes to your picture and converting back to the last saved version of your picture file.

Picture Links and Image Maps

You can assign a link to any image, or you can assign many links to a single image. Images with many links are called image maps. For example, you could literally take a picture of a map and draw different clickable link areas on it that corresponded to different countries, allowing visitors to jump to a link just by clicking a country on the map.

Creating a Picture Link

It's often effective to associate a link with a picture. The link can be to another Web page or even to another picture file. As visitors hover over a picture on your Web page, the hand icon that appears will let them know there is a link assigned to the image.

To Assign a Link to a Picture:

    1: Select the picture.
    2: Click the Create Hyperlinks button in the Standard toolbar. The Create Hyperlink dialog box appears.
    3: Use one of the folder options in the Look In list on the left side of the Insert Hyperlink dialog box to choose a source for the target Web page. Navigate to a page in the list of pages in the dialog box.
    4: Use the Screen Tip button to define text that will appear when a visitor hovers over your picture with his or her mouse cursor.
    5: Use the Target Frame button, and click New Window in the Target Frame dialog box if you want the link to open in a new window.
    6: After you have defined the target for your picture link, click OK in the Insert Hyper link dialog box.
Pictures with links automatically get borders placed around them, and the border color is the same as the color you assigned to link text. You'll explore how to get rid of a picture border later in this chapter.

Creating an Image

Image maps have many clickable areas that are defined using the Rectangular Hotspot, Circular Hotspot, or Polygonal Hotspot tools in the Picture toolbar.

To Create an Image Map:

    1: Select the picture that you want to convert into an image map.
    2: If the picture toolbar isn't visible, choose View I Toolbars I Pictures.
    3: In the Picture toolbar, click the Rectangular Hotspot button, and click and drag to draw a rectangle around an area that will be a hotspot, ...
    4: When you release your mouse button, the Insert Hyperlink dialog box appears. Navigate to a Web page to link the hotspot to, or enter an external URL (Web site) in the Address area of the dialog box, and then click OK.
    5: You can add a circular hotspot by using the Circular Hotspot tool, or you can add an irregularly shaped hotspot by using the Polygonal Hotspot tool. To use the Polygonal tool, click several times to outline the hotspot, and double-click when you've completed the outline.
    6: After you finish the image map, test your links in the Preview tab of Page view.

More Picture Properties

Most of the things you want to do to pictures are available from either the FrontPage Formatting toolbar (alignment), the Standard toolbar (links), or the Picture toolbar (contrast, coloring, transparency). And some picture editing-like sizing or moving a picture-is done just by clicking and dragging in Page view. There are a few, additional picture-formatting features that are hidden in the Picture Properties dialog box. The most important additional picture formatting features are listed here:
  • Alternative reprensentation Define the text that appears as a ToolTip when a visitor hovers over a picture or when a picture is viewed in a browser that does not support pictures.
  • Horizontal and vertical spacing Allow some "air" between your picture and the text that flows around it.
  • Border sizeThis is for the border around your picture or turning off the border all-together.
  • Interlacing "Fades in" GIF images that take a long time to download.
  • Progressive passes"Fades in" JPEG images that take a long time to download.

Exploring the Picture Properties Dialog Box

The Picture Properties dialog box has some features not available on toolbars. It also let's you look at change just about all the settings you defined for a picture using toolbar buttons and on-page editing.

Open the Picture Properties dialog box by doing any of these things:

  • Right-click the picture and choose Picture Properties from the context menu.
  • Click (once) on the picture, and choose Format I Properties from the menu bar.
  • Click once on the picture and press ALT+ENTER.
There are three tabs in the Image Properties dialog box: General, Video, and Appearance. For now, never mind the Video tab. Video is explored in Chapter 14.

The Appearance tab defines alignment-you can apply alignment using the Align Left acid Align Right buttons in the Formatting toolbar, but you can remove alignment here. You can also use the Specify Size check box to activate the Width and Height spin boxes and define the size of a picture digitally-by entering either pixels (the tiny dots that make up a monitor screen) or percentage sizes. You also use the Appearance tab to define border thickness and spacing around a picture...

Meet the Author

David Karlins is an acclaimed Web designer, Web design instructor, and author of a dozen books on Web design and graphics. His Web design clients range from the Himalayan Fair to insurance companies, and from cutting-edge music producers to literary agencies.

In addition to the FrontPage 2002 Virtual Classroom, David's previous FrontPage books include Create FrontPage Web Pages in a Weekend, Wild Web Graphics with Microsoft Image Composer, MCSD: Designing and Implementing Web Sites Using Microsoft FrontPage, Teach Yourself FrontPage in a Week, and the FrontPage Bible (co-author). Other recent Web design and graphics book by David Karlins include the Teach Yourself CorelDRAW in 24 Hours and the Complete Idiot's Guide to Flash. David is a Microsoft Certified Professional in FrontPage, and he runs the FrontPage Forum at

Customer Reviews

Average Review:

Write a Review

and post it to your social network


Most Helpful Customer Reviews

See all customer reviews >