Text.pdf

Getting Started

Text

A website is only ever as good as its content, and chances are, a

lot of that content is made up of text. In this tutorial we’ll

introduce you to the different types of text available for you to

use in WebPlus.

In this exercise, we’ll discuss the details surrounding the

creation and editing of text.

Create and edit Artistic text and HTML text frames.

Learn about Text Styles and HTML meta tags.

Getting Started

Text

There are three types of text that you can use in WebPlus—Artistic text,

HTML Frame text and Creative Frame text. You can use the same

methods to perform operations such as selecting, editing, and formatting

all types of text. However, there are a few important differences, as

outlined in the following quick-reference table:

Artistic text:

Standalone text that can be typed directly onto a

page.

Stretch or squash the text to create a stylistic

effect.

Create shaped text by putting the text on a path.

Apply instant 3D effects.

Is especially useful for titles, pull quotes, and other

special-purpose text.

Not searchable by search engines.

May be published as text or as an image,

depending on the formatting applied.

HTML Frame

text:

Placed on the page inside a text frame ,

Is generally used for longer passages of text, or

non-decorative text such as contact details,

product information, etc.

The frame can be resized without altering the text

properties.

Published with true HTML paragraph tags (H1,

H2, P etc.).

Searchable by search engines such as Google™.

Always published as text.

Creative Frame

text:

Generally used for longer passages of special-

purpose text.

Lets you flow text between multiple text frames.

Allows you to apply some special effects and

formatting.

Not searchable by search engines.

May be published as text or as an image,

depending on the formatting applied.

Getting Started

Text

Artistic Text

Many of the methods used to edit text in WebPlus are the same regardless

of text type. We’ll show you most of these by introducing our first text

type, artistic text . Let’s open a new site project.

To open a new site

From the WebPlus Startup Wizard, click Start New Site .

Now let’s create a nameplate for a fictitious diving club, the Scuba Sharks.

For this, we’ll use artistic text...

To create artistic text

1 On the Standard Objects toolbar, on the

Text flyout, click the

Artistic Text Tool .

2 Click anywhere on your page to set a text insertion point.

3 On the Text context toolbar, in the

Fonts drop-down list, select a bold

font. We used Arial Black.

4 Type ‘SCUBA’.

5 In the lower-left corner of the

workspace, the HintLine toolbar tells

us that this is Artistic Text.

Now that our first word is placed, let’s make it a little more interesting.

To accurately resize artistic text

1 With the text object still selected, on

the Transform tab, ensure that the

Lock Aspect Ratio is off. (If

not, click the button once.)

2 Change the Width to 590 pix and

then change the Height to 170 pix .

3 Click and drag the

Move button located

just above the upper-left

corner of the object (or

click and drag on the

object’s border) to drag

the object into position as

illustrated.

Getting Started

Text

We can make the artistic text more interesting by adding a gradient fill.

To apply a gradient fill

1 With the text still selected, go to the

Swatches tab.

2 Expand the Gradient Fills flyout

and select Linear .

3 Click the Linear Fill 14

swatch to apply it to the

text.

The gradient colour spread works well, but we can change the gradient to

use scheme colours. This means that if we use the text in another

document, it will tie in with any colour scheme.

To edit a gradient fill

1 Select the text object and

then on the Tools toolbar,

click the Fill Tool .

The object’s fill path is

displayed.

2 On the Fill context

toolbar:

In the Fill Start drop-

down list, select swatch

7 on the Scheme 5 row.

In the Fill End drop-

down list, select swatch

5 on the Scheme 2 row.

3 (Optional) You can also

adjust the fill path by clicking

and dragging the fill path

nodes.

The first part of our title is almost complete; however, let’s make it look

really special by adding a reflection effect.

Getting Started

Text

To apply a reflection effect

1 With the text object selected, go to

the Styles tab and in the categories

drop-down list, select Reflection .

2 In the Artistic Text Reflections

sub-category, click the Text

Reflection 02 : FilterEffects

preset.

The reflection is applied.

To edit a reflection effect

1 With the text object selected, on the Tools toolbar, in the

Effects flyout, click the Filter Effects button.

2 In the dialog:

If the preview is displayed, click

Show/Hide Preview to hide

the preview.

Drag the Offset slider to

the left until the reflection

sits just below the text.

(The effect previews on the

page.)

Click OK . The reflection is

updated.

Next, we’ll add our second word of our club name, ‘SHARKS’. This time,

we’ll use another Artistic text object but we’ll apply an Instant 3D style.

To create 3D text

1 On the Tools toolbar, on

the

Text flyout, click

the

Artistic Text

Tool .

2 Click and drag anywhere

on your page to create a

text insertion point

approximately 45 pt.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: