Tutorial: Formatting Your Page with CSS

Tutorial: Formatting Your Page with CSS

This tutorial shows you how to format text on your page using Cascading Style Sheets (CSS) in Dreamweaver. CSS provides you with greater control over the appearance of your page by letting you format and position text in ways that HTML cannot.

In this tutorial, you will complete the following tasks:

Locate your files

Review your task

Learn about CSS

Create a new style sheet

Explore the CSS Styles panel

Attach a style sheet

Create a new CSS rule

Apply a class style to text

Format the navigation bar text

(Optional) Center the contents of the page

Getting Started with Dreamweaver

Learning Dreamweaver

Tutorial: Setting Up Your Site and Project Files

Tutorial: Creating a Table-based Page Layout

Tutorial: Adding Content to Pages

Tutorial: Formatting Your Page with CSS

Locate your files

Review your task

Learn about CSS

Create a new style sheet

Attach a style sheet

Explore the CSS Styles panel

Create a new CSS rule

Apply a class style to text

Format the navigation bar text

(Optional) Center the contents of the page

Tutorial: Publishing Your Site

Tutorial: Working with Code

Tutorial: Creating a CSS-based Page Layout

Tutorial: Displaying XML Data

Tutorial: Developing a Web Application

Understanding Web Applications

Installing a Web Server

Setup for Sample ColdFusion Site

Setup for Sample ASP.NET Site

Setup for Sample ASP Site

Setup for Sample JSP Site

Dreamweaver Basics

Working with Dreamweaver Sites

Laying Out Pages

Adding Content to Pages

Working with Page Code

Preparing to Build Dynamic Sites

Making Pages Dynamic

Developing Applications Rapidly