FORMATING WEB PAGES

How to format web pages using Microsoft Expression Web

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.

Formatting Exercises For Expression Web Beginners

Short Cut Keys for Formatting Text:

Ctrl + BBold
Ctrl + RRight justify
Ctrl + LLeft justify
Ctrl + M

Indent 40px

Ctrl + iItalic
Ctrl + UUnderline
Ctrl + KInsert hyperlink

Formatting Tables

Check Your Formatting in Different Browsers:

Chrome,  MS Internet Explorer,  FireFox,  Safari,  Opera.
W3C sets standards for web pages but not all web browers follow web page standards.  You can check if your web page meets standards by entering your page URL at http://validator.w3.org

Format the Background of Web Pages

  1. Right click on a plain section of a page. (not on an image)

  2. Page Properties

  3. Formatting tab

  4. Choose options such as page background image or colour, colour of links, etc.


EXERCISE: From the top drop down menu "Format":

  1. CSS Styles
  2. Manage Styles
  3. On the RHS of screen right click auto-styles > Modify to see what they do.
  4. Right click to rename styles

    Note CSS1 (formatting)
    CSS2 (positioning)
    Dynamic HTML

FORMATING TEXT IN WEB PAGES

TEXTPROCEDURE
 CenteringCtrl+E  or Click 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.)

BoldCtrl+ B  or  Click 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.

FORMAT WEB PAGES

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.)

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 HOMEHTMLWEB DESIGN TRAINING
ENROLMENT
Other Software Training
Google Aps
GRAPHICS
UPLOADING
Web Designers
EMAIL
Web Marketing
Testimonials
HOME
Google+
www.mapgoogle.org
Top Formatting