Step 5:  Set the Style Application Mode 

Manual Mode

NOTE:  You must open a web page so you can set the Style Application Mode.

Two CSS Modes

Expression Web has two Modes for generating or creating CSS Style Rules:

• Auto Mode
• Manual Mode

Well, we need to change the Mode from Auto to Manual because none of the tutorials on this site use Automatically Generated Styles.  As a matter of fact, none of the Tutorials on my DVDs and Online Class use Automatically Generated Styles.   

All CSS Styles are created manually, then saved on an External Style Sheet.  This way, the CSS Styles can be reused over and over again simply by linking the style sheet to any web page.  

Figure 1:  Style Application Toolbar

Another way to change the Style Application Mode is by checking the current Mode in the Status Bar of an open web site in Expression Web.    

Expression Web Status bar:  Look at the lower right corner of the interface to locate the Style Application Mode.  You will either see the letter A or the letter M.  If you see the letter A, change it to Manual Mode so that you have the letter M.

 

Figure 2:  The Status Bar & the Style Application Mode

NOTE:  You should check the status of the Style Application Mode when you re-open Expression Web.  I have noticed that the Mode changes back to auto by itself....somehow.

 

Step 6:  Design the Web Page