CSS-Layouts
- Titel ist leider vergriffen;
keine Neuauflage - Artikel merken
Layouterstellung mit CSS. Praxisnahe Beispiele helfen Ihnen, die Theorie umzusetzen und Fallstricke wie Browserbugs und Parser-Fehler zu umgehen. Der Praxisteil bietet einen umfassenden Zugang zu YAML (Yet Another Multicolumn Layout), einem Framework zur Erstellung flexibler Layouts, das sich als ausgereifte
Lösung im täglichen Einsatz bewährt hat.
1 Lernen Sie die Grundlagen der Layoutentwicklung -
mit CSS Dirk Jesse zeigt Ihnen die verschiedenen Möglichkeiten, um stabile und professionelle CSS-Layouts zu entwickeln.
2 Referenz aller wichtigen CSS-Bugs -
So haben Sie bei der Entwicklung immer alle CSS-Bugs vor Augen – von IE 5 bis IE 7.
3 Nutzen Sie aktuelle Techniken zur Layouterstellung ...
... zum Beispiel Entwurfskonzepte zur Layoutentwicklung, Konzepte für ein Reset CSS oder Grid-Layouts als visuelles Gestaltungsmoment.
4 Entwickeln Sie Ihr eigenes Layout mit YAML -
Das umfangreiche Praxiskapitel zeigt Ihnen alle Möglichkeiten des Frameworks anhand von fertigen Layoutbeispielen.
5 Tipps & Tricks für den Alltag -
Hier finden Sie Werkzeuge für verschiedene Browser zur einfacheren Entwicklung moderner Webseiten.
6 Integrieren Sie YAML in TYPO3 und
xt:Commerce So binden Sie mit YAML erstellte CSS-Layouts mithilfe von TemplaVoilà auch in TYPO3 oder in ein Shop-System wie xt:Commerce ein.
1 Philosophie guten Webdesigns 21
1.1 Einleitung 21
1.2 Modernes Webdesign mit (X)HTML und CSS 22
1.3 »Design for our future selves« 27
1.4 Die Welt der Browser 28
1.5 Entwurfskonzepte zur Layouterstellung 32
1.6 (X)HTML und Doctype 36
1.7 Standard-CSS der Browser 42
1.8 Die Arbeit mit dem Buch 43
2 Der Weg zu robusten und flexiblen Layouts 47
2.1 Der Weg ist das Ziel 47
2.2 Strukturiertes Arbeiten mit CSS 48
2.3 Kaskade und Spezifität 51
2.4 CSSDOC – Ein Weg zu gut kommentierten Stylesheets 54
2.5 Reset CSS 61
2.6 Das Box-Modell 67
2.7 Das Kombinationsmodell für flexible Breiten 76
2.8 Die Elementtypen in CSS 80
2.9 Längen- und Größenangaben 82
2.10 Die CSS-Eigenschaft position 86
2.11 Die CSS-Eigenschaft float 98
2.12 Markup-freies Clearing von floats 108
2.13 Flexible Layouts mit floats 115
2.14 Grid Layouts – ein Gestaltungskonzept 124
2.15 Gestaltung von Inhaltselementen 131
2.16 Menügestaltung mit Navigationslisten 134
3 Abseits des Standards – Umgang mit Parsing- und CSS-Bugs 141
3.1 Browserunterstützung für CSS 2.x 141
3.2 Browserweichen 146
3.3 hasLayout – das interne Layoutkonzept des Internet Explorers 157
3.4 CSS-Bugs des Internet Explorers 160
3.5 CSS-Bugs in Mozilla, Opera und Co. 187
3.6 Was bedeutet der Internet Explorer 7 für Webentwickler? 192
4 Das YAML-Framework 197
4.1 Vorüberlegungen 197
4.2 Freiheit und Kontrolle 198
4.3 Das Framework im Detail 200
4.4 Das XHTML-Grundgerüst 205
4.5 Die CSS-Bausteine 220
4.6 Layouterweiterung: Subtemplates 270
5 Layoutentwicklung mit YAML 279
5.1 Konzepte der Layoutentwicklung 279
5.2 Vom Rohbau zum fertigen Layout 281
5.3 Grundvariationen des Basislayouts 296
5.4 Freie Spaltenanordnung 305
5.5 Das Feintuning des Layouts 317
5.6 Ausgewählte Beispiellayouts 331
5.7 Layoutentwicklung mit Subtemplates 338
5.8 Aufbereiten der Inhalte 343
5.9 Optimierungen für den Praxiseinsatz 346
5.10 Was tun, wenn’s klemmt? 349
5.11 Einbinden von YAML in ein Content-Management-System 351
6 Tipps und Tricks 353
6.1 Debugging-Stylesheet 353
6.2 Bearbeitungshilfen für Dreamweaver 356
6.3 JavaScript-Hilfen 358
6.4 Praktische Tipps zum Grafikeinsatz 360
6.5 Tipps für Browsertests 364
6.6 Tools zur Webseitenentwicklung 369
7 Integration von YAML in TemplaVoilà 379
7.1 Begriffsbestimmungen 379
7.2 Alles ist Template 380
7.3 Von der HTML-Vorlage zur Datenstruktur 382
7.4 TypoScript-Bibliotheken 391
7.5 TypoScript anpassen 402
7.6 YAML-Beispiele 407
7.7 Mehrsprachigkeit 408
7.8 Flexible Content-Elemente (FCE) 411
8 YAML und xt:Commerce 415
8.1 Template-Erstellung für xt:Commerce – etwas Theorie 415
8.2 xt:Commerce-Templates mit YAML erstellen 422
A Inhalt der DVD-ROM 441
B Die Referenzkarte 443
Index 445
| Reihe/Serie | Galileo Computing |
|---|---|
| Sprache | deutsch |
| Maße | 240 x 168 mm |
| Gewicht | 955 g |
| Themenwelt | Mathematik / Informatik ► Informatik ► Web / Internet |
| Schlagworte | Barrierefreiheit • Cascading Stylesheets • CSS • CSS (Cascading Style Sheets) • Hardcover, Softcover / Informatik, EDV/Internet • HC/Informatik, EDV/Internet • Joomla! • TYPO3 • Webdesign • xt:Commerce |
| ISBN-13 | 9783836211352 / 9783836211352 |
| Zustand | Neuware |
| Informationen gemäß Produktsicherheitsverordnung (GPSR) | |
| Haben Sie eine Frage zum Produkt? |
aus dem Bereich
