Skip navigation

Welcome

Welcome: Dreamweaver CS4 with CSS Essential Training
Welcome: Dreamweaver CS4 with CSS Essential Training

Teaches fundamental CSS concepts while exploring the process of creating site-wide style sheets, from concept to deployment

Resume Transcript Auto-Scroll
Skill Level Intermediate
12h 7m
Duration
1,285,197
Views
Show More Show Less

Q: Is it possible to use CSS to create drop shadow effects over patterns and other backgrounds that aren't 100% white?

A: Try using the CSS3 drop shadow property, or use transparent PNGs as background images. A useful technique is detailed here: http://dev.opera.com/articles/view/css3-border-background-boxshadow/ The technique covered in the "CSS drop shadows" movie in the Dreamweaver CS4 with CSS Essential Training course will work if the drop-shadow file is prepared with a transparent background and saved as a 24 bit PNG file.

Q: While attempting to share assets between layers of a Fireworks file, as instructed in the Chapter 3 tutorial “Page creation and asset sharing,” an error message reads "Master page layers are not editable from other pages. Shared layers cannot be made a sub layer.”

A: This problem often occurs when attempting to edit or move a layer that is set as a master page layer. To avoid this error, switch to the master page and note the shared layers. Any editing to those layers must be done while on the master page.

Q: Is it possible to build a page using Dreamweaver CS4 Starter Pages, then use the CSS code in a site that was written using Visual Studio? In Chapter 2, the author states that the CSS must be embedded within Dreamweaver. Does that mean a Starter Page cannot be used withing a site built with another tool?

A: When the author states, "the CSS must be placed inside the page," he is referring to the creation of custom Starter Pages, in addition to the ones already included in Dreamweaver. Once the Starter Page is created, CSS can be placed as embedded styles or in an external style sheet, so it is possible to use Starter Pages with Visual Studio or another web design tool.

Q: In the "Preparing custom starter pages" video, the author’s screen shows the CSS Styles panel with listings displayed in an outline mode, connected by vertical lines. How can I get my CSS Styles panel to display this way? I am using a Mac, while the author uses a Windows machine. Is this a case where the difference is based on the specific operating system?

A: That is indeed one of the (minor) interface differences between the Mac and the PC. In the Mac version of Dreamweaver, the All view of the CSS Styles panel shows top-level CSS files or style tags with a small triangle beside them. They can still be explored or minimized by clicking on them to toggle them. They still show an "outline" view, just without the connecting lines. The functionality is not affected in any way.

Skills covered in this course
Web Dreamweaver

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now