Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
-
Upload
julianna-brooks -
Category
Documents
-
view
224 -
download
0
Transcript of Microsoft FrontPage 2003 Illustrated Complete Working with Pictures.
Microsoft FrontPage 2003 Microsoft FrontPage 2003 Illustrated CompleteIllustrated Complete
WorkingWorkingwith Pictureswith Pictures
2Working with Pictures Unit D
Insert a pictureInsert a picture Change a picture’s propertiesChange a picture’s properties Add text over a pictureAdd text over a picture Create an image mapCreate an image map
ObjectivesObjectives
3Working with Pictures Unit D
ObjectivesObjectives
Create WordArtCreate WordArt Create a thumbnail pictureCreate a thumbnail picture Create a photo galleryCreate a photo gallery Change a photo gallery’s propertiesChange a photo gallery’s properties
4Working with Pictures Unit D
Working with PicturesWorking with Pictures
Pictures can enhance a site’s Pictures can enhance a site’s appearance and add functionalityappearance and add functionality
Pictures used in a Web page can be Pictures used in a Web page can be taken with a standard or digital taken with a standard or digital cameracamera
You can also add clip-art images, You can also add clip-art images, WordArt, drawings, and shapesWordArt, drawings, and shapes
You can create a photo gallery in You can create a photo gallery in which to store a collection of pictureswhich to store a collection of pictures
5Working with Pictures Unit D
Inserting a PictureInserting a Picture
In FrontPage, a In FrontPage, a picturepicture might be a might be a photograph, a clip-art image, or a photograph, a clip-art image, or a shape or image you create using the shape or image you create using the Drawing toolbarDrawing toolbar
You can also format text as a pictureYou can also format text as a picture
6Working with Pictures Unit D
Inserting a Picture (cont.)Inserting a Picture (cont.)
Pictures in Web pages are usually one of Pictures in Web pages are usually one of three formats:three formats:– GIFGIF, which displays pictures with up to 256 , which displays pictures with up to 256
colors in a compressed format that supports colors in a compressed format that supports animationanimation
– PNGPNG, which displays pictures with up to 16 , which displays pictures with up to 16 million colors in a compressed formatmillion colors in a compressed format
– JPEG (JPG)JPEG (JPG),which is used for photographs ,which is used for photographs and other high-quality digital imagesand other high-quality digital images
7Working with Pictures Unit D
Inserting a Picture (cont.)Inserting a Picture (cont.)
You can use pictures as hyperlinksYou can use pictures as hyperlinks When you insert a picture in a Web page, the When you insert a picture in a Web page, the
picture file is separate from the Web page itself picture file is separate from the Web page itself and must be savedand must be saved
To save a picture as part of a Web site, you To save a picture as part of a Web site, you embedembed it in the site it in the site
You usually save all picture files in the You usually save all picture files in the Images Images folderfolder, which FrontPage automatically creates , which FrontPage automatically creates when you create a new Web sitewhen you create a new Web site
8Working with Pictures Unit D
Inserting a Picture (cont.)Inserting a Picture (cont.)
You can also add aYou can also add a background background picturepicture, which is a picture that , which is a picture that appears behind text and other appears behind text and other objects in a pageobjects in a page
9Working with Pictures Unit D
Changing a Picture’s PropertiesChanging a Picture’s Properties
Use the Pictures toolbar to change a Use the Pictures toolbar to change a picture’s characteristicspicture’s characteristics
You can change:You can change:– ContrastContrast– BrightnessBrightness– PositionPosition– The way text flows around the pictureThe way text flows around the picture– OrientationOrientation– SizeSize
10Working with Pictures Unit D
Changing a Picture’s Properties Changing a Picture’s Properties (cont.)(cont.)
Position dialog Position dialog boxbox
11Working with Pictures Unit D
Changing a Picture’s Properties Changing a Picture’s Properties (cont.)(cont.)
You should consider the amount of You should consider the amount of time that pictures will take to time that pictures will take to downloaddownload
You can decrease a picture’s size You can decrease a picture’s size and download time by using the and download time by using the sizing handles and using the Picture sizing handles and using the Picture Actions or Resample buttonActions or Resample button
12Working with Pictures Unit D
Adding Text over a PictureAdding Text over a Picture
You can You can wash outwash out a picture so that a picture so that the colors in the picture appear with the colors in the picture appear with less intensity and brightnessless intensity and brightness
You can change a picture to black-You can change a picture to black-and-white or to and-white or to grayscalegrayscale, which , which changes the picture to use shades of changes the picture to use shades of graygray
13Working with Pictures Unit D
Adding Text over a Picture Adding Text over a Picture (cont.)(cont.) Text added over a pictureText added over a picture
14Working with Pictures Unit D
Creating an Image MapCreating an Image Map
An entire picture, or part of a picture, An entire picture, or part of a picture, can serve as a hyperlink to a location can serve as a hyperlink to a location in the same Web site or a different in the same Web site or a different sitesite
An An image map image map is a picture that is a picture that contains one or more hotspotscontains one or more hotspots
A A hotspothotspot is an area of a picture that, is an area of a picture that, when clicked, opens the hyperlink when clicked, opens the hyperlink targettarget
15Working with Pictures Unit D
Creating an Image Map (cont.)Creating an Image Map (cont.)
A hotspot can be rectangular, A hotspot can be rectangular, circular, or polygonalcircular, or polygonal
To use a hotspot, you use the pointer To use a hotspot, you use the pointer to draw a shape on the picture, then to draw a shape on the picture, then you use the Insert Hyperlink dialog you use the Insert Hyperlink dialog box to specify the hyperlink targetbox to specify the hyperlink target
To identify hotspots in Design view, To identify hotspots in Design view, click a picture to select it, then click click a picture to select it, then click the Highlight Hotspots buttonthe Highlight Hotspots button
16Working with Pictures Unit D
Creating WordArtCreating WordArt
WordArtWordArt is an object that uses text and is an object that uses text and special effects to create a picturespecial effects to create a picture
You can create WordArt objects using You can create WordArt objects using existing or new textexisting or new text
Shorter phrases and single words work best Shorter phrases and single words work best for WordArtfor WordArt
After creating WordArt, you can change its After creating WordArt, you can change its colors, direction, style, and content using the colors, direction, style, and content using the WordArt toolbarWordArt toolbar
17Working with Pictures Unit D
Creating WordArt (cont.)Creating WordArt (cont.)
WordArt Gallery dialog boxWordArt Gallery dialog box
18Working with Pictures Unit D
Creating WordArt (cont.)Creating WordArt (cont.) Resized WordArt objectResized WordArt object
19Working with Pictures Unit D
Creating a Thumbnail PictureCreating a Thumbnail Picture Because large picture can take a long Because large picture can take a long
time to download, they should be used time to download, they should be used sparinglysparingly
When you must include large, complex When you must include large, complex pictures, but want to keep the pictures, but want to keep the download time to a minimum, you can download time to a minimum, you can create a thumbnail picturecreate a thumbnail picture
A A thumbnail picture thumbnail picture is a small version is a small version of a larger picture that, when clicked, of a larger picture that, when clicked, activates a hyperlink and opens the activates a hyperlink and opens the original, larger pictureoriginal, larger picture
20Working with Pictures Unit D
Creating a Thumbnail Picture Creating a Thumbnail Picture (cont.)(cont.) When a thumbnail picture appears in a When a thumbnail picture appears in a
Web page, it reduces the download Web page, it reduces the download time for the pagetime for the page
Users who need to view the original, Users who need to view the original, larger picture can click the thumbnail larger picture can click the thumbnail picture to open a new page containing picture to open a new page containing the full-sized picturethe full-sized picture
FrontPage creates the thumbnail FrontPage creates the thumbnail picture and the hyperlink to the original picture and the hyperlink to the original image automaticallyimage automatically
21Working with Pictures Unit D
Creating a Thumbnail Picture Creating a Thumbnail Picture (cont.)(cont.) Thumbnail pictureThumbnail picture
22Working with Pictures Unit D
Creating a Photo GalleryCreating a Photo Gallery
A A photo galleryphoto gallery is a FrontPage is a FrontPage component that displays pictures, component that displays pictures, thumbnail pictures, photo captions, and thumbnail pictures, photo captions, and photo descriptionsphoto descriptions
You can use a photo gallery to display You can use a photo gallery to display multiple pictures related to a specific multiple pictures related to a specific categorycategory
A photo gallery organizes picture and A photo gallery organizes picture and provides predefined layout options for provides predefined layout options for their placement, arrangement, and their placement, arrangement, and appearance in the pageappearance in the page
23Working with Pictures Unit D
Creating a Photo Gallery (cont.)Creating a Photo Gallery (cont.)
Photo Gallery Photo Gallery Properties Properties dialog boxdialog box
24Working with Pictures Unit D
Changing a Photo Gallery’s Changing a Photo Gallery’s PropertiesProperties After creating a gallery, you can After creating a gallery, you can
add, delete, and rearrange add, delete, and rearrange picturespictures
You can also add captions and You can also add captions and descriptions, change the font and descriptions, change the font and style of captions and descriptions, style of captions and descriptions, or use a different photo gallery or use a different photo gallery layout to arrange the pictureslayout to arrange the pictures
25Working with Pictures Unit D
Changing a Photo Gallery’s Changing a Photo Gallery’s Properties (cont.)Properties (cont.) Adding a caption to a pictureAdding a caption to a picture
26Working with Pictures Unit D
SummarySummary
You can insert picture in Web pagesYou can insert picture in Web pages Picture in Web pages can be one of Picture in Web pages can be one of
three formats:three formats:– GIFGIF– PNGPNG– JPEG (JPG)JPEG (JPG)
You must embed pictures to save You must embed pictures to save them as part of a Web sitethem as part of a Web site
27Working with Pictures Unit D
SummarySummary
FrontPage automatically creates the FrontPage automatically creates the images folder, where you save all images folder, where you save all picture filespicture files
After you insert a picture, you use the After you insert a picture, you use the Pictures toolbar to change the Pictures toolbar to change the picture’s characteristicspicture’s characteristics
You can wash out picturesYou can wash out pictures You can change pictures to You can change pictures to
grayscalegrayscale
28Working with Pictures Unit D
SummarySummary
You can add text over a pictureYou can add text over a picture You can use pictures to create image You can use pictures to create image
mapsmaps You create hotspots in picturesYou create hotspots in pictures You can create WordArt, an object You can create WordArt, an object
that uses text and special effects to that uses text and special effects to create picturescreate pictures
29Working with Pictures Unit D
SummarySummary
You can use thumbnail pictures in You can use thumbnail pictures in place of large pictures to reduce place of large pictures to reduce download timedownload time
A photo gallery is a FrontPage A photo gallery is a FrontPage component that displays pictures, component that displays pictures, thumbnail pictures, photo captions, thumbnail pictures, photo captions, and photo descriptionsand photo descriptions
After inserting a photo gallery, you After inserting a photo gallery, you can change its propertiescan change its properties