Expression Web Tutorials: Building Web Sites with CSS & HTML ~ One Step at a Time
Getting Started Steps
Expression Web 4 Layout Tutorials
In this section, we will learn about making a CSS Layout from Scratch using Expression Web 4.
However, before we do, you may want to learn some basic concepts.
- 1. Anatomy of a Web Page in Code View
- 2. Anatomy of a Basic Layout
- 3. HTML Tags: <div> <p> <h1> <h2> <h3> <h4> <ul> <ol> <li>
- 4. CSS Basics: What it is, How to use it
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> will be formatted by a CSS Style Declaration. This Style will control the dimensions, position, background, borders, and many other presentational aspects of the <div>. We will use several <div> 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.