Adobe Fireworks Training
Adobe Fireworks lets you balance maximum image quality with minimum compression size as you create, edit and optimize images for the web with precise control. Today we are creating a website with interactive components using Adobe Fireworks software, a program which allows you to rapidly prototype and design for the web. With the Fireworks software we will create slices, rollovers, and pop-up menus.
Slices
In Fireworks, slices serve several purposes. You can use
them to incorporate interactivity into a graphics environment
and prepare large graphics to be inserted as a table into an
HTML file. Although behaviors can be attached to both hotspots
and slices, slices have additional functionality. A slice creates a
table cell. The table cell can contain an image or text. You can choose which of these options your slice will contain by choosing
Window > Object and then selecting either Image or Text
from the Type pop-up menu in the Object panel. Once you create
a slice on the canvas, the whole canvas becomes, in effect,
an HTML table that contains your entire Fireworks image.
What slices can contain
Image data: This could consist of GIF, JPEG, Animated GIF or
PNG images. These images can be static, with no JavaScript
interactions or they may have one or more JavaScript behaviors
attached to them. This is the default setting for exporting slices.
Text data
Any kind of text or HTML can be inserted into the Object panel’s text input box and, depending on the content, will appear correctly when the Fireworks PNG exports an HTML file. JavaScript and Java Applets are commonly inserted in these areas as well as Shockwave and Flash Object and Embed tags. In short, anything that will fit on an HTML page in the space occupied by the selected slice can have its Object/Embed tags inserted into the Fireworks Object panel so that when the HTML is generated, the content inserted into the Object panel will appear in the browser.
What is Fireworks CS4 and who is it for?
Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers.
In which suite editions is Firework CS4?
Fireworks CS4 can be purchased as part of Creative Suite 4 Design Premium, Web
Premium, Web Standard, or Master Collection software.
What is the difference between Fireworks and Adobe Photoshop®?
Adobe Photoshop software is the industry standard for digital imaging, with a broad
array of features and functionality used by photographers, graphic designers, web
designers, and many other creative professionals. Fireworks is a much more focused
tool with features for prototyping web and application interfaces. Photoshop
has the ability to slice images and export web-ready HTML files, however, Photoshop
lacks the ability to create rollovers and pop-up images. Web Galleries were
discontinued in Photoshop CS4 and moved to Fireworks CS4.
What is the difference between Fireworks and Adobe Dreamweaver®?
Adobe Dreamweaver software is the industry standard for web design and production, with a broad array of features and functionality used by web designers and developers and many other creative professionals. Fireworks is a much more focused tool with features for creating slices, rollovers and pop-up menus. Dreamweaver has the ability to create rollovers manually, which can be very time consuming if you have lots of rollover images. Dreamweaver also has the ability to create two types of navigation: a navigation bar, and a Spry Menu bar.