Styling Web Pages Using CSS Designer in Dreamweaver

Learn to master web page styling with Dreamweaver CC 2015! This video series provides a practical guide to using the powerful CSS Designer and Extract panels for efficient and visually driven design.

We'll begin with a clear overview of the Dreamweaver workspace and the interfaces of both the CSS Designer and Extract panels, ensuring you're comfortable navigating these essential tools.

Discover how to seamlessly upload Photoshop documents using the Extract panel, pulling out valuable style information and assets for your web projects. We'll explore how to effectively navigate each section within Dreamweaver to maximize your workflow.

The core of this course focuses on styling your entire web page, section by section, using the intuitive CSS Designer panel. Learn to extract style information and assets directly from your PSD comps through the Extract panel, streamlining your design process.

We'll then tackle styling the footer section of your web page, culminating in a detailed examination of the final CSS code generated by the CSS Designer panel. You'll gain proficiency in creating an external stylesheet for clean, maintainable code.

This course is designed for users with a basic understanding of CSS properties and selectors. Through visual and straightforward demonstrations, you'll make impressive styling changes to your pages.

Software Required: Dreamweaver CC 2015.

Key takeaways include:

• Dreamweaver CSS Designer Tutorial: Learn to visually style web pages.
• Dreamweaver Extract Panel: Efficiently import assets and styles from Photoshop.
• CSS Styling Techniques: Master section-by-section styling with the CSS Designer.
• External Stylesheets: Create and manage external CSS files for better code organization.
• Photoshop to CSS Conversion: Extract styles and assets from PSD files.