American Audio DCD-PRO240 Manuel d'utilisateur Page 173

  • Télécharger
  • Ajouter à mon manuel
  • Imprimer
  • Page
    / 250
  • Table des matières
  • DEPANNAGE
  • MARQUE LIVRES
  • Noté. / 5. Basé sur avis des utilisateurs
Vue de la page 172
Freeway Reference: Styling Text
173
173
Using tags for accessibility
FW Pro only
See also Freeway’s Default Styles on page 155.
Using our example document, we shall now look at adding structural tags to our styles.
Creating a header style
1. From the Styles & Colors palette menu select New
Style…
2. Set the character and paragraph attributes as follows:
The blue in this example was chosen from the web-safe palette,
and given a custom name.
3. Give the style the name “Header” and click OK.
The new style appears in the Styles & Colors palette.
Now we have two custom styles in the Styles & Colors palette.
Both styles can be used right away, but they don’t really provide
any clear indication of the structure of your page to a screen
reader, or a browser not capable of displaying the style as
intended. To overcome this, we can assign structural tags to our
styles.
Adding tags
1. From the Edit menu, choose Styles…
2. Select the Header style created earlier, and choose h1 from the Tag field popup menu.
3. The Header style is renamed to reflect the tag that’s been added to it.
Nothing obviously happens to the style on your Freeway page, or in a browser. However, an extra tag has been added to the HTML
output:
<h1 class=”Header”>Header</h1>
The
<h> styles (see also <h> styles on page 156) are tags which define headers in CSS. This helps to format your page if a browser is not
able to read the style sheet. <h1> is the largest header style.
It is also worth considering applying the
<p> tag to the .MainBody style.
Vue de la page 172
1 2 ... 168 169 170 171 172 173 174 175 176 177 178 ... 249 250

Commentaires sur ces manuels

Pas de commentaire