| 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
appea |