70 likes | 159 Vues
Dive into the world of CSS editing in Dreamweaver with author David Powers and explore the new CSS Designer feature. Learn about managing CSS, media queries, and visual tools for modern web development. Enhance your skills and create stunning designs today!
E N D
Visual CSS Editing in Dreamweaver David Powers | Author & trainer
Introductions • Who’s this guy? • Author of books and video courses on web development, CSS, Dreamweaver, and PHP • Lecturer at Middlesex University, London • Star-studded TA team
What’s changed in Dreamweaver’s CSS management? • Everything • Well, almost everything • What was wrong with the existing setup? • Conceived when IE 6 was king • Disjointed • Limited support for media queries • Difficult to add support for CSS3
Going, going, gone • R.I.P. • CSS Styles panel • Media Queries dialog box (site-wide media query files) • Multiscreen Preview • Limited access • New CSS Rule dialog box • CSS Rule Definition dialog box
Introducing the new regime • CSS Designer • Consolidates CSS management in a single panel • Visual tools • Strong support for media queries • CSS3 properties and values • User configurable
Agenda • Set up lab assets • Explore CSS Designer • Basic usage • Move elements into position visually • CSS gradient tool • Media queries • Bling—rounded corners and drop shadows