American Audio DCD-PRO240 User Manual download pdf (Page 160)

Freeway Reference: Styling Text

160

Permanent styles

Permanent styles are those styles that have been marked by the user as styles that should always be available, even if that style is not used

in the site. Permanent styles are set in the Edit Styles dialog window, and the names are shown in bold.

Style definition

You can define styles in a number of ways. The most obvious way is to select the text in Freeway and use the Inspector palette to

change the attributes of the text. If you want to make

the style permanent, select the text and use the Styles &

Colors palette to make the style permanent (and even

give it a more meaningful name).

However, this is not the most satisfactory way to define a

style, nor is it the best if you want to include meaningful

mark-up in your HTML. The best way to define a style is

via the Edit Styles dialog.

Edit Styles dialog

FW Pro only

Go to the Styles… option in the Edit menu. A new window will open for you. It will look something like the image below.

Down the left hand side is the list of defined styles in your document, and to the right is the area where you will be creating your style.

There is a View popup menu at the bottom of the window that lets you see either CSS Attributes, Graphic Attributes, or both. Showing

both allows you to define styles that can be applied to both HTML and graphic text. If you are defining a style for just HTML text, you can

just show the CSS attributes.

CSS and HTML styles are defined using the same dialog. In most situations, it is possible to define a style that can combine both graphic

and HTML text. However, if you want to create a style for just HTML text, or one for use solely on graphic elements, then you can use

the View popup menu to select which attributes you want to see.

Tags and names

You need to give your style a name. Make the name meaningful, so you know what it is when you come to use it on the site. A good

idea to is to use a name that is descriptive of the style’s function, so you may want to name the text that is applied to the body text of

your site BodyText. Note that style names can not have a space in them.

As discussed previously, you can also make Freeway output a tag around the text as well as styling information. So, in our example

BodyText will be applied to most of the text on the page, so we can select the

<p> tag in the Tag popup menu. If you wanted to make an

<h1> tagged style, then select h1 in the Tag popup menu.

Adding attributes

You can add different attributes to the right hand panel by clicking

the button. This gives you a menu of attributes from which you

can pick the ones you want. If you want to select more than one at

this stage, click the Select button at the bottom of the dialog box,

and select those you want. Click Select again to return to the main

style editing view.

The following section describes the various options available in the Edit Styles dialog.

Note: There is a very in-depth article on how to set up custom CSS text styles in

Freeway Pro on our KnowledgeBase. This shows how to set things up using best

practice tips so you avoid creating dozens of temporary text styles. Before you start

to set up your custom CSS text styles we strongly recommend that you read through

the article at http://www.softpress.com/kb/questions/230/ which is also available as

a PDF download by clicking on the link at the foot of the article.

1 2 ... 155 156 157 158 159 160 161 162 163 164 165 ... 249 250

American Audio DCD-PRO240 User Manual Page 160

Comments to this Manuals

American Audio DCD-PRO240 User Manual Page 160

Comments to this Manuals

Related products and manuals for CD players American Audio DCD-PRO240