FORMATING WEB PAGES

Icons and commands are very similar  to MS Word.

Text needs to be highlighted by:

  1. Double clicking words
  2. Holding down the left mouse button and dragging across text before letting go of left button
  3. Clicking the left button once at the left of a section of text after the cursor changes to an arrow by holding it to the left of free text or above text in a table.

Exercises:

To enable rollovers and positioning on a page:

  1. At the Tools drop down menu at the top of the page, select:
  2. Page options
  3. Tick
    1. CSS1 (formatting)
    2. CSS2 (positioning)
    3. Dynamic HTML
  4. OK
TEXTPROCEDURE
 CenteringClick the icon on the top of the page toolbar
 ColourClick upside-down triangle next the the A icon in the toolbar at top right of page.

Select colour.  (More colours and an eye dropper for selecting any colour in any Windows program are available.)

BoldClick the B  icon at the top of the page toolbar.  (ctr+B)
SpacingFormat,  Font,  Character spacing,  Extended, by 9 points.  Postion similarly.
Font1.  TYPE:  From the toolbox "(default front") showing:  Click upside-down triangle,  Select type.

2.  SIZE:  Next to type toolbar select upside down triangle and select size options from 8 to 36 points.

Bullets1.  Numbered:  Click icon on toolbar on top of page

2.  Dot Points: Click icon on toolbar on top of page

Type any text.

On various lines see the effect of increasing indent button (hit it twice for sub levels) and Enter button.

 

PAGEPROCEDURE
Browser CompatibilityTool, Page Options, Compatibility, select both Internet Explorer and Netscape Navigator and untick all options unless specifically required.
 ConfigureClick upside-down triangle next the the A icon in the toolbar at top right of page.

Select colour.  (More colours and an eye dropper for selecting any colour in any Windows program are available.)

BoldClick the B  icon at the top of the page toolbar.  (Ctrl+B)
SpacingFormat,  Font,  Character spacing,  Extended, by 9 points.  Postion similarly.
BackgroundRight click, Background tab, browse to you picture folder for a picture background.  If you tick watermark, text and images on you page will scroll while the background image remains in place. or

select: a colour

select:  font colour, link colours, rollover effects.

 

 

 

TRAINING HOMEHTMLWEBWEAVERS