CSS Basics
Die Kunst im Webdesign: CSS ist das Zauberwort, wenn es um die visuelle Gestaltung von Webseiten geht.
CSS ist unverzichtbar für jeden, der sich im Bereich Webdesign und -entwicklung professionalisieren möchte. CSS (Cascading Style Sheets) ist ein Rückgrat des modernen Webdesigns, das die visuelle Präsentation von Webseiten steuert. Ohne ein fundiertes Verständnis von CSS kann man keine ästhetisch ansprechenden, funktionalen Websites erstellen.
Warum solltest Du diesen Kurs ansehen?
CSS ist wie das Gewürz in der Suppe – ohne es wäre jede Webseite fade und uninteressant. Aber gib zu viel hinzu, und Du verlierst den eigentlichen Geschmack. In diesem Kurs lernst Du, das perfekte Gleichgewicht zu finden. Wir beginnen bei den Grundlagen und arbeiten uns bis zu den raffinierten Techniken vor, die Deine Webseiten nicht nur optisch ansprechend, sondern auch funktional und benutzerfreundlich machen.
Dieser Kurs vermittelt Dir nicht nur die Theorie hinter CSS, sondern auch, wie Du sie praktisch anwendest, um moderne, responsive und benutzerfreundliche Webseiten zu gestalten. Du lernst, wie Du mit CSS das Aussehen von Elementen präzise steuern, das Layout Deiner Seiten effektiv organisieren und Deine Seiten für verschiedene Geräte und Bildschirmgrößen optimieren kannst. Kurz gesagt, dieser Kurs ist Dein Schlüssel zur professionellen Webentwicklung und -gestaltung, eröffnet Dir die Tür zu kreativer Freiheit und technischer Kompetenz.
Was erwartet dich?
- Verständnis der CSS-Grundlagen und Syntax
- Anwendung verschiedener Selektoren für effiziente Stilgebung
- Gestaltung von Webseiten mit dem CSS-Box-Modell
- Implementierung von Layouts mit Flexbox und Grid
- Erstellung responsiver Designs für eine optimale Darstellung auf allen Geräten
- Einsatz von Animationen und Übergängen für dynamische Interaktionen
- Praktische Tipps und Best Practices für den Einsatz von CSS im realen Webprojekten
Alle Lektionen im HTML Kurs auf einen Blick
Grundlagen
- Was ist CSS und wozu braucht man es? | 03:40
- CSS Tools und Downloads zum starten | 03:43
- Die CSS Syntax | 03:44
- Die Selektoren | 05:32
- Selektoren kombinieren | 05:25
- Wo platziere ich CSS | 09:08
- Die Prioriäten in CSS | 04:20
- Browsertools für CSS | 09:40
Boxen und Ihre Eigenschaften
- Das Box Modell | 10:20
- Margin & Padding | 07:23
- Farben in CSS | 07:29
- moz, webkit & Co. | 04:51
- Position - Positionieren mit CSS | 20:57
- Border - Rahmen | 10:32
- Border Radius | 10:08
Hintergründe
- Background | 08:09
- Background Repeat | 03:53
- Background Clip | 05:02
- Background Position | 07:19
- Farbverläufe im Background | 09:16
Texte
- Mit Serifen - Ohne Serifen | 08:21
- Font-Family | 03:20
- Schriftart einbinden | 11:47
- Schriftquellen kostenlos | 12:14
- Schriftquellen kommerziell | 06:10
- Schriftgrößen | 10:01
- Zeilenhöhen | 07:18
- Ausrichtung und Silbentrennung | 06:21
- Zeile einrücken | 01:36
- Schriftstärke | 08:41
- Textformatierungen | 13:30
- Text-Dekoration | 06:00
- Links gestalten | 10:02
- Textschatten | 06:02
Pseudo-Elemente
- before & after | 10:46
- first line & first letter | 02:56
- selection & placeholder | 04:20
- Strukturpseudoelemente | 10:40
- Pseudoelemente in Formularen | 05:16
Formulare
- Formulare und Ihre Besonderheiten | 11:42
- Elemente gezielt ansprechen | 04:54
- Textfelder gestalten | 18:44
- Schaltflächen gestalten | 15:28
CSS Techniken
- Was sind Media Queries? | 09:27
- Was sind Custom Properties?
- Voreinstellungen im Browser
CSS Flex-Box
- Was ist Flexbox? | 05:41
- Abstand / Umbruch / Fließrichtung | 06:34
- Elemente ausrichten | 07:28
CSS Grid
CSS Generatoren
- Übersicht CSS Generatoren
CSS Tipps & Tricks
- Element durch Zustand identifizieren und bearbeiten
Schau Dir Videos aus dem Kurs an
Der Klick auf einen der Buttons öffnet ein Vimeo-Video
Was ist CSS?
CSS (Cascading Style Sheets) ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und Formatieren von Dokumenten, die in Markup-Sprachen wie HTML geschrieben sind, zu beschreiben. Es ermöglicht Webentwicklern und Designern, das Design und Layout von Webseiten zu kontrollieren.
HTML Facts & FAQ
Was benötige ich für Voraussetzungen, um den CSS Kurs machen zu können?
Um den Kurs “CSS Basics” erfolgreich absolvieren zu können, solltest du grundlegende Kenntnisse in HTML besitzen. Ein Verständnis dafür, wie Webseiten strukturiert sind, hilft dir, die CSS-Konzepte besser zu verstehen und anzuwenden.
Was brauche ich an Werkzeug für diesen Kurs?
Du benötigst einen Computer mit Internetzugang, einen modernen Webbrowser (wie Chrome, Firefox, Safari oder Edge) und einen Texteditor für die Entwicklung (wie Visual Studio Code, Atom, Sublime Text). Aber im Grunde geht es auch mit einem einfachen Text-Editor. Ansonsten ist spezielle Software erforderlich, da CSS direkt im Browser läuft.
Was kann ich nach dem CSS Kurs?
Nach Abschluss des Kurses wirst du in der Lage sein, Webseiten mit CSS stilvoll zu gestalten. Du lernst, wie du Layouts erstellst, Farben und Schriftarten anpasst und Elemente für eine ansprechende visuelle Präsentation positionierst. Deine Fähigkeit, HTML-Strukturen mit CSS zu verschönern, wird deutlich verbessert. Aber bedenke, wir stellen dir das Wissen zur Verfügung. Was du daraus machst, liegt bei dir! :-)
Wie lange dauert der CSS Kurs ?
Der Kurs ist so gestaltet, dass du in deinem eigenen Tempo lernen kannst. Er beinhaltet über 5 Stunden Video-Material. Mit ausreichend Pausen kannst du den Kurs innerhalb eines Tages absolvieren. Zum Meister wird man aber nur, wenn man sein Wissen regelmäßig anwendet. :-)
Mehr Webdesign für Einsteiger?
HTML Basics
CSS Basics
JavaScript Basics
jQuery Basics
PHP Basics
MySQL Basics
Jetzt Mitglied werden
für nur € 9,95* monatlich
oder einmal bezahlen und Zugang, solange es die Academy gibt. Inklusive aller neuen Updates, Video und Kurse für 349.- Euro.
Du entscheidest selbst. :-)
Über den Button unten kommst Du zum Bestellformular von Digistore24. Dort kannst Du Deine Mitgliedschaft bestellen und auch monatlich wieder kündigen. Die Abrechnung erfolgt über Digistore24!
*Preis inklusive Mehrwertsteuer
