Accessibility

Dreamweaver Article

 

Working with Background Images and CSS – Part 1: Using Repeating and Non-Repeating Images


Adrian Senior

Adrian Senior

www.webade.co.uk
www.communitymx.com
www.ukcsstraining.co.uk

Table of Contents

  1. Introduction
  2. Creating a Background Image
  3. Setting a Repeating Background Image
  4. Controlling How a Background Image Repeats
  5. Introducing the Background-Position Property
Created:
TBD
User Level:
Beginner

In this series of articles, I will review working with background images and cascading style sheets (CSS). Background images and their usage is a wide subject. In this series, I will start at the beginning. No prior knowledge is assumed and none will be needed.

I'll start off this series by looking at some simple syntax. From there, you will see how you can use keywords to control your background images and the manner in which they are displayed.

I've included a sample page in the tutorial files for each of the options I cover in this tutorial. You can download the pages and read through the code as you go or, if you prefer, simply work along with the tutorial and build your own pages as you read along.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

Fireworks 8

Sample files:

Prerequisite Knowledge

Basic knowledge of working with Dreamweaver and Fireworks.

Page 1 of 5
Next Page

About the author

Adrian Senior owns the UK-based web design agency Webade, which has been in business since 1998. He is also a member of Team Macromedia and a partner at Community MX. The year 2004 saw Adrian's first trip to America, where he visited Orlando and delivered two sessions at the TODCon conference.

Adrian also provides training courses for companies who need to train their designers how to build compliant, accessible web sites using CSS and xhtml.

He's been married to his wife, Janette, for 24 years and has two children, Antony and Eleanor.