1 / 9

WDV 331 Dreamweaver Applications

WDV 331 Dreamweaver Applications. Dreamweaver CC CSS Designer Chapter 3. Creating New Styles with CSS Designer. Dreamweaver divides the CSS Designer panel into four sections: Sources, Media, Selectors, and Properties .

rogan-richardson
Download Presentation

WDV 331 Dreamweaver Applications

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WDV 331 Dreamweaver Applications Dreamweaver CC CSS Designer Chapter 3

  2. Creating New Styles with CSS Designer • Dreamweaver divides the CSS Designer panel into four sections: Sources, Media, Selectors, and Properties. • (If you don’t see the CSS Designer panel, press Shift + F11 [Windows only] or go to Window → CSS Designer.) • In most of Dreamweaver’s workspaces, the panel appears in the lower-right corner, sharing space with the CSS Transitions panel.

  3. Figure 3-1 • 3-1

  4. Figure 3-3

  5. A Rough Outline of the Process: • Choose a Source for your style rule. You add styles to an internal or an external style sheet, or you create a new style sheet. • Choose a Selector. The selector The selector can be a class, an ID, or an HTML tag. You can modify existing selectors using the CSS Designer or you can create new ones. • Set Properties for the Selector. After you choose a selector in step 2, you can set or change its properties — also known as creating a rule or editing one, respectively.

  6. Using-the-CSS-Transitions-Panel • http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-the-css-transitions-panel/

  7. CSS-Designer-In-Depth • http://tv.adobe.com/watch/creative-cloud-for-web/css-designer-indepth/

  8. Fixed Menu on Responsive Design • http://css-tricks.com/forums/topic/fixed-menu-on-a-responsive-design/

  9. Responsive Background Images with Fixed-or-Fluid Aspect Ratios • http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios

More Related