Unit Purpose:  to create a 3 page web site [not to be published on the Internet] focusing on you.
Software required:  Front Page [Express or full]

Your web will have 4 pages:

• Table des matières [tdm]
• Ma biographie
• Ma journée typique
• Mes projets d'avenir

• Click Start, Programs, Microsoft Front Page or Front Page Express
• Your first page will be your Table des matières.
  •  Select a default font by clicking the Format command, Background, General tab, Style, Format, Font. Select a font no larger than 12 point.
  • Web pages should use a clean, sans serif font such as Arial, Comic, Technical or Verdana
  • Still on the General tab, change the Title of your page to your name. OK.
• Back on your blank page, centre your cursor and type your name [ie. Jane Smith]
• Hold Shift and hit Enter; type "Ma Page Web".  Hit enter and return the alignment to the left

• Click File, Save As and change the directory to your H:\ drive.  Create a new folder for your web pages called web. 
• Enter the file name:  toc.htm  or tdm.htm
• Never use capital letters; never leave blank spaces: use the _ instead if you have to.
• Click OK
• Save OFTEN throughout this procedure by clicking the diskette symbol each time you add something to your pages
• If you make a mistake, use the undo button.

• Turn on the bullet button
  • On line 1 enter ma biographie; hit enter
  • On line 2 enter un journée typique; hit enter
  • On line 3 enter mes projets d'avenir; hit enter
  • On line 4 enter table des matières
• Turn off the bullet button

• type Contactez [yourname] - ie. Contactez Jane Smith
• highlight your name and click the link button
• In the hyperlink dialog box, click on the envelope symbol & enter your e-mail address [or janesmith@example.com]. Click OK. OK. In Front Page Express, you will select a mailto: type of link and then add your address.
• Since these webs will not be published, you can use your real e-mail address or create a fake one: anyname@example.com

• Click Format, Background
• Select a suitable colour scheme setting the colour for Background, Text and the 3 Hyperlink buttons which should be all the same colour
• Try to use a dark, cool colour in the background, and bright, hot colour for the text and hyperlinks.
• Ensure that the hyperlink colours are NOT the same as the background.
• Click OK; Save

• With toc on screen, click File, Save As
  • change the file name to biographie and then click Save
  • Click File, Save As, change the name to journee and then click Save.
  • Click File, Save As, change the name to projets and then click Save.
• At this point, only projets is open.  Click File, Open and open each of the other 3 files.
  • To verify that all 4 files are now open, click on the Window Command in the top line.
  • Under Window, you should now see 4 files.
• Go to toc and highlight your first bullet which should be Ma Biographie
  • Click on the link button and then highlight the file name which appears biographie. Click OK
  • Click on the link button and then highlight the file name which appears journee. Click OK
  • Click on the link button and then highlight the file name which appears projets. Click OK. Save.
  • Click on the link button and then highlight the file name which appears toc. Click OK. Save.
• Your TOC is now linked to every other file.
• Highlight the 4 bulleted items and place them on the clipboard [Control C, or Edit Copy, or right click Copy]
• Use the Window command and go to biographie.  Highlight the 4 bullets which are now there and replace them with the hyperlinked bullets on your clipboard by pasting [Control V, or Edit Paste, or right click Paste]. Save
• Repeat the last step for the other 2 files.  Save

• Click Window and go to your biographie.htm page
• Under your name and your title, enter the sub-title Ma Biographie; click enter and left justify.  Save.
• Repeat this step with the other 2 files.  Save.

• All good web designers use tables, visible or invisible to arrange web elements [text and pictures] on their pages. 
• On your projets.htm page, place your cursor under your sub-title, aligned to the left
• Click Table, Insert, Table
• Specify 1 row, 2 columns, border size 0, width 100%. OK
• Save
• In the left cell of the table, type your projets paragraph. Save
• Repeat this step on each page.

• Ensure you have saved your files.  Leave your web pages open
• Open Internet Explorer and go to http://www.google.com and then the Images Tab.
• Search for a picture which is appropriate for your future plans.  Try to find a picture roughly the same size as the cell you have for a picture.  Click on this picture to see it in 5 x 8 cm size
• Right click on the picture desired.  Left click on Save Picture as and save this picture into the SAME place you have your .htm files. H:\web\
• Return to Front Page
• Place your cursor in the picture cell on your projets page. 
• Click on the picture symbol [looks like a desert postcard].  Browse to find the picture you just saved.  OK. Save
• Click once on the picture.  Centre the picture.  Use the corner handles to resize it to obey the "above the fold" rule.
• Reduce the size of the picture so that it does not "push" the edges of the cell

• This rule comes from the rules which govern newspaper publishing.  News people know that most customers only check the headlines and stories positioned "above the fold" [at the top of a newspaper folded in half length-ways] before deciding whether or not to buy the paper.  
• Good web pages have their best, if not only, information above the fold.  There should be no or only minimal scrolling down to read information.

• On your projets.htm page, add a row to your table by clicking in the table
• Click the Table - Insert - Rows command to add 1 row above the existing 2 cells
• Highlight all of that first row and then click Table, Merge Cells
• Centre the sub-topic Mon premier choix de carrière in the new merged cell

• Return to the site from which you saved your picture.  Ensure you are not still at Google but are actually at the web site with the picture
• Highlight the URL [www...] of the picture and copy it to the clipboard [Edit Copy, or Control C, or Right Click Copy]
• In Front Page, click once on your picture and then click the hyperlink button
• Erase the http:// already entered and paste in your URL [Edit Paste, Control V, the clipboard symbol, or Right Click Paste]
• Change the Target Frame to New Window. OK. Save

• To add file links, begin at the Table des matières
• Return to toc.htm
• Highlight the first item in your bulleted list - ma biographie
• Click the hyperlink button.  Find the biographie.htm file from the list and double click
• Repeat with the other 2 pages. Save

• Every page in a web should link to every other page in the web.  These are called file links and a group of these file links in a table is a navigation system or bar
• The full version of Front Page will add these bars automatically
• To create your own navigation bar, go to biographie.htm and put the cursor down at the bottom below your text.  
• Click Table, Insert, Table which is 1 row by 4 columns, border size 1, 99% width,  centred
• In the first cell, type Ma Biographie; in the second, Ma Journée Typique; in the third Mes Projets d'Avenir;  in the fourth Table de matières.
• Highlight Ma Biographie and build the hyperlink to the file.  Repeat with the other 3. Save
• Highlight the whole table and copy it
• Go to each of the other 2 pages [not the toc] and paste in the navigation bar. Save each page.