O'Reilly logo

Dreamweaver CC Digital Classroom by AGI Creative Team, Greg Heald, Michael Arguin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Lesson 9: Working with Tables

dw09.psd 

Tables have a long and storied history in web design. In this lesson, you will learn how to structure and style tabular data using tables. Additionally you will understand the basics of using tables for layout and be able to compare and contrast them with Cascading Style Sheets (CSS) for layout.

What you’ll learn in this lesson:

  • Creating and modifying tables
  • Styling tables in CSS vs. HTML
  • Importing table data
  • Sorting table data

Starting up

Before starting, make sure that your tools and panels are consistent by resetting your workspace. See “Resetting the Dreamweaver workspace” in the Starting up section of this book.

You will work with several files from the dw09lessons folder in this lesson. Make sure that you have loaded the dwlessons folder onto your hard drive from www.digitalclassroombooks.com/epub/dreamweavercc. See “Loading lesson files” in the Starting up section of this book.

Before you begin, you need to create site settings that point to the dw09lessons folder. Go to Site > New Site, or, for details on creating a site, refer to Lesson 2, “Setting Up a New Site.”

Using tables in web design

Tables are ideally suited for displaying tabular data. As discussed in Lesson 5, “Creating Page Layouts with CSS,” in the beginning days of the Web, tables were the best tools available for designers when it came to layout. Over the years, Dreamweaver ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required