Visual css editing in dreamweaver
Download
1 / 7

Visual CSS Editing in Dreamweaver - PowerPoint PPT Presentation


  • 60 Views
  • Uploaded on

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?.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Visual CSS Editing in Dreamweaver' - decker


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Visual css editing in dreamweaver

Visual CSS Editing in Dreamweaver

David Powers | Author & trainer


Introductions
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
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
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
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
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


ad