American Audio DCD-PRO240 Manuel d'utilisateur télécharger pdf (Page 122)

Freeway Reference: Hyperlinks and Anchors

122

Email links

Email links allow you to define a link that, when clicked on by the user, creates a new mail message in the user’s email application with the

“To:” field filled in with the details you specify in the Email link. An Email hyperlink is defined by the mailto protocol.

Encoded email addresses

Freeway automatically encodes email addresses, in HTML text and in links, to make them less accessible to spam harvesters. Encoded

addresses can still be read by humans and web browsers, of course, and are a limited defense against more sophisticated spam harvesters.

In Freeway Pro, this feature can be turned off using the Output pane of the Document Setup dialog.

Useful Freeway Actions for Hyperlinks

There are many Freeway Actions which can be used to help you build a navigation bar (which can be used on every page as the main tool

for choosing pages to visit) and also to help with styling the color and underline behavior, especially if you want to over-ride the page-level

Link Styles covered earlier in this chapter.

The CSS Menus Action

Freeway offers a powerful yet quick and simple way to create reliable and elegant “drop-down-and-fly-out” navigation menus using CSS—

making them quick to load, fast in operation and Accessibility-friendly for visitors with disabilities. The menus will even display if the

visitor has JavaScript turned off in their browser.

The CSS Menus Action is applied to an HTML item and this item must only contain “list” text. To create a CSS Menu, draw an HTML item

on your page, go to the Inspector, open the List panel at the foot of the General Settings tab of the Inspector by clicking on the disclosure

triangle on its header bar and click on the right arrow once. Any text you type will now be formatted in the HTML list style. Don’t worry

about entries in the list displaying with bullets, they won’t display with bullets in the finished CSS Menu.

A “nested list” is text within a list which has varying list levels applied. The level of a list item

determines whether the word(s) of a list entry will be used as a main menu, a submenu or a

submenu of a submenu, etc., of the CSS Menu. If you want to make an entry in your list a

submenu of another, simply click on the right arrow again in the List panel of the Inspector.

To go back a level in your list you need to click on the left arrow in the List panel of the Inspector.

Each click will take you back a level. Note that clicking on the left arrow when you are currently in

the base level of a list will turn your text back into normal text (ie, not a list).

Text with the base level list styling (which is the level that will be used for your main menu items

in your CSS Menu) displays with a round black bullet. Clicking on the right arrow button in the

List panel will display text in the next list level which is indented further from the left and has

white circle bullets with a black outline. Clicking again on the right arrow in the List panel will

display text indented further from the left and the text will have square black bullets in front of them.

In the screenshot right, you can see the hierarchy of the nested list for a photography web site. The

list entries “Welcome”, “Services”, “Galleries” and “Contact” are base level list items, so they will

display in the finished CSS Menu as main menu items.

In the screenshot, the entries for “Weddings” and “Portraits” are second level list entries and,

because they appear immediately underneath “Galleries”, they will appear as a submenu of that

main menu item.

The entries for “Adults”, “Children” and “Pets” are third level list entries which will appear as

submenu items of “Portraits”, which in turn is a submenu of “Galleries”.

After entering the text for “Pets” (which is a third level list item) it is necessary to click the left arrow in the List panel of the Inspector

twice to go back two list levels, so that “Contact” is a base level list item.

You can see how this will look in the finished CSS Menu in the first screenshot in this article (above).

Linking and styling a CSS Menu

Now that the hierarchy for the list is done, links need to be established for each menu entry to the appropriate page in the site. To do this,

you need to create a page for each menu item you want to display as a link.

Once that’s done, you’ll notice that linked text now displays in blue with an underline—you can ignore this for now as the CSS Menu

Action will take care of the color and underline behavior of text in the navigation bar.

To style a CSS Menu, it’s important that you only apply Font, Size, Style and Align attributes to the text in the Inspector - all other styling

(link color, underlining, etc.) is controlled by options applied in the CSS Menus Action (Note: Pro-users can use Pro-specific styling or a CSS

text style to apply additional styling to a CSS Menu item, but take care not to apply a color or underline attribute to the text as this will

conflict with the CSS Menu Action).

1 2 ... 117 118 119 120 121 122 123 124 125 126 127 ... 249 250

American Audio DCD-PRO240 Manuel d'utilisateur Page 122

Commentaires sur ces manuels

American Audio DCD-PRO240 Manuel d'utilisateur Page 122

Commentaires sur ces manuels

Produits connexes et manuels pour Lecteurs de CD American Audio DCD-PRO240