Graphics Programs Reference
In-Depth Information
Extra credit
Copying layer properties for CSS
In Photoshop, you can generate cascading style sheet (CSS) prop-
erties from shape and text layers without writing code. For shape
layers, the Copy CSS feature captures size, location, fill color (in-
cluding gradients), stroke color, and drop shadows created with
layer styles. For text layers, it also captures font family, font size,
font weight, line height, underline, strikethrough, superscript,
subscript, and text alignment. You'll generate CSS properties
from the Flyer.psd file and paste them into the site's HTML file
in Adobe Dreamweaver
®
.
1.
In Photoshop, navigate to the Lesson13/Extra_Credit folder,
and open the Flyer.psd file.
2.
Select the new_wing layer, and choose Layer > Copy CSS.
Photoshop copies the CSS properties for the new_wing layer to
the clipboard.
3.
Open Dreamweaver, and open the New-Wing_Start.html file
(in the Lesson13/Extra_Credit folder).
4.
Choose File > Save As, and save the file as
New-
Wing_Finished.html
in the Lesson13/Extra_Credit folder.
5.
In Dreamweaver, choose View > Code to see the source code,
if it's not visible. Then select the entire comment between the
