Expression Web 4 - CSS Layout

In this section, we will learn about a CSS Layouts.

Please review the following basic concepts:

• 1. Anatomy of a Web Page in Code View
• 2. Anatomy of a Basic Layout
• 3. HTML Tags
• 4. CSS Basics
• 5. Anatomy of a Style Declaration
• 6. CSS Selectors

 

HTML & CSS

 Today's Web Compliant Layouts are made with HTML div tags and CSS Styles, not Tables.

The <div> tag  is used to divide a web page into various sections.  These sections, are in fact, our Layout.  By creating sections, we can more easily position our content where we'd like it. 

Each div tag will be formatted by a CSS Style Declaration.  This Style will control the dimensions, position, background, borders, and many other presentational aspects of the . 

We will use several tags to create one Layout.  However, it really depends upon how many columns you plan to have and whether or not you use wrappers for various sections, etc.

Get Started by reading about HTML & HTML Tags