line
Using sample materials
line

The simplest way to create your own materials is to select one of sample materials that is suitable for your Web pages and change its text or color using WebArt Designer.

  1. Click the Other tab at the lower left of the WebArt Designer main window.

    Tip Tip If panes (or tabs) on the left side are not displayed, click the Display
template gallery icon icon to display them.

  2. Select WebArt from the box at the upper left of the Other pane to display sample materials in the lower half of the pane.

    Other tab

    Tip Tip The Other pane in the WebArt Designer main window is the same as the Contents pane in the TopPage main window.

  3. Select your preferred image, drag it, and drop it onto the edit field on the right side.

    Dragging a button image with a logo

    The following figure, for example, shows how the image is pasted onto the edit field. This sample image is composed of two objects: a logo and a button.

    Pasted image

    Vocabulary Vocabulary objects

    Elements that make up an image. You can handle the following objects using WebArt Designer:
    • Logo
    • Button
    • Photo frame
    • Clip art
    • Image (all the image elements other than the preceding objects)
    A logo, button, photo frame, and clip art objects are WebArt Designer original objects. If you click one of them in the WebArt Designer edit field, eight white square marks appear around it. You can change the text, shape, or color of the object by clicking it using the right mouse button and selecting Edit Object from the pop-up menu.

    On the other hand, if you click an image object in the edit field, eight black square marks appear around it. You cannot change the text, shape, or color for an image object, but you can paint over it using the Paint Tool, which you can display by clicking the Paint icon icon.

  4. Click the upper of the two images (a logo) lined up on the right to select it, and then click it using the right mouse button, and select Edit Object.

    Right clicking the logo on the right end

    A dialog box for editing the logo is displayed.

  5. Enter your preferred words for Text on the Text panel:

    Entering text

    The result is immediately reflected in the edit field.

    Input result

  6. You can use the Edit Logo Object dialog box to freely change such things as the font or color of the text, outline, and text effects. After editing the logo, click the X button in the dialog box to close it.

Tip Tip Just as for logos, if you click the button using the right mouse button, and then select Edit Objects, a dialog box for editing the color and shape of the button is displayed.


Tip Tip If you have done the wrong operation, Click the Undo icon icon to cancel the immediately preceding operation.

Click the Redo icon icon to reexecute the canceled operation.


Tip Tip If you change the text or color, save the object in a file.
[Ref.] "Saving a lettered button"

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"