Projektdokumentation

Digitale Visitenkarte

Persönliche Webpräsenz mit Profil, Kontaktmöglichkeiten und Dokumenten, umgesetzt mit HTML und CSS auf einem eigenen Apache-Webserver.

Christian Payns · Privates IT-Praxisprojekt · Stand 09.11.2026

Projektaufbau anhand der vorhandenen Dokumentation aufbereitet

Ziel und Nutzen

Eine digitale Visitenkarte stellt persönliche und berufliche Informationen, ein Profilbild, Kontaktmöglichkeiten und herunterladbare Dokumente übersichtlich bereit. Das Projekt verbindet die Entwicklung einer responsiven Webseite mit dem Betrieb eines eigenen Webservers.

Technischer Aufbau

Die vorhandene Projektdokumentation beschreibt einen Dell OptiPlex 780 als Proxmox-Host. In einer virtuellen Maschine mit Debian 12 stellt Apache2 die statischen HTML- und CSS-Dateien bereit. Der externe Zugang wird in der Dokumentation über Nginx Proxy Manager und eine DuckDNS-Subdomain geführt. Inhalt, Gestaltung, Bilder und Dokumente werden getrennt abgelegt.

Komponenten und Aufgaben
WeboberflächeHTML5 für Inhalte und Navigation, CSS für Gestaltung und responsive Ansichten
Webserver und VMApache2 auf Debian 12 innerhalb einer Proxmox-Umgebung
VeröffentlichungReverse Proxy, Domainzuordnung und gesonderte Ordner für Bilder und Dokumente

Umsetzung

  1. Die Inhalte werden als Profil, Kontaktdaten und Dokumentenbereich geplant.
  2. Die Debian-VM erhält Apache2. HTML, CSS, Bilder und PDF-Dateien werden im Webverzeichnis strukturiert abgelegt.
  3. Navigation, Profilbild, Kontaktlink sowie Links zum Öffnen und Herunterladen von Dokumenten werden eingebunden.
  4. CSS passt die Darstellung an Desktop und Smartphone an. Der Reverse Proxy vermittelt den externen Zugriff auf den internen Webserver.

Prüfung und Ergebnis

Die ursprüngliche Dokumentation enthält einen Prüfplan für internen und externen Seitenaufruf, Profilbild, PDF-Anzeige, Download, Kontaktlink sowie Desktop- und Smartphone-Darstellung. Diese Punkte sind dort als erwartete Ergebnisse aufgeführt. Bei dieser Überarbeitung wurden die veröffentlichte Quell-PDF, die neue Online-Dokumentation, ihre Links und die PDF-Fassung geprüft. Die ursprüngliche VM und der damalige Proxy-Zugang wurden dabei nicht erneut getestet.

Betrieb und Wartung

Webinhalte und Dokumente werden zusammen mit der VM-Konfiguration gesichert. Nach Änderungen werden Navigation, Bildanzeige, Dokumentlinks und mobile Darstellung geprüft. Betriebssystem, Webserver und Proxy benötigen regelmäßige Aktualisierungen. Öffentlich abgelegte Unterlagen müssen für die Veröffentlichung vorgesehen sein.

Grenzen und nächste Schritte

Der frühere Listeneintrag nannte einen Raspberry Pi. Die aktuell hinterlegte Quell-PDF dokumentiert jedoch den Betrieb auf Dell-Hardware mit Proxmox und Debian. Diese Darstellung folgt dem beschriebenen Aufbau. Die statische Webseite bietet ohne zusätzliche Anwendung weder einen geschützten Upload noch eine dynamische Benutzerverwaltung.

Praktische Kenntnisse

HTML und CSS, responsive Webseiten, Linux-Grundlagen, Apache-Konfiguration, Virtualisierung, Reverse Proxy, Dokumentbereitstellung und nachvollziehbare Funktionstests.

Verknüpfte Projekte

Zugang und technische Quellen

Projekt aufrufen

Die Umsetzung und die Aufbereitung der Dokumentation wurden KI-gestützt unterstützt. Die Beschreibung stützt sich auf die vorhandene Projektkonfiguration, Betriebsnachweise und die genannten Prüfungen.