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
TEXT PROCEDURE
 Centering Click the icon on the top of the page toolbar
 Colour Click 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.)

Bold Click the B  icon at the top of the page toolbar.  (ctr+B)
Spacing Format,  Font,  Character spacing,  Extended, by 9 points.  Postion similarly.
Font 1.  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.

Bullets 1.  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.

 

PAGE PROCEDURE
Browser Compatibility Tool, Page Options, Compatibility, select both Internet Explorer and Netscape Navigator and untick all options unless specifically required.
 Configure Click 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.)

Bold Click the B  icon at the top of the page toolbar.  (Ctrl+B)
Spacing Format,  Font,  Character spacing,  Extended, by 9 points.  Postion similarly.
Background Right 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 HOME HTML WEBWEAVERS