American Audio DCD-PRO240 User Manual Page 173
- Page / 250
- Table of contents
- TROUBLESHOOTING
- BOOKMARKS
Rated. / 5. Based on customer reviews
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.
- Freeway 1
- Reference 1
- Contents 3
- Freeway Reference: Contents 10
- Getting started 12
- Workflow 13
- Creating a new site document 15
- Resources 16
- Deciding on a page size 17
- Layout options 17
- CSS inflow items 18
- Setting the HTML level 19
- HTML page alignment 20
- Saving and opening files 21
- Automatic backups 22
- Creating a new template 23
- Installing a template 23
- Shift-Command-4 24
- Working with Pages 25
- Viewing and changing pages 26
- Working with master pages 27
- Use Master Content 30
- Use Master Settings 30
- Use Master Actions 30
- Use Master Children 30
- Other “Use Master” options 31
- Creating a new Master page 32
- Renaming a Master page 32
- Deleting a Master page 32
- Modifying Site pages 35
- Tiling the background image 36
- Working with page folders 37
- Color labels 38
- Rulers, guides, and grids 40
- Ruler guides 41
- Margins and grids 42
- Working with Items 43
- Graphic items 44
- Map area items 44
- HTML5 Section Elements 44
- Creating items 45
- Drawing items 46
- Manipulating items 47
- Moving items 51
- Reshaping paths 52
- Transforming items 53
- Creating layer items 55
- Item General panel 56
- Item Output panel 56
- 3. Click OK 57
- Group command 58
- How grouping works 59
- Distributing items 60
- Integrating items and text 60
- Creating horizontal rules 61
- Inflow items 63
- Selecting inflow items 64
- Resizing inflow items 64
- Padding and margins 65
- Padding and item positions 66
- Applying margins 66
- Background colors 67
- Background color filters 68
- Background images 69
- Borders in Freeway Pro 70
- Graphic border filters 72
- Borders in Freeway Express 73
- Border effect (HTML items) 76
- Shadow effect 76
- Glow effect 77
- Emboss effect 77
- Scatter effect 77
- Lighting 77
- Shape effects 78
- Crack shape 79
- Working with Text 80
- Editing text 82
- Working with lists 83
- Checking spelling 84
- Exporting text 85
- Language encoding 85
- Issues that affect HTML text 86
- Graphic text 87
- Typography settings 88
- Missing fonts 88
- Leading 90
- Alignment 90
- Indents 90
- Word and letter spacing 90
- Text direction 91
- Vertical text 91
- Working with Graphics 92
- Graphic dialog box 94
- Resizing graphics 95
- Managing imported graphics 97
- The Resources dialog box 98
- File names 99
- Export formats 99
- PNG graphics 101
- Combined images 102
- Slicing graphics 103
- Animated GIFs 105
- Pass-through graphics 105
- Working with multimedia 106
- The Video Extras Action 107
- Audio file 108
- QuickTime 108
- The QuickTime Extras Action 109
- Import dialog 110
- The Flash Extras Action 111
- The FLV Player Action 111
- Java applets 112
- Hyperlinks and Anchors 113
- Types of hyperlink 114
- Creating hyperlinks 114
- Quick Links 116
- Defining the target window 117
- Image maps 118
- Hyperlink styles 118
- Managing links 119
- Anchors 120
- To remove an anchor 121
- Linking to anchors 121
- Email links 122
- The CSS Menus Action 122
- Main Menu Settings options 123
- Previewing your CSS Menu 124
- CSS Menu troubleshooting tips 124
- The Text Link Style Action 125
- Meta Tags and Search Engines 126
- Defining a new meta tag 127
- Search Engines 128
- Page content 129
- Noframes content 129
- Important points 129
- Shared databases 129
- The Site Mapper Action 130
- Submitting your Sitemap 131
- Publishing and Uploading 132
- HTML layout 133
- Previewing in a browser 134
- Publishing the site 135
- Uploading 136
- Setting the upload options 137
- Upload options for FTP 137
- Upload options for File Copy 138
- To upload your site 139
- Managing your site 140
- Creating relative links 141
- Dedicated FTP tools 142
- Freeway and IE Compatibility 142
- Working with Color 144
- Color panels 145
- Web-safe Colors panel 146
- New Color 146
- Color Picker button 146
- Applying color 147
- Applying color to text 148
- Applying color to a box 148
- None and Knockout 148
- Knockout 149
- Creating a new color 149
- Duplicating a color 149
- Importing colors 150
- Other… from 151
- Styling Text 152
- What are styles? 153
- HTML styles 154
- Graphic styles 155
- Freeway’s default styles 155
- Paragraph <p> styles 156
- <h> styles 156
- Styles on items 157
- <p> tag 158
- Defining styles 159
- Edit Styles dialog 160
- Character Attributes 161
- Background 162
- Effect filters 163
- Graphic shape effects 164
- Paragraph attributes 164
- Thinking ahead with styles 166
- Making global changes 166
- Working with styles 167
- FW Pro only 168
- Applying a style 169
- Renaming a style 169
- Importing styles 169
- Creating a style 171
- Using the style 172
- Using tags for accessibility 173
- Learning more 174
- Styles Inspector 174
- Page level styles 175
- Item level styles 175
- Text level styles 176
- Editing styles 176
- Working with tables 177
- Modifying tables 178
- Positioning tables 178
- Resizing tables 179
- To select two or more cells 180
- To select the table 180
- Deleting cell content 181
- Empty cells 182
- Resizing rows and columns 182
- Changing table borders 182
- Changing cell spacing 183
- Changing cell padding 183
- Changing cell alignment 183
- Joining and splitting cells 184
- Copy/pasting table data 185
- Nesting inflow items 186
- Working with frames 187
- Benefits of using frames 188
- How to create frameset pages 190
- Power Tip: Using the 193
- Sizing frames 194
- Targeting links 196
- Working with forms 198
- Input/Field item options 199
- Text Area 200
- Checkbox 200
- Radio Button 201
- Radio button options 202
- Button options 203
- Form Labels 204
- Setting up a form manually 205
- Form setup 206
- Hidden fields 207
- Troubleshooting forms 208
- State/Prov List 209
- Validate Form Suite 209
- Country List 209
- Form Element Styler 209
- Form Element CSS 209
- Accessibility 210
- Other accessibility features 211
- Adding markup code in Freeway 212
- Value field 213
- Minimized Extended Attributes 213
- To import HTML content 214
- The Crowbar Action 215
- The Protaculous Action 215
- Freeway Actions 216
- Duplicate Actions 217
- Appendices 221
- Appendix 1 222
- Freeway Reference: Appendices 223
- Appendix 2 231
- Appendix 3 243
Related products and manuals for CD players American Audio DCD-PRO240
(36 pages)
(74 pages)
(52 pages)
(44 pages)
(20 pages)© 2020, manymanuals.com. All rights reserved. | 1.048 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Comments to this Manuals