Home | Store | osCommerce Tutorials

Study osCommerce Header Web Layout with Dreamweaver

This osCommerce tutorial shows how to analyse the web layout of Header section. This is relatively easy to study the header section with Dreamweaver.

The following osCommerce tutorial video shows how to use Dreamweaver to study the web design and HTML codes of the header.

Web Design of osCommerce Header Section

The osCommerce Header is actually composed of two tables - upper table and lower table. The upper table has only one row with two columns. The left column holds the osCommerce logo while the right column holds the three small icons. The lower table has also one row with two columns. The left column holds the breadcrumb trail (Top >> Catalog) and the left columns holds some links (My Account, Cart Contents and Checkout).

The Header web layout of osCommerce Header is shown in the picture below:

osCommerce Header layout