Microsoft®

FrontPage 2003 CustomGuide

Customizable Computer Training Courseware

Quick Reference Card 1502 Nicollet Avenue

Minneapolis, MN 55403
Tel. (888) 903-2432
www.customguide.com

The FrontPage 2003 Screen Views

Title Bar Standard Toolbar Formatting Toolbar To Display a View: Select View from the
menu bar and select a view from the menu.
Menu Bar
Page: Shows current Web page in different
views: Design, Split, Code, and Preview.
Web page
file name Task
Folders: Shows the site’s files and folders.
Pane
Remote Web Site: Allows you to analyze
and view the status of elements in the Web site.
Vertical
Web page Scroll Bar Reports: Allows you to analyze and view the
window status of elements in the Web site.
Navigation: Shows the structure and
organization of the Web site.
Hyperlinks: Shows the hyperlinks to and
from each page in the Web site.
Page Estimated
Views Download Tasks: Keeps track of tasks that need to be
Horizontal Scroll Bar Time completed in the Web site.

The Fundamentals Keyboard Shortcuts

Insert Open a Web page <Ctrl> + <O>
The Standard Toolbar Component
Drawing
Toggle Preview in Toolbar Show/ Save a Web page <Ctrl> + <S>
Undo Insert Help
New Save Pane Browser Cut Paste Refresh Hide
Layer Print a Web Page <Ctrl> + <P>
Close a Web page <Ctrl> + <F4>
Open Find Publish Print Spell Copy Format Redo Insert Insert Insert Stop Show Undo <Ctrl> + <Z>
Site Check Table Picture Hyperlink Layer
Painter From File Anchors Redo or Repeat <Ctrl> + <Y>
• To Create a New Normal Page: Click the • To Insert an Image: Click the Insert Help <F1>
Create a new normal page button on Picture From File button on the Standard Refresh <F5>
the Standard toolbar. Or, select File → New toolbar, or select Insert → Picture → From
Switch Between <Ctrl> + <Tab>
and click Blank page in the task pane. File from the menu.
Open Web Pages
• To Create a New Web Site: Click the New • To Insert a Table: Click the Insert Preview Current <F12>
button list arrow on the Standard toolbar and Table button on the Standard toolbar or select Page in Web Browser
select Web Site, or select File → New and Table → Insert → Table from the menu.
click One page Web site in the task pane. Create a Hyperlink <Ctrl> + <K>
• To Insert a Hyperlink: Select the text and
• To Open a Page: Click the Open Cut <Ctrl> + <X>
click the Insert Hyperlink button on the
button,or select File → Open from the menu. Standard toolbar or press <Ctrl> + <K>. Copy <Ctrl> + <C>
• To Open a Web Site: Click the Open • To Cut or Copy: Select the text and click the Paste <Ctrl> + <V>
button list arrow and select Open Site. Or, Cut button or Copy button on the Beginning of a Line <Home>
select File → Open Site from the menu. Standard toolbar, or press <Ctrl> + <X> (cut) or End of a Line <End>
• To Preview a Web Page in a Browser: <Ctrl> + <C> (copy).
Beginning of <Ctrl> + <Home>
Click the Preview in Browser button • To Paste: Click the Paste button on the Web Page
on the Standard toolbar, or select File → Standard toolbar, or press <Ctrl> + <V>.
Preview in Browser from the menu. End of Web Page <Ctrl> + <End>
• To Undo: Click the Undo button on the
• To Get Help: Press <F1>, or click the Help Bold <Ctrl> + <B>
Standard toolbar, or press <Ctrl> + <Z>.
button to open FrontPage Help. Italics <Ctrl> + <I>
• To Save a Web Page: Click the Save
• To Copy Formatting with the Format button on the Standard toolbar, or select File Underline <Ctrl> + <U>
Painter: Select the text with the formatting you → Save from the menu, or press <Ctrl> + <S>. Align Left <Ctrl> + <L>
want to copy. Click the Format Painter
button and drag the Format Painter across the • To View the Folder List or Navigation Center <Ctrl> + <E>
text to which you want to apply the formatting. Pane: Click the Toggle Pane button Align Right <Ctrl> + <R>
list arrow on the Standard toolbar.
© 2004 CustomGuide, Inc. All rights reserved. Tel. (888) 903-2432 • www.customguide.com
 Formatting Tables
Right Decrease Split Distribute Fill
The Formatting Toolbar Align Increase Indent
Highlight The Tables Toolbar Cells Rows Evenly Table
AutoFormat Fill Left
Left Insert Delete Center
Style List Font Size Table Show Layout Draw Down
Font Size Italic Align
Numbering Border Tool Table
Row Row Vertically AutoFit Combo Box

CenterJustify Bullets Draw Eraser Merge Align Distribute

Font List Bold Fill
Font Layout
Draw Cells Top Columns Fill
Decrease Increase Right
Underline
Color Table
Layout Insert Align Evenly Color Table
Font Size Indent Cell Column Bottom AutoFormat

• To Format Text: Change the style of text by clicking the Bold • To Create a Table: Click the Insert Table button on the
button, Italic button, or Underline button on the Formatting Standard toolbar and select the number of columns and rows from the grid.
toolbar. • To Navigate in the Table: Press the <Tab> key to to go to the next
Change the font type by selecting a font from the Font list. cell in the table. Press the <Shift> + <Tab> to go to the previous cell in the
Change the font size by selecting the pt. size from the Font Size list table.
or by using the Increase Decrease Font Size buttons.
• To Delete a Column or Row: Right-click the selected column or row
• To Change Paragraph Alignment: Select the text and click the and Delete Column or Row from the shortcut menu, or select Table →
appropriate alignment button ( Left, Center, Right or Justify). Delete Column or Row from the menu.
• To Indent a Paragraph: Click the Increase Indent button. • To Insert a Column or Row: Right-click the table and select Insert
Columns or Insert Rows from the shortcut menu, or select Table →
• To Decrease an Indent: Click the Decrease Indent button.
Insert → Rows or Columns from the menu.
• To Create a Bulleted or Numbered List: Select the text you want
• To Change Cell Vertical Alignment: Place the insertion point in the
bulleted or numbered and click the Bullets button or the cell and click the Align Top, Center Vertically, or Align Bottom
Numbering button. button.
• To Change Table Borders: Click the Table Border button • To Fit to Column Contents: Place your insertion point in the column
to apply the border format shown on the button, or click the Table Border you want to fit and click the AutoFit to Contents button.
list arrow to select a different type of border.
• To Adjust Cell Padding or Cell Spacing: Right-click anywhere in
• To Change Paragraph Line Spacing: Select Format →
the table and select Table Properties, or select Table → Properties
Paragraph from the menu, click the Line Spacing list arrow, and
→ Table from the menu. Then adjust the cell padding or spacing in pixels.
select the spacing option.
• To Change Table Border Width: Right-click the table and select
• To Insert a Line Break: Place the insertion point where you want to
insert the page break and press <Shift> + <Enter>. Table Properties, or select Table → Table Properties → Table
from the menu. Then change the width of the table’s borders in pixels. Enter
• To Apply a Theme to a Web site: Select Format → Themes zero pixels for an invisible border.
from the menu, select a theme, and click OK.
• Display in Pixels or Percent: Right-click the table and select Table
Pictures Properties or select Table → Table Properties → Table from the
menu. A table displayed in pixels will appear the same size, regardless of the
The Pictures Toolbar monitor size on which it is viewed. A table displayed in percent will adjust to a
Format Polygonal
Insert Picture Send Flip
Less Picture Resample Hotspot percent of the monitor on which it is viewed.
Backward Brightness
from File Vertical Rectangular
Position Rotate Less Line
Color Hotspot Restore • Using Layout Tools: Use the layout tools to design your page’s layout
Absolutely Right Contrast Style
table with precise dimensions. Use the Draw Layout Table button
to draw the table to an exact height and width. Use the Draw Layout
Text Rotate More Bevel Select Highlight
Bring
Left Contrast
Crop
Set Hotspots Cells button to fill in the cells of the layout table.
Auto Forward Flip More Transparent Circular
Thumbnail Horizontal Brightness Color Hotspot

• To Insert an Image: Click the Insert Picture From File

Page Views
button, or select Insert → Picture → From File from the menu.
Edit and Work with the
• To Add a Hyperlink to an Image: Select the image and click the create Web WYSIWYG
Insert Hyperlink button on the Standard toolbar, or select Insert → Pages in a editor and
Hyperlink from the menu. WYSIWYG HTML code at
editor. the same
• To Create a Thumbnail Image: Select the image, and click the
Auto Thumbnail button on the Pictures toolbar. time.

• To Create an Image Map: Click the Rectangular,

Circular, or Polygonal Hotspot button, draw the hotspot shape
over the image, then verify the hyperlink’s location. <body>
Edit and create Preview the
Web Pages in page to see
• To Highlight Hotspots: Click the Highlight Hotspots button.
<table border=0>
<tr> <image border=0
src=C:/MyWebs/
HTML code. how it will look
• To Crop an Image: Click the Crop button on the Pictures toolbar,
CustomGuide
images/logo</tr>
when it is
and drag the cursor over the part of the image you want to keep.
<tr>Your guide to
good computing.</tr>
published.
/b d
• To Resize an Image: Click and drag its resizing handle in the direction
you want to resize the picture.
© 2004 CustomGuide, Inc. All rights reserved. Tel. (888) 903-2432 • www.customguide.com