Adjust Smart Objects in GoLive
Excerpted from “Adobe GoLive CS2 Tips and Tricks” by Adam Pratt and Lynn Grillo
The new Smart Object …
Apply the class style.
Open one of the pages to which you applied the external style sheet in step 6 and select a block of text. Select …
Crop Smart Objects
After a Smart Object is placed on a page, you may decide you don’t want to use the entire image on the web. A …
Validate your source code syntax
Excerpted from “Adobe GoLive CS Tips and Tricks” by Adam Pratt and Lynn Grillo.
You spend preciou …
Scale Smart Objects
When you scale Smart Objects, hold the Shift key to constrain the proportions of the image. Holding Shift to constr …
Site-wide color management
Excerpted from “Adobe GoLive CS Tips and Tricks” by Adam Pratt and Lynn Grillo.
Adobe GoLive CS includ …
Matte Smart Objects
Have you ever tried to eliminate the amateur-looking white fringe around transparent images? It’s normally a …
CSS Made Simple
Cascading style sheets (CSS) let you control every aspect of layout and type on a Web page. Adobe GoLive CS makes cr …
Create an external style sheet.
Open a site, and choose File > New Special > Cascading Style Sheet. In the right pane of the CSS …
Create an HTML style.
Click and hold the Create New Element Style button in the CSS Editor, and choose h1 from the Create New Element S …
Define HTML style properties.
Click the Font Properties tab in the CSS Editor, click the lower right corner of the Color field, and cho …
Create a class style.
Click the Create New Class Style button at the bottom of the CSS Editor, and type a name for the class style in t …
Define class style properties.
Click the Font Properties tab in the CSS Editor and click the Back Color field to set a background color …
Reference the external style sheet.
Save the style sheet and close the CSS Editor. Select all the pages in your site that you want to u …
Laying It Out
I forge ahead and whip up four icons for the navigation bar, and now I want to arrange them into a square in the left- …
Add an image to a layer
Now we’ll complete the navigational button by adding an image that contains text.
From the Basic set of …
Dropping in Text
Once again, I whip out the Layout Grid to help me assemble the body of my News page, which is more or less duplicat …
Create a drop-down menu
The drop-down menu we’ll create in this tutorial involves three steps. First, we’ll create the cont …
Action!
It’s now a federal law that every Web site must have JavaScript rollover buttons, and since I didn’t want to get …
Show and hide the drop-down menu
Now your navigation bar is almost complete. We’ll add actions to the image you’re using as …