Arbeitsumgebung und HTML-Grundlagen

Arbeitsumgebung einrichten

• Visual Studio Code (Text-Editor) installieren
  https://code.visualstudio.com/
• FileZilla (FTP-Client) installieren
  https://filezilla-project.org/
  • Verbindung zum Server herstellen
• Seitenressourcen im Browser betrachten, Anleitungen für Safari, Firefox und Chrome

Die erste index.html

Jede:r Student:in erstellt eine index.html-Datei und füllt sie mit Inhalten:

• Fotografie <img> einer Zimmerpflanze (oder Haustier/Objekt)
• Eigener Name <h1> (oder der des in der Fotografie enthaltenen)
• Beschreibung der folgenden Fragen <h2> mit eigenen Worten:
  • Woraus besteht das Internet für dich?
  • Welcher digitale Ort ist dir verloren gegangen?
  • Wo im Internet fühlst du dich zuhause?
• index.html-Datei auf den Server laden

Erweiterung

• CSS: Farben von Hintergrund (background-color) und Schrift (color, font-size, line-height, letter-spacing) anpassen
• CSS: Schrift einbetten, siehe https://developer.mozilla.org/de/docs/Web/CSS/@font-face
• CSS: Layout anpassen (padding und margin)

Aufgaben

• Eigene index.html-Datei bis zum nächsten Termin abschließen
• Leseaufgabe: My website is a shifting house next to a river of knowledge. What could yours be? – von Laurel Schwulst