CSS Design with Dreamweaver MX: Creating a Weblog Layout
In a tutorial designed for designers who are coming to CSS because of it's design potential, Molly builds an attractive Blog site:
- Using Dreamweaver MX to create a majority of the source CSS
- Using Dreamweaver to lay out the page
- Using hand-authoring techniques to improve performance
- Creating multiple style sheets to show instant different looks for the same layout
- Setting up horizontal navigation using an unordered list (if you've not learned this trick, this article is worth the read just for learning this technique!)
Overview
While the design is very simple--using only a single column--it's a great starting place for those interested in working more with CSS to design sites and not just code them.
The markup and style sheets are zipped up and can be downloaded, modified and used to by the reader.
Table of Content:
- About the Design
- Creating the Markup
- Positioning the Visual Elements with CSS
- Styling the Page
- Lists for Navigation
- Creating Alternative Designs
- Next Up
Coined "one of the greatest digerati" and deemed one of the Top 25 Most Influential Women on the Web, there is little doubt that in the world of Web design and development, Molly E. Holzschlag is one of the most vibrant and influential people around. With over 25 Web development book titles to her credit, Molly currently serves as Communications Director for the World Organization of Webmasters.
As a steering committee member for the Web Standards Project (WaSP), Molly works along with a group of other dedicated Web developers and designers to promote W3C recommendations. She also teaches Webmaster courses for the University of Arizona, University of Phoenix, and Pima Community College. She wrote the very popular column, Integrated Design, for Web Techniques Magazine for the last three years of its life, and spent a year as Executive Editor of WebReview.com.
See All Postings From molly holzschlag >>
Reviews
Be the first to write a review
You must me logged in to write a review.