CSS - Layout
In diesem Kapitel
Nachdem Sie nun einfache Formatierungen im CSS beherrschen lernen Sie wie sie das Layout der ganzen Seite beeinflussen können.
- CSS für Layout
- Details zu Layout
- Rahmenbedingungen
- Responsive Design
- Navigationsmenü
- CSS Selektoren im Detail
Was Sie wissen sollten
- Ich weiss wie verschiedene Auflösung und verschiedene Pixeldichte der Ausgabegeräte die Gestaltung von Webseiten schwierig machen.
- Ich kenne mit Responsive Design die aktuelle Art mit dieser Schwierigkeit umzugehen.
- Ich verstehe wie media queries, float und css grid funktionieren.
Was Sie können sollten
- Ich kann an einem bestehen CSS-Layout Veränderungen vornehmen.
- Ich kann einen grafischen Entwurf mittels HTML und CSS umsetzen.
- Ich kann ein statisches Layout mit mediaqueries so erweitern, dass die Webseite bei wesentlich kleineren oder größeren Ausgabegeräten noch sinnvoll dargestellt werden kann.
Vertiefung
- learnlayout.com
- CSS box model, float, position, flexbox, multi-column
- Paul Irish (2012): Box-sizing Border-box FTW
- Chris Coyier (2014): A Complete Guide to Flexbox
- MDN: Using Multi Columns Layouts
- Flexboxfroggy.com
- Marcotte(2011): Responsive Design
- Responsive News(2013): Tables - Wie macht man Tabellen responsive? eine harte Nuss
- Takada(2015): Learn CSS Layout the pedantic way
Kapitel
- Das Web Und Html
- Css
- Css Layout
- Urls
- Formulare
- Javascript Dom
- Jquery
- Kommandozeile
- Git
- Http
- Php Vorbereitung
- Php
- Php Db Lesen
- Session
- Php Db Schreiben
- Php Db Optimierung
- Grafik
- Javascript
- Applied Jquery And Css
- Json
- Xml
- Security
- Injection
- Authentifizierung und Session-Management
- Cross Site Scripting (XSS)
- Unsichere direkte Objektreferenzen
- Sicherheitsrelevante Fehlkonfiguration
- Verlust der Vertraulichkeit sensibler Daten
- Fehlerhafte Autorisierung auf Anwendungsebene
- Cross-Site Request Forgery (CSRF)
- Nutzung von Komponenten mit bekannten Schwachstellen
- Ungeprüfte Um- und Weiterleitungen
- Wordpress
- Apache
- Advanced Javascript
- Qualitaet