Expression Web Tutorials

 Expression Web Tutorial 

Expression Web 2 and 3 navigation Videos 

See the written Tutorial on Styling a Horizontal Navigation Menu

Expression Web  Tutorial:  How to Make Navigation Menus  


The following Expression Web Tutorials will teach you the basics of making Navigation menus.  Use these basics along with your creativity and make some astonishing Nav bars and menus. The foundation of a Navigation Menu, be it horizontal or vertical,  is the Unordered List.

 .  

Once the <ul> is in place, and you insert the text (anchors) for your links, we will use CSS to style the list and hyperlinks.

 

Make a Horizontal Navigation Menu:

videos

  Part 1  &  Part 2

These Video Tutorials will show you how to use an unordered list (aka bulleted list) to make a Horizontal Navigation Menu with Expression Web.  Find out how we make the list go from vertical to horizontal using CSS.

NOTE:  Please place zeros for all padding and margins when making these Navigation menus.  

 

newWant to read it offline?  Get the E-book (pdf) and read the Horizontal Navigation Tutorial. 

 

Make a Vertical Navigation menu

videoVertical Navigation Video

A vertical navigation menu is also made from an unordered list.  The only difference in this tutorial is that we do not use the one css style that causes the list to fly up horizontally, like the video above.  (float property not needed)

 

Where did the videos go?