http://www.communitymx.com Community MX -- Extending Knowledge admin@communitymx.com en-us
This tutorial includes starter files so that you can play along with the steps, and completed files so you can compare your work.

The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...]]> CSS, Dreamweaver http://www.communitymx.com/abstract.cfm?cid=D8987 http://www.communitymx.com/abstract.cfm?cid=D8987 Thu, 22 Jul 2010 05:00:00 GMT
This tutorial includes exercise files so you can "play along at home". There are also completed files so you can compare your work.

The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...]]> Dreamweaver, CSS http://www.communitymx.com/abstract.cfm?cid=1C885 http://www.communitymx.com/abstract.cfm?cid=1C885 Wed, 07 Jul 2010 05:00:00 GMT
This tutorial has exercise files so you can work along at home.

The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...]]> Dreamweaver, CSS http://www.communitymx.com/abstract.cfm?cid=A1E70 http://www.communitymx.com/abstract.cfm?cid=A1E70 Mon, 28 Jun 2010 05:00:00 GMT
This tutorial includes starter files so you can try the exercises, and it includes a completed layout in case you need to compare your work.

The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...]]> CSS, Dreamweaver http://www.communitymx.com/abstract.cfm?cid=711B5 http://www.communitymx.com/abstract.cfm?cid=711B5 Tue, 08 Jun 2010 05:00:00 GMT CSS, Dreamweaver, Fireworks http://www.communitymx.com/abstract.cfm?cid=FC19C http://www.communitymx.com/abstract.cfm?cid=FC19C Mon, 31 May 2010 05:00:00 GMT
The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...]]> CSS, Dreamweaver http://www.communitymx.com/abstract.cfm?cid=00F97 http://www.communitymx.com/abstract.cfm?cid=00F97 Fri, 21 May 2010 05:00:00 GMT
The CS5 CSS Starter Page Series:
The CS5 CSS Starter Page Series - Part 1: The Yukon
The CS5 CSS Starter Page Series - Part 2: Marking up the Page
The CS5 CSS Starter Page Series - Part 3: Structuring with CSS
The CS5 CSS Starter Page Series - Part 4: Refining Details with CSS
The CS5 CSS Starter Page Series - Part 5: Adding Navigation Systems
The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation...]]> CSS, Dreamweaver http://www.communitymx.com/abstract.cfm?cid=DA7C4 http://www.communitymx.com/abstract.cfm?cid=DA7C4 Wed, 12 May 2010 05:00:00 GMT
Join me in a guided tour.

The Dreamweaver CS5 New Features Series:
Dreamweaver CS5 New Features Part 1: The All New CSS Starter Pages
Dreamweaver CS5 New Features Part 2: CSS Troubleshooting...]]> CSS http://www.communitymx.com/abstract.cfm?cid=F4B2B http://www.communitymx.com/abstract.cfm?cid=F4B2B Mon, 26 Apr 2010 05:00:00 GMT
Let's start with the new CSS Starter Pages....

The Dreamweaver CS5 New Features Series:
Dreamweaver CS5 New Features Part 1: The All New CSS Starter Pages
Dreamweaver CS5 New Features Part 2: CSS Troubleshooting...]]> Dreamweaver http://www.communitymx.com/abstract.cfm?cid=62862 http://www.communitymx.com/abstract.cfm?cid=62862 Thu, 15 Apr 2010 05:00:00 GMT Fireworks prototype Homework and Exams project. In this last part of the project, you're going to generate slices on a dedicated page in your FW site file. You'll then export them as "Images Only" for a CSS based layout in Dreamweaver. .)

This tutorial includes support files.

The Homework and Exams Series:
Homework and Exams: Creating a Fireworks Prototype - Part 1
Homework and Exams: Creating a Fireworks Prototype - Part 2
Homework and Exams: Creating a Fireworks Prototype - Part 3...]]> Fireworks, Education http://www.communitymx.com/abstract.cfm?cid=82EF1 http://www.communitymx.com/abstract.cfm?cid=82EF1 Thu, 08 Apr 2010 05:00:00 GMT Fireworks prototype Homework and Exams project. In this last part of the project, you're going to generate slices on a dedicated page in the FW site file. You'll then export them as "Images Only" for a CSS based layout in Dreamweaver.

This tutorial includes support files.

The Homework and Exams Series:
Homework and Exams: Creating a Fireworks Prototype - Part 1
Homework and Exams: Creating a Fireworks Prototype - Part 2
Homework and Exams: Creating a Fireworks Prototype - Part 3...]]> Fireworks http://www.communitymx.com/abstract.cfm?cid=B9677 http://www.communitymx.com/abstract.cfm?cid=B9677 Tue, 06 Apr 2010 05:00:00 GMT
In the first Homework and Exams project you are going use a single Fireworks document to store everything you need as you develop a web site. There will be a four page web site prototype that the client can click through. The same document will also include one page that will provide the foundation for the slices you'll need for the actual production of the CSS based web site.

The project has three parts, and in this first part you'll create all the common elements for each page in the prototype.

This tutorial includes support files.

The Homework and Exams Series:
Homework and Exams: Creating a Fireworks Prototype - Part 1
Homework and Exams: Creating a Fireworks Prototype - Part 2
Homework and Exams: Creating a Fireworks Prototype - Part 3 ...]]> Education http://www.communitymx.com/abstract.cfm?cid=E0448 http://www.communitymx.com/abstract.cfm?cid=E0448 Thu, 01 Apr 2010 05:00:00 GMT
Everyone knows that back in the good old days a detective carried a magnifying glass. A good photographer carries lenses to capture stunning close-up shots - as though through a magnifying glass....]]> Photography http://www.communitymx.com/abstract.cfm?cid=EFF28 http://www.communitymx.com/abstract.cfm?cid=EFF28 Fri, 12 Mar 2010 05:00:00 GMT CMX JumpStart Beijing....]]> Dreamweaver, CSS, Design, Fireworks http://www.communitymx.com/abstract.cfm?cid=CC3FB http://www.communitymx.com/abstract.cfm?cid=CC3FB Wed, 10 Mar 2010 05:00:00 GMT
The CSS Starter Page Series:
The CSS Starter Page Series - Part 1: Faux-Column Images
The CSS Starter Page Series - Part 2: More Background Images
The CSS Starter Page Series - Part 3: Three-Column Fluid Background Images
The CSS Starter Page Series - Part 4: Rounded Corner Background Images
The CSS Starter Page Series - Part 5: Shadows and Rounded Corner Background Images
The CSS Starter Page Series - Part 6A: Adding Navigation Schemes
The CSS Starter Page Series - Part 6B: Adding Navigation Schemes Part Two
The CSS Starter Page Series - Part 6C: Adding Navigation Schemes Part Three
The CSS Starter Page Series - Part 7: Adding a Spry Menu Bar
The CSS Starter Page Series - Part 8: Managing Content with Spry
The CSS Starter Page Series - Part 9: Working with the Conditional Comment
The CSS Starter Page Series - Part 10: Adding a Print Style Sheet
The CSS Starter Page Series - Part 11: Adding a Handheld Style Sheet
The CSS Starter Page Series - Part 12: Adding a jQuery Slideshow
The CSS Starter Page Series - Part 13: Designing with a Grid
The CSS Starter Page Series - Part 14: Designing with a CSS Table Grid
The CSS Starter Page Series - Part 15: Adding a Drop Cap with :first-letter ...]]> CSS http://www.communitymx.com/abstract.cfm?cid=147A4 http://www.communitymx.com/abstract.cfm?cid=147A4 Wed, 03 Mar 2010 05:00:00 GMT Photography http://www.communitymx.com/abstract.cfm?cid=1E235 http://www.communitymx.com/abstract.cfm?cid=1E235 Mon, 15 Feb 2010 05:00:00 GMT
CMX JumpStart Agra is a 900 pixel wide, fixed-width layout providing multiple column options that can be controlled from a single CSS file. While the top half of Agra remains constant, the lower three-column section can easily be modified from its default three columns to either a one or two column layout. The tabbed navigation uses the popular Sliding Door technique.

The JumpStart includes a main style sheet, a version six and below Internet Explorer style sheet, a version seven and above Internet Explorer style sheet, and a Design Time Style Sheet (in case your version of Dreamweaver makes the layout difficult to edit in Design View).

Of course Agra meets the W3C standards for CSS and XHTML, as well as the WAI accessibility requirements, too....]]> Accessibility, CSS, Design, Fireworks, Dreamweaver http://www.communitymx.com/abstract.cfm?cid=9AFAC http://www.communitymx.com/abstract.cfm?cid=9AFAC Mon, 01 Feb 2010 05:00:00 GMT
But is laying out a design in tables *really* bad?

If you're talking about the old HTML table paradigm, then yes, using tables for layout is not the optimum approach. HTML tables are for *data*. If you're talking about the table display property and values that are part of the CSS 2.1 specifications, however, then laying out pages in tables as a presentational device from within a CSS document can be a very good thing.

In this tutorial, we'll use table display values to create a perfect grid for a flower gallery we'll add to our CSS Starter Page layout.

The CSS Starter Page Series:
The CSS Starter Page Series - Part 1: Faux-Column Images
The CSS Starter Page Series - Part 2: More Background Images
The CSS Starter Page Series - Part 3: Three-Column Fluid Background Images
The CSS Starter Page Series - Part 4: Rounded Corner Background Images
The CSS Starter Page Series - Part 5: Shadows and Rounded Corner Background Images
The CSS Starter Page Series - Part 6A: Adding Navigation Schemes
The CSS Starter Page Series - Part 6B: Adding Navigation Schemes Part Two
The CSS Starter Page Series - Part 6C: Adding Navigation Schemes Part Three
The CSS Starter Page Series - Part 7: Adding a Spry Menu Bar
The CSS Starter Page Series - Part 8: Managing Content with Spry
The CSS Starter Page Series - Part 9: Working with the Conditional Comment
The CSS Starter Page Series - Part 10: Adding a Print Style Sheet
The CSS Starter Page Series - Part 11: Adding a Handheld Style Sheet
The CSS Starter Page Series - Part 12: Adding a jQuery Slideshow
The CSS Starter Page Series - Part 13: Designing with a Grid
The CSS Starter Page Series - Part 14: Designing with a CSS Table Grid
The CSS Starter Page Series - Part 15: Adding a Drop Cap with :first-letter ...]]> CSS http://www.communitymx.com/abstract.cfm?cid=3A5FA http://www.communitymx.com/abstract.cfm?cid=3A5FA Tue, 19 Jan 2010 05:00:00 GMT
In this article, we'll expand the layout to the popular 960 pixel width that optimizes a site for the current lowest common denominator screen resolution of 1024 by 768. We'll use a grid to help us develop precise columns that divide the page into thirds. For fun, we'll then use the CSS3 property border-radius to make the design fancier without the weight of images.

The CSS Starter Page Series:
The CSS Starter Page Series - Part 1: Faux-Column Images
The CSS Starter Page Series - Part 2: More Background Images
The CSS Starter Page Series - Part 3: Three-Column Fluid Background Images
The CSS Starter Page Series - Part 4: Rounded Corner Background Images
The CSS Starter Page Series - Part 5: Shadows and Rounded Corner Background Images
The CSS Starter Page Series - Part 6A: Adding Navigation Schemes
The CSS Starter Page Series - Part 6B: Adding Navigation Schemes Part Two
The CSS Starter Page Series - Part 6C: Adding Navigation Schemes Part Three
The CSS Starter Page Series - Part 7: Adding a Spry Menu Bar
The CSS Starter Page Series - Part 8: Managing Content with Spry
The CSS Starter Page Series - Part 9: Working with the Conditional Comment
The CSS Starter Page Series - Part 10: Adding a Print Style Sheet
The CSS Starter Page Series - Part 11: Adding a Handheld Style Sheet
The CSS Starter Page Series - Part 12: Adding a jQuery Slideshow
The CSS Starter Page Series - Part 13: Designing with a Grid
The CSS Starter Page Series - Part 14: Designing with a CSS Table Grid
The CSS Starter Page Series - Part 15: Adding a Drop Cap with :first-letter ...]]> Dreamweaver, CSS http://www.communitymx.com/abstract.cfm?cid=CD3B0 http://www.communitymx.com/abstract.cfm?cid=CD3B0 Tue, 05 Jan 2010 05:00:00 GMT Accessibility, CSS, Dreamweaver, Fireworks, Design http://www.communitymx.com/abstract.cfm?cid=F18BA http://www.communitymx.com/abstract.cfm?cid=F18BA Fri, 18 Dec 2009 05:00:00 GMT