line
Creating a lettered button
line

You can create a lettered button by selecting a button, creating a logo, and combining them using WebArt Designer.

This section contains the following topics:


Selecting a button

To select one of the sophisticated sample buttons in the Button pane:

  1. Click the Button tab.

  2. Select a button, drag it, and drop it onto the edit field to the right.

    Dragging a button

    The following figure shows how a button is pasted onto the edit field:

    Pasted button

Tip Tip Another way to create a button is to click the Create button icon icon to start the wizard for creating a button.


Tip Tip If you want to choose a buttonlike image you have, select Paste File from the Edit menu, select a file in the displayed dialog box, and click the Open button.



Creating a logo

To create a logo using the Logo pane:

  1. Click the Logo tab.

  2. Type text in the Text field.

    Text is entered

  3. Select one of samples in the Logo pane, drag it, and drop it onto the edit field to the right.

    Dragging a logo

    The following figure shows how a logo (text with an effect you selected) is pasted onto the edit field:

    Pasted logo

  4. To change the logo size, drag one of the logo's white square marks other than that at the upper right corner. To rotate the logo, drag the white square mark at the upper right corner.

    Dragging

Tip Tip Another way to create a logo is to click the Create logo icon icon to start the wizard for creating a logo.


Tip Tip To delete an unnecessary object, click an object and then click the Delete button button. Another way is to click an object using the right mouse button and then select Delete from the pop-up menu.



Combining a button and a logo

To combine a button you have selected and a logo you have created:

  1. Click the logo to select it. (The appearance of the eight white square marks around it indicates that it is selected.)

  2. Drag the center (an area other than the white square marks) of the logo and position it on top of the button to make up a lettered button.

    Lettered button is complete

Note Note If you select or create a button after having created a logo, combining the two hides the logo, because the latest-created object lies on top of the other objects. To correct this, you must rearrange the sequence of objects lined up on the right area of the window with a drag-and-drop operation.



Saving a lettered button

To select objects and save them in one file:

Tip Tip After having saved objects into a file, you can insert the file into your Web pages, just as you do with other image files.
[Ref.] "Inserting an image"


  1. Select Select All from the Edit menu to select all objects on the edit field. The selected objects are surrounded by thick borders.

    Select all

  2. Select Save Wizard from the File menu to start the wizard for saving.

    Save Wizard 1

  3. Select Object only, and click the Next button.

  4. Select GIF, and click the Next button.

    Save Wizard 2

  5. Select 256 colors, select Yes from the Dither box, and select the Finish button.

    Save Wizard 3

    Vocabulary Vocabulary dithering

    One of methods for reducing colors. Dithering shows colors that are not actually in the color palette, as though they were, by adjusting the colors of adjacent pixels.

    Tip Tip If you click the icon icon and click an image in the edit field, an area with the same color as the point you clicked becomes transparent and the Transparent check box is automatically selected. Normally, this technique is used for making the background color of the image transparent to merge it with the background color of the Web page being edited.

    If you select the Interlace check box, the image resolution gradually increases when it is displayed on a Web browser. This technique is useful for large images.


  6. On the displayed dialog box, select the site folder, specify a file name, and click the Save button to save the objects in a GIF format image file.

Tip Tip This section explains how to save objects in a file, but you can also copy the image data from WebArt Designer and paste it into Homepage Builder without creating a file. To copy the image data, select objects in the edit field of WebArt Designer and select Copy from the Edit menu of WebArt Designer to store the data in the clipboard.

To paste the data stored in the clipboard onto Homepage Builder, position the cursor on a Web page you are editing and select Paste from the Edit menu of Homepage Builder.