| a |
1a) Adding sound to a button
13) Alternate text for areas in an image map
14) Become a Publisher
15) Blinking text
16) Cascading style sheets
17) Cell by cell
18) Change the default background color of your
pages
19) Changing how a toolbar button looks
20) Check your spelling
21) Checking spelling on multiple pages
22) Chitchat
23) Color me perfect
24) Coloring tables and cells
25) Composing images
26) Copycat
27) Create dynamic text
28) Creating a blank page in a themed web
29) Creating a hanging indent
30) Cropping images
3a) Define Terms
31) Design Tips
32) Designing in style
33) Discussion Web Template
34) Display full list of commands when you click
the menu bar
34) Document styles
35) Doing it your way
36) Drop it
3b) Everything in its place
37) Exit dynamic html
38) External style sheets
39) Fancy fonts
40) Fancy hyperlink
4a) Flipping pages
41) FrontPage's Easter egg
4a) FrontPage has some editing options that will
allow you to tweak.
42) Ftp lingo
43) Fun with table borders
44) Get it scheduled
45) Getting organized
46) Getting text with your images
47) Going monochrome
48) Graphic goodies
49) Groovy background sound
50) Highlighting text when the mouse passes over
it
51) Hit Counter
52) Hit counter happy
53) Hitting a hit counter
54) Hovering
55) How can you have a personalized icon appear
next to your page when somebody bookmarks it?
5a) How to customize the options for that menu?
57) Image mapping
58) Immobilizing a background image
59) Importing
60) Indenting a block of text
61) Inline styles
62) Inserting a scrolling marquee
63) Inserting symbols and special characters
64) Interactive calendar
65) It's all symbolic
66) Just paging through
67) Keep out
68) Keeping your hyperlinks current
69) Keyboard tricks
6a) Let FrontPage do the work
70) Linking back to the top of the bookmark
page
71) Linking it all up
72) Linking to another part of the same page
73) List change-up
74) Loading large image more quickly
75) Making your picture's background
transparent
76) Mark it with a "b" for bookmark
77) MetaTag
78) More on scheduled pictures
79) Multiple FrontPage can run at then same time
80) Navigating your Webpage.
8a) Nest a second table inside the first by
drawing a new table above or beside the existing table.
81) Organize link pages
82) Organizing your web site
83) Padding and spacing inside tables
84) Paragraph basics
85) Picking up the stragglers
86) Picking up where you left
87) Pinpointing html code
88) Placing text and pictures side by side
89) Preventing line breaks between words
90) Previewing page
91) Providing alternate text for pictures
92) Remove text formatting
93) Renaming a file or folder
94) Repair broken hyperlinks
95) To change the Web name
96) Rubbing elbows, or shared borders
97) Scrolling
98) Searching high and low
99) Serving up tables
100) Setting table
101) Shortcut for undoing your last action
102) Shortcut to editing pages
103) Shortcuts for superscripting and subscripting
text
104) Size counts
105) Sizing it
106) Smoothing resized pictures
107) Snazzing up your thumbnails
108) Some keyboard action
109) Sort it
10a) Spell check
110) Table-cells that span multiple rows or columns
111) Targeting frames
112) Teacher says make an outline
113) Text toppers
11a) The disappearing list
114) The freeform table
115) The great frame-up
116) The slow and pokey page
117) Thumbnails
119) To add a drop-down menu
120) To add a drop-down menu to customize the
options for that menu.
1) To find last worked file
121) To ftp or not to ftp
122) To printout (yes, a hard copy) of the
navigational view of your Web site.
56) Undo the last action
123) Use web templates for common site designs
124) Using a picture to link to another site
125) Using one picture to hyperlink to several
sites
126) Varying variables
128) Washing out your graphics
129) We get by with a little help from our
friends
130) Who cares about status
131) Wrapping it all together
To add a drop-down menu
To add a drop-down menu, first position your cursor where you want the
drop-down menu to appear on your page. Then, choose Insert, Form,
Drop-Down Menu. You'll notice a new component that offers a drop-down
arrow, along with buttons marked Submit and Reset. But if you click on
the drop-down
arrow, you'll notice that nothing appears.
To add a drop-down menu to customize the options for that
menu.
Start by going to the drop-down menu on your page and right-clicking
on the section that has the drop-down arrow. In the pop-up menu that
appears, you should see an option called Form Field Properties. Once
you select that, the Drop-Down Menu Properties dialog box will appear
on your screen.
You'll notice the Name section. This entry will serve as the
name of your drop-down list. But it's not a name that will appear on
your screen--instead, it's the name that FrontPage needs to make sure
that all the elements of your list are grouped together.
After you've named your list, you'll want to add all the
different choices that your visitors will see. To do this, click the
Add button on the right-hand side of the dialog box. A new dialog
box--called Add Choice--will appear. This dialog box is fairly
straightforward: Simply type in a choice for your list. Unless you want
a particular option to be selected from
the start--in which case you'd click Selected under the Initial State
section--you can click OK. You'll see your new choice appear in the
list.
Continue to add all the different choices you want to present
to your site visitors. When you've finished, simply click OK in the
Drop-Down Menu Properties dialog box.
Now for some options:
If you want your visitors to be able to choose more than one of the
presented options, click Yes under the section Allow Multiple
Selections. (You will have to hold down the Ctrl key to select several
choices, so you might
want to indicate that above the drop-down menu.) Also note the section
called Height. Most drop-down menus show only the first option: Viewers
have to click on the arrow to see the rest of the list. If you'd prefer
to
have your whole list appear on the screen (or even just part of your
list),
adjust the Height section accordingly. Finally, check out the buttons
on
the right side of the dialog box--they let you reorder your list. Just
select
the choice you want to move, and click the Move Up or Move Down button.
How can you have a personalized icon appear next to your page
when somebody bookmarks it?
To have an icon automatically appear with your page when somebody else
bookmarks it, you first need to have or create an icon. Note that the
icon can be only 16 pixels square--which is pretty tiny--so you'll want
to keep things simple. Next, name your icon favicon.ico. You'll want to
put this file in your root directory--that's the directory where your
index.html
file lives.
Here's how it works: When a viewer bookmarks your page using
Microsoft Internet Explorer, the browser looks in the root directory
for that favicon.ico file. When it finds the file, the browser places
that icon next to all Favorites. Note that this trick will work only
with Internet Explorer 5.0 and higher.
Fancy hyperlink
You can enable rollover effects so that the look of your hyperlink will
change when visitors move their cursor over the text of the link. To do
this, choose any hyperlink and right-click. Select Page Properties from
the pop-up menu that appears. Next, click the Background tab in the
Page Properties
dialog box. Select the Enable Hyperlink Rollover Effects option and
then
click Rollover Style. You will now see the Font dialog box. Choose a
style
that you want your normal hyperlinks to change to. When you've
finished, click
OK twice to close the dialog boxes.
In fact, if you're using a mouse-over hyperlink, you might
just
want to make the text bold or italicize it and change the color, rather
than changing the font style altogether.
You want a picture to have a muted look--or maybe one
particular image just shouldn't be the focus of your visitors'
attention. If that's the case, there's an easy solution.
Select the picture, then click the Washout button on the Image toolbar.
(It's the icon that looks like a grayed-out picture of a mountain.)
Note that clicking the Washout button again won't undo the task; in
this case, you'll have to press Ctrl-Z if you don't like the washout
effect.
Discussion Web Template
If you decide that you'd like your discussion group to be a separate
web rather than embedded in your current web, don't groan at all the
extra
work. Actually ,there's a discussion web template that does most of the
work for you. Just choose File, New, Web. Highlight the Discussion Web
Wizard icon and click OK. FrontPage will now walk you through a series
of questions--things like whether you'd like threaded discussions, if
you
want only restricted access to the discussion group, and so forth. Go
ahead
and answer all the questions--and when you're done, you'll have a new
web
with which to work!
Hit Counter
If you'd like to jazz up yours, take a look at the following Web site
and find one that's right for you:
http://www.alberta-ca.com/frontpage/index2.html
Become a Publisher
Well, that Web site of yours is all polished, spit-shined, and ready
to go. Now you just have to publish it so the world can get a look-see
at
all your hard work.? FrontPage makes publishing your Web fairly
straightforward.
Start by choosing File, Publish Web. If you click the Options
button in the Publish Web dialog box, you'll see a few additional
choices--like Only Publishing Changed Pages or Including Sub
webs. Once you're done, enter the URL or the file path for the
published Web. Click the Publish button, then sit back and congratulate
yourself on your new job title as publisher.
To printout (yes, a hard copy) of the navigational view of
your Web site.
First, choose File, Print Preview. Check that all the boxes of your
"outline" are labeled, then click the Print button. You'll have that
arcane paper-looking thing for the fundamentalist in you.
Picking up where you left
In most programs, it's easy to return to the document you were working
on when you exited the program. FrontPage lets you choose from lists of
your recent files or webs.
But FrontPage makes it even easier to return to the last web
you worked on before you exited the program: You can have FrontPage
automatically open your most recent web when you launch the program. To
do so, first choose Tools, Options and click the General tab. Select
the Open Last Web Automatically When FrontPage Starts option in the
Startup section and click OK.
The next time you launch FrontPage, it will automatically open
your web and display a new, blank page. If you'd prefer to work on an
existing page, just click the X in the top-right corner of the new
page's header bar and open the page you want to edit.
Immobilizing a background image
FrontPage offers a setting you can use to immobilize the background
pattern or picture so that the words will scroll but the picture won't
move.
So, how do you freeze your background image? Easy--just pull
down the Format menu, choose Background, and in the Formatting section,
select the Watermark option. (This option doesn't, as you might think,
fade the background image; you use another command.)
To add a background color to your page after you've already
inserted a background image, Reopen the Page Properties dialog box by
selecting Format, Background or by right-clicking the page on the
Normal tab and choosing Page Properties. Then, click the Background
tab.
In the Colors section, click the Background drop-down arrow
and
choose a color that's similar to the predominant color in your
background
image. (You can choose from the More Colors palette if you don't find
anything appropriate in the Standard colors palette.) Click OK when
you've finished.
Display full list of commands when you click the menu bar
An Office 2000 innovation included with FrontPage is expandable menus
that appear when you click a command on the menu bar at the top of the
window. These menus display the commands you've used most recently,
anticipating that those are the commands you'll use again. You can
display the rest of a menu's commands by clicking Expand at the bottom
of the menu.
You'll be happy to know you can restore the full menus you're
accustomed to. Begin by right-clicking a toolbar or the menu bar and
choosing Customize. Next, click the Options tab and select the Menus
Show Recently Used Commands First option. Click Close to disable the
command.
After you click Close, you'll notice that your menus are
stable
and look the way you're used to seeing them.
MetaTag
You probably won't run across the META tag if you edit only on the
Normal tab. The META tag appears at the top of your HTML document in
the header area, which is invisible to the viewer. But if you want your
web site to
get noticed by Internet search engines, you should get to know a couple
of
META tag elements Description and Keywords. This is particularly true
if
your page is light on text (especially informative text) and heavy on
graphics.
To aid search engines in finding your web page, you should
supply certain information to these META tag elements:
Description: one or two sentences that describe the page's
content
Keywords: synonymous words and short phrases that describe the page's
content and purpose
Now that you know a bit about the tag, here's how to use
FrontPage to enter META information in your web page. First, choose
File, Properties and click the Custom tab. Under User Variables, click
the Add button. In the Name text box, type the word Description In the
Value text box, type a brief description of the page. Click OK, then
click the Add button again. In the Name text box, type the word
Keywords. In the Value text box, type your synonyms, separated by
commas, and click OK. Click OK to return to your page.
Check your spelling
There are a number of ways to make sure errant spellings don't enter
your web. First, you can have FrontPage flag misspelled words as you
type
them. To use this feature, choose Tools, Page Options and enable the
Check
Spelling As You Type option. FrontPage will place a wavy red line under
any words it doesn't recognize. You can correct spelling then and
there,
or you can come back to it later.
Second, you can run a spell-check after you've finished typing
your text. Using the spell-checker is pretty intuitive, so we'll just
tell you how to get to it. To check spelling on a page in Page view,
start the spell-checker in one of these three ways:
Press F7.
Click the Spelling button on the Standard toolbar. Choose Tools,
Spelling.
Checking spelling on multiple pages
To check spelling on multiple pages or over your entire web, start by
switching to Folders view. If you want to spell-check multiple
pages--but not the whole web--open the appropriate folder in the
left-hand Folder list window and select the individual files in the
right-hand window. To select adjacent files, press the first file, hold
down the Shift key, and press the
last file you want to check. To select nonadjacent files, click on one
of
the files, hold down the Ctrl key, and click each file you want to
check.
Once you've selected the appropriate files, launch the
spell-checker. When the Spelling dialog box opens, specify whether you
want to check the spelling of the selected pages or the entire web. You
can also have FrontPage add a task for each page that has misspellings
by selecting the Options check box. The task will remind you to correct
the misspellings later.
Preventing line breaks between words
FrontPage makes it easy to keep adjacent words together on the same
line: All you have to do is use a nonbreaking space between the words
instead
of using a normal space. To create a nonbreaking space, you simply hold
down the Ctrl and Shift keys as you press the spacebar.
Creating a blank page in a themed web
When you specify a theme for your web, each page you add carries the
theme's colors, fonts, and graphic elements. However, there are times
when
you want to turn off the theme elements on one or two specific pages.
To
do this, start by adding a new page in Page view. Then, choose Format,
Theme,
or right-click the page background and choose Theme. Click the Selected
Page(s) option and choose the (No Theme) option. Then, click OK. When
you
return to Page view, you'll find that FrontPage has removed all the
theme
elements from your page.
Should you wish to add the theme back, just choose Format,
Theme; select the Selected Page(s) option; choose the (Default) entry;
and click OK.
Adding individual theme elements to a plain page
How to add one or two images from the theme to your plain page. Doing
so will help ensure graphic unity in your web. (This technique involves
working in Windows, so if you're uncomfortable with your operating
system, you might want to skip this tip.)
To use individual theme elements, you first need to verify the
exact name of the theme your web is using. Do this by right-clicking a
page background, choosing Theme, and noting the name at the top of the
theme list.
Now for the Windows stuff: Begin by clicking Start, Find,
Files
or Folders. On the Name And Location tab, type the key word in your
theme's
name. For example, type 'Factory'
For the Geared Up Factory theme. Click Find Now. If Windows
doesn't find your theme, try using a different key word or truncate the
theme name. (Remember, at this point, you aren't sure exactly what
you're looking for, so it might take a couple of tries.)
When Windows displays your theme's location--it should be
listed in a couple places--double-click the entry for the Windows
temporary folder to display the graphic files in Windows Explorer. If
Quick View is installed on your computer, you can preview the graphics.
Just click a file icon, then choose File, Quick View. When you find a
graphic (or two) that you like, Copy it to your Windows desktop by
using the Edit, Copy command or by holding down the Ctrl key as you
drag the file to the desktop. We cannot emphasize enough that you Copy
the file.
Back in FrontPage, insert the graphic(s) from the desktop and
save the graphics when prompted.
Renaming a file or folder
Usually, when you create and edit a web, you're more concerned with the
information you put on the pages than with the names you assign to the
pages. And, when you're adding pages fast and furiously, you might even
accept FrontPage's default filenames--those anonymous pages with names
like new_page_3.htm.
Before you deem your web "finished," you'll want to clean up
your filenames and folder names, making them more descriptive and
consistent. To do so, first display your web in the Folder list in
either Page view
or Folders view. Right-click the file or folder and choose Rename (or
click
the file or folder and press F2). Type a new name in the space
provided,
and be sure to use the same file extension. Press Enter. When FrontPage
prompts you to update the pages that have hyperlinks to this page,
choose Yes.
Remember, you should always rename files and folders inside
FrontPage. Windows Explorer can't update links, and if you rename them
in Windows, you'll have to re-create your web in FrontPage's Navigation
view. Also, be careful not to change or delete a file's extension--the
file can become unusable if you do.
Multiple FrontPage can run at then same time
As it turns out, one of the new features of all the Office 2000
applications is the capability of running multiple instances of the
programs. For example, if you're working in Word and you want to open a
new document, Word will launch a second copy of itself.
FrontPage will launch an additional copy of itself when you choose the
Window, New Window command; open an existing web; create a new web; or
open a page in a closed web.
Previewing page
FrontPage's previewing options don't end there. You can also specify
a default browser and screen size for viewing your pages. This is
important because, if you're designing at 1024 x 768, you need to make
sure all your important page elements are viewable at 640 x 480 (and
vice versa). Also, since Netscape Navigator interprets HTML a bit
differently than Internet Explorer, it makes sense to use Netscape as
your default preview browser.
To specify a default preview browser, first choose File,
Preview In Browser. Choose a browser in the Browser section and select
a size in the Window Size section. (If your other browsers don't appear
in the Browser section, just click the Add button and, in the Add
Browser dialog box, click the Browse button and locate and select your
browser. Click Open, type the browser's name and version in the Name
text box, and click OK.) Finally,
click the Preview button.
Loading large image more quickly
There are many things you can do to ensure that your images load
quickly. Here's a trick that takes advantage of the fact that multiple
small images often load faster than one large image--you simply chop
your large image into small chunks and then use a table to compile the
chunks into the full image.
You can use nearly any image editor (even Windows Paint) to
crop your image into sections. Once you have your images ready, just
follow
these steps in FrontPage. In a page on the Normal tab, insert a
one-row,
one-column table. Insert the chunks of your image, in order from left
to
right and top to bottom. Right-click inside the table and choose Table
Properties
(or choose Table, Properties, Table from the menu). Now, set Cell
Padding,
Cell Spacing, and Borders Size to 0 (zero) and click OK.
Back in the Page view, drag the right table border to the
left.
If you cropped your images correctly, the pieces should come together
to
form the large image.
Table-cells that span multiple rows or columns
It would be nice if all your tables were neat, standard grids, with
data in every cell at the intersection of each column and row. But life
doesn't work that way--especially with multilevel tables, where, for
example, the first column contains broad categories that span multiple
rows, the second contains subcategories that might also span multiple
rows, and so on.
You could use the standard table grid and just leave certain
cells empty, but there's a better way: You can merge adjacent cells in
multiple rows or multiple columns--or both. To do this, just select the
cells you want to combine, then pull down the Table menu and choose
Merge Cells.
Now, when you do, FrontPage will merge the cells, applying
formatting based on different criteria:
- Cell formatting--such as border color, background color or
picture, horizontal and vertical alignment that you apply in the
CellProperties
dialog box--will be based on the formatting of the topmost and/or
leftmost
cell you merged.
- Text formatting--such as text alignment, font style and
color, highlighting, and bold--will still apply to each paragraph of
text and will
override any cell formatting.
Organize link pages
Organize the links on your links page! The most important thing you can
do for your links page is decide on its basic arrangement.
In general, you should use whatever method is most appropriate
for the information you're presenting. In most cases, you should
arrange lists in order logically, alphabetically, or by date or
importance. The arrangement should be obvious to your viewers as soon
as they see your page.
Arrange most people, organizations, titles, etc. in
alphabetical order. It's okay to arrange historical, literary, or
artistic periods by date. You might list geographic links either
alphabetically by state or
country, or you might subdivide them by region or continent before
listing
them alphabetically.
Padding and spacing inside tables
In a plain table, text can run from one edge of the cell to another.
In some cases, text in adjacent cells appears to run together--and it's
hard to tell where one cell ends and the next begins. To give your
table
text some breathing room, you can add space by specifying cell padding
and
cell spacing in the Table Properties dialog box.
To reach these settings, which apply to the entire table,
right-click inside the table and choose Table Properties from the
shortcut menu. Then, type a new value or use the spinner arrows to
increase or decrease the value in the text box. Click Apply to preview
the new settings' effect, and click OK to return to the editing
window.
Shortcut for undoing your last action
FrontPage has a number of features that let you "change your mind." The
most useful of these is the Undo command, which you can use to
(obviously) undo up to 30 of your most recent actions, including things
like inserting a table, linking a picture, or formatting text. The Redo
command lets you change your mind and restore your original action.
Undo--Press Ctrl-Z
Redo--Press Ctrl-Y
Setting table
There are a number of ways to create a table in FrontPage. Perhaps the
easiest method is to click the Insert Table button on the Standard
toolbar and then drag across the number of columns and rows you want in
your table. This method creates a simple table with the following
default properties:
1 pixel of cell padding
2 pixels of cell spacing
1 pixel border
center alignment on the page
a relative width of 100 percent
To change these properties, you open the Table Properties dialog box by
right-clicking the table and choosing Table Properties.
A second way to insert a table lets you change these default
properties as you create the table. Pull down the Table menu and click
Insert, Table to open the Insert Table dialog box. Here you can specify
the number of rows and columns, the alignment, the relative or absolute
width of the table, the width of the border, and the amount of cell
padding and spacing. Once you've made your choices, click OK to insert
the table.
There's a third method that gives you a great deal of freedom
over the look of your new table--you can draw it. To do this, first
select Table, Draw Table. The mouse pointer will change its appearance
to a pencil. Now you can begin drawing. This feature takes some getting
used to.
Here are some tips to get you started.
If the Tables toolbar isn't displayed, right-click any toolbar and
select Tables.
Select and deselect the pencil tool by clicking the Draw Table button
on the Tables toolbar or by selecting Table, Draw Table.
When the mouse pointer is outside a table, it will let you draw
rectangles (new tables). Inside a table, the pencil tool will let you
draw only lines.
Start by drawing the outside borders of the table. To do this, click
and drag a rectangle as large as you want.
Draw rows and columns by clicking and dragging horizontal and vertical
lines from border to border inside the table.
Widen, lengthen, or narrow cells by clicking and dragging the cell's
borders.
Nest a second table inside the first by drawing a new table
above or beside the existing table.
The second table will generally insert into the first
cell; it might insert into a lower row or a column to the right of the
first.
Or you can subdivide a table by drawing rows and columns instead of
nesting tables.
Erase cell borders (to merge cells or to delete whole cells) by
clicking the Eraser button on the Tables toolbar and click-and-drag
over lines in the table. FrontPage will highlight the selected line(s).
When you release the mouse button, the line(s) will disappear.
Delete whole tables--and all tables nested inside them--by deselecting
the pencil tool; moving the cursor over the table's right border until
a dark, right-pointing arrow appears; clicking the border; and pressing
the Delete key or by pressing Ctrl-X (the Cut command).
Pinpointing html code
If you're working in the Editing window and you want to quickly view
the HTML code for the item you're working on (table, text, image,
whatever), simply highlight the item before you click the HTML tab.
Because the windows are synchronized, the item you highlighted in the
Editing window will also be highlighted in the HTML window. This
feature is extremely helpful, as anyone who's ever tried to locate
specific information on a page of HTML knows!
Thumbnails
Graphic images don't load as quickly as text, but smaller images load
faster than larger ones. And depending on the size and number of images
on
a page, a viewer can be left waiting and waiting. And waiting.
Fortunately, you can do something to help your viewers see
graphics-heavy pages more quickly--you can present them with smaller
versions of your pictures.
Then if they want, they can click the smaller picture--the
"thumbnail"--to open the larger image in the browser window.
To create a thumbnail of any image (pictures or clip art),
simply select the image and press
Ctrl-T. FrontPage creates a second, 100-pixel-wide copy of your image.
Obviously, this image has lots less detail than the original, and so it
has fewer bytes and a smaller file size. And as we know, a smaller
image
makes for a faster-loading page.
You can change the size of a thumbnail (and its file size, as
well) by right-clicking it, choosing Picture Properties, selecting the
Appearance tab, clicking the Specify Size option, and entering a new
value for the Width or Height option. When you save the page, FrontPage
will prompt you to save this smaller image in your web.
When you click your FrontPage auto-thumbnail in a browser, the
original image will open in the same browser window, replacing the page
you were viewing when you clicked the thumbnail. In this case, you'll
need to press the Back button to return to the original page. This is
usually okay. However, if your text refers to the image, your viewer
will have to switch back and forth between the text page and the
image.
For the convenience of your viewers, you can have the original
image open in a second browser window. It isn't hard to do--it just
involves making a manual change to the HTML code. To begin, click the
picture, then click the HTML tab at the bottom of the Editing window.
Locate the section of
the picture's code that begins with A HREF=.
After the filename of the original image file (which is
enclosed in quotation marks) but before the closing character, enter
this tag:
target="_blank"
This tag attribute forces the browser to send the original
picture to a blank target window--or, stated another way, a new browser
window.
Thumbnails
Shrink your photos to thumbnails. That way, if your adoring public
really wants to see your stunning vacation photos or your latest
product, they
can choose which photos they want to download.
After you've inserted the photo into your page-in-progress,
click on it to select it. FrontPage will automatically display the
Pictures toolbar below your Page view. Click the Auto Thumbnail
button--it looks like a photo, with a miniature of the same photo in
front ofit. FrontPage will create
the thumbnail and add a blue border so folks know it contains a
hyperlink to the larger photo.
But what if the default size is too small, or you don't like
the border. It's easy to change the default options.
First, click Tools, Page Options, then select the
AutoThumbnail
tab. Here, you can change the default size of your thumbnails by
setting the height or width changing the thickness of the blue border
around the image (or getting rid of it) giving the thumbnail a beveled
edge, which makes it look more like a button.
Highlighting text when the mouse passes over it
Now, here's an interesting effect you can easily create in FrontPage.
This browser-specific effect uses Microsoft's flavor of DHTML, which is
viewable only in Internet Explorer version 4 and above.
With this effect, your paragraph of text appears in the normal
font except when the mouse is directly over it. At that time, the text
changes color, font size, or style, or it becomes bold or
italic--whatever effect(s) you assign it in FrontPage.
Here's how to apply this effect. First, click in or move the
cursor to the appropriate text. Then, choose the Dynamic HTML Effects
command from the Format menu to display the DHTML Effects toolbar.
Click the leftmost drop-down arrow (next to the On command) and choose
Mouse Over. Click the next drop-down arrow, beside Apply, and choose
Formatting. Click the third drop-down arrow and select Choose Font.
When the Font dialog box opens, select the effect(s) you want to use--a
different font color, for example. Click OK to exit the dialog
box.
FrontPage places a shaded box around the text in Normal view
to
indicate a DHTML effect has been applied. Now, check your page in the
Preview
tab. When you move the mouse over the text, it changes color.
Adding a table caption
When you use a table for presenting data, you'll usually want to add
either a descriptive title or a line of text that describes the
information
in the table. In this situation, you'll want to use FrontPage's caption
feature to include this information. You can place a caption either
immediately
above or below the table--without any extra line spacing between the
table
and text.
To add a caption to a table, click anywhere in the table, then
select Table, Insert, Caption. FrontPage will add a centered caption
just above the table. You can type the appropriate text at this point.
If you want to move the caption to just below the table, select Table,
Properties, Caption, then select the Bottom Of Table option.
If you wish, you can change the caption's formatting inside
the
Caption Properties dialog box by clicking the Style button and then the
Format button, but it's easier to do so by using options on the
Formatting toolbar.
A shortcut for removing text formatting
It's easy to return formatted text to the default font, size, style,
and color--just highlight the text and press Ctrl-Spacebar. You can use
this shortcut to remove any formats you can apply in the Font dialog
box
as well as highlight color and DHTML effects.
Remember, the default font for a theme overrides the "default
font" you've set on the Default Font tab of the Page Options dialog
box.
Adding a soundtrack to your page
It's pretty easy to add background audio that will play when your page
appears in a Web browser. The hard part is determining whether you
should do so, and if so, which audio clip to use. Keep in mind that the
clip will play each time the page loads into the browser, so it's best
not to add
audio to a page that the user must return to several times. However, if
the page won't get a lot of traffic, a bit of background music might be
a nice addition.
To add background sound to a page, you right-click the page in
Page view's Normal tab, choose Page Properties, and click the General
tab. In the Background Sound section, click the Browse button next to
Location and select the sound you want to use. Next, deselect the
Forever option (in most cases) and choose a Loop setting. Click OK to
return to the Editing window.
In Normal view, you won't see any indication that you've added
a background sound to your page. However, you can hear it when you
click
the Preview tab, and you can see its tag at the top of the
document.
Use web templates for common site designs
To use a template to create an entire web, first select File, New, Web.
In the New dialog box, you can choose from these site templates:
One Page Web--Contains a single, blank page
Corporate Presence Wizard--Helps you create a presence for your company
on the World Wide Web
Customer Support Web--Includes lots of forms for customer feedback and
internal reporting
Discussion Web Wizard--Helps you set up a discussion group
Empty Web--Creates a web with nothing in it
Import Web Wizard--Lets you import an existing web
Personal Web--Includes pages for pictures, personal information, and
favorite links
Project Web--Includes forms and pages for tracking progress of your
projects
Placing text and pictures side by side
There are a couple of ways to place a picture beside a block of text.
An old, favorite method involves creating a two-cell table and placing
your picture in one cell and text in the other cell.
Here's how you do it: Start by clicking the Insert Table
button
on the Standard toolbar and specifying a two-column, single-row table.
Click in the appropriate table cell and use the Insert menu's Picture
command
to add clip art or an image file to the cell. Next, type your text in
the
other cell. At this point, remove the borders and ready the table for
exact
dimensions by right-clicking the table, choosing Table Properties,
changing
the Borders Size option to zero, clicking the Specify Width section's
In
Pixels option, and clicking OK.
By default, the text aligns vertically in the middle of the
cell; to align it with the top or bottom of the picture, right-click
the text, choose Cell Properties, and specify Top or Bottom for the
Vertical Alignment option. Next, add horizontal space between the
picture and text by clicking on the appropriate side of the picture and
pressing the spacebar as many
times as needed. Finally, click and drag the cells' borders to set the
exact width of the text and picture. Then, take a look at your text and
picture in the Preview tab.
This method works best when the text relates directly to the
picture and the two need to be placed side by side. It's also the best
method for creating an illustrated heading or for locating a caption
beside the picture it relates to. You should use a table when you need
to align the edges of the text and picture or align the edge of the
picture with the margin--this capability isn't always possible using
the alternative method.
The second way to place text and pictures side by side
involves
inserting a picture on the page and simply letting the text flow around
it.
To use this method, you should first add the text to the page.
Next, place the cursor anywhere in the text, choose the Insert menu's
Picture command, and select a picture from a file or a piece of clip
art. Then, to place the picture at the left or right edge of the page,
click the image, pull down the Format menu, choose Position, select the
Left or Right option in the Wrapping Style section, and click
bbbbOK.
If you wish to add some space between a picture and the text,
you right-click the picture, choose Picture Properties, select the
Appearance tab, increase the Horizontal Spacing and/or Vertical Spacing
value(s),
and click OK. If you increase the horizontal spacing, FrontPage will
add
the space at both the left and right edges; if you increase the
vertical
spacing, it will be added both above and below the image. The extra
spacing
keeps the picture from aligning with the adjacent text or margin--an
unavoidable fact of HTML life--and is the only drawback to this
method.
To relocate a picture, simply click it and drag up or down.
Alternatively, you can drag the picture's text anchor--the right- or
left-pointing boxed arrow. The picture doesn't move as you drag; when
you release the mouse, the text anchor moves to the release point; the
picture moves to the designated margin on the line below the release
point.
Linking to another part of the same page
On pages with a large amount of text, it's standard practice to present
a list of section headings at the top of the page, with each heading
hyperlinked to the section of text it refers to. The viewer can either
click through the section headings or simply scroll down the page to
reach the desired information.
These linked headings are sometimes called anchors; FrontPage
refers to them as bookmarks. There are a couple of ways to create these
bookmarks; we'll show you the easiest method.
Here's the first part: Scroll through your document text. When
you reach a section you want to link to, click at the beginning of the
relevant text, pull down the Insert menu, and choose Bookmark. Type a
short, descriptive name in the Bookmark Name text box.
(The page's existing bookmarks are listed beneath this text box.) Click
OK. Scroll to the next section you want to link to and repeat the steps
we just described. Continue adding bookmarks to your page. A small,
blue flag will represent the location of each of your bookmarks in the
Editing window.
Here's the second part: At the top of the document, add the
text or section names you want to use to link to your bookmarks. Then,
highlight the text you'll link to the first bookmark, click the
Hyperlink button on the Standard toolbar (or press Ctrl-K), click the
drop-down arrow on the
Bookmark option near the bottom of the Create Link dialog box, choose
the
appropriate bookmark name, and click OK.
When you look at your page in the Preview tab or in a Web
browser, the text at the top will be underlined, just like any other
hyperlink.
When you click the hyperlink, your bookmarked text will pop into view.
Bookmarked text doesn't carry any special formatting; only the
hyperlink
is noticeable.
Linking back to the top of the bookmark page
When you're viewing a page that uses bookmarks, you might want to jump
from the bookmark back to the top of the page. Although clicking the
Back button often works in both Internet Explorer and Netscape
Navigator, you really can't rely on either browser to return you where
you were before
you clicked the hyperlink. One workaround for this erratic behavior is
to
give viewers a "Back to Top" link or button that they can use to go to
the
top of the page.
You simply define a single bookmark at the top of the page.
Then, you create a single hyperlink, which you copy and paste at the
end of each section. In essence, you use the same technique--only in
reverse--that you use to link from the top of the page to sections
farther down on the page.
For example, you might place the cursor just before the first
word of text, choose the Insert menu's Bookmark command, enter
'Top' in the Bookmark Name text box, and click OK. Then, move to
the end of the first section in the document and, on a blank line,
type
Go to Top
Drag across the above text and press Ctrl-K (the Insert
Hyperlink shortcut). In the Create Hyperlink dialog box, choose Top in
the Bookmark drop-down list and click OK. Drag across the new hyperlink
and press Ctrl-C to copy it. Move to the end of the next section,
create a blank line, and press Ctrl-V to paste another copy of the new
hyperlink. Continue pasting copies of the hyperlink at the end of each
section.
Keeping your hyperlinks current
Hyperlinks make the Web work. When hyperlinks don't work, it can be
pretty aggravating. However, it's an inevitable aggravation--as sites
are redesigned, directory structures and filenames change. Thus, any
links to those pages--for example, links from other sites or in your
Favorites folder--no longer
work.
These "links to nowhere" can be a real pain when you're
searching the Web. When they're on YOUR Web site, it's downright
embarrassing. You can be thankful that FrontPage 2000 includes a
feature--Verify Links--that checks your internal and external
hyperlinks for you. To use this feature, you must first be online.
Also, you should save all your open pages either manually or with the
Tools menu's Recalculate Hyperlinks command. (We'll talk more about
this command at a later time.) If you don't have a browser open,
FrontPage will check your links in the browser specified for your
Preview In Browser command.
When you're ready to verify your hyperlinks, click the Reports
option in the View bar. If necessary, display the Reporting toolbar by
right-clicking a visible toolbar and choosing Reporting. Click the
first drop-down arrow and choose Broken Links from the drop-down list.
If you want to check only some of your web's links, select the relevant
entries in the Broken Hyperlinks window.
Now, click the Verify Hyperlinks button at the right end of
the
Reporting toolbar. FrontPage will take a few moments to locate the
specified
links. For those it finds, you'll see the word OK in the Status column.
For
the links it can't find, the Status cell will say Broken. You can
right-click these broken links and choose to either change the
hyperlink or edit the page. If you change the hyperlink, FrontPage will
also change the link address in your page.
Be sure to use this command frequently if you have lots of
links to sites outside your own web. Also, you should verify your
hyperlinks
whenever you make major changes to your web.
Shortcuts for superscripting and subscripting text
Chances are, when working with FrontPage 2000, you may need to enter
a chemical formula, an exponential number, or a footnote number. In
these
cases, it will pay to know how to create subscripted and superscripted
text.
The conventional method for doing this is to highlight the text in
question; choose Format, Font; and select the appropriate option in the
Font dialog box. This will work fine in most cases, but it gets tedious
quickly if
you have to use lots of superscript or subscript.
Here's a much easier way to superscript and subscript text. To
create superscripted text (smaller than and slightly above the normal
text), press Ctrl-Equal Sign before you type the character(s) you want
to superscript. Press Ctrl-Equal Sign after you type the superscripted
text to return to normal text. FrontPage will enclose your text with
<sup> and </sup> tags.
subscripted text, and press Ctrl-Minus Sign again to return to
normal text. FrontPage will enclose your text with and </sub>
tags.
By the way, a superscripted lowercase "o" makes a nice
substitute for the degree symbol when you're expressing temperatures or
latitudes
and longitudes.
Using a picture to link to another site
You can't get far into FrontPage without becoming very familiar with
hyperlinks. The most common type of hyperlink is the text link, which
you
create by highlighting the text you want to link, clicking the
Hyperlink
button, and specifying a URL in the Create Hyperlink dialog box.
You can also use a picture as a hyperlink. When the viewer
clicks the picture, the browser displays the new page. In fact, picture
hyperlinks operate in virtually the same way as thumbnails--but instead
of taking you to a Web page, a thumbnail generally displays only an
image file.
Here's how to create a hyperlink for a picture. First,
right-click the picture and choose Hyperlink. (You can alternatively
click the picture and either press Ctrl-K or click the Hyperlink button
on the Standard toolbar.) In the Create Hyperlink dialog box, you can
select a page in the current web from the list at the top of the box.
Or you can link to a page on the Web or a file on your computer by
clicking one of the first two buttons to the right of the URL text
box.
Creating a hanging indent
A hanging indent is a paragraph in which the first line appears at the
left margin and subsequent lines are indented, as in this sample:
This is first line
Another line of text
Third line
In FrontPage, you can apply a hanging indent to any paragraph.
Place the insertion point marker in a paragraph and select
Format,
Paragraph. Then, enter
50
in the Before Text edit box and
-50
in the Indent First Line edit box. You can choose a different value if
you wish; the value is measured in pixels. The Preview window shows the
effect of your Indentation settings. Click OK to return to your
page.
If you wish, click the HTML tab to see the code behind the
hanging indent. Here's our code:
<p style="text-indent: -50; margin-left: 50">
By the way, if you've heard the phrase "inline style" and
don't
know what it is, well, you've just seen one.
Fun with table borders
FrontPage gives you a great deal of control over how your table borders
look. You can change the overall width of the outside borders, the
distance between inner borders (you use the Cell Spacing option for
this), whether the border is solid or beveled, and the colors of
outside and inside borders and individual cells' borders. At least, you
can do all this if your page doesn't use a theme. Oh well, no feature
is perfect, is it?
Let's look at some of the ways you can customize your table
borders. To begin, right-click a table and choose Table Properties to
open the Table Properties dialog box. We'll play with the options in
the Borders section. First, increase the size of the border to a
setting from 6 to 10 points.
Since the Color options are all set to Automatic, you'll
notice
the default, beveled border style, which has a lighter border at the
top
and left side and a darker border at the bottom and right side. If you
want to convert the beveled border to a solid border, all you need to
do is choose a specific color in the Color drop-down list. Even if you
choose the same color as the Automatic setting--black--you'll get a
solid, non-beveled
border.
To change the colors of a beveled outside border, just specify
different colors in the Light Border and Dark Border drop-down
lists.
The terms "Light Border" and "Dark Border" don't really have anything
to do with lightness and darkness--rather, the light border is the
color on the top and left side; the dark border is the color on the
bottom and right
side.
The border colors you choose in the Table Properties dialog
box
apply not only to the table's outer border but also to each cell's
border--but this time, the Light Border color appears on the cell's
bottom and right borders; the Dark Border appears on the cell's top and
left borders. You can change the cell border to a single color by
setting the Color option; you can change the light and dark borders by
specifying colors for those options.
And since you apply cell border colors to individual cells (by
right-clicking a cell and choosing Cell Properties), you can design an
extremely colorful table with very little effort.
Smoothing resized pictures
When you resize pictures by dragging their selection handles or by
changing Width and Height settings in the Picture Properties dialog
box, your picture sometimes becomes fuzzy or develops jagged edges. Why
does this happen?
Because when you manually resize a picture, the total number of pixels
(the
dots or squares of color that combine to make up the picture) remains
the
same; the picture's pixels simply get bigger or smaller. This isn't
usually
a problem when you make a picture smaller, but when you enlarge a
picture,
it isn't uncommon to see the individual squares of color.
Fortunately, FrontPage has a tool that allows you to smooth
out
a resized picture's rough edges. To use the tool, select your resized
picture and click the Resample button on the Pictures toolbar. In a
moment, you'll see a smoother or sharper image. (Remember, you can
always choose the Restore button to start again from scratch with the
last-saved version of your picture.) When your picture looks the way
you want, be sure to save your page (and
also save the new, resized, and resampled image) before you view it in
the
Preview window or in a browser.
Adding buttons to your FrontPage toolbars
You can add the views bar button to a toolbar. This button toggles the
list of views on and off--similar to the way the folder list button
works. In fact, there are a number of commands that you can place on a
toolbar;
Microsoft just included the most commonly used buttons on its
toolbars.
To add a button to an existing toolbar, start by
right-clicking
any visible toolbar and choosing customize from the shortcut menu. On
the
commands tab, scroll through the categories and the commands lists.
When
you find a command you want, simply drag it to the appropriate toolbar.
Finally, click the customize dialog box's close button.
For example, the views bar button is in the views category in
the customize dialog box. We dragged it beside the folders list button
on the standard toolbar, where it will be handy for opening and closing
the views bar.
Changing how a toolbar button looks
There are many ways you can customize your toolbars to make them
operate and look the way you want. One thing you can do is change the
appearance of a toolbar button. For instance, if you can't seem to
remember which button is the Refresh tool, just change it. Obviously,
you won't need to change the appearance of buttons you use all the
time, but for those infrequently used ones, you might prefer to show
the command's name on the button instead of an icon.
To change a button's appearance, start by right-clicking any
toolbar and choosing Customize. With the Customize dialog box open,
right-click the button you want to change and take a look at the
available options. To display the button's command name, choose the
Text Only (Always) option. If
you want to display the command name and the icon, select the Image And
Text
option. To reset the button to the icon only, choose the Default Style
option
on the shortcut menu. When you've finished, click the Customize dialog
box's
Close button.
Providing alternate text for pictures
If a picture is worth a thousand words and you use pictures in place
of those thousand words, then what's to become of your viewers who use
text-only browsers or who have their browsers set to not display
images? Well, if you provide alternate text for your pictures, those
viewers will do just fine.
Alternate text appears in the picture's placeholder as the
browser loads your picture. It also appears in a ToolTip that FrontPage
displays when your mouse hovers over the image. In special browsers for
sight-impaired users, alternate text is converted to audio, so those
users can "hear" your picture along with the rest of the text on the
page. In text-only browsers and browsers with images turned off, the
alternate text will appear where the image would otherwise be.
Here's how to provide alternate text for your pictures:
Right-click your picture, choose Picture Properties, and in the
Alternative Representations section, enter a meaningful description of
your picture in the Text edit box.
Be sure your alternate text explains the purpose your picture
serves--don't just enter the picture's filename. For instance, instead
of entering something like "park-pic.jpg" or "yellow.gif" or even
"Yellowstone Park," your conservation-sensitive alternative could be
something like "Yellowstone Park's fragile ecology is being jeopardized
by the millions of tourists who flock here each year to see its
beauty."
Be sure to provide alternate text for your thumbnails and
hyperlinked pictures, too. In this case, though, it's a good idea for
the alternate text to tell where clicking the picture will send the
viewer--and maybe even what they'll find when they get there.
Making your picture's background transparent
FrontPage offers a limited number of graphic tools that you can use to
perform several basic--but extremely useful--image-editing tasks. One
of these tools lets you specify one color of an inserted picture
(usually
the background color) as transparent. To use this tool, first click the
Pictures toolbar's Insert Picture From File button and place any type
of
picture (one that has a single background color) on a page in Page
view.
Then, click the Set Transparent Color button on the Pictures toolbar
and
click the picture in an area that contains the color you want to make
transparent.
If your picture isn't in a format that supports transparency,
FrontPage will ask, as soon as you click the Set Transparent Color
button, if you want to convert the picture to a GIF. When you click OK,
you'll be allowed to click a color to make it transparent. After you
click OK, though, be sure to preview your picture--sometimes an image
converted to a GIF will lose a lot of detail. (You can press the Undo
button at this point--since you
haven't saved the image as a GIF, you can still undo the action.)
Snazzing up your thumbnails
When you create a thumbnail, its default appearance is 100 pixels wide,
with a thin border. Fortunately, you aren't stuck with that default
appearance. FrontPage lets you edit a thumbnail just like any other
image. You can use buttons on the Pictures toolbar to make it brighter
or darker, adjust its contrast, add a beveled edge, or make any number
of adjustments. You can
also remove its border or change its size by right-clicking the
thumbnail, choosing Picture Properties, and changing those options on
the Appearance toolbar. When you save the page, FrontPage will prompt
you to name your
thumbnail picture.
You can change not only the appearance of individual
thumbnails
but also a few elements of the default appearance for all thumbnails.
To
do this, select Tools, Page Options, then click the AutoThumbnail tab.
Here, you can set a new default size, change the width of the border
(or delete it altogether), or add a beveled edge to the thumbnail.
Click OK when you've made your choices. From now on--until you change
it--all your thumbnails will carry this default formatting.
Coloring tables and cells
Using color in tables can be a good way to separate information,
especially if you aren't using a border for the table. It's also a good
way to add graphic interest to a table. For instance, writers might
want to place a tip
in a colored table and let article text flow around the table.
You can color an entire table, and you can color individual
cells. To color a table, right-click anywhere in the table and choose
Table Properties. In the Background section, click the Color drop-down
arrow and select a color from the default palette or the More Colors
palettes. Click Apply if you want to make additional changes; click OK
to return to your page.
To color individual cells, right-click the cell and choose
Cell
Properties. Then, click the Background section's Color drop-down arrow
and
select a color. Click Apply or OK to set the cell's new color.
Incidentally, if you turn off your table's borders but keep
your table's default Cell Spacing setting (2 points), each cell WILL
include
a "border" that's the color of the table background and as thick as the
Cell Spacing setting. This border is obvious only if you color adjacent
cells. If you want to get rid of this border, you should specify 0 for
the
Cell Spacing option. You can increase the apparent space between cells
by
increasing the Cell Padding setting.
Inserting a scrolling marquee
A scrolling marquee is a very effective way to catch your viewer's
attention. As the text rolls onto the screen, it practically screams,
"Look at ME." And considering how easy it is to insert a marquee, you
get a whole lot
of bang for the buck.
To insert a scrolling marquee, click where you want to place
the marquee, then click the Standard toolbar's Insert Component button
(or
choose Component from the Insert menu) and select Marquee. In the Text
edit box, type the message you want to display.
For the most part, you'll usually accept the default settings.
But you might be interested in the options in the Behavior section. The
Scroll option makes the text scroll in from one side, across the
screen, and off the other side. The Slide option makes the text scroll
in from one side
and stop at the other side of the screen. The Alternate option makes
the
text slide from one edge to the other and back again.
Using one picture to hyperlink to several sites
You can also hyperlink specific areas of a single picture to several
different Web pages.
A picture used in this way is called an image map. And the great
thing is that you can use any picture for an image map--but it's best
to use one with identifiable regions. Even better is a picture that has
blocks of text or bordered areas (such as outlines of countries or
expanses of
color) you can use for hyperlinking. At the very least, insert text on
the
picture telling the viewer where to click.
To turn a picture into an image map, you first insert the
picture. Then, decide which areas you'll "map" as links to other Web
pages or sites. You can map rectangular, circular, or polygonal areas
on the picture. For the first link, click one of the shape tools near
the right end of the
Pictures toolbar and drag a "hotspot" (the clickable area that contains
the link) on the picture. As soon as you finish drawing the shape,
FrontPage
will present the Create Hyperlink dialog box. Choose the target site or
page just as you would with any other hyperlink. For the second and
subsequent links, just repeat these steps.
As you create your image map, you should follow these general
guidelines:
Do not overlap any clickable areas. Move, resize, or reshape the
hotspot if necessary to avoid overlapping hotspots. (Overlapping
hotspots confuse most browsers.)
Make sure each hotspot is large enough to provide a reasonable
clickable area at any screen resolution. Remember, the higher the
resolution, the smaller the hotspot will appear.
Don't rely on the image map exclusively. Include alternate text links
for text-only browsers, and use one of your navigation bars to offer
the same links as in the image map.
Don't crowd too many links onto a single image--complex image maps can
be very confusing to navigate.
Alternate text for areas in an image map
If your image map doesn't contain readily identifiable regions, you
should include alternate text for each hotspot. This text will appear
when your mouse hovers over the hotspot in Internet Explorer.
Unfortunately, alternate text doesn't show up in Netscape Navigator.
(Netscape viewers CAN, however, depend on the status bar to show them a
hotspot's target address.) But in text-only browsers or browsers that
have images turned off, you can provide alternate text that can give
viewers a clue about the hotspot's destination.
We couldn't find a command that would let us add alternate
text
for each hotspot. However, it's very easy to enter the code on the HTML
tab. Just select the image before you switch to the HTML tab. Now all
you have to do is find the tag for each link and then, just in front of
the > character, type a space followed by
ALT="Enter your Alternate Text here"
Of course, you enter YOUR alternate text, but be sure to
include the quotation marks. You can type ALT or alt or Alt--HTML isn't
case-sensitive--but type the text enclosed in quotation marks exactly
as you want it to appear; quoted text in the ALT attribute IS
case-sensitive. Also, be sure to provide a meaningful message
here--since it's a hyperlink, it's a good idea to show where the link
will take the browser.
FrontPage's Easter egg
Many modern programs include a secret screen that programmers add to
the application just for fun. These screens--commonly called Easter
eggs--range from the simple list of programming credits to fairly
intricate games.
FrontPage's Easter egg is of the simple variety--but you might
enjoy seeing some of the video effects the screen uses to list the
programmers' names. To display the FrontPage Easter egg, hold down the
Shift key and perform these steps:
Pull down the Help menu, choose About Microsoft FrontPage, and
click OK.
Pull down the Help menu and choose About Microsoft FrontPage.
When you've seen enough, click the X in the window's upper-right
corner.
Washing out your graphics
Sometimes graphic images are, well, too graphic. The image may be
perfect, but the effect is no good if its colors dominate a page or it
obscures overlying text. The solution? Use the Wash Out command, which
lightens up the image. To use this command, just click the image to
select it and click the Wash Out button on the Pictures toolbar. (The
Wash Out button is the mountain
that looks--you guessed it--washed out.)
You can apply this effect not only to any image on the page
but
also to the page's background image. To wash out a background picture,
just click anywhere on the page's background and click the Wash Out
button.
Getting text with your images
A picture of a breathtaking sunset may be worth a thousand words. But
adding just a brief description (like, "view from my vacation villa")
on top of an image can make it worth, well, a thousand and five
words.
Fortunately, adding text atop a FrontPage graphic is easy.
Start by clicking the graphic image to select it. Then, click the Text
button
on the Pictures toolbar (the button that looks like the letter A) to
insert a box with a blinking cursor on the image. Type your message and
click outside the text box.
You can use any of FrontPage's text-formatting tools and
commands to format text you place on an image. And you can resize the
text box by clicking and dragging its handles. Also, you can move the
text box anywhere on the image by clicking it and dragging.
If you look at the HTML code associated with the text, you'll
see that FrontPage creates it as an image map. Not surprisingly, you
can hyperlink this text box to one URL and the image to a totally
different URL.
Blinking text
FrontPage offers lots of nice effects that enhance your pages in
Internet Explorer--DHTML effects, mouseovers, and ActiveX components,
to name a few. Most of these effects don't work in Netscape Navigator.
There IS, however, one nice effect that works in Netscape but not in
Internet Explorer--and that effect is blinking text.
When you want to draw quick attention to a bit of text, making
it blink will probably do the trick. Here's how you apply this
effect:
Drag over the text you want to make blink, press Alt-Enter (or choose
Format, Font) to open the Font dialog box, click the Blink option in
the Effects area, and choose OK. Save your page and view it in Netscape
Navigator (not on the Preview tab--it's based on Explorer and won't
display the effect). If Netscape isn't your default browser, you can
select it by choosing File, Preview In Browser; highlighting the
Navigator option; and clicking the
Preview button.
Cropping images
The Web's screen-based interface is so much like TV--most of your
visitors have as short an attention span as a person with a remote
control. So you need to give them what they need quickly so they can
move on. One way you can do this is to crop your images--get rid of
everything in the image except the part you want. The image will load
faster and your visitors won't have to pick out which part of the
picture you mean for them to look at.
Here's how to crop an image. First, click the graphic to
enable
the commands on the Pictures toolbar. Then, click the Crop button,
which
looks like a couple of diagonal Xs. A rectangle will appear on the
picture.
You can resize this rectangle by moving its corner or side handles (the
little black squares), or you can draw your own rectangle around the
area of the picture you want to keep. When you've selected the crop
area, press Enter or click the Crop button again. In a moment, the rest
of the picture will disappear.
Organizing your web site
Put all files (graphics, sounds, and text) relating to a single page
in a single folder, or put all text files in a folder and all graphics
in
the Images folder. When your web becomes large, put folders inside
folders--just like you organize your files in Windows.
To create a new, empty folder, right-click the folder you want
to add a new subfolder to and choose New Folder. Then, type a name for
the
new folder and press Enter.
To change your site's structure with the existing folders,
just
drag a folder to a new location. It might help to think of this in
terms
of family structure. For instance, to convert a "sibling" folder to a
"child" of another folder, just drag and drop the sibling onto the
other folder.
To convert a subfolder (child folder) to a sibling folder, just drag
and
drop it onto the folder above the siblings (you guessed it--onto the
"parent"
folder).
Don't worry about links: FrontPage updates them for you
automatically.
Adding a save all command to your file menu
FrontPage doesn't offer a Save All command or button, but the good
folks at Microsoft have provided a VBA macro that you can copy and
paste into
your FrontPage macro editor. Then, you can add the macro, as a command,
to the File menu.
If you'd like to give this macro a try, you can get it
at
http://officeupdate.microsoft.com/2000/articles/fpvba.htm
The instructions are clear and easy to follow. Although the
directions don't explicitly say so, you can Copy the macro (by
highlighting it and using the Ctrl-C shortcut) and paste it into the
module window (using the Ctrl-V shortcut).
Change the default background color of your pages
If you don't use a theme for your web pages but you do use a background
color other than plain old white, you can save some time with each page
by letting FrontPage automatically apply your standard background
color. You do this by changing the background color of the Normal page
template. To
begin, click the Open button on the Standard toolbar. Next, navigate to
the
Normal template's file. In a standard FrontPage 2000 setup, it will be
located
in
C:\Program Files\MicrosoftOffice\Templates\1033\Pages\
Select the normal.htm file and click the Open button. Now,
change the background color by clicking on the blank page; choosing
Format, Background; and selecting your color from the Colors section's
Background drop-down palette. Click OK to set the background color,
click the Save button to save the template file, and then close the
file. The next time you click the New Page button, FrontPage will
present you with a blank page that uses your custom
background color.
You can always return the default page to its standard
background color by repeating these steps.
Indenting a block of text
Nowadays, indenting a paragraph at both margins is easy--even in HTML!
In FrontPage, you right-click anywhere in the paragraph, choose
Paragraph from the shortcut menu, and enter values for the Indentation
section's
Before Text and After Text options.
Depending on your screen's resolution, a setting of 75 or so will
create a one-inch indentation.
Another way you can indent a paragraph from both sides is by
using the BLOCKQUOTE tag. This tag has gone out of favor, but the major
browsers still support it at present. To use this tag, highlight the
paragraph you want to format and then click the HTML tab. Just before
the start of the paragraph, type
<BLOCKQUOTE>
At the end of the paragraph, type
</BLOCKQUOTE>
This tag creates a standard indent (about 3/4 of an inch). You
can double up on the tag to create deeper indentations--two
<BLOCKQUOTE>s before the paragraph, two </BLOCKQUOTE>s
after the paragraph.
Shortcut to editing pages
Want to know at a glance which of your pages are open for editing? No,
you don't need to pull down the Window menu and glance at the list.
Just look at the open folders in Folder List view. Any open document
will be
identified with a small pencil attached to its file icon. It's a subtle
change, but one that can save you several mouse clicks over time.
Cascading style sheets
FrontPage and most of the Web design community encourage the use of
cascading style sheets over line-by-line formatting. This makes sense,
really--you wouldn't format each line of text in Word, so why do it in
FrontPage?
Fortunately, FrontPage makes working with styles and style
sheets pretty easy. But first, let's look at the three basic types of
styles you can use in FrontPage and on the Web:
Inline styles--Similar to line-by-line formatting in a word
processor.
Document, or embedded, styles--Styles that pertain to a single
document; they're similar to document-specific styles in a word
processor.
External style sheets--Similar to a template you create or edit and
then apply to any number of documents.
You can use all three types of styles on the same page.
However, what happens when you've defined "normal" text in an external
style sheet AND as a document style? And what happens when you manually
change the
formatting of that same "normal" text with an inline style?
Here's an important thing to know about mixing styles on a
page: the order of precedence--in other words, how the styles "cascade"
through your document. Here are the rules:
If an inline style is attached to the text, the text will carry the
formatting specified in the inline style.
If no inline style is attached to the text, the text will carry the
formatting specified in the document style.
If no document style is attached to the text, the text will carry the
formatting specified in the external style sheet.
If no external, document, or inline style is attached to the text, it
will carry the default formatting for text.
Inline styles
To format text using an inline style, you select one or more paragraphs
of text and use commands from the Format menu.
For example, you might apply character spacing in the Font
dialog box, indention and line spacing in the Paragraph dialog box, or
a highlight color or border in the Borders And Shading dialog box. In
the HTML code, the style definition appears at the beginning ofthe
paragraph(s) you selected. Inline styles don't cover simple formatting
such as font color, alignment, font size, bold, oritalics--that stuff
usually appears inside regular HTML tags, like <B> for bold or
<FONT COLOR="blue" SIZE="1">.
Here's an example of an inline style as it appears on the HTML
tab:
<p style="border-style:solid; border-color:#008080;
text-indent:-50; margin-left:50">
Incidentally, this tag creates a paragraph that's normal in
every way except that it has a hanging indent and a teal border.
Document styles
Document styles pertain to a single page. You can use them several
times on the same page, but when you switch to another page, they
aren't available. You can change the default formatting of a standard
style. Also, you can either define a generic style you can apply to any
paragraph, or you can
create a style that's restricted to a particular existing style such as
H1
(a top-level heading) or P (a normal paragraph).
To change the formatting of a standard style, choose Format,
Style; pick All HTML Styles in the List drop-down box; highlight the
name of the style you want to change; and click Modify. At this point,
click the Format button and choose the desired formatting. You can
apply any number of formats to your new style. Back out of the Styles
feature by clicking OK in each dialog box.
To define a generic document style you can use with any other
style, choose Format, Style, then click the New button. Next, type a
style name, click the Format button, and choose from the formatting
options (Font, Paragraph, and so forth). Click OK to back out of the
Styles feature.
To define a restricted document style, choose Style from the
Format menu, highlight the name of the desired style from the All HTML
Styles list, and click Modify. Then, in the Name (selector) box, type a
period after
the existing entry and then a name for the new style. For example, to
define
a red heading 2, the entry should be
h2.red
Next, click the Format button and apply the desired
formatting,
then back out of the Styles feature by clicking OK in the dialog
boxes.
Once you've defined the styles, you're free to start using
them. And using a document style is as easy as can be. Your new style
will appear at the bottom of the Style list on the Formatting toolbar;
just click in the text and choose the style name from the list.
On the HTML tab, you can see your style definition near the
top
of the page. The following style definition shows that we created three
styles--the first redefines the standard heading 1 style with a new
color (green). The second defines a universal red style that colors
whatever you apply it to (which might include a heading 1 style if you
wish). The third style specifies a restricted heading
style--h1.red--that you can use only to create red headings.
<style>
<!-- h1{ color: #008000 } .blue{ color: #0000FF } h1.red{ color:
#FF0000 } -->
</style>
When you apply a new style to a paragraph, the HTML tag
preceding the paragraph will include the new style name following the
specifier class, like this:
<H1> This is a normal green heading 1.</H1>
<H1 CLASS="blue"> This is a blue heading 1.</H1>
<H1 CLASS="red"> This is a red heading 1.</H1>
External style sheets
With external styles, your styles are defined in a separate document
(it has a .css file extension), which is similar to a template in a
word
processor. You define the styles once, in one place, and you can use
the
style sheet for every page in your web or just for selected
pages.
First, you define styles in a style sheet. Open a blank or
predefined style sheet file by selecting File, New and clicking Page.
In the New dialog box, click the Style Sheets tab and select one of the
options. (Don't worry--if you don't like a style on a predefined sheet,
you can modify it.)
When the style sheet opens in Page view, you'll see lines of
text and curly braces (or, if you chose the Normal Style Sheet option,
you'll see a blank page!). That's pretty much all there is to an
external style
sheet. The first thing to do is save and name your style sheet. Be sure
to
save it either with your web or with your other style sheets.
Once you've saved the style sheet, select Format, Style to see
exactly what's in the style sheet. At this point, you can redefine
standard styles, modify existing styles, or add new styles, just as you
do with document styles.
The next step is to attach the style sheet either to the whole
web or to individual pages. Then, you can start applying the external
styles.
To attach an external style sheet to the whole web, just open
one of your web's pages and choose the Format menu's Style Sheet Links
command. Click the All Pages option and then the Add button. Select
your style sheet's name and click OK.
To attach an external style sheet to a single page, you open
that page and repeat the steps above, except you click the Selected
Pages option instead of All Pages. You can even attach one style sheet
to most of the web and then attach a different style sheet to selected
single pages. The HTML tab will simply refer to the style sheet's name
near the top of the page, as follows:
<link rel="stylesheet" type="text/css"
href="woodys.css">
Once you've attached a style sheet, you start using it. To
apply a style, simply place your cursor in the appropriate
paragraph.
Create dynamic text
Not only can you liven things up with graphics, but now you can also
make plain old text do flips--by applying Dynamic HTML (DHTML) effects
to text and associating it with a trigger event like pointing or
clicking
a mouse.
For example, say you want the words "Welcome to my Web page"
to
hop on to the screen word by word when the page loads. Type the words,
then select them. Select Format, Dynamic HTML Effects. In the On box,
choose
the event that will trigger the animation--in this case, it's Page
Load.
In the Apply box, select Hop (there are also seven other effects to
choose
from). Close the DHTML Effects toolbar. You can view your handiwork by
clicking
the Preview Page View tab.
Inserting symbols and special characters
Sometimes, the standard keyboard just isn't up to snuff. What if you
need to insert the symbol for British pounds, or a copyright or
trademark
symbol? Don't bother looking up the HTML codes--it's easy to insert
them
in FrontPage.
Position your cursor where you want to insert the symbol.
Choose Insert, Symbol. Make your selection, and click Insert, then
Close.
Remove text formatting
Sometimes perfectly good Web designers go overboard with bold,
underlined, italic, and colored text. If you decide after hours of work
that you just can't stand the formatting on a page, don't worry.
There's a quick and easy way to get rid of it. When you remove
formatting, the text conveniently reverts to the default settings of
its style.
In Page view, select the text. Click Format, Remove
Formatting.
You can also press Ctrl-Shift-Z.
Add borders around text
A border is a great way to set an important paragraph off from the rest
of the page, and FrontPage makes it easy to add a border and play with
the style, color, and width.
In Page view, select the paragraph around which you want to
add
a border. Or click anywhere in the paragraph--the border will still be
applied to the entire paragraph. Select Format, Borders And Shading.
For a four-sided border, click Box (under Setting). Then, you can set
the properties by clicking options from Style, Color, and Width.
Keyboard tricks
you're working with pages, formatting text, editing text and graphics,
and selecting text and graphics.
- Create a new page: Ctrl-N
- Open a page: Ctrl-O
- Create a hyperlink on a page: Ctrl-K
- Preview a page in a Web browser: Ctrl-Shift-B
- Print a page: Ctrl-P
- Display non-printing characters: Ctrl-Shift-8
- Display HTML tags: Ctrl- /
- Refresh a page: F5
10 keystrokes that will shave some time off your project when you're
formatting text and paragraphs.
- Change the font: Ctrl-Shift-F
- Change the font size: Ctrl-Shift-P
- Apply bold formatting: Ctrl-B
- Apply an underline: Ctrl-U
- Apply italic formatting: Ctrl-I
- Apply superscript formatting: Ctrl-Plus Sign
- Apply subscript formatting: Ctrl-Minus Sign
- Copy formatting: Ctrl-Shift-C
- Paste formatting: Ctrl-Shift-V
- Remove manual formatting: Ctrl-Shift-Z or
Ctrl-Spacebar
Shortcuts for editing and moving text and graphics.
- Delete one word to the left: Ctrl-Backspace
- Delete one word to the right: Ctrl-Delete
- Cut selected text to the Clipboard: Ctrl-X
- Copy text or graphics: Ctrl-C
- Paste the Clipboard contents: Ctrl-V
- Insert a line break: Shift-Enter
- Insert a non breaking space: Ctrl-Shift-Spacebar
- One character to the right: Shift-Right Arrow
- One character to the left: Shift-Left Arrow
- To the end of a word: Ctrl-Shift-Right Arrow
- To the end of a line: Shift-End
- To the beginning of a line: Shift-Home
- One line down: Shift-Down Arrow
- One line up: Shift-Up Arrow
Repair broken hyperlinks
So while you're working on a web, you should occasionally check to see
if it has broken hyperlinks, and if it does, repair them.
Simply click View, Reports, Broken Hyperlinks. FrontPage will
list all the broken hyperlinks--if a hyperlink goes to an outside site,
the
status will be Unknown.
To fix internal links, double-click a hyperlink with Broken
status, then click Edit Page. If you know the correct URL, edit it in
the Replace Hyperlink With box. Or, click Browse to find it in a web,
file, or on the World Wide Web. To repair other occurrences of the same
hyperlink in all pages in your web, click Change In All Pages, then
click Replace.
Add a group of files to your current web
When you're inserting pictures in your page, it's easier if those
picture files are already part of your web. And at some point, you'll
need to have all the files associated with your web in one place, or
you'll have broken links when you publish. But there's no need to add
them all at once. You can import a group of files into your web at the
same time.
Switch to Folders View. Click File, Import. Click Add File in
the Import dialog box. You should now see the Add File To Import List
dialog box. Navigate to the directory where your graphics files are
located. Select them (remember, to select multiple files, hold down
Ctrl while you click on the files). Click Open, then click OK.
To find last worked file
It's been a while since you worked on your Web page (no, we won't tell
the Web police), and you can't remember where you put the last files
you were working on. Rather than dredging through your memory, use this
easy trick: If you choose File, Recent Files, you'll get a list of all
the files you last had open. Similarly, choosing File, Recent Webs will
display a
list of all the Web sites you've been working on, if there are more
than
one.
Navigating your web page
Navigating the Web is often tricky business. A nice addition that makes
it easy for people to navigate your site is a navigation bar. A
navigation bar is a series of links that appears on every page of your
Web site. It allows visitors to jump from one page to another
easily.
Here's how to add one to your site.
First, open your home page in Page view. Choose Format, Shared
Borders, then click the All Pages button. (We're assuming that you want
a navigation bar to appear on each page of your Web site.) Now you have
a few choices: You can choose to have a navigation bar at the top,
bottom, right, or left of your page. Or you can choose more than one of
those options. For simplicity's sake, click on Top and Left. Select the
Include Navigation Buttons option for both. Finally, click OK. You'll
see a navigation bar on the left and a banner at the top of the
page.
When you add a navigation bar to the top of your page, you'll
notice that you also get a page banner (that's the text across the top
of the page). The page banner automatically uses the text of the page
title--but this
might not be the text you want to shout from the top of the page. If
it's
not, try the following:
First, move to the page banner and double-click the text. In
the resulting dialog box, look for the section called Page Banner Text.
Highlight the text as it currently appears and then type in the text
you'd like to see on your Web page. When you've finished, click
OK.
The page banner text will be changed.
Once you've added a theme, changing colors, graphics, or text
isn't rocket science.
Once again, choose Format, Theme. In the Themes dialog box, at
the bottom, you'll see a button labeled Modify. This is your ticket.
Once you click that button, three other buttons will appear: Colors,
Graphics, and Text. Click these buttons and fiddle around with the
appearance of the
theme.
Here's an important note: When you've finished fiddling, click
OK and then--back in the Themes dialog box--you'll see the option to
save
this newly constructed theme. Instead of clicking the Save button,
click
the Save As button. This way, if you decide later that you don't like
the
changes you made, it's easy enough to go back to the original theme and
start
again. Now that's using your head.
Generally when you apply a theme, you want to apply it to your
entire Web site. But there may be times when you want to apply it only
to certain pages. Here's how:
First, go to the Folders list and highlight only the pages
that
you want to have the new theme. (Tip in a tip: If the folders aren't
next
to each other, hold down the Ctrl key on your keyboard so you can
select
them.) Next, choose Format, Theme. When the Themes dialog box
appears, make sure the option Apply Theme To Selected Page(s) is
selected. Then, select the theme you want, and it will be applied only
to the pages you chose. Don't forget to click the OK button to finish
the job.
Undo last action
You've been fiddling around on your Web page and you suddenly come to
the conclusion that you don't like any of the changes you've just made.
FrontPage allows you an unlimited number of Undos. To undo anything,
simply press
the Ctrl-Z key combo on your keyboard or click the Undo icon on the
toolbar
at the top of the FrontPage screen.
You know that if you want to undo something in FrontPage, you
can, but what if you want to undo a lot of somethings? Say a few steps.
Easy. Instead of undoing each individual step, FrontPage allows you to
undo several at a time. Check out the Undo icon on the FrontPage
toolbar. (It looks like an arrow that's pointing to the lower-left
corner of the page.) To the right of that icon you'll notice a small
menu arrow. Click and hold that arrow, and you'll see the last seven
commands you just completed when you were
working in FrontPage. Highlight as many items as you want; when you
release
your mouse button, FrontPage will undo them all.
Serving up tables
When you go to insert a table on your Web page, you have the option of
specifying the width of the table. And you can set the width either in
pixels or in a percentage of the total width of the page. Skip the
pixel
option and go with the width of the page. Why? Well, it's not just
because
measuring in pixels seems a little absurd. It's also because different
viewers
have different-sized screens, and you'll be able to set the size of the
table so it's appropriate for anyone looking at it--and that IS
important.
Spell that
Does your Web site have dozens of pages, all in need of a spell-check?
Rather than doing the job page by page, use the secret shortcut and
spell-check the whole site at once.
First, go to the Folders view. Now click the Spelling button
on
your toolbar. (It looks like a check mark, with the letters ABC above
it.)
The Spelling dialog box will appear. Click the button that allows you
to
check spelling of the entire Web. Before you click the Start button to
begin the spell-check, decide if you want to add a task for each page
with misspellings. This might be a good idea if you think you're going
to run into a whole pile of misspelled words and you don't have a lot
of time. By selecting this option, you can wait until later to make all
the changes. Click Start and let the spell-check begin!
Rubbing elbows, or shared borders
What if you want to add those shared borders to only one or two
pages?
First, go to the Folders view of your Web page. While you're
there, highlight the pages where you want to apply the borders. (Note:
If you want to select pages that aren't next to each other, hold down
the Control key on your keyboard.) Once you've highlighted your pages,
select Format, Shared Borders. In the Shared Borders dialog box, click
Selected Page(s). Now choose the borders you want to apply and click
OK. The shared borders will be applied to the pages you selected.
What to put in a bottom border? This is the perfect spot to
stash stuff like copyright and trademark information or to put contact
information so people know how to reach you.
To be sure that all your visitors will be able to see it
properly, that doesn't mean you have to go out and buy a whole bunch of
different
monitors. Instead, you just have to change a few settings as you
preview
your page.
Begin by choosing File, Preview In Browser. In the Preview In
Browser dialog box, you'll see a section called Window Size. Here, you
can select different screen sizes--640x480, 800x600, 1024x768. You
should preview your page in all these different options.
To chnage Web name
Yes, a rose by any other name would still be a rose--but your Web site
by any other name could just create a nightmare of broken hyperlinks.
Fortunately, you can avoid all those problems if you change a web's
name with FrontPage. Start by selecting Tools, Web Settings. In the Web
Settings dialog box, select the General tab. There, you'll see a
section called Web Name. Go ahead and make your change here.
One note: If you've already published your Web site and then
renamed it, you'll have to republish it with the new name.
Keep out
Sometimes, you just want to keep things under wraps. If you have files
for your Web page that you'd like to tuck away where co-workers won't
have access to them, you can create a hidden file. To do that, choose
File,
New, Folder. When you name your new folder, make sure it begins with an
underscore (for example, _keepout). That underscore ensures no
one can see the private folder.
To view all hidden folders, select Tools, Web Settings. In the
Web Settings dialog box, click the General tab. Look for the option
Show Documents In Hidden Directories. Once you select that option and
click OK, you'll
be able to see all hidden folders.
Doing it your way
Some things just seem like they always have been and always will be a
certain way. For example, when you're navigating through a Web site,
you click Back to go back to the last page and Next to go to the next
page. But
the labels don't have to say these exact things: You CAN buck the
trend. To change the way the labels appear on your navigation bars,
select Tools, Web Settings. Next, click the Navigation tab. Make your
customizations and then click OK.
Size counts
There are many, many reasons that you may want to know the overall size
of your Web site. You may have free space on a Web server--up to a
certain size. How to determine if you're under the limit? Choose View,
Reports, Site Summary. Check the top line of the resulting report--it's
labeled All Files. In the Count column, you'll be able to ascertain the
number of files in
your Web. The Size column will tell you the total size of all those
files combined.
Varying variables
Here's a scenario: You're just about to launch the Web site for a new
company, but that company is going to be moving its brick-and-mortar
location soon. And the company address is plastered all over the Web
site, so you know that you're going to have a lot of updating to do
once the move is final.
But FrontPage has a shortcut that will help you save some time. Instead
of
just adding the company address to the site, make the address a
variable. By defining it as a variable, you can simply make one
change--to the variable--and it will update itself over the entire
site.
To create a variable, begin by choosing Tools, Web Settings.
Next, click the Parameters tab. To create the variable, click Add. In
the Add
Name And Value dialog box, you'll do just that--add a name and a value.
In our example, the name would be something like "address" and the
value
would be the actual address of the business. When you've finished,
click
OK.
You define a variable and then simply make one change to the
value of the variable in order to update that information over your
entire site. So, once you've created your variable, here's how to
display it on your site.
First, position your cursor where you want the variable
information to appear on your page. Now select Insert, Component,
Substitution. In the Substitution Properties dialog box, you'll see a
white bar with a pull-down arrow on the right. Click on the pull-down
arrow, and you'll see a list of variables. Choose the variable you want
to add and click OK.
The reason you created a variable in the first place is
because
you knew you'd have to update information. For example, you knew your
company was moving and you'd have to change the address listed on the
Web site, or you knew you were going to be changing a product name. To
edit the variable you've created, first select Tools, Web Settings.
Then, click the Parameters tab. Now highlight the variable you want to
change and click the Modify button.
Once your changes are complete, click OK.
Define terms
You may not be creating a dictionary on your Web page, but sometimes
you still have to define a term or two. Fortunately, FrontPage has a
feature that lets you create a "definition list"--it's basically a
formatting trick that makes it clear that you're defining a term. To
add this feature to your page, first position your cursor where you
want the definition to begin. Now, look at the toolbars at the top of
your FrontPage screen. On the far-left side of the Format toolbar,
you'll see a white box with an arrow next to it. In the white box, it
says "Normal." Click on the arrow next to the word Normal and scroll
down until you see the phrase "Defined Term." Select that phrase; it
should now appear in the box on your toolbar. Start typing. First, type
the term you want to define. Then press the Enter key on your keyboard.
Now type the definition for your term. You'll notice that the
indentation is different for the term versus the definition. That's how
a definition list
looks.
Now, here are a few tricks for making this tool more user
friendly--if you want to enter more than one definition for a term,
press Shift and Enter at the same time. That will simply insert a line
break instead of setting you up for another definition. When you've
finished adding terms and definitions, press the Control and Enter keys
at the same time--or just press the Enter key twice--and you'll return
to Normal formatting.
Who cares about status
FrontPage automatically includes a status bar at the bottom of the
screen. This status bar gives different information in different views;
for example, it will provide you with the exact path to a file if you
select it in the Folders view. But you might think that this status bar
is just so much
more clutter on your screen. To remove it from sight, select Tools,
Options.
In the Options dialog box, click the General tab. There, under the
General
section, you'll see a checkbox labeled Show Status Bar. Deselect the
checkbox
and click OK. The status bar will automatically disappear from
your
screen.
The slow and pokey page
How do you know if your page is too slow? Well, obviously, the more
graphics and images you have on a page, the slower it will be. But
that's not very scientific. Fortunately, FrontPage has a built-in tool
that lets you determine if a page will download too slowly.
Here's how to find out if your Web site includes any such
snails. Select View, Reports, Site Summary. In the report that appears
on the screen, you'll see a row called Slow Pages. As you read across
that row, note the number of pages that are slow and the size of those
pages. Now your only job will be to select those pages and cut them
down to size. Who defines slow? If you know that all your site visitors
are going to be using a T1 line,
then slow means something different than if you're expecting folks who
are
still surfing on a 14.4-Kbps modem. FrontPage's default settings are
for
a page that takes 30 seconds to download on a 28.8-Kbps modem. To
change
the settings, select Tools, Options. In the Options dialog box, click
the
Reports View tab. There you'll see the settings you want to change. You
can
adjust the amount of time a slow page takes to download, and you can
set
the assumed connection speed.
Groovy background sound
You can add your own sounds to your page.
Select the page where you'd like to attach a sound and
right-click. Choose Page Properties from the context menu. In the Page
Properties dialog box, click the General tab and look for the
Background Sound section. In the Location box, enter the name of the
sound file you'd like to play. The easiest way to do that is to click
the Browse button, search your files until you find the sound file
you'd like to add, and click OK.
The last step is to set the number of times you'd like your
sound file to repeat. In the Loop section, you'll see the Forever
option, which is enabled by default. What that means is that your sound
file will keep replaying and replaying and replaying, as long as your
visitor is looking at your page. If that feels like overkill to you,
deselect the Forever option and enter a specific number of times that
you'd like the sound file to repeat. Finally, click OK.
Teacher says make an outline
FrontPage has a way to let you present outlines on your Web site,
without you having to sit and hit tab keys, line everything up, and
change all the numbering by hand. It's still a fairly complex
process--you're essentially stringing together a series of
lists--.
The first thing to do when you're starting an outline is to
position your cursor where you want the outline to begin. Now, select
Format, Bullets And Numbering. The List Properties dialog box will
appear. Click the Numbers tab. There you'll see several different
numerical styles. Pick the one you'd like for the first level of your
outline and click OK.
The next step is to just start typing your outline. When you
press the Enter key to select the next level of your outline, you'll
notice that it doesn't automatically indent or give you a different
numbering system.
How to indent everything so it looks more like the
outlines?
You've typed in a series of items. Let's say the first line is
SUMMER PARTY, and under that you have a series of items that you want
to indent, such as: FRIED CHICKEN, LEMONADE, and WATERMELON. (By the
way, we'll expect an invitation once you've figured out how to create
your outline.) Go ahead and select all the food--in this case, that's
all the stuff you want to indent. Now look on your toolbar for the
Increase Indent icon; it has an arrow
pointing to the right, with a bunch of lines next to it. Click that
icon
twice, and all your food will be neatly indented for your summer party
menu.
In order to make outline complete, you'll have to take one
more
step. Right now, everything's neatly indented, but it all has the same
numbering system, Each level has a different lettering or numbering
system.
So here's how to do it right and get that A. Select the level
of the outline whose numbering system you want to change. (Using our
previous example, that's the list of food you'll be serving at your
summer party.) Select the first item on that sublevel. Right-click and
choose List Properties. You'll see that same List Properties dialog
box, with different numbering styles. Choose the one you'd like for the
sublevel you're working on and click OK. You'll notice that the change
is applied to all items in that sublevel. (NOTE: The change won't apply
to items on other sublevels. Even if the levels have the same amount of
indentation, you'll have to select each sublevel
separately to change the numbering.)
You're building an outline and you made a mistake. Say you've
indented items too far--turns out that your outline has changed and you
want to move stuff up a level. Not a problem. Simply select the items
you want to move and click the Decrease Indent icon on your FrontPage
toolbar.
It looks like an arrow pointing to the left, with a bunch of lines next
to it.
When you've finished with your outline, just press the Enter
key twice to exit from all its intricate list-making properties.
The disappearing list
Let's say you have a multilevel list (or an outline), but you want
sections of it to be collapsible. In other words, you want your
visitors to have
some control over that list and be able to make parts of it appear and
disappear. First select the section of the list you want to be
collapsible. Now right-click and select List Properties. Toward the
bottom of the dialog box, you'll
see the Enable Collapsible Outlines option. Select that option and
click
OK. The section of the list you selected is now collapsible.
Most important, you simply collapse the list by clicking on
the
level ABOVE the section that's collapsible. As a favor to your
visitors,
you might want to add some instructions to your site to explain that to
them.
Now, you might be testing this and thinking that this tip just
doesn't work. It does. But the trick is that you have to view your page
in Preview mode in order to see your list do its collapsing stuff. To
do so, look at the lower left-hand corner of FrontPage and click the
Preview tab. Now go ahead and test it. When you've finished, go back to
editing by clicking the Normal tab.
When creating a collapsible list, you also have an option to
have the list collapsed when your Web page first opens. To do that, you
have
to make the whole list collapsible. But that's simple enough: Just
highlight the entire list, then right-click and choose List Properties
from the context menu. In the List Properties dialog box, select the
Initially Collapsed option and click OK.
Tip-in-a-tip: If you've followed all these instructions but
you
don't see List Properties as an option on the context menu, it could be
that your list doesn't have enough levels. Don't worry--you don't have
to add
anything to the list. Simply select the very first item of the list and
try again.
Here's something to keep in mind when creating collapsible
lists: This neat trick works only with Web browsers that support
Dynamic HTML.
(That's a fancy Web programming language.) And that could be a problem,
because that means that it will work only for folks who use such
browsers
as Internet Explorer 4.0 (and higher) and Netscape Navigator 4.0 (and
higher).
So all those folks who use older versions of these browsers (or perhaps
even
other, less popular browsers) might miss out on your nifty collapsing
lists.
One way around this problem is just to be sure that the list isn't
collapsed when viewers come to your page. That way, if they want and
are able to collapse the list, they can. However, if they can't
collapse it, they'll still be able to read all of the important data in
the list.
Let FrontPage do the walking
Set FrontPage to automatically open the last web you were working on
when you relaunch the program. This is a particularly handy trick if
you
know you'll be working on the same web over and over again.
To set this up, select Tools, Options. In the Options dialog
box that appears, select the option Open Last Web Automatically When
FrontPage Starts in the Startup section. Then click OK. Now your web
will automatically launch when you open FrontPage.
Go to Top
Everything in its place
You can organize files by different categories--say business files or
travel files or some such thing. Here's how to get the job done.
Select View, Reports, Categories. You'll now see a list of all
the different files you have in your web. (Note that there's a column
called Category, which is probably blank. This is where you'll see the
different categories for your files, once you assign them.) Select the
file you want to categorize first. Right-click on the file and choose
Properties. In the Properties dialog box, click the Workgroup tab.
There, you'll see a list
of categories. Choose the appropriate categories for the file in
question.
Be aware that you can choose more than one category for each file. When
you've finished choosing categories, click OK. You will now see the
category you selected in the Category column.
What if you have several files that belong in the same
category? Do you have to sit and file each one separately? Not at all.
In the Category view, simply select all the files that belong in the
same category, right-click, and choose Properties from the context
menu. Select the Workgroup tab in the Properties dialog box, and then
select the category that applies to all the files you selected.
The categories that FrontPage provides--like Competition,
Ideas, and Travel--don't work for you. No problem--just create your own
categories.
First, you need to get to the category list. Do that by
right-clicking on any file in the Category view and selecting
Properties from the context menu. In the Properties dialog box, click
the Workgroup tab. There, you'll see the list of categories. You'll
also see the Categories button. Click that button once and you'll see
the Master Category list. To add your own category, simply type it in
the New Category text box and click the Add button. When you've
finished adding categories, click OK.
Categories are all well and good, but they're really not much
use if all your Business files are lumped together with your Travel
files.
What you really need to do is view only one category of files at a
time.
While in the Category view, open the Reporting toolbar. To do
this, select View, Toolbar, Reporting. The new toolbar will appear on
your screen. Now, click the down arrow by the Report Setting box. (If
you don't know which arrow that is, hold your cursor by the arrow for a
moment. A label will
appear that tells you you've located Report Setting.) Select the
category you'd like to display. Only that category will appear on the
screen. When you've finished looking over files in that category, go
back to Report Setting and either choose another category or select all
categories to display all files.
Cell by cell
You might decide that different cells of your table should look
different--maybe one needs a different background color or different
alignment. It's easy enough to customize separate cells. Simply select
the cell (or cells) you want to change and right-click. Select Cell
Properties from the context menu and make your changes in the Cell
Properties dialog box. That's all there is to it.
Linking it all up
If you want to link from text, highlight the text in question. If you
want to link from an image, click on the image once to select it. Look
at the toolbars at the top of your screen. You're looking for the
hyperlink icon:
It looks like a globe with a sideways figure-8 in front of it. Click
this
icon once to open the Create Hyperlink dialog box. If you want to link
to
a site on the Web, type the address in the URL box. If you want to link
to
another page on your Web site, find that page and select it. When
you've finished either of these tasks, click OK.
Image mapping
What if you want to create several links from one image? In fact,
there's a name for such a beast: It's called an image map.
To create an image map, first click on the image to select it.
Now, look for the picture toolbar at the bottom of your screen. On the
far right of the picture toolbar, you'll see three icons that are each
the outline of a different shape--a rectangle, a circle, and a
polygon.
Click on the rectangle and you'll notice that your cursor turns into
a pencil. When you click and drag that pencil on your image, you'll
draw
a rectangle. As soon as you release your cursor, the Create Hyperlink
dialog box will appear. Type the address of the URL that you'd like to
link to
from this hotspot on your image. Then, click OK. Continue to add
hotspots
to your image using the Rectangular Hotspot, Circular Hotspot, or
Polygonal
Hotspot icon. When you're done, take your image map for a test-drive by
viewing it in your browser and jumping to all the different sites to
which
your image has links.
Once you create an image map, you might want to go back and
check out where you put all your hotspots. To highlight hotspots on
your image, first click once on the image to select it. Now look for
the Highlight
Hotspots icon on the picture toolbar at the bottom of the screen. This
icon looks like an arrow pointing to an aqua-blue rectangle. Click the
icon,
and you'll see all the hotspots in your image, neatly outlined.
When you're creating an image map, it's always a good idea to
use an image that already suggests different links. For example, if you
have a map of the US, it only seems natural for you to have links from
different sections of the map to your different store locations across
the country. However, as obvious as your image map may seem to you, it
never hurts to make things a little clearer. The easiest way is to add
text labels to your image map.
To do so, first click on the image and highlight the image
hotspots. Now look for an icon with a big A in the picture toolbar at
the bottom of the screen. This is the text label icon. Click it once. A
box will appear in the center of your image. Type the text label you
want to add to your image map. Now, click outside the label box. Once
you've done this, you can click the label again and--while holding down
your mouse--drag it to the
section of the image that it's meant to label. Continue to add labels
for
as many hotspots as you have on your image map.
The great frame-up
Frames are a way to create several pages that the visitor can view at
once. For example, you have a frame across the top of page that has the
company name, a frame down the side of the page with a table of
contents, and another frame for the rest of the page that has the bulk
of the information. "How is this different from borders?". Here's the
difference: When you click on a link in one frame, you have the option
to change the material on that section of the Web page only; in other
words, you don't necessarily change the whole page as you would on a
page with borders.
When you create a page with frames, you're actually also
creating what's called a frame source page. The frame source page
basically acts
as a traffic director for the other frame pages. If you have a
page
that has three frames, that page needs one frame source page to refer
to,
so it knows where to put which frame.
To create a page with frames, start by choosing File, New,
Page. In the New Page dialog box, you'll see a tab for Frames Pages.
Click that tab and you'll see a plethora of different options for your
frame-enhanced page. Don't know which to choose? Select the option and
check in the lower-right corner of the dialog box. There, you'll see a
preview of what the page will look like. Once you've picked the perfect
frame page, simply click OK.
Just a bunch of gray blocks in a gray page, with a few
buttons.
Well, it might not look like much, but this is the magical frame source
page of which you've heard. You'll notice that in each section of the
frame source page, there are two buttons: Set Initial Page and New
Page.
You'll use these buttons create the different pages of your
frame-enhanced page: If you want to start from scratch, click the New
Page button. If you want to essentially import a page that you've
already created, click the
Set Initial Page button and find the page on your hard drive. Keep in
mind
that you'll have to go through this procedure for each frame of your
Web
page.
FrontPage has some editing options that will allow you to
tweak.
Let's say you want to split a frame into two separate frames. First,
position your cursor in the frame section that you want to split. Now,
choose Frames, Split Frame. In the Split Frame dialog box, you can
choose
whether you'd like to split the frame into rows or columns.
Once you've made your choice, click OK and the frame will be split in
two. Note that once you've done this, the new section of your page will
be
gray, and you'll have to create the new page that belongs in that
framed section.
Tinkering with frames can be an endless task. You'll notice
that a thick line surrounds each framed section. If you hold your
cursor over that line, your cursor arrow will turn into a short black
line with an arrow pointing in each direction. Once you see that short
black line, hold down your mouse and drag the line. In this way, you
can adjust the size of each framed section of the page.
Saving your Web pages with FrontPage is normally a one-two
job,
no more complicated than saving a document in, say, Word or Excel.
Unfortunately, it's a little trickier when you're working with
frames.
When you go to save your frame (by selecting either File, Save
or File, Save As), FrontPage will ask you to save each section of your
frame page. And then, to top it all off, it will ask you to name and
save the
frame source page. How will you know which section of the page it's
asking
you to name? When you're saving a page with frames, the Save dialog box
includes a little diagram of the page. As it asks you to save each
section of the page, it will highlight that section in the diagram.
When it's time to save the frame source page, it will outline the
entire page.
Here's another tip about saving frame pages: Name the sections
of your page and the frame source page something similar. That way, if
you
create other pages with frames, FrontPage (and you!) will be able to
identify
which frames go with which frame source pages.
For the browsers that don't support frame pages, you should
create a page that doesn't require frames capability. It won't take
much of your time. Simply look at the lower left of your screen at all
the various tabs. Find the tab called No Frames and click it. Onto this
page, you'll want to copy all of the most relevant material from your
frame-enhanced page. Then,
FrontPage will be able to offer a backup plan for those folks who don't
have
the browser support for frames.
Targeting frames
The best thing about a frames page is the way you can manipulate
it.
For example, let's say you have a table of contents in a left-hand
frame. The items in that table of contents are for the seasons: Summer,
Autumn, Winter, and Spring. But here's the cool part: Your visitor
clicks on Summer and voila--the information for Summer appears in the
central frame of the page. When the visitor clicks on Autumn, the
Summer information is replaced by information on Autumn. Mind you, even
though information changes in the main frame, the table of contents
(and any other frames on the page) remains the same.
It is a two-step process: First, you have to tell FrontPage
where you want the new information to appear. (In our example, that
would be
the main frame of the page.) Next, you have to tell FrontPage what
information you want to have loaded into that frame. (In our example,
that would be Summer, Autumn, Winter, or Spring, depending on the link
that the visitor clicked.).
Anywhere in your frames page, right-click. Select Page
Properties from the context menu.
In the Page Properties dialog box, look for the Default Target Frame
option. To the far right of that option, you'll see an icon of a small
pencil, drawing dots. Click that icon.
Now you'll find yourself in the Target Frame dialog box. Here
you'll see an image of the current frames page, with all of the
different framed sections. Click on the section of the frames page that
you want to set as the target. Remember, the target is the section of
the page that will change, or the section of the page in which the new
information will appear. Once you've selected the appropriate target,
click OK. Back in the Page Properties dialog box, click OK again.
Your target is set. Tune in next time to learn how to move
information into the target frame.
Let's learn how to load new information into that frame
target.
Let's use the same example we used last time: You have a page
with a table of contents down the left-hand side of the screen. The
links in
that table of contents refer to the four seasons. You set the main
frame
(in our example, the only other frame outside the table of contents) as
the
target for that information on the four seasons.
First, double-click to select the word Summer in your table of
contents. Now find the Hyperlink icon at the top of your screen--it
looks like a globe with a sideways figure-8 in front of it. Click this
icon once. In the Create Hyperlink dialog box, find the page you've
created that has the information on Summer. Select that page and then
click OK.
All you've really done is create a basic hyperlink, but
because
you created the main frame as a target, the information on Summer will
load in the main frame when you click the link. Test it out by clicking
the Preview tab at the bottom of the screen and then clicking the
link.
Now that you know the basics about targeting frames, you might
want to branch out. Let's say, for example, that you have a frames page
with three frame sections--a top border, a side table of contents, and
a main section.
Obviously, you want most of the information from the table of contents
to
load into the main frame. However, there's one bit of info--some
company stuff--that you want to have appear in the top border, not the
main section. In that case, you have to change the target when you
create the hyperlink. Here's how:
First, select the word that you want visitors to link from and
find the Hyperlink icon at the top of your screen. (Remember, it looks
like a globe with a sideways figure-8 in front of it.) Click the
Hyperlink icon. In the Create Hyperlink dialog box, find the Optional
section, and look for the Target Frame option. Click on the little
pencil to the far right of
this option. Now you're in the Target Frame dialog box. Select the
frame that
you want the information to appear in. (In our example, it's the top
border.)
Once that area is selected, click OK. Back in the Create Hyperlink
dialog
box, find the information that you want to link to and select it. Click
OK.
Note that you've only changed the target location for this one
link. The rest of the links on the page will still appear in the main
section (assuming that's the default target you've created). Try the
whole thing out
by clicking the Preview tab at the bottom of the page and clicking the
link.
If you want a link to overwrite your whole frames page and
basically reset the window, just follow these directions:
First, select the word that you want visitors to link from and
find the Hyperlink icon at the top of your screen. (Remember, it looks
like a globe with a sideways figure-8 in front of it.) Click the
Hyperlink icon. In the Create Hyperlink dialog box, find the Optional
section, and look for the Target Frame option. Click on the little
pencil to the far right of
this option. Now you're in the Target Frame dialog box. There, you'll
see
a list of Common Targets. Select the one called Whole Page and click
OK.
Back in the Create Hyperlink dialog box, find the page that you want to
link
to and select it. (Note that if you want to jump out to the Web, that's
okay
too. Just type the address of the page in the URL box.) Click OK.
Test it out by clicking the Preview tab at the bottom of the
page and then clicking your link. The frames page will disappear and a
whole
new page--the one you created the link to--will appear on the
page.
Going monochrome
If you have a color photo on your page, it's easy enough to turn it
black and white. First, click once on the photo in question to select
it. Now, look at the picture toolbar at the bottom of your screen. The
icon you're looking for has two triangles that, when fit together,
would make a square. You'll know you've found the right one because the
words Black and White
will pop up when you hold your cursor over the icon. Click once on this
magic
button, and your photo will instantly change to a black-and-white
masterpiece.
Design Tips
Here's a little design tip: Select the first letter of the first word
of your Web page and make it a font size or two larger than the rest of
the
lettering. This will add some attraction, without cluttering your
page.
Don't use more than three different fonts on your Web page. It
makes everything too busy for readers to really absorb.
We get by with a little help from our friends
Rather than creating an outline in FrontPage, use Microsoft Word
instead. Then, when the outline is complete, copy and paste it into
your FrontPage web. It should be several steps easier than starting the
outline from scratch in FrontPage itself.
Interactive calendar
Microsoft FrontPage includes ActiveX controls. These nifty items let
you add certain kinds of features to your Web page, like stock tickers
or pop-up windows. But one of the coolest features is an interactive
calendar.
Using this calendar, visitors can change the month and year and choose
different dates. To add this calendar to your page, choose Insert,
Advanced,
ActiveX Control. In the Insert ActiveX Control dialog box, highlight
Calendar
Control. Now click OK. You'll see the calendar appear on your Web
page.
When you tried to interact with it, you found that it didn't
do
anything at all. You just need to look at it a little
differently:
Click on the Preview tab that's on the bottom left-hand side of your
screen.
Now you'll be able to navigate that calendar with ease. Just don't
forget
that when you're ready to start editing your page again, you'll need to
click on the Normal tab at the bottom of the screen.
You're interacting with that interactive calendar, but you
want
it to be a little more exciting, not just the boring gray dates you see
before your eyes. You want color.
Simply right-click on the calendar and then choose ActiveX
Control Properties from the context menu. In the resulting dialog box,
click the Color tab. On the left-hand side of the dialog box, you'll
now see a list with names like BackColor and DayFontColor. On the
right, you'll see a series of different colors. Here's how it
works:
First pick the part of the calendar that you want to change. For
example, if you want the background color to be different, highlight
BackColor. Now, choose the color you'd prefer on the right. Click the
Apply button to see if you like the change. When your artistic side is
satisfied, click OK to finish the job.
Sizing it up
By default, visitors to your Web site will be able to resize frames on
their screen (that is, if your Web page uses frames). This is handy,
especially since users will generally come to your site from different
browsers and with different-sized monitors. However, if you want to
turn off this feature for some reason, simply right-click on your frame
page and select Frame
Properties from the pop-up menu that appears. In the Frame Properties
dialog
box, look under the Options section and deselect the Resizable In
Browser
check box.
Designing in style
Basically, you use style sheets to specify design parameters for your
Web page. You can change font style and size or set background color.
But with style sheets, you can do more detailed tricks, like changing
character spacing (that is, the space between letters) or set shading
properties for boxes--and you can apply these effects and change them
with a few clicks of the mouse.
Style sheets can be pretty complicated. Fortunately for
the less design-savvy among us, FrontPage has some built-in,
pre-designed style sheets you can use if you want to apply a style to
multiple pages of your Web site. These are called external style
sheets.
Choose File, New, Page. In the dialog box that appears, click
the Style Sheets tab. As you highlight the different options, read the
description of the styles on the right-hand side of the dialog box.
When you find one you like the sound of, click OK. Suddenly, instead of
looking at the familiar comfort of the Web page you were just
designing, you're staring at a bunch of unfamiliar code. Don't
panic--that code is the guts of the style sheet you chose. You might
also see a small Style dialog box. For now, let's assume you don't want
to make any changes to the preformatted style sheet. Choose File, Save
As. Give your new style sheet a name and click OK.
You created a style sheet, you haven't yet linked your Web
pages to it. Here's how to finish the job:
First, choose Format, Style Sheet Links. In the Link Style
Sheet dialog box that appears, you'll see two radio buttons: Click All
Pages
to apply the style to your entire web. Now, you'll notice that the box
under URL is blank. You'll need to add your style sheet so FrontPage
knows
what style to apply. Start by clicking the Add button to the right of
the
dialog box. Find the name of your style sheet in the Select Hyperlink
dialog
box. Here's a tip in case you're having trouble finding it: All style
sheets
have a .css extension. Once you've found the right style sheet, select
it
and click OK.
You're now back in the Link Style Sheet dialog box and the
name
of your style sheet should appear in the white box. If everything looks
okay, click OK. You'll see your new style on your web.
If you want it to apply to a few select pages only?
First, choose the Folders view. Now, highlight the pages to
which you want the new style to apply. If you want to select several
pages, hold down the Shift key (for consecutive pages) or the Ctrl key
(for pages that aren't next to each other). Choose Format, Style Sheet
Links. In the Link Style Sheet dialog box that appears, you'll see two
radio buttons: This time, click Selected Page(s). The style sheet will
be applied only to the pages you chose when you were back in the
Folders view.
Next, you'll need to add your style sheet so FrontPage knows
what style to apply. Start by clicking the Add button to the right of
the dialog box. Find the name of your style sheet in the Select
Hyperlink dialog box. Here's a tip in case you're having trouble
finding it: All style sheets
have a .css extension. Once you've found the right style sheet, select
it
and click OK. You're now back in the Link Style Sheet dialog box and
the
name of your style sheet should appear in the white box. If everything
looks
hunky-dory, click OK. You'll see your new style applied to the specific
web pages you selected.
You've applied a FrontPage style, but you've decided you'd
like
to make a few tweaks. Open the style page (choose File, Open and
then
find the page). Style pages may seem impenetrable if you're just
reading
through them, but FrontPage has a few tricks up its sleeve to help you
through the process.
With your style sheet open, choose Format, Style. The Style
dialog box will appear on the screen. Using this box, you'll make
changes to your style sheet. First, look on the left side of the dialog
box at the Styles list. This might look a little cryptic, but it's
important. These are the different parts of the style sheet
you'll be editing.
For example, see the word "body"? If you select that, you'll
be
editing the body text style of your style sheet. Look for "a:
link"--that
has to do with the style of hyperlink text; "a: visited" is the
hyperlink
text once it's already been visited; and so on. Select the part of your
style sheet you'd like to edit and then click the Modify button.
Now you're in the Modify Style dialog box. Click the Format
button, and a whole list will appear. Do you want to edit the font?
Select that. The paragraph style? (That would have to do with
indentation, spacing, and so forth.) Pick it. If you're not sure
what something means, don't hesitate to experiment. You can always
cancel out of these dialog boxes so your changes don't take hold. Once
you're in the Font or Paragraph (or whatever) dialog box, make the
changes you'd like. When you're done, click OK to return to the Modify
Style dialog box. Now click OK to get back to the Style dialog
box.
Finally, click OK. You should see the changes you made take effect on
your web.
Some keyboard action
Close a dialog box in a hurry? Instead of using your mouse to
laboriously to do the job, just press Alt-F4 on your keyboard.
Fancy fonts
Select the text you'd like to change. Choose Format, Font to open the
Font dialog box. Now you can use this dialog box to change style,
color, and size, just as you could on the toolbar--but that would be
silly. Instead, check out the Effects section. Use these options to
create effects like
underlining or strikethrough or small caps. Once you've specified the
effect
you want, click OK to apply it.
Paragraph basics
There are lots of tricks you can use when designing the paragraphs of
your Web page to highlight text or to create an interesting look. One
is to create a border around the paragraph.
To create a border, first select the entire paragraph. Now
choose Format, Borders And Shading. In the Borders And Shading dialog
box, select the Box option. This tells FrontPage to put a box around
the paragraph
in question. Next, you'll have to design the style of that box. Under
Style, you'll see a bunch of different options. As you highlight them,
you'll
notice a preview on the right, so you'll have a sense of the change
you're
making in advance.
Finally, feel free to change the color of the box and/or the
width of the line. When you're done adjusting these settings, click OK.
A border will appear around the selected paragraph.
You can also highlight paragraphs by using a shading
technique.
First, select the paragraph that you'd like to shade. Then,
choose Format, Borders And Shading. In the Borders And Shading dialog
box, click the Shading tab. Now look for the pull-down menu called
Background Color. Click the pull-down arrow to see the plethora of
colors you can choose
from. Note that you can also create a custom color, if you so desire.
Once
you've selected the right color, click OK.
One note here: Background colors can be tricky. You'll want to
be sure you use a shade that allows viewers to still read your text
easily.
Of course, you can emphasize a particular paragraph of your
Web
page by simply adjusting borders and spacing. To do this, first select
the
paragraph with which you'd like to work. Now choose Format, Paragraph.
Here,
you can tinker with such details as the alignment of the paragraph, the
indentation of the beginning and end of the graph (as well as the
indentation of the first line), and the spacing around and in the
paragraph. When you've finished making the appropriate changes, click
OK.
Once you've created a particular design for a paragraph--like
a
border, a shading option, or even just indentation--you can continue
that
design to the next graph. Just press the Enter key to start your next
paragraph, and the effects will still be in place.
Want to select a given paragraph in a hurry? Move your cursor
to the margin on the left-hand side of the paragraph. You want your
cursor
to look like an arrow instead of a line. When it does, simply
double-click. That will highlight the entire paragraph. Easy as
pie.
Mark it with a "b" for bookmark
Bookmarks are handy inventions--just a thin piece of paper, slipped
casually into a book, helps you find the place you left off and saves
you a lot
of time.
FrontPage uses the word "bookmark" to mean something slightly
different, though just as useful. A bookmark in FrontPage lets you find
a location in the middle of a Web page. These kinds of bookmarks are
handy for a few different things: they're good as links so visitors to
your site aren't always dropped off at the top of a given page. They're
also a handy way for you to
navigate around a page. Much like a paper bookmark, they help to mark a
place
so it's easier for you to find when you go back to revisit a location
on
your site
How to create one? First, you should know that you can
bookmark
either a location on your page or text on that page. If you're
bookmarking
text, the words will be underlined with a dotted line. If you're simply
bookmarking a location, an icon will show up in the bookmarked spot; it
looks like a little blue flag.
To bookmark text, highlight the text in question. If you want
to bookmark a location, simply position your cursor in that spot on
your Web page. Now, choose Insert, Bookmark. In the Bookmark dialog box
that appears, you'll need to name your bookmark. Once you've given it a
name, click OK. Either your text will be underlined or a small blue
flag will appear on your page to indicate the bookmark. (Note that
these indications of a bookmark will not appear to visitors of your Web
page.)
You create a simple table of contents at the top of the page
that indicates all the headings throughout the text of that page. Then,
you
create links to the bookmarks--in this case, the headings--to make it a
breeze to navigate.
To make the hyperlinks, highlight the text where you want to
start the hyperlink. In our example, that would be the text in the
table of contents that you've placed at the top of the page. Now, click
the Hyperlink icon in the toolbar at the top of the page. The Hyperlink
icon looks like a small globe with a sideways figure-8 in front of it.
You'll know you have the
right button because the word Hyperlink will appear if you hold your
cursor
over the icon for a brief moment. In the Create Hyperlink dialog box,
first
highlight the page containing the bookmark to which you want to link.
Now,
look at the bottom of the Create Hyperlink dialog box. Under the
Optional
section, you'll see a heading titled Bookmark. Click on the drop-down
arrow
by the heading and select the name of the bookmark to which you want to
link.
You'll notice that the address of the hyperlink's URL changes to
include
the name of your bookmark. Click OK. Test the hyperlink by pressing the
Ctrl
key while clicking your mouse. This allows you to follow the link to
your
bookmark.
Bookmarks aren't only handy for your Web site visitors. They
also are useful tools for you, allowing you to find locations on a Web
page.
Let's say that you created a bookmark in the spot where you last left
off
editing your page. Now that you're back, ready to edit again, you want
to
find that spot. Rather than scrolling through the page, take this
shortcut:
Choose Insert, Bookmark. In the Bookmark dialog box, look for the
section
called Other Bookmarks On This Page. Highlight the name of the bookmark
that's
holding the spot where you last stopped working. Click the Goto button
on
the right side of the dialog box. Your bookmark will now be highlighted
on
the page. Click OK to close the dialog box.
You needed it for a while, say, to find a particular spot on
your page, but you don't need it anymore. Rather than clutter your Web
site
with unnecessary information, delete the bookmark.
First, highlight the bookmark that you want to delete--either
the bookmarked text or the small bookmark icon. Now choose Insert,
Bookmark. In the Bookmark dialog box, you should see the name of the
bookmark you
want to delete in the Bookmark Name section. If you don't see it there,
go ahead and highlight it. Finally, click the Clear button. That will
effectively eliminate the bookmark.
Picking up the stragglers
It's important to know which pages of your Web site aren't linked up
to other pages. After all, a visitor to your site isn't going to be
able
to see a page if there's no way to link to it. But rather than scanning
tediously through each individual page in order to find the stragglers,
take this
quick shortcut: Select View, Reports, Unlinked Files. From here, you'll
see a list of all the files that need to be linked up with their
cousins
on the site.
Text toppers
Do you want to add some real pizzazz to your Web page? What about text
that changes as visitors scroll over it on the page? Here's how
to do it.
First, highlight the text that you want to have change in
appearance. Now, choose Format, Dynamic HTML Effects. The DHTML Effects
toolbar will appear on the screen. It walks you through the process of
adding the effect. You'll see that it starts with the word "On." Click
the first pull-down arrow, and you'll see a list of different events.
Highlight Mouse Over, which means that when visitors scroll their mouse
over the text, it will change in appearance.
Once you click Mouse Over, the next task will appear on the
DHTML toolbar. This time, you'll need to apply an effect. Click on the
pull-down arrow and select Formatting. Next, you'll be asked to choose
settings.
Since you want to change the way the font looks when someone scrolls
over
the words, click Choose Font. (Alternatively, if you want to create
some
kind of border around the words as someone scrolls by, click Choose
Border.)
In the Font dialog box, select the new look you want for your text once
someone scrolls over it. If you just want the text to turn bold, simply
select Bold. You can also change font style, size, and color if you
want. When you're done,
click OK.
To test your new settings, you'll need to view the page in
Preview mode. Check for the Preview tab on the lower-left side of the
page. When you click this tab, you'll be viewing the page as a visitor
would. Scroll your mouse over the text in question, and voila, you'll
see it change before your eyes!
Graphic goodies
A visitor to your Web site clicks on a photo, and, when the clicking's
done, the picture disappears and transforms into an image of a
checkmark.
Start by selecting the photo that you want to transform. Now
choose Format, Dynamic HTML Effects. In the DHTML Effects toolbar,
you'll be presented with a series of actions. In this case, since you
want the image to change when someone clicks on it, click on the
pull-down arrow and select Click from the list.
Next, you'll tell FrontPage what to do when someone clicks on
the image. Click the pull-down arrow to the right of Apply and select
Swap
Picture from the list. Finally, you have to choose the picture that
you'd
like to swap out. Click on the pull-down arrow to the right of Choose
Picture and click Choose Picture. In the Picture dialog box that
appears, search around for the picture you want. Once you've found and
highlighted it, click OK.
Close the DHTML Effects toolbar to get it out of the way. Now,
to see your brilliance at work, click the Preview tab in the
bottom-left corner of the screen. Once you're in Preview mode, click on
your photo to see it swap to another picture.
(NOTE: The photo you select will be the same size as the photo
it's replacing, so you'll want to be sure that it looks good and
doesn't have to stretch or shrink too much to fit.)
Exit dynamic html
You add some Dynamic HTML effects to your site and subsequently decided
that you don't like it anymore. Is there an easy way to delete
it?
Of course. If you're removing an effect from text, highlight
the text in question. If you're removing it from an image, simply click
on
the image to select it. Next, choose Format, Dynamic HTML Effects. To
the
far right of the DHTML dialog box that appears, you'll see the option
Remove Effect. Click that option, and the effect is effectively
deleted.
Just paging through
You can create page transitions. This allows you, basically, to create
a blend, or a wipe left, or a circle in as your visitor enters or exits
a page.
To begin, choose Format, Page Transition. In the Page
Transitions dialog box, you'll need to adjust a few settings. First,
fill in the duration of the event--that is, the number of seconds that
you want your page transition to last. Second, you'll want to
choose the type of transition effect. Pick from the list--and remember
that you can always change it if you don't like the effect.
Finally, choose when you want the event to happen--either at Page
Enter, Page Exit, Site Enter, or Site Exit. All done? Click OK to
finish the job.
To set up a page transition, but all of the choices of when
the
event would happen weren't quite clear. Here's a little
primer
of the different options:
Page Enter means that the page transition will happen when the visitor
comes to that page.
Page Exit means that the transition will happen when the visitor leaves
that page.
Site Enter means that the transition will happen only when the visitor
enters the whole, entire Web site through that page. Basically, then,
you'll want to use this transition on your home page, since that's the
page visitors generally see first when they visit your site.
Site Exit means that the transition will happen when the visitor leaves
your site--the whole site--and goes to another Web site
altogether.
Now you're trying to view it in Preview mode, but you just
can't get the thing to work. First, you have to get the page in
question to APPEAR while you're in Preview mode. So you can't just
switch over to Preview mode to see the transition in action; instead,
you have to go there while you're already previewing. The best way to
do this? Hyperlink to the page to see the transition work. Don't have a
hyperlink to that page? Create one--just to be sure that you like the
transition.
Next, you may have to actually publish your page to be able to
see the page transition if you've set it to appear when you're leaving
or entering the site. After all, there's no way to do that in Preview
mode.
If you want to get rid of the transitions on your page, just
choose the page in question, then select Format, Page Transition. In
the list of transition effects, choose No Effect. Finally, click OK.
The transition is now cleared from your site.
Color me perfect
If you're working with a table and you're coloring individual cells,
you should be aware of one little glitch: If the cell is inside a table
with another color, you won't be able to see the color of the cell if
you're
using a Netscape browser. That's because Netscape 'inherits' color from
other parts of the table. In order to resolve this problem, you need to
create a small graphic in the color you want--I recommend making the
graphic
4 x 4 pixels. By using this technique, your table will look the same in
both Netscape and Internet Explorer.
Sort it
You want to take a look at all the files of your Web site, so you mosey
on over to the Reports view (View, Reports, etc.). But there, you find
an incredible mish-mash of files. You can't make heads or tails of the
thing. Instead, you want a listing of all the files chronologically or
alphabetically, or something organized.
Look at the headings at the top of each column. Want to see
the
files chronologically? Click on the heading called Modified Date and
all
the files will be instantly organized by that category. Want to see
files
listed in terms of size? Click on the Size heading to size everything
up.
There's just one small problem: You clicked on the Modified
Date column heading to see everything chronologically and it listed all
the
files from the oldest file to the newest file--and you wanted to see
them
from the newest to the oldest. Just click on the column heading again,
and
the whole list will flip over for you.
The freeform table
If you want to insert a table on your Web page, you generally choose
Table, Insert and then select from the several options presented. But
there's
another way. If you have a certain visual idea of what you want your
table
to look like, choose Table, Draw Table instead. When you pick this
option,
you'll notice that the Table toolbar automatically appears, and your
cursor
turns into a pencil. Using your pencil cursor, just go ahead and draw
the
size table you want.
When you draw a freeform table, keep in mind that the first
shape you create with your cursor is the size and shape of a row. Let's
say you want to add rows--you simply choose the Table toolbar and click
the Insert Rows icon. Another row will appear on the screen that's
exactly the same size and shape as the row you first drew. If you want
to create columns,
click the Insert Columns icon. Your rows will be split in half to
create
the columns.
You've created a table that's filled with columns and rows,
but
you decide that you want to merge two cells or get rid of a row. The
easiest way to get the job done? Click the Eraser icon on the Table
toolbar. (It's the second icon from the left on the toolbar.) Once you
click this icon, your cursor will turn into a little picture of an
eraser. Simply drag that eraser over the lines you want to delete, and
they'll automatically disappear. When you're done, click on the Eraser
icon again to return your cursor to normal.
Flipping pages
If you've got a few Web pages open and you want to quickly move from
one to the other, try pressing the Ctrl and Tab keys on your keyboard.
If you hold down the Ctrl key and keep pressing the Tab key, you'll
circle
through all the open pages.
Importing
FrontPage has lots of great shortcuts. One of the best is its ability
to import documents, and even folders of documents.
To import a file or folder, start by opening the web with
which
you'll be working. Once it's open, select File, Import. In the Import
dialog
box, you'll see the options Add File and Add Folder. Click on the
appropriate choice. Now a new dialog box--called Add File (or
Folder)
To Import List--will appear. Find the file or folder you want to import
and select it. Choose Open, and you'll see the name of the file (or all
the files in the folder) appear in the Import dialog box. Once you're
satisfied, click OK, and the file (or folder) will be added to your
web.
When you're importing a series of files or folders to your
FrontPage web site, you may be getting an error message telling you
that the file already exists on the web. Keep in mind that if you
choose to replace a file, you overwrite the file that's on the web. The
bottom line here is to proceed with caution: Be sure you don't have two
completely different files with the same name before you overwrite one
of them.
Before you bought and installed FrontPage, you were working on
a web site. You know it's pretty easy to use FrontPage to re-create
what
you've already done, but it seems like a huge waste of time. It is--and
even FrontPage knows it. That's why it includes an Import Web Wizard
that
allows you to import an entire other web.
Here's how to get the messy job done in a hurry: First, select
File, New, Web. In the New dialog box, select the icon Import Web
Wizard, then click OK. Now you just need to follow the directions
provided by the wizard. Since you already have a web on your hard
drive, your first step is to tell the wizard that you want to import
from a source directory of files on a local computer or network. Now
you have to tell it the location of those Web
files. (Tip in a tip: Click the Browse key if you don't know the exact
name
of the folder where you've stored the files.) Since the folder probably
has
some subfolders, click Include Subfolders.
From there, simply follow the wizard's directions--they're
completely self-explanatory and will walk you through the process of
excluding or adding any other files. When you're satisfied, click the
Finish button to add those files to your new FrontPage web.
List change-up
You have a numbered list, but you'd prefer bullets. Or you have round
bullets and you'd prefer square. It's easy enough to make any of these
types of changes to a list. Simply select the list and right-click. In
the context box that appears, choose List Properties. Then, select the
list type and style you'd prefer. Now, click OK to have the change(s)
take effect.
Composing images
If you have an older copy of FrontPage (that is, anything before
FrontPage 2000), the program came with Image Composer, a paint program
that lets you create images to put on your Web page.
Hovering
Hover buttons are a great multimedia trick to add to your Web site.
They are buttons that change color, glow, or make a sound when the
mouse cursor hovers above them. Hover buttons are particularly handy as
navigational
tools or menu option buttons, because you can easily use them as links.
In fact, there are lots of little tricks you can do with hover
buttons.
To add a hover button to your page, first position your cursor
where you'd like the button to appear. Now, select Insert, Component,
Hover Button. The Hover Properties dialog box will appear on your
page.
You'll need some text to identify your hover button. There's a
line that asks for Button Text--type something here to identify the
button. If you're using the hover button as a navigational tool, type
the link name--or that sort of thing. You might also want to change the
font color and style. To do that, simply click the Font button to the
right of Button Text and make the appropriate changes.
If you're going to use the button as a link, now's the time to
set that up. Locate the line in the dialog box called Link and click
the Browse button to the right of it. Now find the page (or Web site or
file or whatever) that you want to link to, and select it to set up the
link.
There are a few more things to decide before you've finished
creating your hover button. You'll want to set a color for the button
itself. You'll also want to pick a color for the effect you're going to
use on your button. (More on that in a minute.) Also, you'll need to
set the size of the button: Notice a place for width and height? These
are measured in pixels, so just make the appropriate adjustments.
You get to choose an effect for your hover button. Select
Effect and click the pull-down arrow to the right of the white box.
Once there, you can choose from several different effects, such as
color fill, glow,
or color average. Choose one that sounds interesting to you.
You go to check out the effect of your hover button, but you
don't see anything change when you move your cursor across the
button.
It's just one of those FrontPage things! First, save your page. Next,
view
the page in Preview mode by clicking the Preview tab at the bottom of
the
screen. When you scroll over the button, you should now see your effect
in action.
Perhaps you want to change a color, or the text no longer
works
for you. Make sure you're viewing your page in Normal mode, and
then just double-click the hover button you'd like to edit. The Hover
Button
Properties dialog box will appear, and you can make whatever changes
you'd
like. Just remember to save the changes and view the page in Preview
mode
to see your edits in action.
Adding sound to a button:
View your page in Normal mode and double-click on the hover button to
which you'd like to add sound. In the Hover Button Properties dialog
box, click the Custom button. There you'll see that you have the option
to add a sound that will play either when people hover over the button
or when they
click on it. To add either of these, simply click the Browse button to
the
right of that option, find the sound you'd like to add, and click
OK.
Hitting a hit counter
There may come a time when you want to reset your hit counter: You've
hit a certain number of visitors, say, and it's time to start
over.
Double-click the hit counter in FrontPage to open the Hit
Counter Properties dialog box. In the dialog box, you'll see the Reset
Counter
To radio button. Select this button by clicking it. If you don't want
to
reset the counter to zero but to some other number, change the number
now.
Once you save the updated page to the Web, the hit counter will be
reset.
Scrolling
When you look at the scrolling marquee you added to your page, you'll
notice that the text moves--rather slowly--from the right side of your
screen across to the left side. Once it's finished scrolling, it starts
the whole process over--and over and over.
There are a number of different ways to alter the behavior of
your scrolling marquee. Let's start with the fact that the marquee
scrolls continuously across your screen. Face it: That might not be a
great idea. After all, your visitors may get annoyed with "TODAY'S SALE
PRICE!!" moving across their screens.
To change that, first double-click the scrolling marquee to
open the Marquee Properties dialog box. Look for the section called
Repeat.
Under Repeat, you'll see that a radio box called Continuously is
checked.
Deselect it. Once you do this, you'll have the option to set the number
of times you'd like to have your marquee scroll across the page. Set it
for
something manageable and click OK. Trust us--your Web readers will
thank
you for it!
Want to learn other ways to tinker with the way your marquee
moves across the screen? It could well be that you feel like your text
m-o-v-e-s a-t a s-n-a-i-l-'-s p-a-c-e and you'd like it to go a bit
faster. Now,
this is a little tougher than you might think, but hang
in there--you can do it.
First, double-click the scrolling marquee to open the Marquee
Properties dialog box. In the dialog box, look for the Speed section.
Under Speed, you'll see two options: Delay and Amount. Delay is the
time in milliseconds between each redraw of the text. Basically, every
time there's a change on your screen, your computer is redrawing the
text. Amount has to do with the number of pixels the marquee moves each
time it is redrawn on the screen.
Clear as mud? Think about it this way: If you want to speed up
your marquee, you want the Delay to be lower (i.e., less time between
redrawings of the text) and the Amount to be higher (i.e., the text
moves a whopping number of pixels each time the screen is
redrawn).
All right--it's not quite as clear as "buy low, sell high," but give
it a shot. Set the Delay to about 50 and the Amount to about 15, click
OK, and see if that works for you. If not, just do a little fussing
(based on the above information), and you should come up with something
satisfactory.
Another neat trick with marquees involves changing the way
they
move across the screen. As we mentioned before, the default is
Scroll--the
text continually scrolls across the screen from right to left. But you
do
have a few other options.
To check out your other choices, double-click the scrolling
marquee to open the Marquee Properties dialog box. Now look for the
Behavior section. You'll see that you have two selections in addition
to Scroll. If you choose Slide, your marquee will start off-screen,
slide all the way across the screen, stop there, and hang out. If you
choose Alternate, your text will start off-screen, slide across the
screen, and then ping-pong back and forth across the screen.
Pick your favorite option and click OK. Then, select the
Preview tab to see how your marquee moves across the screen.
Adding banners
To add a banner on your site:
First, position your cursor where you want the banner to
appear
on your page. Traditionally, you'll find banner ads at the top or
bottom
of a page, so you might want to start with that as a design plan. Once
you're positioned, choose Insert, Component, Banner Ad Manager.
Okay--that was the easy part. Now you have to don your
thinking
cap.
(C'mon, dust that thing off and let's get to it!) The first thing
you're faced with is the width and height of your banner ad.
Fortunately, there are some standard banner ad sizes you should
probably consider. The most popular
for top--or bottom--banners are 440x50 or 400x50. If you're using paid
advertising,
try 468x60.
Next, you'll need to add the pictures that will be displayed
in
your banner. Keep in mind that your images will be resized to fit the
size
you just fixed in those height and width boxes. Since resized images
tend
to look a little distorted, you'll probably want to keep the actual
image size as close as possible to the size you set for the
banner.
Next, look for the section called Pictures To Display. Click
the Add button to the right of that section. You can add many images,
but keep a few things in mind: All of your images will rotate through
the banner ad location on your page. They will cycle through based on
their order in the Banner Ad Manager, so if you prefer a different
order, click the Move Up or Move Down button. Once you have the order
of choice, click OK.
Well, you took the first step and got that banner ad onto your
site. Now, you'll probably want to take control of the way your ads are
viewed--and even jazz them up a little bit.
You already selected a number of different images that will
rotate through the banner ad location. But for how long will each ad
appear? And how will one ad choose the next? To address these
questions, first double-click the banner ad on your site.
In the Banner Ad Manager Properties box, look for Transition
Effect. If you click the pull-down arrow to the right of this option,
you'll find yourself with a number of different choices. The best way
to pick the right one is just to experiment: Test something that sounds
interesting to you and see how it looks on the screen. After all, you
can always go back and try something else later.
More important is the section called Show Each Picture For
(Seconds). Here are a few things to keep in mind: You don't want to
cycle through banners too quickly because that might annoy your
visitors. Also, remember that
your visitor's browser has to download each image, so it could take a
while--and slow up other things on your site--if you try to change
images too quickly or show too many. Opt for something that's a little
on the slower side (at least for Web time). Thirty seconds should
do.
Once you've adjusted these settings, click OK.
Having trouble keeping track of the order of your banner ad
images? To make life a little easier, give each image a new number
suffix--you know: 1, 2, 3, 4, 5, etc.--to make it simple to figure out
which banner goes where. If only every problem in life could be solved
so quickly!
Adding links to banners
You're missing one key piece of information to make your banner ads
complete: a link. After all, if an ad looks enticing to visitors,
they'll want to
click on it to get more information. Yep--that's called the missing
link.
To create a banner ad link, double-click on the banner ad to
call up the Banner Ad Manager Properties dialog box. Now find the box
called
Link To. To the right of that line, click the Browse button. Search for
the page you want to link to, highlight it, and click OK.
The link is now complete--but there's one important thing you
should be aware of: FrontPage doesn't allow you to link to a different
site you can link to only one location. So what to do if you have
several ads that should each have its own link? Simply create a page to
link to from the banner ad that then provides links to all the pages
for each of the ads.
Get it scheduled
If you didn't want FrontPage to automatically rotate the images for
your banner ad. Instead, you have one advertiser who has an image
scheduled
for two weeks and then another advertiser who's paying for a week's
worth
of space. Do you have to resort to reminding yourself of these dates by
marking them on your calendar? Not in this high-tech world. Instead,
use
the Scheduled Picture component to have images appear and disappear at
the appropriate times.
Here's how it works: First, choose the place where you want
the
image to appear. Now, choose Insert, Component, Scheduled Picture. The
Scheduled Picture Properties dialog box will appear. Find the section
called Picture To Display During The Scheduled Time. This will be the
image that you want to show on your site. Click Browse and locate your
image.
Finally, schedule the Starting and Ending times that you want
the image to show up and disappear from your site. This is pretty
self-explanatory: Set the date and time in the appropriate section of
the Scheduled Picture dialog box.
When you've finished, click OK, and the settings will take
effect.
More on scheduled pictures
There's a glitchy little thing about the Scheduled Picture component
that you should know about. For some odd reason, the change to your
page--that is, having the scheduled picture appear on the site--will
occur only if other changes have been made to the web. The best advice?
Just keep editing and tinkering (which you should always be doing
anyway), and you'll be sure that everything will proceed on schedule
(as it were).
If you're adding a scheduled picture to your page, and you set
the start date and time equal to or earlier than the actual date and
time,
the image will pop up on your screen immediately.
Want to delete a scheduled picture? Just choose the picture
(or
the location where the picture would be were it currently running on
your
site) and right-click. From the context menu that appears, choose
Cut. No more picture--or picture-to-be.
It's all symbolic
Wanna add a copyright symbol to your Web site? Or a trademark sign? How
about a Spanish N with the squiggly line over it? Easy. Choose Insert,
Symbol. Pick your symbol of choice and click OK. It just doesn't get
any easier
than that!
Getting organized
A table of contents is a handy way to help your visitors find their way
around your site. But creating one seems like it would be a hassle.
After all, can you imagine tabbing back and forth between your
Navigation view and the table-of-contents-in-progress? That would be a
nightmarish job.
Fortunately, FrontPage simplifies things quite a bit. To build
a TOC (that's table of contents in publishing lingo), start by choosing
File, New, Page. On the General tab, search for the Table Of Contents
option. Select it, then click OK.
You'll now find yourself in a spiffy new TOC. You'll see a
bunch of information at the top and then your TOC below. Double-click
on the
TOC to open the Table Of Contents Properties dialog box. The most
important thing to do first is to set the URL starting point for your
table. This is basically the page that all the other pages flow
from--probably the index page. Once that's set, adjust the font size
and click OK to make your TOC official.
If you're building a table of contents (TOC), you'll notice an
option in the Table Of Contents Properties dialog box that may look
appealing to you: Recompute Table Of Contents When Any Other Page Is
Edited. This may
seem like a good idea, but if your Web site is really large, it will
slow
down page saving. If you don't select this option, keep in mind that
you
can manually save TOC changes by opening the TOC page and saving
it.
If you don't want a whole table of contents (TOC) page but
you'd like to include a TOC on another page, there's a simple shortcut
to do
this. Start by positioning your cursor where you want the TOC to
appear.
Next, choose Insert, Component, Table Of Contents. The same Table Of
Contents Properties dialog box that you'd use if you were building a
separate TOC page will now materialize. Adjust the setting in this
dialog box, and a small
TOC will appear on your Web page.
Searching high and low
Say you visit a Web site looking for a particular bit of information,
but with the dozens of pages posted, finding what you need is more
frustrating than looking for the proverbial needle in a haystack. Don't
let visitors to your Web page be similarly frustrated. Instead, add a
search mechanism that allows visitors to find exactly what they
want.
First, choose File, New, Page. In the New dialog box, find
Search Page on the General tab. Once you've located it, select it and
click OK. A whole new page will open on your FrontPage screen. This is
your new, handy-dandy search page. You'll notice some innocuous
language about this being a search page that you can use to find
particular words and phrases. Then there's the little box where
visitors can do their searching. Below that is a quick cheat sheet on
how to combine words to create more effective searches. If the page
works for you as is, go for it. If you don't like the way some of the
initial language is phrased, change it.
You've inserted a search page, but you want to make a few
small
changes--label names and the like. Choose the search component--that's
the
section in the middle of the page where a visitor would actually
conduct
a search--and double-click.
Now you should see the Search Form Properties dialog box.
Here,
on the Search Form Properties tab, you're able to change the labels for
your search buttons, as well as change the width of your search box
(which is important if you think people will be conducting complicated
searches on
your page). Note that although you're able to customize labels and the
like,
you can't change the way the search form is laid out on the page. We
can't
have everything the way we like, now can we?
You may find that you want to control how search results are
reported to your visitors. To make adjustments, you'll first need
access to the Search Form Properties dialog box. Simply choose the
search component--that's the section in the middle of the page where a
visitor would actually conduct a search--and double-click.
In the Search Form Properties dialog box, click the Search
Results tab. Here you'll see two sections: Results and Display Options.
Since it's likely that you'll want visitors to be able to search
through your entire Web site (except hidden folders, of course), you'll
probably want to keep the Results section as is. However, if your web
has a discussion group
and you want a search tool just for that discussion group, enter the
name
of the discussion group folder in the section titled Word List To
Search.
The next section--Display Options--is also important. You'll
probably want to select all three of the display options--closeness of
the match, file date, and file size--since the combination of these
three bits of data gives your visitors the information they need to
determine whether a certain file is relevant.
You've learned how to add an entire search page, but what if
you want to add a mini search engine just to one page of your web?
Position
your cursor on the page where you want the search engine to appear,
then
choose Insert, Component, Search Form. You'll immediately see the
Search
Form Properties dialog box. Make the necessary changes, then click OK,
and
the search engine will appear on that page.
Drop it
You have an important piece of information you want from your
visitors--say their favorite book genre or the state they live in or a
range for annual household income. If you have fixed categories, the
simplest way to present them--and get the answers that are easiest for
you to process--is to add a drop-down menu to your Web page. When
visitors come to the drop-down menu, all they have to do is choose one
of the options you've provided.
To add a drop-down menu, first position your cursor where you
want the drop-down menu to appear on your page. Then, choose Insert,
Form, Drop-Down Menu. You'll notice a new component that offers a
drop-down arrow, along with buttons marked Submit and Reset. But if you
click on the drop-down arrow, you'll notice that nothing appears. Tune
in next time to find out how to
add items to your drop-down list.
How to customize the options for that menu?
Start by going to the drop-down menu on your page and right-clicking
on the section that has the drop-down arrow. In the pop-up menu that
appears, you should see an option called Form Field Properties. Once
you select that, the Drop-Down Menu Properties dialog box will appear
on your screen.
For starters, you'll notice the Name section. This entry will
serve as the name of your drop-down list. But it's not a name that will
appear on your screen--instead, it's the name that FrontPage needs to
make sure that all the elements of your list are grouped
together.
After you've named your list, you'll want to add all the
different choices that your visitors will see. To do this, click the
Add button on the right-hand side of the dialog box. A new dialog
box--called Add Choice--will appear. This dialog box is fairly
straightforward: Simply type in a choice for your list. Unless you want
a particular option to be selected from
the start--in which case you'd click Selected under the Initial State
section--you can click OK. You'll see your new choice appear in the
list.
Continue to add all the different choices you want to present
to your site visitors. When you've finished, simply click OK in the
Drop-Down Menu Properties dialog box.
There are a few other tricks you may want up your sleeve.
First, reopen the Drop-Down Menu Properties dialog box. (To do that,
right-click in the section of the drop-down menu that has the drop-down
arrow and select Form Field Properties from the pop-up menu.)
Now for some options:
If you want your visitors to be able to choose more than one
of
the presented options, click Yes under the section Allow Multiple
Selections. (You will have to hold down the Ctrl key to select several
choices, so you might want to indicate that above the drop-down menu.)
Also note the section called Height. Most drop-down menus show only the
first option: Viewers
have to click on the arrow to see the rest of the list. If you'd prefer
to have your whole list
appear on the screen (or even just part of your list), adjust the
Height section accordingly. Finally, check out the buttons on the right
side of the dialog box--they let you reorder your list. Just select the
choice you want to move, and click the Move Up or Move Down
button.
To see your drop-down menu at work, you'll first need to save
your web page. Now click on the Preview button at the lower left of the
screen and give it a test drive. Voila! Now that's looking good.
A little help from our friends
To have an icon automatically appear with your page when somebody else
bookmarks it, you first need to have or create an icon. Note that the
icon can be only 16 pixels square--which is pretty tiny--so you'll want
to keep things simple. Next, name your icon favicon.ico. You'll want to
put this file in your root directory--that's the directory where your
index.html
file lives.
Here's how it works: When a viewer bookmarks your page using
Microsoft Internet Explorer, the browser looks in the root directory
for that favicon.ico file. When it finds the file, the browser places
that icon next to all Favorites. Note that this trick will work only
with Internet Explorer 5.0 and higher.
Chitchat
If you want to add discussion groups to your Web site,
consider
creating a whole new web. No, it's not that you can't add a discussion
group
to your current web--it's just that you'll have more control over the
discussion and will be able to track usage of the group more
easily.
Hit counter happy
Some folks like 'em, some don't. Regardless, it seems hit
counters are here to stay. If you'd like to jazz up yours, take a look
at the following Web site and find one that's right for you:
http://www.alberta-ca.com/frontpage/index2.html
Copycat
You may not be able to use other people's Web content--that
is,
their images, photos, or text--without asking permission, but you can
copy
another site's design. Not sure how they did that nifty trick that
makes
their logo flash? Just take a look at the code: Simply right-click on
the
page and select View Source from the context menu.
To ftp or not to ftp
It's true that FrontPage offers a nifty publishing tool that
makes it easy to post your Web page to a server, but some folks still
like to
send their files the old-fashioned way--that is they like to FTP them,
or
use File Transfer Protocol. We've had a number of questions about why
you
can't/shouldn't FTP files when publishing a FrontPage web.
The bottom line: FrontPage uses another protocol (Hypertext
Transport Protocol, or HTTP) to transfer files to servers that are
FrontPage enabled. When you use FrontPage's Publish feature, you make
it easier for your web to communicate with the FrontPage-enabled
server, making the transfer complete and accurate. Specifically, when
FrontPage uses HTTP, it knows which files it should and should not
transfer.
The flip side of this is that when you use FTP to publish your
web page, you may run into some problems. For example, you may
accidentally
overwrite some settings, creating some strange effects on your
published
web or possibly even preventing access to the Web page. This is why
you'll
find that Web administrators encourage you to use FrontPage's Publish
feature,
rather than doing the FTP workaround.
Ftp lingo
If you do decide to publish your web using FTP, you'll first select
File, Publish Web, just as you would if you were using the FrontPage
publish
feature. But, in this case, you'll have to know the location of the FTP
Web server to type in the Specify The Location To Publish
Your Web To box. Don't sweat it--it's not that tough. First, find out
the address of the FTP Web server. (That'll be something like
ftp.mywebserver.com.) Next, identify the specific file to which you'll
be publishing (perhaps my public_html). Put it all together (in this
case, ftp://ftp.mywebserver.com/public_html), and you're ready to
publish!
Wrapping it all together
Wrapping your text around an image on your Web page?
Start by inserting your photo: Place your cursor where you want the
image to appear and choose Insert, Picture, From File. Find the photo
you want to insert, highlight it, and click OK. When the picture
materializes on
your screen, highlight it by clicking it once. Next, choose Format,
Position. The Position dialog box will appear, giving you several
different options under Wrapping Style. Let's say you want your image
to be on the right-hand side of the screen with the text wrapped around
on the left. Simply click the Right button, then click OK to apply the
change.
|