HTML lernen leicht gemacht: Die HTML-Dateien müssen ins Internet

In diesem Blogartikel zeige ich Ihnen, wie Sie Ihre HTML-Dateien ins Internet hochladen.

Wenn Sie Ihre HTML-Dateien erstellt haben, möchten sie diese wahrscheinlich ins Internet hochladen, damit sie für alle zugänglich sind. In diesem Blogartikel wird erklärt, wie Sie Speicherplatz im Internet bekommen, was ein Webhoster ist, was ein FTP-Programm macht und wie Sie HTML-Dateien barrierefrei mit dem FileZilla Client im Internet veröffentlichen können.

Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

Wie bekommt man Speicherplatz im Internet?

Um deine HTML-Dateien ins Internet hochzuladen, benötigen Sie Speicherplatz auf einem Server. Diesen Speicherplatz können Sie von einem Webhosting-Anbieter mieten. Ein Webhoster bietet Ihnen den Platz und die Infrastruktur, die Sie benötigen, um Ihre Webseite online zu stellen.

Was ist ein Webhoster?

Ein Webhoster (oder Hosting-Anbieter) ist ein Dienstleister, der Speicherplatz und Dienstleistungen für Webseiten im Internet anbietet. Sie mieten also einen Teil eines Servers, auf dem Sie Ihre HTML-Dateien speichern können. Bekannte Webhoster sind beispielsweise Strato, 1&1 IONOS und HostEurope.

Ich, Markus Lemcke, bin bei ALL-INKL.COM – Neue Medien Münnich und DomainFactory.

Wenn Sie Ihre HTML-Dateien im Internet veröffentlichen möchten, damit alle Menschen Ihre Webseite besuchen können, benötigen Sie einen Webhoster. Der Webhoster sorgt dafür, dass Ihre Webseite rund um die Uhr online ist und von überall auf der Welt erreichbar ist.

Was ist ein FTP-Programm?

FTP steht für „File Transfer Protocol“, was auf Deutsch „Dateiübertragungsprotokoll“ bedeutet. Es ist ein Standardverfahren, um Dateien zwischen Computern über das Internet zu übertragen. FTP ermöglicht es Ihnen, Dateien von Ihrem Computer auf einen Server hochzuladen (oder umgekehrt). Das ist besonders nützlich, wenn Sie Ihre Webseite ins Internet stellen möchten.

Vorteile einer Webseite im Internet

  1. Erreichbarkeit: Ihre Webseite ist rund um die Uhr und weltweit verfügbar. Jeder mit Internetzugang kann Ihre Inhalte jederzeit ansehen.
  2. Information teilen: Sie können Informationen, Dienstleistungen oder Produkte einfach mit vielen Menschen teilen.
  3. Online-Präsenz: Eine Webseite hilft Ihnen, im Internet sichtbar zu sein. Das ist wichtig, um potenzielle Kunden oder Interessenten zu erreichen.
  4. Kommunikation: Webseiten bieten verschiedene Möglichkeiten, mit Besuchern zu kommunizieren, z. B. über Kontaktformulare, Blogs oder Social Media.
  5. Marketing: Mit einer Webseite können Sie Ihre Marke stärken und online Marketing betreiben. Das kann mehr Besucher und potenzielle Kunden bringen.
  6. Verfügbarkeit von Diensten: Online-Shops, Buchungssysteme oder Informationsplattformen können über eine Webseite rund um die Uhr genutzt werden.

Eine Webseite im Internet zu haben, bietet viele Vorteile. Sie können Ihre Reichweite vergrößern, Informationen teilen und Ihre Online-Präsenz stärken.

Ein FTP-Programm ist ein Werkzeug, mit dem Sie Dateien von Ihrem Computer auf einen Server im Internet hochladen oder vom Server herunterladen kannst. FTP-Programme ermöglichen eine einfache Verwaltung deiner Webseiten-Dateien. Ein weit verbreitetes FTP-Programm ist der FileZilla Client.

Was ist ein barrierefreies FTP-Programm?

Allgemein gesagt, ist ein barrierefreies FTP-Programm, ein Programm, dass so programmiert wurde, dass es von Menschen mit unterschiedlichen Behinderungen bedient werden kann.

In diesem Kurs geht es darum, dass blinde Menschen lernen können, HTML zu programmieren. Deswegen muss, dass FTP-Programm, mit dem man die HTML-Dateien ins Internet lädt, barrierefrei sein.

Blinde Menschen nutzen einen Screenreader  um den Computer zu bedienen. Der Screenreader liest alles vor was auf dem Bildschirm zu sehen ist oder leitet das gelesene an eine Braillezeile weiter. Damit der Screenreader die Oberfläche einer Software lesen kann, muss der Entwickler die Softwareoberfläche mit Texten beschreiben, welche der Screenreader vorliest.

Da blinde Menschen keine Computermaus bedienen können, muss ein barrierefreies FTP-Programm nur per Tastatur bedienbar sein.

Das FTP-Programm, Filezilla Client, ist barrierefrei. Ich habe es erfolgreich mit dem Screenreader NVDA getestet und es ist auch komplett per Tastatur bedienbar.

Die wichtigsten Tastenkürzel von Filezilla Client finden Sie in folgender Tabelle:

Funktion Tastenkürzel
Serverliste Strg + S
Verbindung zum Server trennen Strg + D
Wiederverbinden Strg + R
Kontextmenü anzeigen Umschalt + F10
Überträgt das aktuell ausgewählte Element, wenn es sich um eine Datei handelt, oder erweitert es, wenn es sich um ein Verzeichnis handelt. Enter

Eine vollständige Liste der Tastaturkürzel gibt es hier:
Keyboard shortcuts – FileZilla Wiki

Filezilla Client  herunterladen und installieren

Öffnen Sie in Ihrem bevorzugten Browser die Webseite Filezilla herunterladen  und laden Sie die Installationsdatei herunter. Führen Sie die heruntergeladene Datei aus und folgen Sie den Installationsanweisungen. Nachdem das Programm „FileZilla“ installiert ist, starten Sie es.

HTML-Dateien barrierefrei ins Web hochladen mit FileZilla Client

Folgende schritte müssen Sie umsetzen um Ihre HTML-Dateien ins Internet hochzuladen.

Mit einem Server verbinden

Öffnen Sie den Servermanager und legen einen neuen Server an mit dem Schalter „Neuer Server“. Sie müssen den Namen des Servers eingeben, den Benutzernamen und das Passwort.

Beispiel:
Server: example.org
Benutzername: john
Passwort: 7PjU#.J3

Betätigen Sie den Schalter „Verbinden“ .

Die Webadresse Ihrer Webseite heißt in FileZilla Client „Server“. Bei mir steht zum Beispiel bei Server: marlem-software.de . Das www. Wird weggelassen.

Wenn Sie einmal obige Daten eingetragen haben, werden  diese Daten in der Software gespeichert. Sie können dann im Servermanager die entsprechende Verbindung auswählen und dann den Schalter „Verbinden“ betätigen.

Das Verzeichnis auswählen in dem Ihre HTML-Dateien sich befinden

Im Hauptfenster des Programmes gibt es links eine Lokale Ansicht. Hier befinden sich die Ordner und Dateien auf Ihrer Festplatte. Hier wählen Sie das Verzeichnis aus in dem sich Ihre HTML-Dateien befinden.

Verbindung zum Server herstellen

Auf der rechten Seite ist die „Server-Ansicht. Dieses Fenster ist momentan noch leer. Stellen Sie wie oben beschrieben eine Verbindung zum Server her. Jetzt sehen Sie im rechten Fenster Dateien, vielleicht auch Ordner die sich auf Ihrer Webseite bereits befinden. Wenn Sie den Web-Speicher frisch gemietet haben, dann ist das Verzeichnis leer.

Dateien bzw. Verzeichnisse hochladen

Um die Daten hochzuladen, wählen Sie in der lokalen Ansicht die gewünschten Dateien oder Verzeichnisse aus. Drücken Sie dann die Enter-Taste. Die ausgewählten Dateien oder Verzeichnisse werden nun auf den Server hochgeladen. Nach dem Upload sollten die Dateien und Verzeichnisse in der Liste des Serverinhalts auf der rechten Seite sichtbar sein.

Eine Datei bzw. ein Verzeichnis per Computermaus hochladen

Ich habe diesen Blogartikel geschrieben, um blinden Menschen zu zeigen, dass das FTP-Programm FileZilla Client mit einem Screenreader und einer Tastatur bedienbar ist. Natürlich kann das Programm auch mit einer Computermaus genutzt werden. Das Hochladen einer Datei oder eines Verzeichnisses mit der Computermaus ist ganz einfach:

In der lokalen Ansicht führen Sie einfach einen Doppelklick auf eine Datei oder ein Verzeichnis aus, und schon wird die Datei oder das Verzeichnis auf den Server hochgeladen.

Schlussbemerkung

Damit Sie Ihre HTML-Dateien im Internet zur Verfügung stellen werden können, benötigen Sie Speicherplatz und ein FTP-Programm. Das FTP-Programm FileZilla Client ist kostenlos und barrierefrei. Barrierefrei bedeutet, dass auch blinde Menschen in der Lage sind dieses Programm zu bedienen.

Wenn Sie Fragen zu obige Themen haben, schreiben Sie mir eine Mail an info@marlem-software.de oder rufen Sie mich an unter 07072/1278463 .

Weiterlesen

HTML lernen leicht gemacht: Ein inklusiver Kurs für alle

Autor: Markus Lemcke

Ich bin Markus Lemcke, Softwareentwickler, Webentwickler, Appentwickler, Berater und Dozent für barrierefreies Webdesign, barrierefreie Softwareentwicklung mit Java, C# und Python, Barrierefreiheit bei den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS.

Schreibe einen Kommentar