Auf den ersten Blick:...

• HTML Grundlagen

  Sieh dir zum Anfang an, wie ein HTML-Dokument aufgebaut ist. In diesem Abschnitt lernst du die absoluten Grundlagen kennen.

  Jetzt starten
• Kostenlose Programme

  Um mit HTML, CSS und PHP produktiv zu arbeiten, braucht man gute Werkzeuge. Gerade am Anfang ist es hilfreich, sich eine zuverlässige Umgebung einzurichten, in der man direkt und unkompliziert loslegen kann.

  Werzeuge wählen
• Texte stylen

  In CSS kannst du das Aussehen von Text ganz gezielt anpassen – nicht nur durch Farben und Größen, sondern auch durch die Form der Buchstaben und mehr

  Wichtigste Eigenschaften
• Hosting deiner Seite

  Wenn du eine eigene Website starten willst brauchst du ein zuverlässiges Webhosting. Dabei stellt sich oft die Frage: Welcher Anbieter...

  Bedarf abchecken
• Neues Tutorial

  Interaktives Akkordeon. Lerne, wie du ein Akkordeon mit sanften Animationen selbst programmierst und Inhalte platzsparend präsentierst...

  zu den Tutorials
• HTML Tags

  Beim Erstellen moderner Webseiten ist es wichtig, auch auf die Struktur und Bedeutung des Inhalts zu achten. Dafür gibt es in HTML5 sogenannte semantische Tags...

  Wissen vertiefen
• Bilder und Medien

  Webseiten auf verschiedenen Bildschirmgrößen funktionieren lassen (Smartphones, Tablets, große Monitore), responsiv gestalten.

  Medien einbauen
• CSS Grid

  CSS Grid ist ein leistungsstarkes Layout-System, das es ermöglicht, Webseiteninhalte in einem zweidimensionalen Raster anzuordnen.

  komplexe Layouts erstellen
• CSS auslagern

  Wenn du Webseiten gestaltest, kommt früher oder später die Frage auf: Wie und wo schreibe ich eigentlich mein CSS? – Es gibt drei Möglichkeiten.

  CSS sauber trennen
• Links & Navigation

  Ein Link ist eine Verbindung von einer Stelle im Web zu einer anderen – egal ob zu einer anderen Seite, einem anderen Abschnitt oder sogar einer externen Website.

  Sprungmarken setzen
• JavaScript

  JavaScript ist eine Programmiersprache, die direkt im Browser läuft und Webseiten interaktiv macht. Während HTML Strukturen vorgibt und CSS das Design vorgibt, bringt JavaScript die Seite zum Leben.

  ein kleiner Einstieg
• PHP Serverseitig

  PHP ist eine Programmiersprache, die speziell für Webentwicklung konzipiert wurde. Während HTML im Browser des Nutzers dargestellt wird, läuft PHP auf dem Webserver.

  ein kleiner Einstieg
• Klassen und IDs

  Klassen und IDs helfen dir dabei, bestimmte Elemente gezielt zu gestalten. Um strukturierte und wiederverwendbare Layouts zu erstellen, ist das Verständnis beider Konzepte ein wichtiger Schritt.

  Klassen nutzen
• Boxmodell

  In CSS wird jedes HTML-Element als eine Rechteck-Box behandelt – egal ob ein Button, ein Absatz oder ein Bild. Deshalb nennt man das Ganze Box-Model.

  Aufbau des Box-Modells
• CSS Flexbox

  Die Flexbox ist ein CSS-Modell, das das Positionieren, Ausrichten und Verteilen von HTML-Elementen vereinfacht – die Größe der Elemente können sich dynamisch ändern (bei versch. Bildschirmgrößen).

  ein dynamische Layouts erstellen
• Webdesign erstellen

  Lass dir von mir eine Internetseite erstellen. Für private Projekte stehe ich dir gerne kostenlos zur Seite.

  Rainpearl - Web mit Leidenschaft