Adjust Smart Objects in GoLive

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.

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

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

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

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

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

Matte Smart Objects
Have you ever tried to eliminate the amateur-looking white fringe around transparent images? It’s normally a …

CSS Made Simple

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.

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.

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.

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.

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.

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.

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

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

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

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

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!

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

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 …