Das Internet

Materialien, Links, Videos

Beispiele zum Nachbauen

  1. HTML
    1. Basics, Textstrukturierung, Links: Überblick über die Einführungsphase
    2. Aufzählungen: Einfache Liste, Verschachtelte Listen, Verschachtelte Listen (verschiedene Arten)
    3. Tabellen: Einfache Tabelle, Tabelle mit TH-Elementen
    4. Medien: Bild, Audio, Video
  2. HTML+CSS
    1. Schriftart, Farben, Ausrichtung: Überblick über die E-Phase (in schön)
      • Schriftart ohne Serifen (sans-serif) (font-family)
      • Hintergrundfarbe hellblau (background-color)
      • unterer Rahmen bei Überschriften (border-bottom)
      • Schriftfarbe rot bei hervorgehobenen Wörtern (color)
    2. Aufzählungszeichen, Verschachtelung: Liste 1, Liste 2, Liste 3
      • Aufzählungszeichen ändern (list-style-type)
      • Elemente in Elementen auswählen
    3. Tabellen formatieren: Tabelle 1, Tabelle 2
      • Rahmen (border)
      • Zentrieren (margin: auto)
      • Zellen kollabieren (border-collapse: collapse)
    4. Zusammenspiel HTML und CSS: Medien
      • Container-Elemente (div)
      • CSS-Klassen
      • Box-Modell (margin, padding)
    5. Ganz einfaches Dropdown-Menu mit CSS: DropdownMenu
    6. Seitenlayout mit Flexbox: EinfachesLayout, MitSidebar, Mit2Sidebars
      • display: flex
      • flex-direction: column
      • flex: 1
  3. Formulare und PHP
    1. Daten übertragen mit POST-Methode
  4. Komplexere Beispiele:
    1. Neue Handy-Regelung an der (fiktiven) Turing-Schule

Bloggen auf WordPress.com.

Nach oben ↑

%d Bloggern gefällt das: