15 Jahre Erfahrung FreeCall 0800 tutegos

Neuerungen in CSS3

Die Anforderungen an gut aussehende, suchmaschinenoptimierte und benutzerfreundliche Webseiten sind in den letzten Jahren gestiegen. Cascading Style Sheets (CSS)Version 3 ist eine Aktualisierung der seit 10 Jahren bestehenden letzten CSS2-Version und bringt große Änderungen, die das CSS3-Seminar vorstellt. Zunächst lernen die Teilnehmer die neuen Module kennen, denn CSS3 wird nicht mehr in einer Spezifikation definiert, sondern in vielen kleinen Modulen. Einige Module sind noch in der Spezifikationsphase, andere werden schon vollständig von den aktuellen Browsern unterstützt. Das Seminar konzentriert sich daher auf die Module, die in der Endphase der Spezifikation sind, etwa Selektoren. So stellt der CSS3-Kurs an vielen praxisnahen Beispielen etwa die neuen Attributselektoren und Pseudoklassen vor, die Unterstützung für runde Rahmen und weitere Text-/Absatzformatierungen sowie weitere Neuerungen wie Spalten oder 2D-Transformationen.

Inhalte des Seminars

[LOGO]

Entwicklung von CSS2 nach CSS3

  • Schwächen von CSS2
  • CSS3-Module
  • Fortschritt der Standards: Candidate/Proposed Recommendation, Working Draft
  • Wiederholung CSS-Selektoren
  • Gruppieren von Selektoren
  • Kombinatoren: Nachfahr-/Kindkombinator, direkter/indirekter Nachbarkombinator
  • Namensräume (CSS Namespaces)
  • Zusammenspiel HTML5 und CSS3
  • Aktuelle Browser-Unterstützung

Hintergründe und Rahmen

  • Wiederholung vom Box-Modell
  • Mehrere Hintergrundbilder
  • Beschnitt von Hintergrundbildern
  • Überblick über alle background-Properties
  • Rahmentypen, Breiten, Rundungen
  • Rahmen mit Grafiken
  • Umbruch von Boxen steuern mit box-decoration-break

Das Texteffekt-Modul CSS Text

  • Verarbeitung von Leerraum in HTML
  • Wie Leerraum zusammengeführt wird: white-space-collapse
  • Zeilenumbruch mit word-break steuern
  • Textumbruch mit text-wrap steuern
  • Blocksatzsteuerung über text-align, Textzentrierung und text-justify
  • text-indent: Einrücken der ersten Zeile steuern
  • text-align-last: Zeilenausrichtung für letzte Zeile steuern
  • word-spacing für Wortabstände nutzen
  • Wie sieht minimaler/maximaler/optimaler Leerraum aus?
  • letter-spacing für Zeichenabstände
  • Steuerung zur Zusammenfassung von Punktionszeichen
  • punctuation-trim für mathematische Formeln verwenden
  • Kleine Symbole über text-emphasis setzen
  • Photoshop-ähnliche Schattierungen mit text-shadow

Die CSS3-Selektoren

  • Universal-Selektor
  • Typ-Selektor
  • Klassen- und ID-Selektor
  • Erweiterungen beim Attribut-Selektor, Teilzeichenketten erkennen
  • Namensräume bei CSS3-Selektoren

Pseudo-Klassen in CSS3

  • Aufgaben von Pseudo-Klassen
  • Dynamische und strukturelle Pseudo-Klassen
  • Elemente mit :lang aufgrund der Sprache auswählen
  • URI-Ziele mit :target auswählen
  • Ein- und Ausblenden von Inhalten mit Hilfe von :target
  • Dynamische Pseudo-Klassen :link und :visited
  • :hover, :active und :focus für Links
  • :enabled, :disabled, :checked, :indeterminate als Kriterium für Gui-Zustände
  • :root für HTML-Wurzelelement
  • Elemente ohne Kinder mit :empty selektieren
  • Kindselektion mit :first-child, :last-child, :nth-child, ...
  • Abwechselnd farbige Tabellenzeilen
  • Selektion von Typen mit :first-of-type, :last-of-type, :nth-of-type, ...
  • Logische Verneinung mit not

Pseudo-Elemente in CSS3

  • Unterschied Pseudo-Klassen und Pseudo-Elemente
  • Elemente vor/hinter einem Element über before/after
  • Erste Zeile über ::first-line
  • CSS-Formatierungsmöglichkeiten
  • Initialen mit ::first-letter

Spalten Modul in CSS3

  • Box-Modell und Spalten-Modell
  • Anzahl von Spalten steuern
  • Breite und Abstände von Spalten
  • Spaltenfarbe und -stil
  • Spaltenumbruch
  • Spaltenausgleich
  • Elemente, die über mehrere Spalten laufen
  • Überlauf durch zu große Elemente steuern

Vorstellung weiterer CSS3-Module

  • CSS3 Values and Units, calc-Funktion
  • CSS Ruby Modul für Betonungen oder Zusatzerklärungen
  • Webtypografie mit CSS Fonts (WebFonts), Fonts laden
  • Paginierte Ausgaben, @page-Regel, Boxen, Seitenumbrüche
  • CSS für 2D- und 3D-Transformationen

Termine / Kontakt

Wir helfen Ihnen gerne bei der Anmeldung und einen passenden Termin zu finden. Kontaktieren Sie uns per E-Mail oder unter 0800/tutegos (kostenlos aus allen Netzen).

Die Fakten

  • Empfohlene Schulungsdauer: 1 Tag, insgesamt 8 Unterrichtsstunden à 45 Minuten
  • Voraussetzungen: Gute Kenntnisse in CSS2 und HTML.
  • Zielgruppe: Web-Designer, die alle Neuerungen von CSS3 kennenlernen möchten

Weiterführende Seminare

JavaScript und DOM für dynamische Webseiten, Sichere Web-Anwendungen entwickeln

Verweise

Alle Kategorien

Was Teilnehmer sagen

›Das tutego-Seminar war genau auf unsere Wünsche abgestimmt. Somit konnten wir 100% davon in unser Tagesgeschäft übernehmen.‹
Jens-Peter B., Rossmann

›Bester Kurs, den ich je besucht habe.‹
Kent G., Deutsche Bank

›Schöne Schulung. Endlich das ein oder andere AHA-Erlebnis.‹
Teilnehmer, innovas

›Die lockere, aber stets themenbezogene Art des Trainers, die es ihm ermöglicht, auch schwierige Sachverhalte deutlich zu machen [hat mir besonders gut gefallen].‹
Jörg H., Bundeswehr

›[Der tutego-Trainer] hat es mühelos geschafft, auch komplizierte Sachverhalte leicht verständlich darzustellen. Seine Begeisterung für das Thema hat sich nachhaltig auf die Teilnehmer übertragen - ich kann den Trainer nur weiterempfehlen.‹
Mathias W., Deutsche Afrika-Linien

›Referent war sehr kompetent. Referent ging stets auf Fragen ein.‹
Reinholt P., debis Systemhaus

›Guter Dozent, der weiß wovon er redet.‹
Jochen H., Dresdner Bank

›Die tutego-Trainer waren äußerst kompetent, konnten ihr Wissen sehr gut vermitteln und sind stets auf alle Fragen und Problemstellungen eingegangen.‹
Teilnemer, Nö. Gebietskrankenkasse

›Die Vortragsart des Referenten und dessen fachliche Sicherheit [hat mit sehr gefallen]. Gute Übungen, Konzentration auf das Wesentliche.‹
Gil R., MDR

›Durch seine moderne und kompetente Art schafft es C. Ullenboom mit seinem fundierten Hintergrundwissen den Seminarteilnehmern jedes Thema aus dem Bereich Java verständlich zu machen und das Interesse für neue Technologien zu wecken.‹
René D., Servicezentrum Landentwicklung und Agrarförderung

›Vielen Dank noch einmal für das interessante und umfangreiche Seminar. Mir persönlich hat es viel gebracht!.‹
Thomas S., Sächsische Aufbaubank/Förderbank

›[Der tutego-Trainer] hat uns das komplexe Thema Objective-C sehr kompetent vermittelt. Beide Trainings waren individuell auf uns abgestimmt.‹
Andre M., Gathmann Michaelis und Freunde

›Die Schulung ist sehr gut bei den Teilnehmern angekommen. Ich habe bisher nur positives Feedback erhalten.‹
Torsten L., Netbiscuits

›Wir waren mit dem Kurs sehr zufrieden. Auch die Unterlagen sind sehr gut aufbereitet.‹
Igor R., typo3expert.at

›Die Abstimmung im Vorfeld über die Inhalte ist gut gelaufen, es war eine sehr individuelle Betreuung, wie man das von einem Inhouse Seminar in dieser Form erwartet hat.‹
Dr. Andreas V., edacentrum

›Die Kursteilnehmer waren mit dem Kurs sehr zufrieden. In den vier abgehaltenen Seminarblöcken wurden die Kursanforderungen vollständig abgedeckt, die Kursinhalte konnten individuell abgesprochen werden.‹
Teilnemer, Nö. Gebietskrankenkasse

›Die Schulung bot einen kompakten und zielgerichteten Wissenstransfer auf hohem Niveau. Im Ergebnis für alle Teilnehmer eine echte Bereicherung.‹
Johannes W., Schönhofer Sales and Engineering

›Das Training war logisch strukturiert, inhaltlich auf unseren fachlichen Anspruch abgestimmt und hat zudem noch Spaß gemacht. Vielen Dank für diese tolle Schulung.‹
Christoph G., my.IRS

›Wir waren sehr zufrieden. Die Teilnehmer haben das mitgenommen, was sie brauchten und erwartet haben.‹
Michael O., Basler Versicherungen

›Das thematisch flexibel gestaltete Seminar hat unsere Einsteiger und auch fortgeschrittenen Teilnehmer begeistert.‹
Ralph B., PiSA sales

›Wir kommen sicherlich wegen des nächsten geplanten Seminars auf den tutego-Trainer zurück.‹
Ralph B., PiSA sales

›Wir waren mit dem C# Seminar sehr zufrieden. Der Referent hat unsere Sonderwünsche sofort, kompetent und eingehend behandelt. Wir hoffen auf eine baldige Fortsetzung des Seminars zur Vertiefung des Stoffes. ‹
Winfried S., Lacroix Electronics

›Der Trainer hat die Balance zwischen den unterschiedlichen Vorkenntnissen von Anfängern und Fortgeschrittenen hervorragend gemeistert.‹
Brigitte K., Rutronik Elektronische Bauelemente GmbH

›Wir waren sehr zufrieden mit den Workshop und die Erwartungen wurden sogar übertroffen. Zudem ist auch die Nachbetreuung durch den tutego-Referenten exzellent.‹
Oliver J., SRS-Management

›Wir waren rundum zufrieden und würden uns freuen, den tutego-Referenten bei weiteren Schulungen in unserem Hause begrüßen zu dürfen.‹
Carsten P., Barmenia Versicherungen

›Ihr Dozent hat bei uns für zwei spannende Tage gesorgt, ich habe nur positive Feedback von meinen Kollegen gehört. Sowohl seine Kompetenz als auch der Inhalt der Schulung, sowie die Art und Weise, wie er das präsentiert hat, kamen sehr gut an!‹
Wladimir J., circ IT

›Das Java Seminar hat uns einen grossen Schritt nach vorne gebracht, da es genau auf unsere Bedürfnisse zugeschnitten war. Vielen Dank nochmals dafür.‹
Wolfgang S., signotec

›Der Dozent hatte sich relativ schnell auf unser doch sehr hohes Niveau eingestellt und die Schulung entsprechend dynamisch angepasst.‹
Torsten L., Netbiscuits

›Die Schulung [...] hat prima geklappt und die Teilnehmer waren ausnahmslos mit dem Trainer sehr zufrieden. Das vermittelte Wissen wird uns sicher den Start in eine neue Technologie ermöglichen.‹
Hendrik F. d. C., Wincor Nixdorf International

›Der Trainer war gut vorbereitet und hoch motiviert und er hat zwischen Frontvortrag, interaktiver Entwicklung des Stoffs am Whiteboard und praktischen Übungen am PC gut gewechselt.‹
Hendrik F. d. C., Wincor Nixdorf International

›Ich würde den Dozenten jederzeit weiterempfehlen und wäre auch nicht abgeneigt, weitere Kurse von Ihm abhalten zu lassen.‹
Torsten L., Netbiscuits

›Der Primefaces Kurs mir persönlich sehr gut gefallen. Der Kursleiter hat es geschafft uns die Besonderheiten von PrimeFaces zu vermitteln.‹
Greta Z., Raiffeisenverband

›Der Referent ist auch auf unsere Fragen eingegangen und hat diese sehr professionell beantwortet.‹
Greta Z., Raiffeisenverband

›Die Themen waren spannend und sehr breit aufgestellt. Der Trainer hat die Themen gut vermittelt.‹
Teilnemer, gadiv