Testmagazin

Empfehlungen

Info

3.7 Barrierefreies Design 167 spricht, wonach der Markup-Sprache der Vorzug vor Bildern zu geben ist, wenn damit die Informationen angemessen dargestellt werden können. Wer grafische Menüs rechtfertigen will, muss sich also gute Gründe zurechtlegen. Es gibt aber einen Ansatz 22 , der im Prinzip das bei Textmenüs vorgestellte Verfahren fortsetzt. Dabei wird auch der Linktext aus dem sichtbaren Bereich herausgeschoben, die Grafik, die stattdessen zu sehen sein soll, als Hintergrundgrafik des Listenelements eingebunden. Das so entstandene Menü ist skalierbar und per CSS anpassbar. Es bleiben aber prinzipielle Nachteile: Zum einen wird die Hintergrundgrafik bei Skalierung zwar größer, aber nicht neu gerendert, sie erscheint also pixelig. Zum anderen enthält das Menü direkte style-Attribute in den Tags, was den Anforderungen der Barrierefreiheit insofern widerspricht, als die Trennung von Inhalt und Layout nicht mehr hundertprozentig eingehalten wird. Formulare Typo3 bringt ein Mailformular mit, das für viele Zwecke völlig ausreicht. Ein einfaches Kontaktformular mit Feldern für Anrede, Vorname, Nachname, E-Mail und einer Checkbox zum Bestellen des Newsletters sieht darin so aus: 22 http://snipplr.com/view/5929/accessible-gtmenu/ Bild 3.45: Einfaches Formular in Typo3
168 Kapitel 3: Website Design mit Typo3 Auf Formatierungen wurde in diesem Beispiel verzichtet. Der zugehörige Quellcode sieht so aus: Anrede Anrede Herr Frau Name Vorname
Seite 1 und 2:
Robert Steindl Typo 3 > Extensions
Seite 4 und 5:
Robert Steindl Typo 3 Mit 150 Abbil
Seite 6 und 7:
Inhaltsverzeichnis 1 Grundlagen....
Seite 8 und 9:
Inhaltsverzeichnis 7 3.8.5 TemplaVo
Seite 10:
Inhaltsverzeichnis 9 6.2.1 Typo3 un
Seite 13 und 14:
12 Kapitel 1: Grundlagen Ein weiter
Seite 15 und 16:
14 Kapitel 1: Grundlagen Bild 1.2:
Seite 17 und 18:
16 Kapitel 1: Grundlagen 1.5 Ressou
Seite 19 und 20:
18 Kapitel 2: Typo3 installieren wi
Seite 21 und 22:
20 Kapitel 2: Typo3 installieren 2.
Seite 23 und 24:
22 Kapitel 2: Typo3 installieren In
Seite 25 und 26:
24 Kapitel 2: Typo3 installieren Ba
Seite 27 und 28:
26 Kapitel 2: Typo3 installieren Gr
Seite 29 und 30:
28 Kapitel 2: Typo3 installieren Di
Seite 31 und 32:
30 Kapitel 2: Typo3 installieren [F
Seite 33 und 34:
32 Kapitel 2: Typo3 installieren si
Seite 35 und 36:
34 Kapitel 2: Typo3 installieren Du
Seite 37 und 38:
36 Kapitel 2: Typo3 installieren zu
Seite 39 und 40:
38 Kapitel 2: Typo3 installieren Da
Seite 42 und 43:
3 Website Design mit Typo3 3.1 HTML
Seite 44 und 45:
Ein Beispiel: Aus dem Quelltext Cop
Seite 46 und 47:
width="200" height="80" id="Logo" /
Seite 48 und 49:
vs160217:~/templates # ls -l total
Seite 50 und 51:
3.2 Die statische Variante 49 Um nu
Seite 52 und 53:
Bild 3.4: Das Layout von Einzelseit
Seite 54 und 55:
3.2 Die statische Variante 53 Wie i
Seite 56 und 57:
3.2 Die statische Variante 55 2-sp
Seite 58 und 59:
} content.file = fileadmin/template
Seite 60 und 61:
3.3.3 Das virtuelle Template 3.3 Au
Seite 62 und 63:
3.3 Automatische Templates 61 Wie S
Seite 64 und 65:
} } HEAD.all = 1 HEAD.all.subpartMa
Seite 66 und 67:
3.4 TemplaVoila 65 Bild 3.8: Templa
Seite 68 und 69:
3.4 TemplaVoila 67 Hier legen Sie z
Seite 70 und 71:
Bild 3.13: Das neue Seitenmodul von
Seite 72 und 73:
3.4 TemplaVoila 71 Im Reiter Kopfte
Seite 74 und 75:
Druckansicht 3.4 TemplaVoila 73 Die
Seite 76 und 77:
Bild 3.20: Das vollständige Mappin
Seite 78 und 79:
Name 10 = IMAGE Vorname input h2
Seite 80 und 81:
10.alttext.field = field_name 10.pa
Seite 82 und 83:
3.5 TypoScript 81 Abgesehen von der
Seite 84 und 85:
Bild 3.22: Der Typoscript Object Br
Seite 86 und 87:
3.5 TypoScript 85 Da Typoscript let
Seite 88 und 89:
Referenzieren von Objekten 3.5 Typo
Seite 90 und 91:
3.5 TypoScript 89 Innerhalb eines T
Seite 92 und 93:
3.5.6 Bedingungen (Conditions) 3.5
Seite 94 und 95:
Bedingung Beschreibung 3.5 TypoScri
Seite 96 und 97:
Bedingung Beschreibung 3.5 TypoScri
Seite 98 und 99:
3.5 TypoScript 97 Das folgende Beis
Seite 100 und 101:
3.5.8 Konstanten 3.5 TypoScript 99
Seite 102 und 103:
constants 3.5 TypoScript 101 Das co
Seite 104 und 105:
} tx_felogin_pi1._CSS_DEFAULT_STYLE
Seite 106 und 107:
Content Object Bedeutung 3.5 TypoSc
Seite 108 und 109:
} 10.recursive = 0 10.allowedDoktyp
Seite 110 und 111:
3.5 TypoScript 109 Die Zeilennummer
Seite 112 und 113:
3.5 TypoScript 111 Außerdem wird f
Seite 114 und 115:
Externe Editoren 3.5 TypoScript 113
Seite 116 und 117:
3.5.12 Ein Beispiel-Template 3.5 Ty
Seite 118 und 119: page=PAGE page { config { } simulat
Seite 120 und 121: } ) sitemap = PAGE sitemap { } type
Seite 122 und 123: Option Typ Beschreibung 3.6 Menüs
Seite 124 und 125: Einige weitere Einstellungen werden
Seite 126 und 127: 3.6 Menüs in Typo3 125 jeden Menü
Seite 128 und 129: Services Service 1 Service 2 Se
Seite 130 und 131: 3.6 Menüs in Typo3 129 Wird dieses
Seite 132 und 133: 3.6 Menüs in Typo3 131 Das gesamte
Seite 134 und 135: 3.6 Menüs in Typo3 133 RO bietet n
Seite 136 und 137: Option Typ Beschreibung min, max x,
Seite 140 und 141: } } } 2 = TMENU 2 { } wrap = | NO {
Seite 144 und 145: Das Skript temp.submenue = HMENU te
Seite 146 und 147: Jede Ebene lässt sich mit folgende
Seite 148 und 149: 3.6 Menüs in Typo3 147 Tipp: Unter
Seite 150 und 151: 3.6 Menüs in Typo3 149 Um Leerzeic
Seite 152 und 153: 3.6 Menüs in Typo3 151 Der Paramet
Seite 154 und 155: 3.6 Menüs in Typo3 153 Tipp: Typo3
Seite 156 und 157: 3.7 Barrierefreies Design 3.7 Barri
Seite 158 und 159: Bedienbarkeit Bedienkomponenten und
Seite 160 und 161: 3.7 Barrierefreies Design 159 doch
Seite 162 und 163: 3.7 Barrierefreies Design 161 Weite
Seite 164 und 165: 3.7 Barrierefreies Design 163 Bekan
Seite 166 und 167: 3.7 Barrierefreies Design 165 Um di
Seite 170 und 171: value="" /> /> E-Mail 3.7 Barrier
Seite 172 und 173: hinter die Checkbox gelegt. 3.7 Bar
Seite 174 und 175: 3.7 Barrierefreies Design 173 Es w
Seite 176 und 177: 1100 1200 2008 1100 1200 1300 2
Seite 178 und 179: Der Code, den Typo3 erzeugt, sieht
Seite 180 und 181: Setup 3.8 Mehrsprachige Websites 17
Seite 182 und 183: Bild 3.50: Jede Sprache muss zunäc
Seite 184 und 185: Inhalte übersetzen 3.8 Mehrsprachi
Seite 186 und 187: 3.8 Mehrsprachige Websites 185 woll
Seite 188 und 189: In diesem Menü werden die Menüzus
Seite 190 und 191: 3.8 Mehrsprachige Websites 189 Bild
Seite 192 und 193: Bild 3.57: tt_news unterstützt meh
Seite 194 und 195: ); ?> ), 3.8 Mehrsprachige Websites
Seite 196 und 197: ), ), 'valueMap' => array( ), #'de'
Seite 198 und 199: 3.9 Frontend-Benutzer 197 Die Einst
Seite 200 und 201: Bild 3.60: Die Bezeichnung Untergru
Seite 202 und 203: 3.9 Frontend-Benutzer 201 Bei den U
Seite 204 und 205: Zugriff auf Element-Ebene 3.9 Front
Seite 206 und 207: 3.9 Frontend-Benutzer 205 Die Seite
Seite 208 und 209: 3.9 Frontend-Benutzer 207 Zum einen
Seite 210 und 211: plugin.feadmin.fe_users { } file.te
Seite 212 und 213: 3.9 Frontend-Benutzer 211 Dann wird
Seite 214 und 215: Bild 3.70: Das Verwenden von MD5-Ha
Seite 216 und 217: 4 Das Typo3 Backend 4.1 Benutzerver
Seite 218 und 219:
4.1 Benutzerverwaltung 217 Tipp: Wi
Seite 220 und 221:
Tabellen anzeigen / ändern 4.1 Ben
Seite 222 und 223:
4.1 Benutzerverwaltung 221 Bild 4.6
Seite 224 und 225:
Auf Sprachen einschränken 4.1 Benu
Seite 226 und 227:
Verzeichnisfreigaben 4.1 Benutzerve
Seite 228 und 229:
4.1 Benutzerverwaltung 227 Eine gut
Seite 230 und 231:
4.1 Benutzerverwaltung 229 In diese
Seite 232 und 233:
4.2 Backend anpassen 231 Member of
Seite 234 und 235:
4.2 Backend anpassen 233 Bild 4.19:
Seite 236 und 237:
Objekte in UserTS 4.2 Backend anpas
Seite 238 und 239:
Objekt Daten Beschreibung tx_[Exten
Seite 240 und 241:
} } edit.displayIcons = 1 Zunächst
Seite 242 und 243:
Eigenschaft Datentyp Beschreibung R
Seite 244 und 245:
Eigenschaft Datentyp Beschreibung s
Seite 246 und 247:
Eigenschaft Datentyp Beschreibung d
Seite 248 und 249:
Eigenschaft Datentyp Beschreibung c
Seite 250 und 251:
Setup teilt sich in zwei Abschnitte
Seite 252 und 253:
Eigenschaft Typ Beschreibung 4.2 Ba
Seite 254 und 255:
Bild 4.27: Das Modul Web->Info zeig
Seite 256 und 257:
4.2 Backend anpassen 255 Eine ander
Seite 258 und 259:
Eigenschaft Datentyp: Beschreibung:
Seite 260 und 261:
Eigenschaft Datentyp Beschreibung l
Seite 262 und 263:
4.2 Backend anpassen 261 Bild 4.31:
Seite 264 und 265:
Eigenschaft Datentyp Beschreibung c
Seite 266 und 267:
4.2 Backend anpassen 265 inline - a
Seite 268 und 269:
Eigenschaft Datentyp Beschreibung 4
Seite 270 und 271:
4.3.1 Versionierung 4.3 Workflows i
Seite 272 und 273:
4.3.2 Workspaces 4.3 Workflows in T
Seite 274 und 275:
4.3 Workflows in Typo3 273 Bild 4.3
Seite 276 und 277:
Bild 4.38: Für die Rechte an den S
Seite 278 und 279:
4.3 Workflows in Typo3 277 Tipp: Da
Seite 280:
Review 4.3 Workflows in Typo3 279 D
Seite 283 und 284:
282 Kapitel 5: Extension-Entwicklun
Seite 285 und 286:
Seite 287 und 288:
Seite 289 und 290:
Seite 291 und 292:
Seite 293 und 294:
Seite 295 und 296:
Seite 297 und 298:
Seite 299 und 300:
Seite 301 und 302:
Seite 303 und 304:
Seite 305 und 306:
Seite 307 und 308:
Seite 309 und 310:
Seite 311 und 312:
Seite 313 und 314:
Seite 315 und 316:
Seite 317 und 318:
Seite 319 und 320:
Seite 321 und 322:
Seite 323 und 324:
Seite 325 und 326:
Seite 327 und 328:
Seite 329 und 330:
Seite 331 und 332:
Seite 333 und 334:
Seite 335 und 336:
Seite 337 und 338:
Seite 339 und 340:
Seite 341 und 342:
Seite 343 und 344:
Seite 345 und 346:
Seite 347 und 348:
Seite 349 und 350:
Seite 351 und 352:
Seite 353 und 354:
Seite 355 und 356:
Seite 357 und 358:
Seite 359 und 360:
Seite 361 und 362:
Seite 363 und 364:
Seite 365 und 366:
Seite 367 und 368:
Seite 369 und 370:
Seite 371 und 372:
Seite 373 und 374:
Seite 375 und 376:
Seite 377 und 378:
Seite 379 und 380:
Seite 381 und 382:
Seite 383 und 384:
Seite 385 und 386:
Seite 387 und 388:
Seite 389 und 390:
Seite 391 und 392:
Seite 393 und 394:
Seite 395 und 396:
Seite 397 und 398:
Seite 399 und 400:
Seite 401 und 402:
Seite 403 und 404:
Seite 405 und 406:
Seite 407 und 408:
Seite 409 und 410:
Seite 411 und 412:
Seite 413 und 414:
Seite 415 und 416:
Seite 417 und 418:
Seite 419 und 420:
Seite 421 und 422:
Seite 423 und 424:
Seite 425 und 426:
Seite 427 und 428:
Seite 429 und 430:
Seite 431 und 432:
Seite 433 und 434:
Seite 435 und 436:
Seite 437 und 438:
Seite 439 und 440:
Seite 441 und 442:
Seite 443 und 444:
Seite 445 und 446:
444 Kapitel 6: Lösungen Typo3-Cach
Seite 447 und 448:
446 Kapitel 6: Lösungen Bild 6.2:
Seite 449 und 450:
448 Kapitel 6: Lösungen Persistent
Seite 451 und 452:
450 Kapitel 6: Lösungen Ausprobier
Seite 453 und 454:
452 Kapitel 6: Lösungen Ein Aufruf
Seite 455 und 456:
454 Kapitel 6: Lösungen Linux komm
Seite 457 und 458:
Seite 459 und 460:
Seite 461 und 462:
460 Kapitel 6: Lösungen Passwort,
Seite 463 und 464:
Seite 465 und 466:
Seite 467 und 468:
466 Kapitel 6: Lösungen Problempun
Seite 469 und 470:
Seite 471 und 472:
470 Kapitel 6: Lösungen insbesonde
Seite 473 und 474:
472 Kapitel 6: Lösungen Auch diese
Seite 475 und 476:
474 Kapitel 6: Lösungen 6.4.2 Weni
Seite 477 und 478:
476 Kapitel 6: Lösungen persönlic
Seite 479 und 480:
478 Kapitel 6: Lösungen Zur Sicher
Seite 481 und 482:
480 Kapitel 6: Lösungen [IPmaskLis
Seite 483 und 484:
482 Kapitel 6: Lösungen Die Einhal
Seite 485 und 486:
484 Kapitel 6: Lösungen Tidy erzeu
Seite 487 und 488:
486 Kapitel 6: Lösungen Das Skript
Seite 489 und 490:
Seite 491 und 492:
490 Kapitel 6: Lösungen Wird nun d
Seite 493 und 494:
492 Kapitel 6: Lösungen Die Erweit
Seite 496 und 497:
Stichwortverzeichnis Symbol $BE_USE
Seite 498 und 499:
Frontend ..........................
Seite 500 und 501:
S Safe Mode........................
Seite 502:
Robert Steindl Typo 3 Die hohe Flex
Alle anzeigen

Testmagazin

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

Template löschen?

Als Template speichern?