Fireworks is Macromedia's awesome graphics application built exclusively for the Web! Learn all you need to get started on your Web site with these great Fireworks tutorials!
Web design tips and tutorials for beginners: Home pageWeb design tips and tutorials for beginners: Design techniquesWeb design tips and tutorials for beginners: Dreamweaver tutorialsWeb design tips and tutorials for beginners: Fireworks tutorialsWeb design tips and tutorials for beginners: Photoshop Elements tutorialsWeb design tips and tutorials for beginners: AdSense tutorials

Property inspector

The property inspector (or toolbar), like is a multi-function tool that truly exemplifies the power of Fireworks. Like Dreamweaver, its functions vary on whether you're editing text or images.

Since many features are common between Dreamweaver and Fireworks, we'll concentrate on the Fireworks-specific features here. For more on the basics common to Dreamweaver, see our tutorial on Dreamweaver's property inspector.

Key components of Fireworks' property inspector for text are highlighted directly below. Scroll down the page for details on using the property inspector with images.


Property inspector (text)

Editing your Web site with Macromedia Dreamweaver is much easier with the help of Dreamweaver's text properties toolbar. It is just one more reason that Macromedia Dreamweaver is such a powerful Web design application and the choice of Web designers and professional Web programmers.

Key points

  • Remember that since you'll be exporting this text as a graphic for use in Dreamweaver, you need to be conscious of file size.
  • Leading, kerning, and horizontal scale are great ways to customize the appearance of your text. Below are some examples that will help explain:

Leading: This term comes from the early days of typesetting when thin pieces of lead would be place between lines of text to adjust spacing. You can adjust leading in percentages, or pixels.




Kerning: Kerning is used to adjust spacing between letters. It does not distort or stretch the text. It only stretches or shrinks the spacing between characters.




Horizontal scale: This setting stretches or shrinks text horizontally. It differs from kerning in that the text is distorted (rather than just the spacing).




Combining settings: You can use multiple settings in your text, and even change it around in the same text block. Be creative!

 

 
      
 

Home | Design | Dreamweaver | Fireworks | Photoshop | AdSense

   
 

©2006 Wilk Web Works
All rights reserved.