1. Content Management

    WS 2022/2023 — 02/13 (20. Oktober 2022)

  2. Kollaborative Notizen

  3. Agenda 02/13 (20.10.2022)

    Vorbereitungen
    • Einrichten des Hetzner-Webspace
    Grundlagen
    • FTP & SSH
    • Projekte mit PHPStorm
    Aufgabe bis 27.10.2022 (online)
    • Einfache HTML-Seite zur Auffrischung

  4. Hetzner-Webspace

    • IP-Adresse unter Übersicht
    • Anlegen von Subdomains unter Übersicht › Subdomains
    • Anlegen von Datenbanken unter Übersicht › Datenbanken
    • SSH- & FTP-Benutzer unter Übersicht › FTP-Benutzer

  5. Domains & Subdomains

    • Domainnamen sind von rechts nach links zu lesen
    • . ist die Root-Domain (wird nicht gezeigt)
    • Es folgt eine Top-Level-Domain (TLD), z.B. de
    • Second-Level-Domains können gemietet werden (z.B. deinedomain)
    • Third-Level-Domains usw. = »Subdomains« (z.B. www)
    • Internet ↔ World Wide Web: www ist total 90er… → lasst es!

  6. Subdomains einrichten

    • Jede (Sub)Domain zeigt auf einen Ordner auf der Festplatte
    • Anlegen von 4 Subdomains
      • **start.**<deinedomain>.de → /public_html/start
      • **kirby.**<deinedomain>.de → /public_html/kirby
      • **typo3.**<deinedomain>.de → /public_html/typo3
      • **wordpress.**<deinedomain>.de → /public_html/wordpress
    • Die notwendigen Ordner auf dem Server werden automatisch angelegt

  7. FTP- & SSH-Zugang

    • Bei Hetzner sind die FTP- und SSH-Zugangsdaten zunächst identisch
    • Unter Übersicht › FTP-Benutzer bzw. Einstellungen › Logindaten
    • Der SSH-Zugang ist unveränderlich
    • Es können zusätzliche FTP-Benutzer angelegt werden
    • Schreibt euch Benutzername und Passwort heraus
      • SSH-Port ist bei Hetzner 222 (Standard: 22)
      • FTP-Port ist standardmäßig 21

  8. File Transfer Protocol (FTP)

    Übertragung von Ressourcen

    • Es wird ein FTP-Client benötigt, z.B. FileZilla (Windows)
    • Integriert in PHPStorm (IDE für Webprojekte)

  9. Secure Shell (SSH)

    • Verschlüsselte Konsolenverbindung zu entfernten Rechnern
    • Ausführen von Programmen über die Kommandozeile
      • Anlegen, Bearbeiten und Löschen von Dateien & Verzeichnissen
      • Verschieben und Kopieren
      • Archive entpacken und erzeugen
      • u.v.m.
    • Standard-Clients PuTTY / KiTTY (Download)
    • Umgang mit SSH

  10. PHPStorm

    • Entwicklungsumgebung für Webprojekte mit PHP-Fokus
    • Einrichten von Projekten
    • Hinterlegen von FTP-Verbindungen inkl. automatischem Upload

  11. Aufgabe bis 27.10.2022 (online)

    Domain hinterlegen

    • Nenne mir deine (Haupt-)Domain samt Name und Matrikelnummer, z.B. per E-Mail an joschi.kuphal@hs-ansbach.de
    • Stelle sicher, dass alle 4 angelegten Subdomains (start., kirby., typo3. und wordpress.) bei Hetzner eingerichtet sind
      • Noch gibt es dort nichts zu sehen …
      • Hetzner braucht zur Einrichtung womöglich eine Weile

  12. Aufgabe bis 27.10.2022 (online)

    Einfache HTML-Seite (1/2)

    • Entwickle im PHPStorm von Hand eine einfache HTML-Seite; nenne sie index.html
    • Die Seite soll so vollständig und vorbildlich strukturiert sein, wie du es kannst (das ist keine Prüfung, nur eine Grundlagenauffrischung)
    • Mindestinhalt: siehe nächste Folie
    • Speichere die Seite als index.html auf deinen Hetzner-Webspace unter /public_html/start, so dass sie beim Aufruf von http://start.<deinedomain>.de im Browser erscheint. Lege ggf. auch benötigte Ressourcen daneben (z.B. Bild).

  13. Aufgabe bis 27.10.2022 (online)

    Einfache HTML-Seite (2/2)

    • Die Seite soll jeweils mindestens einen der folgenden Inhalte beinhalten:
      • Überschrift
      • Textabschnitt
      • Link
      • Liste
      • Bild
    • Du kannst auch CSS nutzen (musst aber nicht)