Microsoft FrontPage #6



*1.   GIVE TEXT THE RUNAROUND

March 29th, 1999

Say you've placed an image on your page, and you want the text 
that's already on your page to wrap around the image. The 
trick is to change the image's properties so that the text 
runs to the left or right of your image: 

- 1. Right-click the image. 
- 2. Choose Image Properties from the menu that appears. 
- 3. Click the Appearance tab in the Image Properties
     dialog box. 
- 4. Under Alignment, choose Left or Right. 
- 5. Click OK to close the Image Properties dialog box. 

Now your text flows around your image instead of sitting above 
or below it. If you don't already have text on the page, you 
can begin typing now, and your text flows automatically.


*2.   AND THEY'RE OFFSET

March 30th, 1999

Over the last couple days, we've talked about adding an image 
to your page and having text flow around your image. If you've 
made your text flow around your image, you've probably noticed 
that the text and image butt right up against each other. To 
solve this problem, you need to slightly offset the text--the 
focus of today's tip. 

- 1. Right-click the image. 
- 2. Choose Image Properties from the dialog box that appears. 
- 3. Click the Appearance tab in the Image Properties
     dialog box. 
- 4. Under Alignment, choose Left or Right. 
- 5. Under both Horizontal Spacing and Vertical Spacing,
     set the value to 2 (use the up arrows). Note: This gives
     you a good minimum offset. If you want more white space
     than that between your text and image, set the value to
     a bigger number. 
- 6. Click OK to close the Image Properties dialog box. 

Now your text flows around your image with a slight offset.


*3.   RUN FROM THE BORDER

March 31st, 1999

When you hyperlink an image, FrontPage automatically places a 
one-pixel border around the image. If it's clear that the image 
is hotlinked (for example, if the image is a button for your 
homepage), you can ditch the border. 

First, hyperlink the image: 

- 1. Select the image. 
- 2. Press Ctrl + K to open the Create Hyperlink dialog box. 
- 3. In the URL box, type the Web address. 
- 4. Click OK to close the Create Hyperlink dialog box. 

To get rid of the border: 

- 1. Right-click the image and choose Image Properties. 
- 2. Click the Appearance tab in the Image Properties
     dialog box. 
- 3. Under Border Thickness, enter 0. 
- 4. Click OK to close the Image Properties dialog box. 

Keep in mind that, in some cases, keeping the border is 
preferable. You may want to retain the border if it's not clear 
that clicking the image will hyperlink your visitors to 
another location.


*4.   UNDER YOUR THUMB

April 1st, 1999

Here's a good trick for creating sites that use many images, 
like a catalogue or a personal site of vacation photos. Try the 
FrontPage AutoThumbnail feature. This timesaver creates a 
miniature version of your image, which is hotlinked to a 
full-size version. 

- 1. Select the image you want to change in FrontPage Editor. 
- 2. Click Tools + AutoThumbnail. 

Now your visitors see a smaller, highlighted version of your 
image. When they click the image, a full-sized picture appears 
on its own page in the browser.


*5.   JUST A LITTLE SAMPLE

April 2nd, 1999

We talked about something called resampling back in September, 
but reader Daniel Robino thought it was time for a reminder. 
We agree, so here's the skinny: 

When you resize an image, you don't change the actual 
behind-the-scenes size of that image, which means that people 
visiting your page have to wait to link to the original 
image--at its original size--and then have to wait as the image 
resizes itself. As a courtesy to your visitors, resample the 
image so they don't have to wait through the entire resizing 
process. Resampling is quick and easy: 

- 1. Click to select the image. 
- 2. From the Image Toolbar, click the Resampling button
     (it's the one on the far right). 

You won't see any change, but your visitors will thank you 
for the time they save.


*6.   FONTASTIC

April 5th, 1999

Looking for some extra font styles for your Web page? Microsoft 
has some options that you may find appealing. Go to the 
following Web site: 

www.microsoft.com/truetype/fontpack/ 

Check it out!


*7.   TAPPING INTO YOUR INNER LIBRARIAN

April 6th, 1999

Building a hyperlinked Table of Contents lets visitors navigate 
your site more easily. Just follow these simple steps: 

- 1. From the FrontPage Editor, choose File + New. In the New
     dialog box, click OK. 
- 2. Choose Insert + Table of Contents. The Table of Contents
     Properties dialog box appears. 
- 3. In the Page URL for Starting Point text box, enter the
     name of your page (usually the home page) that provides
     the links for your table of contents (alternatively, click
     Browse, navigate to the page, and select it). Click OK. 
- 4. If you want the table of contents to be updated any time
     you edit a page in your Web, select the option Recompute
     Table of Contents When Any Other Page Is Edited. 
- 5. Click OK to close the Table of Contents Properties dialog box. 
- 6. Save the page (choose File + Save, name the page, and click OK). 

The listing of the pages in your site doesn't look very 
descriptive; it just says "Title of a Page" over and over 
again. But don't sweat it. The Table of Contents page is 
actually a Java applet; you have to preview it to see the 
listing of the pages in your site. To view the final TOC: 

- 1. Choose File + Preview in Browser. 
- 2. In the Preview in Browser dialog box, click Preview. 

When the page loads in the browser, you see a listing of each 
page that's linked from your home page.


*8.   NEGOTIATING BORDERS--PART 1 OF 3

April 7th, 1999

Shared borders aren't just for politics: They're also for your 
Web page. With a shared border, you can add other elements that
you want to appear around the edge of the page, essentially 
turning that element into part of the border. Anything you add 
to a shared border (text or graphics, for example) appears on 
all pages that include shared borders. You can add these 
borders to your entire site, creating a consistent header on 
each page, for example, or using them as a navigational 
shortcut. To add shared borders to your entire Web site: 

- 1. In FrontPage Explorer, choose Tools + Shared Borders. 
- 2. In the Shared Borders dialog box, click the borders you'd
     like to have appear on all the pages of your Web. You have
     four options: Top, Left, Right, and Bottom. 
- 3. When you're done making your selections, click OK. 

In our next tips, working with the borders you create. 
Stay tuned.


*9.      NEGOTIATING BORDERS--PART 2 OF 3

April 8th, 1999

In our last tip, we explained how to add shared borders to a 
Web site in order to create a consistent look across all your 
pages. But sometimes you don't want every single page to be 
exactly the same. If you'd like one of your pages to have 
different borders from the other pages--or no borders at 
all--follow these simple steps: 

- 1. Open the page in question in FrontPage Editor. 
- 2. Choose Tools + Shared Borders. A Page Borders dialog box,
     which looks very similar to the Shared Borders dialog
     box, appears. 
- 3. Choose the option Set for This Page Only. 
- 4. Select the borders you want on this page and click OK
     when you're done.


*10.   NEGOTIATING BORDERS--PART 3 OF 3

April 9th, 1999

If you've been working on shared borders over the last few 
days, you probably have lots of edging on your page that you
haven't done a whole lot with. You probably still have the 
default filler text. If that's the case, now's your chance to 
get rid of the filler text that's in the border: 

- 1. Replace the filler text with any text or image you want. 
- 2. When you're done, choose File + Save to save the changes. 

Keep in mind that whatever you put in the border of one page 
appears on every other page that shares that border--making 
shared borders a particularly handy way to add copyright 
notices, tables of contents, images, and so on, to each page 
of your site.
