CSS Typography and Layout

Dreamweaver MX 2004 has many powerful features that make building Websites easier, while also giving you more control over the site layout. We're going to focus on the new set of CSS tools and capabilities: the CSS Rule Inspector, improved CSS layout visualisation, improved CSS rendering, improved CSS Panel, CSS-based Text Property Inspector, CSS-based page properties and CSS code hint pop-ups.

These tools give you an amazing amount of control over the text and layout of Websites. If you're curious about whether or not to move from MXto MX 2004, the improved CSS rendering alone will make it worth the upgrade cash.

In this tutorial we're going to adapt a template that ships with Dreamweaver. By the time we've finished you'll be able to create a Web page, using CSS and JavaScript to control the entire page. If you're accustomed to using tables and HTML font tags to lay out your site, we'll teach you new skills that will help you win new and better clients.

Click here to download the tutorial for free

Want to learn more about CSS and JavaScript? Check out the top CSS and JavaScript tutorials and examples of CSS from our sister site Creative Bloq.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.