Online-Visitenkarte

vom 06. November 2019

Eine Online-Visitenkarte kann dann interessant werden, wenn noch keine Homepage existiert oder für sehr kleine Firmen oder Freelancer als Homepage-Ersatz. Die wichtigsten Informationen sind enthalten und wie bei Visitenkarte üblich, steht hier die Person im Vordergrund. Um meine kostenlose Online-Visitenkarte an die eigenen Bedürfnisse anzupassen, muss eine txt-Datei bearbeitet werden. OK, Bilder gibt es auch noch, dazu gleich mehr.

Ein Selfie als Porträtbild verwenden:

Fotos sind das A und O jeder Website, sei sie auch noch so klein. Was man als erstes braucht, ist ein vernüftiges Foto, wozu sich das Smartphone perfekt eignet. Wie man das macht, weiß inzwischen jedes Kind, jedoch wird das Foto quadratisch benötigt, was wiederum die Smartphone-Kamera von Haus aus kann. Neben den Einstellungen Video, Photo, Pano, etc. gibt es auch jene für Quadrat, die brauchen wir. Die erste Hürde wäre damit genommen, die zweite ist dann, das Bild auf 250x250 Pixel zu verkleinern, 72dpi hat es schon. Das ist mit den richtigen Apps auf dem Handy oder Computer keine Hexerei, am besten ist natürlich man hat eine Bildbearbeitung am PC, dann ist das schnell erledigt. Für das Logo gilt dasselbe, nur ist hier die Größe 120x70px. Wenn kein Logo gebraucht wird, z.B. für private Visitenkarten, nimmt man das „empty-logo.svg“ und benennt es um auf „logo-120x70px.svg“.

  • Das Porträtbild kommt in den images-Ordner als „portrait.jpg“
    • Das Logo kommt in den logo-Ordner als „logo-120x70.svg“

      Soviel zum schwierigsten Teil, um die Online-Visitenkarte zu personalisieren.

      So sieht die Vorderansicht der Online-Visitenkarte aus

      Download:

      Leider wirft die Datei Javascript-Fehler aus, weshalb ich sie derzeit nicht online stellen kann. Bitte schau später wieder vorbei.

      Was kann ich bei der Online-Visitenkarte alles ändern?

      • Sämtliche Texte
        • Porträtbild
          • Logo (kann auch weggelassen werden)
            • Hintergrundbild (Alternative Bilder zur Auswahl)
              • Social Media Icons/Links (max. drei Icons, aber auch weniger)

                Wichtig: Lokal auf dem Computer werden weder Texte noch Icons geladen. Für die Online-Visitenkarte wird ein einfacher Webserver benötigt, php oder MySQL-Datenbank sind nicht erforderlich.


                Personalisierte Texte in „load.txt“ einarbeiten:

                Eigentlich kann man diesen Bereich vergessen, da Texte zu bearbeiten keine große Sache ist. Es wird jedoch eine einfache Textverarbeitung wie Notepad (für Windows) oder TextEdit (für Mac) benötigt, um unformatierte txt-Dateien auszugeben. TextEdit ist am Mac standardmäßig vorhanden, wie das bei Windows ausschaut, entzieht sich meiner Kenntnis.

                Ein geeignetes Programm vorausgesetzt, kann sofort begonnen werden, die eigenen Texte einzuarbeiten. Dazu wird die Datei „load.txt“ geöffnet und wie im Beispiel ersichtlich, nur die rot eingefärbten Textteile überschrieben. Was man wo reinschreibt, ist völlig egal, aber mehr Zeilen sind leider nicht möglich.

                Wie die "load.txt" bearbeitet werden kann

                Es müssen nicht die maximal drei verfügbaren Links/Icons verwendet werden, es können auch nur zwei sein, oder eines. Um die Ausrichtung der Icons und das Erscheinungsbild der Online-Visitenkarte zu erhalten,