Text Styles- Fireworks CS5

Need a Website? Contact Us Now!

This entry is part 11 of 14 in the series Fireworks CS5 Tutorial

Now let’s insert the texual content into your layout and create the text styles in Fireworks CS5.

To quickly add some sample text, follow these steps:

  • From the main menu select ‘Commands’
  • Select Text’
  • Select ‘Lorem ipsum’

Resize the text field to fit into your layout. Select the font, font size, colors etc in the Properties panel.

Keep in mind that in your final web page this text will be HTML text and not an image. Choose fonts that are available on all computers and are easy to read on a computer screen e.g Arial and Verdana.

Text Styles- Fireworks CS5

If you plan on creating your HTML web page and CSS style from within Fireworks you can define the styles of your Heading tags (H1, H2, H3 etc.).

This can be done from the ‘Common Library’ panel > HTML folder. Drag the required heading (e.g Heading 1) onto the canvas.

Text Styles- Fireworks CS5 

Then open the ‘Symbol Properties’ panel to change the color, font, size etc.

Text Styles- Fireworks CS5

Finally when you export your HTML page and CSS styles, the heading tags will also be redefined. Similarly you can style other HTML elements like links, buttons and other form elements.

Series Navigation«Inserting Images – Fireworks CS5Web Slices – Fireworks CS5»
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Posted in Fireworks | No Comments »

Post a Comment