Inhalte

Uncategorized

In diesem Repository werde ich die Übungen, die wir gemeinsam machen und auch ggf später Lösungen zum Download zur Verfügung stellen: https://github.com/RebiRotti/abendkurs-2021/

Nachschlagenseiten

nützliche Browserplugins

  • Wappalyzer – Interested to know which websites use certain technologies?

Farbpicker

Praktische Links

Bilder, Icons

Spielerisch Lernen

16. + 18.09.2021

  • Kapitel 01 – Ziemlich beste Freunde: HTML und CSS
  • Kapitel 02 – Beispiel für das HTML/CSS-Team
    • Gestatten: die Beispielsite
    • Der HTML-Code für die Beispielseite
    • Einmal Gestaltung bitte – CSS-Code erklärt
  • Kapitel 03 – Fremden Code untersuchen, eigenen besser verstehen
  • Kapitel 04 – Ab ins Internet (self study)
    • Grundprinzip verstehen
    • Hosting – Begriffe und Fakten
    • Fehler beheben und Probleme lösen
  • Kapitel 05 – Gut strukturiert ist halb gewonnen
    • Kopf und Rumpf
      • Sprachangabe
      • Zeichensatzangabe UTF-8
      • Seitentitel – aber richtig
    • Grundlegende Techniken
    • Texte unterteilen
    • Inline-Elemente
  • Kapitel 06 – Bilder
    • Mehr als Worte: Bilder
      • Raster versus Vektor
      • Eine Frage des (Bild-)Formats
      • Das richtige Format für die richtige Situation
      • Bilder einbinden
  • Kapitel 07 – Links und Pfade
    • Verlinkungen
      • An bestimmte Stellen auf Seiten verlinken
  • Kapitel 09 – HTML mit CSS zusammenbringen
    • HTML und CSS verknüpfen
      • Externe Datei
  • Kapitel 11 – Schriften, Absätze und Listen formatieren
    • Schrift formatieren
      • Webfonts
    • Listen formatieren
  • Kapitel 13 – Hintergrundbilder
    • Hintergrundfarben und -bilder
    • Bildschirmfüllendes Hintergrundbild
  • Kapitel 15 – Flexbox
    • Flexbox für Layouts und Navigationsleisten

 

Einstieg

Flexbox

 

Weitere Info

23.09.2021

  • Kapitel 02 – Beispiel für das HTML/CSS-Team
    • Anpassungen für kleine Screens
  • Kapitel 05 – Gut strukturiert ist halb gewonnen
    • Kopf und Rumpf
      • Mehr meta
    • Struktur im Groben
  • Kapitel 06 – Videos
    • Mehr als Worte: Bilder
    • Bewegt: Videos
    • iframes: die guten Frames
    • Was auf die Ohren: Audio
    • Mehr Objekte
  • Kapitel 07 – Links und Pfade
    • Verlinkungen
    • Pfade – von hier nach dort und wieder zurück
  • Kapitel 08 – Formulare (Teil 1 input-Felder)
    • Von der Wiege bis zur Bahre – Formulare, Formulare

Querverweise

25.09.2021

 

  • Kapitel 08 – Formulare

     

    • Von der Wiege bis zur Bahre – Formulare, Formulare
  • Kapitel 09 – HTML mit CSS zusammenbringen
    • HTML und CSS verknüpfen
      • Eingebettete Stylesheets
      • Inline-Stile
      • Externe Stylesheets mit @import einbinden
    • Kommentare – in CSS (im Unterschied zu HTML)
    • Die Qual der Wahl – Elemente auswählen
    • Das Recht des Stärken – Spezifität verstehen
  • Kapitel 10 – CSS: Farben, Maßeinheiten und Vererbung
  • Kapitel 11 – Schriften, Absätze und Listen formatieren

Farben

Querverweise

09.10.2021

  • Kapitel 08 – Tabellen
    • Informationen in Reih und Glied – Tabellen
      • Grundlegender Aufbau von Tabellen
      • Tabellen fehlerfrei erstellen
      • Weitere Strukturierungselemente bei Tabellen
  • Kapitel 13 – Farbverläufe
    • Farbverläufe erstellen
      • Grundprinzip von Farbverläufen
      • Code für ältere Browser
      • Variationen für Farbverläufe

Querverweise

Tabellen

CSS Grundlagen

Farbverläufe

14.10.2021

  • Kapitel 12 – Kästchen messen
  • Kapitel 15 – Gridlayout
    • Rasterlayouts leicht gemacht mit Gridlayout
      • Erstes Raster
      • Gridlayout mit benannten Bereichen
      • Voll flexibles Raster
      • Ausrichten mit Gridlayout und Abstände zwischen Rasterzellen
  • Kapitel 16  – Responsives Webdesign
  • Kapitel 17 – Responsive Bilder

Querverweise

16.10.2021

Einführung in JavaScirpt

 CSS

21.10.2021

Funktionen mit Übergabe- und Rückgabeparameter, Schleifen

Querverweise

12.02.2022

Querverweise

19.02.2022

26.02.2022

05.03.2022

12.03.2022

Start Vertiefung