netzweise2

Cascading Style Sheets - Grundkurs

Ein Seminar zum Thema Cascading Style Sheets wird angeboten, bei dem Teilnehmer lernen, die HTML-Ergänzungssprache effektiv zu nutzen. Dabei können sie einzelne HTML-Elemente gezielt formatieren und professionelle Designs für große Projekte oder unternehmensspezifische Layouts erstellen. 

Kurs-Daten

Seminar

CS1

Preis

1090.00 € zzgl. Mwst.

Dauer

2 Tage

Zielgruppe

Dieser Kurs richtet sich an **Webdesigner und -entwickler**, die ihre HTML-Kenntnisse um professionelles Styling erweitern möchten. Er vermittelt den effektiven Einsatz von Cascading Style Sheets (CSS), um einzelne HTML-Elemente gezielt zu formatieren und konsistente, unternehmensspezifische Layouts sowie professionelle Designs für große Webprojekte zu erstellen.

Präsenz-Termine

Online-Termine

Der Kurs behandelt folgende Themen:

Was sind Cascading Style Sheets?

  • Geschichte und Entwicklung von CSS.
  • Verständnis für den Zweck und die Relevanz von CSS in der Webentwicklung.

Einsatzmöglichkeiten von CSS: Vorteile und Grenzen

  • Wie CSS das Design und Layout einer Website beeinflusst.
  • Möglichkeiten und Grenzen beim Stylen mit CSS.

CSS und Browserkompatibilität

  • Herausforderungen bei unterschiedlichen Browsern und Versionen.
  • Tools und Ressourcen zur Überprüfung der Kompatibilität.

Einbinden von CSS-Vorlagen in HTML

  • Externe Stylesheets: Vorteile und Best Practices.
  • Interne und in-line Styles: Wann und wie man sie verwendet.

CSS-Selektoren: Auf HTML-Tags zugreifen

  • Grundlegende Selektoren und Kombinatoren.
  • Selektoren für Klassen, IDs und Attribute.

Vererbung und Rangfolge von CSS-Formaten

  • Wie Styles in HTML-Elementen vererbt werden.
  • Verständnis der Spezifität und wie sie die Rangfolge beeinflusst.

CSS-Formate für diverse Web-Elemente

  • Schrift und Text: Schriftfamilie, Größe, Abstand, Ausrichtung, etc.
  • Kastenmodell: Margin, Padding, Border und Box-Sizing.
  • Listen: Bullet-Stile und Positionierung.
  • Farben und Hintergründe: Farbwerte, Verläufe und Hintergrundbilder.
  • Positionierung: Static, Relative, Absolute und Fixed.

CSS-Editoren kennenlernen

  • Vorstellung populärer Editoren wie Visual Studio Code, Sublime Text, etc.
  • Plugins und Erweiterungen für effizientes Arbeiten mit CSS.

Einführung in CSS 3

  • Neue und erweiterte Selektoren.
  • Features wie Transparenzen, Schatten, Rahmenoptionen und Animationen.
  • Responsive Webdesign: Media Queries.

Praktische Übungen

  • Hands-on-Aufgaben: Erstellen von Websites und Komponenten mit den gelernten Techniken.

Tipps und Tricks

Kenntnisse in HTML entsprechend des HTML-Grundkurses.