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


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


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


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


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



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



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


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


Changing a Picture’s Properties Changing a Picture’s Properties (cont.)(cont.)

Position dialog Position dialog boxbox


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


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


Adding Text over a Picture Adding Text over a Picture (cont.)(cont.) Text added over a pictureText added over a picture


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


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


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


Creating WordArt (cont.)Creating WordArt (cont.)

WordArt Gallery dialog boxWordArt Gallery dialog box


Creating WordArt (cont.)Creating WordArt (cont.) Resized WordArt objectResized WordArt object


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


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


Creating a Thumbnail Picture Creating a Thumbnail Picture (cont.)(cont.) Thumbnail pictureThumbnail picture


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


Creating a Photo Gallery (cont.)Creating a Photo Gallery (cont.)

Photo Gallery Photo Gallery Properties Properties dialog boxdialog box


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


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


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


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


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


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

microsoft frontpage 2003 illustrated complete working with pictures

Documents

picture cont

picture actions

picture files

background picture

image mapan entire picture

pictures properties

pictures propertiesadd

pictures characteristicsyou