Chapter 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Chapter 1

  1. How do vector images differ from bitmap images?
    Vector files describe images mathematically and are scalable.  Bitmaps plot images on a pixel-by-pixel basis and are not scalable.

  2. What type of image file type would you use if you wanted to display a photograph on your website
    JPEG

  3. What image file type does Fireworks use to save your work?
    PNG


Chapter 2

  1. What are the main areas of the Fireworks workspace?
    • Toolbox
    • Toolbars
    • Status Bar
    • Menu Bar
    • Panels

  2. How do you undock and dock the Menus and Toolbox?
    {Click} on an area that doesn’t contain a button and drag it away from it’s current position.

  3. How do you dock and undock Panels?
    {Click} on a panel’s tab and drag to either dock or undock it

  4. How do you reset the Fireworks Workspace to its default settings?
    If you wish to restore the layout of your panels and menus back to their default setting you must go into your Fireworks program folder and delete the Fireworks3.ini file.

  5. How do you create custom Panel Layouts?
    Position your panels the way you want them and select Commands/Panel Layout from the Menubar


Chapter 3

  1. What is the default resolution of a new Fireworks Document?  Why?
    72 pixels per inch is the default resolution because it’s the standard resolution of pages viewed on the world wide web.

  2. What are the two ways that you magnify a Fireworks document?
    • The Zoom Tool
    • The Document Magnification drop down menu

  3. How does the Info Panel describe color information?
    By default the Info Panel gives Hexidecimal color information.

  4. How do you create a command using the History Panel?
    Select a range of steps from the History Panel and save it by selecting Save Command from the Panel’s pop out menu.

  5. How do you edit your command list?
    Select Command/Edit Command from the Menu.


Chapter 4

  1. Which selection tool would you use to isolate an irregular shaped object?
    The Lasso Tool

  2. How do you create multiple selections in the same document?
    Hold down the [SHIFT] key to add additional selections to your initial selection.

  3. What is the difference between a selection with a “Hard Edge” and an “Anti-aliased Edge”?
    A selection with an “Anti-Aliased” edge softens the transition from the edge of an image or Selection to the color the edge is placed against.  It does this by creating pixels of a color that are somewhere in between that of your selection and the background it sits on. 

    A “Hard Edge” has no gradation at all.  The pixels are either the color of the foreground or the background with nothing inbetween.

  4. How does the Magic Wand Tool make selections?
    The Magic Wand makes selections based on color.

  5. How do you increase or decrease the effectiveness of the Magic Wand Tool?
    By adjusting the Tolerance Slider.


Chapter 5

  1. How does the Line tool differ from the Pen Tool?
    The Line tool allows you to draw individual straight line segments while the Pen Tool allows you to draw multiple segments. 

  2. How do you create a curved line segment?
    With the Pen Tool {Click} and drag while holding down your mouse button.  Release your mouse button and you will have a curved line segment.

  3. How do you add a new point to a line segment?
    Select the Pen Tool and {Click} on a selected line segment wherever you want your point it will be added.

  4. How does the tolerance setting affect the way the Paint Bucket Tool works?
    Increasing the tolerance broadens the range of color that the Paint Bucket will affect.

  5. What type of content does the Freeform tool modify and how does it modify it?
    The Freeform Tool modifies Vector Content by pushing and pulling any path that it is dragged over.  How much of an effect it has is dependent on how long the user holds down their mouse button while dragging.

  6. How does the Eraser Tool function in Object Mode?
    The Eraser changes to a Knife that can cut vector content with straight line segments.

Chapter 6

  1. Why would you want to Group your content?
    Grouping allows you to keep track of associated content. 

  2. What is the difference between Grouping and Joining?
    Grouping is a loose association of various paths.  Joining creates one composite path out of many separate paths.

  3. What happens when you Split content that was previously Joined? 
    The composite path is broken up into its original components with all taking on the color characteristics of the bottom object in the stacking order.

  4. How do you go about selecting vector content that is buried underneath other content?
    Use the Select Behind Tool 

  5. How do you Convert Text to a Path?
    Select the text that you want to convert and then select Text/Convert to Path from the Menu Bar.


Chapter 7

  1. How can you tell if a Layer is locked?
    In the Layers Panel you will see a lock icon to the left of the label for the Layer in question.

  2. How do you create a new Layer? (Describe 2 ways)
    Select “New Layer” from the Layers Panel pop out menu
    {Click} on the New Layer button at the bottom of Layers Panel

  3. How do you label a Layer
    {Double-click} on the Layer in the Panel and input a name in the field that appears.

  4. How do you change the stacking order of objects within a Layer?
    Use the Alignment buttons on the Modify Toolbar.

  5. How do you toggle visibility in a Layer?
    In the Layers Panel you will see an eye icon to the left of the Layer labels.  {Click} it on or off to toggle visibility.


Chapter 8

  1. What’s the difference between Kerning and Leading?
    Kerning is the spacing between individual characters while Leading is the spacing between characters as a whole.

  2. Why would you want to Anti-alias your text?
    Anti-aliasing smoothes out the edges of your text.

  3. How do you change the appearance of a Stroke?
    Modify the settings of a selected Stroke in the Stroke Panel.

  4. How do you add a texture to a Fill?
    Select a texture from the Fill Panel’s Texture drop down menu and adjust the visibility slider so you can see it.

  5. How do you adjust the tonal qualities of your images?
    By adjusting the settings in the Curves and Levels dialog boxes.

  6. What makes using Photoshop Plug-ins problematic?
    If you happen to have used them anybody who wants to edit your documents must also have Photoshop Plug-ins installed if they are going to see their effect.


Chapter 9

  1. How do you convert a graphic into Symbol?
    Select the graphic that you want to convert to a Symbol by {Right Clicking} on it.  Select “Convert to Symbol”  from the context sensitive menu that appears.

  2. Can you change the color of an Instance?  Why or why not?
    No.  An Instance retains the color properties of the Symbol from which it was derived

  3. How do you import a symbol into a document?
    Select “Import Symbol…” from the Library Panels pop out menu and navigate your way to the folder that contains the symbol.

  4. What type of content can you modify using the Find and Replace Panel?
    Text, Fonts, Colors, URLs

  5. What are the advantages of using the Project Log?
    The Project Log allows you easy access to all of your Work Documents and also lets you know when files were last modified.\

  6. What file format does Fireworks use to save Batch Processing Scripts?
    .JSF


Chapter 10

  1. What’s the difference between Intersecting and Cropping with Vector Objects?
    Intersecting objects will remove all non-overlapping material from them whereas a crop uses the top object in your stacking order to cut out material from every object beneath it.

  2. Why is the stacking order of objects important when you are making combinations?
    The objects that make up a combination take on the color of the bottom object in the stacking order.

  3. How do you use a vector object to mask a photograph?
    Multiple select the photograph that you want to mask and the object that you want to mask it with.  Select “Modify/Masking Group/Mask to Image” from the Menu to apply the Mask.

  4. How do you create a feathered edge for a photograph in a mask?
    Select “Modify/Masking Group/Mask to Path” when you create your mask and feather the edge using the Fill Panel.

  5. How does Fireworks create transparency in a mask group?
    Through the use of an Alpha Channel.  White areas of your fill are completely transparent and black areas are completely opaque.  This effect works best if a gradient fill is applied to your Masking Group.


Chapter 11

  1. What is an easy way to create an animation with one instance on your screen?
    Select the Symbol and apply an Animation Command from the Command Menu.

  2. What happens to your Tweened animation if you distort one of the Instances you used to create it?
    An animation won’t work if you distort the Instance.

  3. What happens if you choose not to distribute your content to frames when create a Tweened animation?
    All of your animation content will be placed on the 1st Frame and will not play when you push play on the Animation Controlle

  4. How do you adjust the timing of individual frames?
    {Double click} on the Frame in the Frame Panel and input a new duration in the field that appears.

  5. How do you set an animation to loop forever when viewed in a browser?
    Toggle the GIF Animation Looping button at the bottom of the Frames Panel and select “forever” from the Menu.


Chapter 12

  1. How does a link attached to a Hotspot differ from a text or graphic link?
    A Hotspot sits on top of a graphic and is mapped out in coordinates.

  2. What are some of the advantages and disadvantages of using Hotspots?
    Multiple Hotspots can be attached to a graphic in almost any shape you want.  Hotspots can’t be rolled over like graphic links.

  3. Why would you want to attach an <alt> tag to your Hotspot?
    An <alt> tag will display a text label when the viewer moves their cursor over a Hotspot.

  4. Why would you want to slice your Image into smaller graphics?
    • To decrease the amount of time that a viewer will have to watch a blank screen
    • To incorporate graphic rollovers into a document
    • To allow for multiple optimization setting

  5. How do you adjust the “Auto-Name” setting for your slices?
    Change the “Auto-Name” settings in the HTML properties dialog box

  6. What types of slices can you create with Fireworks?
    Text and Image Slices

  7. Why would you want to export a 1-pixel transparent shim along with the rest of your slices?
    A 1-pixel transparent shim will make sure that your table alignment settings are consistent across all browsers and at all display settings.


Chapter 13

  1. Which frames does a Simple Rollover Behavior use?
    Frames 1 and 2

  2. What type of objects can have Behaviors applied to them?
    Hotspots and Slice Objects

  3. What sets a Nav Bar Image apart from other Swap Image Behaviors?
    Nav Bar Images are associated with other Nav Bar Images on the same page.  Because they are associated they can all be controlled by one button.

  4. What is the procedure for applying a Swap Image Behavior?
    • Create an Up and Down State for you button.
    • Place the Up State on Frame 1 and Down State on Frame 2
    • Put a Slice Object on top of the button
    • Use the Behaviors Panel to set up your Rollover.

  5. How do Slice Objects relate to the creation of a Disjointed Rollover?
    The content of one Slice Object triggers the Swap Image in another Slice Object

  6. How do Frames relate to the creation of a Disjointed Rollover?
    The original content of your rollover sits on Frame 1 and the rollover content sits in Frame 2 or other Frame depending on how much content your site has.

  7. How do you place a background image in every frame in your Frames Panel?
    Place the background image on a Frame all by itself and select “Share Layer” from the Layers Panel pop out menu.



Chapter 14

  1. What is the difference between an Adaptive and Exact Color Palette?
    An Adaptive color palette can be used when converting an image with 256 colors or more to a GIF.   An Exact color palette can be used when converting an image with 256 colors or less to a GIF.

  2. Why would you want to utilize a palette of WebSafe colors?
    So that users on any platform with an 8-bit color display can see your website as you designed it

  3. How do you snap convert a color to the WebSafe Palette
    Choose the color’s Swatch in the Swatches Panel and {Click} on the “Snap to Websafe” button.

  4. What is dithering?
    Ditheringis used in an 8-bit image and simulates subtle transitions in color by mingling pixels of different colors.

  5. How do you increase or decrease the quality of a JPEG?
    Adjust the Quality Slider in the Optimization Panel or input a figure in the Panel’s Quality field.

  6. How do you go about creating multiple compression settings in a single document?
    Use your Optimization Panel to give your individual Slice Objects appropriate optimization settings.


Chapter 15

  1. What type of content can you not export with the Export Preview Window? Why?
    You can’t export Slice or Hotspot Information with the Export Preview Window because these settings are made through the Optimization Panel.

  2. How do you use the Optimize to Size option?
    {Click} on the Optimize to Size button in the Export Preview Window and enter a number in the field that appears.

  3. What are the limitations of the Optimize to Size command?
    You compromise Image Quality if you require a low file size.

  4. What are the benefits of using the Export Wizard?
    The Export Wizard is very helpful if you don’t have much experience optimizing graphics. It does a great deal of the work for you.

  5. In what ways does Fireworks integrate with HTML editors?
    Fireworks will insert editor specific codes into your exported document.  It supports Dreamweaver, Front Page, and Go Live.  You can also have it create generic code which is absolutely free of extraneous code.