HTML Basics:
Edit

Step-by-Step: Edit in FPX

---

What you will learn:

to apply a style to add text to save as a file on a disk to use Page Setup to configure for print to use Print Preview to print from FPX

---

 Start with:  , hector4.htm

Apply a Style

1. Change the sentence  Here are my hobbies.  to simply  My Hobbies

   Don't forget to remove the period of the end of the sentence.
    

2. Put the cursor in the line  My Hobbies.
    
   
3. From the Style drop-down list select the style Heading 3. The formatting of the whole line changes.

---

Add Text

1. Add a blank line above My Hobbies
   [With the cursor at the start of the line, press the ENTER key.]
    
2. Apply the style Normal to the blank line.
   [With the cursor in the blank line, choose Normal from the Style drop-down list.]

   This changes the height of the blank line.
    

3. Starting on the blank line you just added, type:
    

   My Job I am a travel agent for World Travel in Buenos Aires, Argentina. I spend my work day talking to people about where they want to go and trying to get them the best prices on their tickets and hotel rooms. I also write and edit our email newsletter Here and There, which keeps our customers informed about special deals and news in the travel industry. My Education I grew up in Buenos Aires and went to public school. I studied business at the Universidad de Buenos Aires and graduated in 1985. In my job as a travel agent I have really needed the history and geography that I learned (or should have learned) in school - even though I was not interested at the time! My Family I married my beautiful Carla in 1986. We have two children - Ricardo who is 10 years old (our soccer star!) and Rosa who is 7 years old (our ballerina).

   
    

4. Apply the style Heading 3 to the lines My Work, My Education, and My Family.
    

---

Save As File

You can save an HTML file to a different location on either a web server or a local drive by using the command  File  |  Save as... .

The Save as dialog first offers to upload your web page (and its graphics) to a web server. The Microsoft Web Publishing Wizard must be installed for this to actually work and the web server must allow this method of uploading. If you just want to save the page to a local disk, use the button As File.

1. From the menu select  File  |  Save as... .

   Your dialog will probably have some sort of http:// address in the textbox Page Location. You type the web server location in this textbox if you want to upload your page to a web server.
    

2. In the textbox Page Title type  Home of Hector Chavez - your name  but, of course, you should replace "your name" with your own name.
    
3. Click on the button As File. The Save as file dialog appears.
    
4. Type the path  a:\my docs\web\hector5.htm  in the textbox File Name and click the Save button to save to your web folder.

   Notice that only files with the extension htm or html are showing because of the choice in the Save as type: textbox.

---

View HTML

1. From the FrontPage Express menu select  View  |  HTML . A new window opens that shows the source code for this page. You can see your new text with the helpful colors and spacing.

   
    
   

2. Scroll this window to see how the whole page looks.

   Sadly, there is no way to print from this window. To print this code you could open the page in Notepad. Or you can copy and paste the code to Notepad or another text editor and print with that program.

   If you make changes in this window, you can go back to the original code by clicking the button Original before you close the window.
    

3. Close the HTML view window.

---

View in IE

1. Open Internet Explorer.
    
2. In the Address bar type the path   a:\my docs\web\hector5.htm  

   The page displays with the white background because of the choices you made in Web Project 1: Browser Basics ( View  |  Internet Options... |  Colors  |  Use Windows Colors ). Otherwise it looks the same as it did in FrontPage Express.
    

3. Switch back to FPX.
    

---

Page Setup

1. From the FPX menu select  File  |  Page Setup  The Page Setup dialog opens. The illustration shows the default settings.

   The &T inserts the <title> text. &P inserts the page number of the printed page. Other codes that work in Notepad's Page Setup don't work here.  Go figure!

   The settings in this dialog apply to all pages printed from FrontPage Express. Remember to check the settings before printing.
    

2. In the Header textbox, type after &T the name of the file:  hector5
    
3. In the Footer textbox, type after the &P the current date. Unfortunately FPX won't do the date automatically for you.
    
4. Click on OK to close the dialog.

---

Print Preview & Print

1. Click the button Print Preview to see how this page will print.
    
2. If necessary, click the button Two pages to show two pages at once in the window.

   

3. Move the mouse pointer over the page. It changes to the Zoom shape .
    
4. Click on the page to enlarge the view.
    
5. Check that:
   • the header is going to print correctly with the Title and filename.
   • the footer has the page number and the current date.

   Hmmm. There is not much on page 2. You can change the margins to get this all on one page.
    

6. Open Page Setup again. Change the left and right margins to 0.25 inches (or 5 mm) each.
    
7. Close Page Setup and open Print Preview again. Ah! It's all on one page now.

   

8. Click on the Print  button to print the document hector5.htm.

The symbol for a comment will print when you print from FPX. It won't show or print in a browser.

The changes you made to Page Setup will apply the next time you print a page from FPX! Don't forget to change the file name and date!