CSS für Einsteiger

Institut: HECKER CONSULTING
Bereich: Technik, EDV, Telekommunikation

Kurs merken

Anmelden

Kursbeschreibung

CSS ist ein grundlegender Bestandteil des Webdesigns. Erfahren Sie alles, was Sie wissen müssen, um bestehende CSS zu optimieren und eigene CSS professionell zu schreiben.

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, mit der Sie das Aussehen Ihrer Webseiten steuern können.

Entdecken Sie die Konzepte, die die Grundlage von CSS bilden, und erfahren, was Sie wissen müssen, um bestehende CSS zu optimieren und eigene CSS zu schreiben.

Lernen Sie, wie Sie Farben und andere Designelemente hinzufügen können, um Ihre Webseiten nicht nur mit schwarzem Text auf weißem Hintergrund zu gestalten. Verstehen Sie, wie man Selektoren verwendet und wie das Box-Modell den Abstand sowie die Größe von Seitenelementen definiert, und wie man Texte stylt und grundlegende Layouts mit Flexbox und Grid erstellt und organisiert.

Sie werden natürlich auch mit erweiterten Selektoren arbeiten sowie fließende Layouts erstellen und Verstehen, wann die Eigenschaften float und position verwendet werden sollten und vieles mehr!

CSS - Einführung

HTML und CSS
Dokumente konsistent gestalten
Browser-Entwickler-Tools
CSS referenzieren
Optimieren von Bildern und Retina-Displays
Relative Pfade
Absolute Pfade

Grundlegende Konzepte

CSS-Spezifikationen und das W3C
CSS-Syntax und -Terminologie
CSS-Werte und -Einheiten
Die Farb- und Eigenschaftswerte
Typ- und Universalselektoren
Klassen- und ID-Selektoren
Klasse und ID
Nachkommende Selektoren
Gruppierungs-Selektoren
Vererbung und Spezifität
Die Kaskade und die Wichtigkeit
Hinzufügen von Farben
Pseudoklassen-Selektoren und Links
Stilisierung von Links

Das Box-Modell

Einführung in das Box-Modell
Inline, Block und Anzeige
Die Eigenschaften des Box-Modells
Die Syntax und Verwendung der Box-Eigenschaften
Fehlersuche im Box-Modell
Padding, Margin und Border
Ränder und Layouts
Hinzufügen von Inhaltsumhüllungen
Rand und Padding

Typografie

Typografie für das Web
Ändern der Font-Familie
Schriftgewicht und Schriftstil
Web-Schriften mit @font-face
Web-Schriften mit Google Fonts
Google-Schriftarten
Die Eigenschaft font-size
Schrift-Kurzschrift
Textdekoration, Textausrichtung und Zeilenhöhe
Typografie-Stile

Layouts mit Float und Position

Einführung in float
Die Eigenschaften float und clear
Float und zusammengeklappter Container
Layouts und das Box-Modell
Float und Boxmodell fix
Position
Position und z-Index

Layouts mit Flexbox und Grid

Einführung in Grid und Flexbox
Einführung in Flexbox
Flexbox: Ausrichtung und Anordnung
Flexible Größenanpassung
Flexbox-Ausrichtung
Einführung in das CSS-Grid
Das explizite Raster
Das implizite Raster
Eigenschaften der Grid-Platzierung
Grid-Spalten und Firefox Grid Inspector

Erweiterte Selektoren

Einführung in erweiterte Selektoren
Relationale Selektoren: Kombinatoren
Aktualisierungen mit Kombinatoren
Pseudo-Klassen-Selektoren: Erster und letzter
Erweiterte Selektoren

Fluid und Responsive Layouts

Einführung in das Responsive Design
Erstellen von flüssigen Layouts
Flexible Hintergrundbilder
Flexibles Hintergrundbild
Einführung in Media-Queries
Media Queries, Breiten und Haltepunkte
Testen von responsiven Layouts
Media Queries und responsives Layout

CSS ist ein grundlegender Bestandteil des Webdesigns. Erfahren Sie alles, was Sie wissen müssen, um bestehende CSS zu optimieren und eigene CSS professionell zu schreiben.

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, mit der Sie das Aussehen Ihrer Webseiten steuern können.

Entdecken Sie die Konzepte, die die Grundlage von CSS bilden, und erfahren, was Sie wissen müssen, um bestehende CSS zu optimieren und eigene CSS zu schreiben.

Sie werden natürlich auch mit erweiterten Selektoren arbeiten sowie fließende Layouts erstellen und Verstehen, wann die Eigenschaften float und position verwendet werden sollten und vieles mehr!

CSS - Einführung

HTML und CSS
Dokumente konsistent gestalten
Browser-Entwickler-Tools
CSS referenzieren
Optimieren von Bildern und Retina-Displays
Relative Pfade
Absolute Pfade

Grundlegende Konzepte

CSS-Spezifikationen und das W3C
CSS-Syntax und -Terminologie
CSS-Werte und -Einheiten
Die Farb- und Eigenschaftswerte
Typ- und Universalselektoren
Klassen- und ID-Selektoren
Klasse und ID
Nachkommende Selektoren
Gruppierungs-Selektoren
Vererbung und Spezifität
Die Kaskade und die Wichtigkeit
Hinzufügen von Farben
Pseudoklassen-Selektoren und Links
Stilisierung von Links

Das Box-Modell

Einführung in das Box-Modell
Inline, Block und Anzeige
Die Eigenschaften des Box-Modells
Die Syntax und Verwendung der Box-Eigenschaften
Fehlersuche im Box-Modell
Padding, Margin und Border
Ränder und Layouts
Hinzufügen von …

mehrweniger lesen

Wann & Wo

Website

https://www.hco.de

Datum

auf Anfrage

Uhrzeit

09:00

Dauer

ab 1 Tag nach Vereinbarung

Ort

Virtuelles Klassenzimmer, Live-Online-Seminar

Kontakt

E-Mail

info@hco.de

Kontakt

Peter Hecker

Straße

Erkrather Str. 401

PLZ

40231

Ort

Düsseldorf

Land

Deutschland

Bundesland

---

Tel

+49 211 542 480 40

Voraussetzungen

Keine besonderen Anforderungen.

Ziele

Zielgruppe

Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und eineCSS für Einsteiger - Beratung, Coaching, Workshop, Training suchen!

Weitere Daten

Kursnummer

60a8dd2e34a8ea67998d

Plätze