4. Work with Graphic Elements and Templates: Lesson 4, Exercise 25 Work area Toolbar Property inspector Panels
5.
6.
7.
8.
9.
10.
11.
12. Work with Graphic Elements and Templates: Lesson 4, Exercise 31 Sizing handle Supply alternate text Name image Change width and height Link the image Image editing tools
13.
14.
15.
16.
Notes de l'éditeur
The Page Properties dialog box can be opened by either: Clicking on the Page Properties Button on the property inspector Choosing Modify > Page Properties on the Menu Bar.
Adobe Fireworks is a professional-level software program you can use to create and modify images and objects for your Web sites. About Bitmap and Vector Images Bitmap images are made up of colored dots called pixels. Digital photographs and images created in paint programs like Windows Paint are bitmap images. When you enlarge bitmap images, the dots become visible, resulting in a jagged quality. Large bitmap images (or large images that have been scaled down to a smaller size) can significantly increase the amount of time it takes your page to download. Vector images are created by mathematical calculations that draw the object on the screen. For example, when you use a vector tool to draw a polygon, the program uses a calculation to produce the shape as you draw it. You can resize vector images without any loss of quality because vector images are scalable.
The Rubber Stamp tool is a good tool to take the time and demonstrate to the students. They have a hard time figuring this tool out on their own. Filters are ready-made effects you can add to objects in a Fireworks document.
Press and hold Shift while using the Rectangle tool to draw a perfect square. To draw the shape from the center outward, press and hold ALT while drawing. (The Shift key works for constraining most shapes to their “perfect” shape and the ALT key works to draw from the inside out on all shapes.) One important difference between lines drawn using the Line tool and one of the bitmap tools is that you cannot erase any part of a vector-based line using the Eraser tool.
Creating a mask is as simple as creating the shape you want, choosing the Edit > Cut menu command to place the shape on the clipboard, and then clicking the layer of the object you want to mask and choosing Modify > Mask > Paste as Mask.
GIF (Graphics Interchange Format) A bitmapped image format designed for on-screen viewing of images. JPEG (Joint Photographic Experts Group) A file format particularly suited for Web graphics, such as photos. PNG (Portable Network Graphic) A bitmapped image format designed for easy use of images on the Internet.
Click an image and its properties appear in the Property inspector. Notice that a thumbnail-size version of the image appears at the left side of the Property inspector. On pages that have more than one image or where images may be layered, this thumbnail helps you make sure that you are editing properties for the correct image. Next to the thumbnail is the Name text box, which by default is empty. You can supply a name for the image if you need to refer to the image in a script. You can use an image to link to other pages or sites in the same way you use text. Select the image and then type the link address in the Link text box, or use the Point to File icon or Browse for File button to specify the link target. If you don’t supply alternate text when you insert an image, you can use the Alt box on the Property inspector to supply the text or the <empty> value.
As you create the template, you must give some thought to editable and non-editable regions. Non-editable regions are locked on any page created using the template. That is, an author will not be able to change anything in a non-editable region. This helps to protect items such as logos, official photographs, and the like from being changed without authorization, no matter who may work on your page. All items on a template are non-editable unless you specify that they be editable.
![Work with Graphic Elements and Templates: Lesson 4, Exercise 24 ,[object Object],Page Properties for Appearance (HTML) Page Properties for Appearance (CSS)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)