Download Æ

BASIC FRONT PAGE 2003
Starting a New Web
Open Front Page 2003.
Go to File ÆNewÆ
Choose One page Web site….
Choose to save this on the floppy drive by typing a:\myweb.
Click OK.
Your Web page will be created and you will see the following screen:
Page 1 of 6
(If you do not, go to View and choose Folder List)
Double-click index.htm under Folder List to be able to begin entering information on your index
page. Make sure that you are in Design View. (Click Design at the bottom of the page.)
Naming and Saving Your Page
Go to FileÆSave As.
Give the page a file name. (DO NOT TYPE SPACES IN THE NAME – USE UNDERSCORE).
Click Change Title to edit the Page Title. This should be a description of the page and can
contain spaces. Click OK and Save. This will save the page into the web folder on the a:\myweb.
Page Background Color
To change the background color of your Web pages:
1. Right-click on the page and select Page Properties.
Page 2 of 6
2. The Page Properties dialog box appears.
3. Click the Formatting tab.
4. Click the Colors Background drop-down box and select a color for the page.
5. Click the Colors Text drop-down box and select a color for the text.
6. Click OK on the Page Properties box.
Adding and Formatting Text
If you are not in Page View, click the Page button on the Views bar.
Page 3 of 6
Insert the cursor into the blank page and type your text. Once you have put text on your page,
you can change its style, color, and/or size. You must first select (highlight) the text then use
the formatting buttons on the toolbar.
Inserting Tables
Tables balance your page and make inserting text and graphics easier. You
can insert a table by clicking on the table button and selecting the number of
cells by highlighting the boxes that represent rows and columns. Right-click
the table and choose Table Properties to format the table.
You can also insert a table by going to Table in the Menu bar and selecting InsertÆTable.
The Insert Table dialog box (next page) appears. You can designate the number of rows and
columns in the table, the alignment of the table on the page, the border size (0 shows no borders
on the table when viewed in the browser), the cell padding (the space between a cell border and
its content), and the cell spacing (the space between the table cells). The table width should be
specified as 100 in percent.
Adding Graphics
Decide where on your page you want to insert a graphic.
Page 4 of 6
Go to Insert Æ Picture Æ Clip Art.
Search for a clip. When you find an appropriate clip, insert it into your web page.
Once you have inserted the graphic, you can change the properties by right-clicking on it and
choosing Picture Properties. Make sure that you go to View Æ Toolbars and select Drawing.
When you select an image (click on the object), the “handles” appear (the little boxes). The most common
editing features you can utilize (when the Drawing toolbar is selected) are the following:
Make Transparent - get rid of the “box” around a graphic (click on the color you don’t want to
display) (only .gif images)
Crop - move the handles until you have what you want and then press Enter.
Washout - reduces the brightness and the contrast (good for preparing background images)
Change a color image to black and white
Restore - “undo” the changes you make to an image
Rotate (left or right)
Reverse, flip
Contrast (more, less)
Brightness (more, less)
Bevel - makes a three-dimensional effect
Resample - changes the file size of the image to match the new size of the image
Text - allows you to type text on top of a graphic.
Alternative Text
Some people shut off their image display when they visit Web sites which means they see only
text and no pictures. Not everyone wants to see pictures because it takes longer to download a
page that contains them. For these visitors, you can provide alternative text in place of the
images – like a title that tells them what the picture is. Alternative text also makes your Web site
accessible to the blind or visually impaired who use screen readers that will look for the
alternative text and describe the images to them.
1. Place your pointer on an image and right-click. A pop-up menu appears.
Select Picture Properties.
2. In the Picture Properties dialog box click the General tab and type the alternative text into
the Alternative Representations text box.
Page 5 of 6
Hyperlinks
1. Highlight text, a graphic, a URL, or for e2. Click on Hyperlink and choose where to
3. Choose a target frame. Choose New Window.
4. Click OK and OK.
Page 6 of 6
mail.
link to.