Add a graphic to a web page

You can add a graphics from a variety of sources. Do one or more of the following:

Add a graphic from a file

  1. In Page view, position the insertion point where you want to insert a graphic.
  2. On the Insert menu, point to Picture, and then click From File.
  3. Browse to the graphic you want from your local file system or web site, select the file, and click Insert.

You can specify the type of file you want to view in the Files of type box.

NoteWhen you save the page, Microsoft FrontPage prompts you to save the graphic to your web site.Graphics that use 256 or fewer distinct colors are automatically converted to GIF, while all other graphics are converted to JPEG.

Add a graphic from a site on the World Wide Web

  1. In Page view, position the insertion point where you want to insert a graphic.
  2. On the Insert menu, point to Picture, and then click From File.
  3. ClickSearch the Weband navigate to the page that contains the graphic.
  4. If you are using Microsoft Internet Explorer 4.x or later:
  5. Right-click on the graphic, and click Copy on the shortcut menu.
  6. Switch back to Microsoft FrontPage.
  7. Right-click again, and select Pastefrom the shortcut menu to add the graphic directly onto your page.

This inserts a reference on your page to the graphic on the Web site.

  • If you are using Netscape Navigator 4.x or later, right-click the graphic, click Copy Image Location on the shortcut menu,switch back to FrontPage, and then paste over the text in the URL box.

Notes

  • When you save the page, Microsoft FrontPage prompts you to save the graphic to your web site. Graphics that use 256 or fewer distinct colors are automatically converted to GIF, while all other graphics are converted to JPEG.
  • You can choose not to save the graphic to your web site, and in that case, a reference to the graphic on the other web site is created on your page.However, if the graphic is removed from the other web site, you will no longer see the graphic on your own page.

Add clip art from the Clip Organizer

Microsoft FrontPage includes the Microsoft Clip Organizer. You can preview clip art, graphics, and videos, and then select items to use on your page.

  1. In Page view, position the insertion point where you want to insert a graphic.
  2. On the Insert menu, point to Picture, and then click Clip Art.
  3. In the Insert Clip Arttask pane, type a word or phrase that describes the clip you want in the Search text box and click Search.
  4. In the Results list, click the clip to insert it.

To perform another search, click Modify below the Results list.

Note You can view the entire Clip Organizer collection of clip art in categories by clicking Clip Organizer at the bottom of the task pane.

Add a graphic from a scanner or camera

  1. In Page view, position the insertion point where you want to insert the graphic.
  2. On the Insert menu, point to Picture, and click From Scanner or Camera.
  3. From the list, select the device from which you will be adding a graphic.
  4. Depending upon what type of device you selected, choose the resolution you want.
  5. If you want to make the graphic easily accessible the next time you want to use it (through the Clip Organizer), select Add to Clip Organizer.
  6. Depending upon what type of device you selected, select Insert or Custom Insert.
  7. Follow the directions for your specific device.

About adding effects to graphic

You can apply one or more of the following effects to your graphics:

Cropping

By cropping a graphic, you can remove areas of the graphic that you don't want to use. Cropping also lets you change the proportions of the graphic; for instance, you can crop a graphic to be shorter.

Original graphic / Cropped graphic

Add text

You can add text on top of a graphic. The text you add will not affect the size of the file in your web site.

Original graphic / Graphic with text

Brightness and contrast

You can increase or decrease the brightness of a graphic, as well asincrease or decrease the contrast of color in a graphic, for example to sharpen a graphic.

More brightness / Less brightness
More contrast / Less contrast

Applying a grayscale or washed out effect

You can convert a graphic to black and white (grayscale).You can also wash out the color of a graphic, which reduces the graphic's contrast and increases its brightness. This feature is useful when you want to create a watermark, or use a graphic as a background.

Grayscale / Washed out or Watermark

Borders

You can add a beveled border to a graphic to give it a raised, three-dimensional appearance. This feature is useful if you want to use the graphic as a button. You can also add a 1,2,3, or 4-sided border around a graphic and pick its style and color.

Note If the graphic has a default hyperlink, the border will have the colors that you specified for hyperlinks.

Beveled border / Regular border

Set a transparent color

You can select one color in a graphic to be transparent, and then wherever that color appears, the background will show through. Graphics can have only one transparent color. If you select a transparent color for a graphic that already has one specified, the original transparent color will no longer be transparent.

Original graphic / Transparent color

Rotate and flip

You can rotate a graphic 90 degrees clockwise or counterclockwise. You can also flip a graphic horizontally (which turns the graphic upside down) or vertically (which makes a mirror image).

Rotate left / Rotate right
Flip horizontally / Flip vertically

NoteIf you experiment with a few effects but then decide you don't like the changes you made, you can always restore the graphic to its last saved version.

Create a hyperlink

In Page view, do one of the following:

Create a hyperlink to a page or file

  1. Select either text or a picture.

If you do not select text or a picture, the destination URL is displayed as the hyperlink text.

  1. Click Insert Hyperlink.
  2. Under Link to, click Existing File or Web Page.
  3. Select the page or file you want.

Create a hyperlink to a new page

  1. Select either text or a picture.

If you do not select text or a picture, the destination URL is displayed as the hyperlink text.

  1. Click Insert Hyperlink.
  2. Under Link to, click Create New Document.
  3. Type the name of the new document. If you want to change the path of the new document, click Change.
  4. Under When to edit, specify whether you want to edit the new document now or later.

Create a hyperlink to a page or file on the World Wide Web

  1. Select either text or a picture.

If you do not select text or a picture, the destination URL is displayed as the hyperlink text.

  1. Click Insert Hyperlink.
  2. Under Link to, make sure that Existing File or Web Page is selected.
  3. Click World Wide Web.
  4. In your Web browser, browse to the page that you want to link to, and then press ALT+TAB to switch back to Microsoft FrontPage. The location of the page you visited is displayed in the Address box.

Create a hyperlink to an e-mail address

  1. Select either text or a picture.

If you do not select text or a picture, the destination e-mail address and subject are displayed as the hyperlink text.

  1. Click Insert Hyperlink.
  2. Under Link to, click E-mail Address.
  3. Either type the e-mail address you want in the E-mail address box, or select an e-mail address in the Recently used e-mail addresses box.
  4. In the Subject box, type the subject of the e-mail message.

NoteSome Web browsers and e-mail programs may not recognize the subject line.

Create a bookmark on a web page

  1. In Page view, do the following:
  2. Position the insertion point where you want to create a bookmark(bookmark: A location or selection of text in a file that you name for reference purposes. Bookmarks identify a location within yourfile that you can later refer or link to. ), or select the text to which you want to assign the bookmark.
  3. On the Insert menu, click Bookmark.
  4. In the Bookmark name box, type the name of the bookmark (spaces are allowed.)

NoteIf a location (rather than text) is bookmarked, the bookmark is indicated by . If text is bookmarked, the text is displayed with a dashed underline.

Create a hyperlink to a bookmark

  1. Select either text or a picture.
  2. Click Insert Hyperlink.
  3. Select the page that contains the bookmark, and then click Bookmark.
  4. In the Select Place in Document box, click the bookmark you want to use as the destination, and then click OK.

Create a table

You can create a table to display information or to lay out text and graphics on a page.

In Page view, do one of the following:

Insert a table and set its properties

  1. Position the insertion point where you want to insert the table.
  2. On the Table menu, point to Insert, and then click Table.
  3. In the Rows box, type the number of rows you want.
  4. In the Columns box, type the number of columns you want.
  5. In the Alignment box, select the position for the table on the page.
  6. In the Border size box, type the width you want for the table border in pixels. If you do not want a border, type 0.
  7. To change the cell padding of the table (the space between a cell's border and content), enter a number in the Cell padding box.
  8. To change the cell spacing of the table (the space between cells), enter a number in the Cell spacing box.
  9. To change the width of the table, do one of the following:
  10. Select In pixels, then type the width you want the table to be in pixels.
  11. Select In percent, then type a percentage of the screen width you want the table to be.

NoteThe properties that you specify for the new table will be used as the default properties the next time you create a table.

Set the background in a table or cell

You can specify a background color or picture for a table or its individual cells.

In Page view, do one or more of the following:

Set the background color for a table

  1. Right-click the table, and then click Table Properties on the shortcut menu.
  2. Under Background, in the Color list, select a color for the table background.

Set the background color for a cell

  1. Position the insertion point in the cell, right-click, and then click Cell Properties on the shortcut menu.
  2. Under Background, in the Color list, select a color for the cell background.

Move or copy items in a table

  1. Select the cells, rows, or columns you want to move or copy.

To move or copy text to a new location without changing the text that is already there, select only the text within a cell, and not the end-of-cell mark.

To replace the existing text and formatting in the new location, select the text you want to move or copy and select the end-of-cell mark.

  1. Do one of the following:

To move the selection, drag it to the new location.

To copy the selection, hold down CTRL while you drag the selection to the new location.

Resize a table

  1. Rest the pointer on the table until the table resize handle appears on the lower-right corner of the table.
  2. Rest the pointer on the table resize handle until a double-headed arrow appears.
  3. Drag the table boundary until the table is the size you want.

Note If you are working on a Web page or in Web layout view, you can set the table to automatically resize to fit in a window when you change the window size. Click in the table. On the Table menu, point to AutoFit, and then click AutoFit to Window.

Set up shared borders

  1. Open a web site.
  2. Do one or both of the following:

Set shared borders for a page

  1. On the Format menu, click Shared Borders.
  2. Click Current page.
  3. Specify the borders that you want on this page.

NoteTo remove the comment telling you to add content, select it, and then press DELETE.

Set shared borders for a web site

  1. On the Format menu, click Shared Borders.
  2. Click All pages.
  3. Select the borders that you want to appear on every page in the current web site.

Note If you select Top, Left, or Right, you can also choose to include link bars. Dashed lines are displayed to indicate the shared border, and you can now add the content you want.

Note If you included a link bar (and then added the page to Navigation view), it is displayed in the shared border. Otherwise, a comment is displayed telling you to add content. To remove the comment, select it, and then press DELETE.

On the Format menu, Shared Borders is unavailable (appears dimmed).

In order to use shared borders, you must have a web site open.

  • Do one of the following:

Open an existing web site

On the File menu, click Open Web, and then locate your web site.

Create a new web site

On the File menu, point to New, and then click Page or Web.

In the New Page or Web task pane, click Empty Web under New. Or, under New from Template, click Web Site Templates.

About link bars

What is a link bar?

A link bar is a set of hyperlinks used for navigating a web site. For example, a typical link bar might have hyperlinks to the web site's home page and its main pages:

You can display a link bar on every page in your web site so that your site visitors can always get to the web site's main pages quickly and easily.

Link bars can use buttons or text hyperlinks. For example, the link bar above can also be displayed as text:

HomeNewsContentsSearch

You can create a set of hyperlinks to use for navigation yourself— that is, you can create your own set of buttons and link them to the relevant pages within your web site and outside it, and repeat this on each page where you want a link bar. You can also choose to set up the navigation structure of your web site, and then let Microsoft FrontPage create the link bars for you. FrontPage maintains the link bars it creates; if you move or add a page, FrontPage updates (recalculates the hyperlinks in) the link bar accordingly.

Note FrontPage can generate link bars only when you are working within a web site, rather than with separate pages.

Types of link bars

  • Microsoft FrontPage has three different types of link bars you can add to your pages for navigation:

Note You can add and view any type of link bar when you publish to a disk-based web site. However, when you publish to a Web server, in order to be able to add a custom link bar or a link bar with back and next links, your Web server must have Microsoft FrontPage Server Extensions 2002 or SharePoint Team Services from Microsoft installed.

A custom link bar

When you add a custom link bar, you can add any of the pages within your web site as well as external pages. You can set this link bar up in any way you want, and you can add and remove pages from it at any time.

A link bar with back and next links

When you add a link bar with back and next links, FrontPage looks at the navigation structure of your web site in order to determine which page will be linked to when your site visitor clicks the Back link, and which one will be linked to when your visitor clicks the Next link.

In addition to these choices for a link bar, you can also include hyperlinks to the web site's home page and/or to the parent of the current page, and you can also link to external web pages.

A link bar based on the navigation structure of your web site

In order to add a link bar based on the navigation structure of your web site, you must first set up that navigation structure. The navigation structure determines which hyperlinks to put on the link bar, and the page titles determine the labels for the hyperlinks.

You can create a navigation structure for your web site by organizing pages in Navigation view. This navigation structure shows how pages in your web site are related to each other and provides FrontPage with a way to set up link bars. Then, when you add link bars based on the navigation structure of your web site, FrontPage sets up each link bar according to this structure.

The following example shows the structure of a web site: