Welche Software benötige ich, um eine Website zu erstellen?

In diesem Artikel legen wir dar, welche Softwarekomponenten Sie benötigen, wenn Sie eine Website bearbeiten, hochladen oder anzeigen.

Voraussetzungen: Sie sollten bereits wissen den Unterschied zwischen Webseiten, Websites, Webservern und Suchmaschinen.
Ziel: Lernen Sie, welche Softwarekomponenten Sie benötigen, wenn Sie eine Website bearbeiten, hochladen oder anzeigen möchten.

Zusammenfassung

Die meisten Programme, die Sie für die Webentwicklung benötigen, können Sie kostenlos herunterladen. Wir werden in diesem Artikel einige Links bereitstellen.

Sie benötigen Werkzeuge zum:

  • Erstellen und Bearbeiten von Webseiten
  • Hochladen von Dateien auf Ihren Webserver
  • Anzeigen Ihrer Website

Fast alle Betriebssysteme beinhalten standardmäßig einen Texteditor und einen Browser, die Sie zum Anzeigen von Websites verwenden können. In der Regel müssen Sie daher nur Software erwerben, um Dateien auf Ihren Webserver zu übertragen.

Aktives Lernen

Derzeit ist kein aktives Lernen verfügbar. Bitte ziehen Sie in Betracht, einen Beitrag zu leisten.

Vertiefen Sie Ihr Wissen

Erstellen und Bearbeiten von Webseiten

Um eine Website zu erstellen und zu bearbeiten, benötigen Sie einen Texteditor. Texteditoren erstellen und ändern unformatierte Textdateien. Andere Formate, wie RTF, ermöglichen das Hinzufügen von Formatierungen, wie Fett oder Unterstreichen. Diese Formate sind nicht geeignet, um Webseiten zu schreiben. Sie sollten sorgfältig überlegen, welchen Texteditor Sie verwenden, da Sie viel damit arbeiten werden, während Sie die Website entwickeln.

Alle Desktop-Betriebssysteme verfügen über einen grundlegenden Texteditor. Diese Editoren sind alle unkompliziert, bieten jedoch keine speziellen Funktionen für das Codieren von Webseiten. Wenn Sie etwas Anspruchsvolleres möchten, stehen zahlreiche Drittanbieter-Tools zur Verfügung. Drittanbieter-Editoren bieten oft zusätzliche Funktionen, darunter Syntaxfärbung, Autovervollständigung, zusammenklappbare Abschnitte und Codesuche. Hier ist eine kurze Liste von Editoren:

Betriebssystem Integrierter Editor Drittanbieter-Editor
Windows
Mac OS
Linux
ChromeOS

Hier ist ein Screenshot eines fortgeschrittenen Texteditors:

Screenshot von Notepad++.

Hier ist ein Screenshot eines Online-Texteditors:

Screenshot von ShiftEdit

Dateien im Web hochladen

Wenn Ihre Website für die öffentliche Anzeige bereit ist, müssen Sie Ihre Webseiten auf Ihren Webserver hochladen. Sie können Speicherplatz auf einem Server von verschiedenen Anbietern erwerben (siehe Was kostet es, etwas im Web zu machen?). Sobald Sie sich für einen Anbieter entschieden haben, wird dieser Ihnen die Zugangsdaten per E-Mail zusenden, in der Regel in Form einer SFTP-URL, eines Benutzernamens, eines Passworts und anderer Informationen, die für die Verbindung mit ihrem Server erforderlich sind. Beachten Sie, dass (S)FTP inzwischen etwas altmodisch ist und andere Hochladesysteme in Mode kommen, wie zum Beispiel RSync und Git/GitHub.

Hinweis: FTP ist von Natur aus unsicher. Sie sollten sicherstellen, dass Ihr Hosting-Anbieter die Nutzung einer sicheren Verbindung erlaubt, zum Beispiel SFTP oder RSync über SSH.

Das Hochladen von Dateien auf einen Webserver ist ein sehr wichtiger Schritt bei der Erstellung einer Website, daher decken wir es im Detail in einem separaten Artikel ab. Zurzeit hier eine kurze Liste von kostenlosen grundlegenden (S)FTP-Clients:

Betriebssystem FTP-Software
Windows
Linux
Mac OS
ChromeOS

Websites testen

Es gibt viele Webbrowser. Wenn Sie eine Website entwickeln, sollten Sie diese mindestens mit den folgenden wichtigen Browsern sowohl auf Desktop- als auch auf mobilen Plattformen testen, um sicherzustellen, dass Ihre Website für die meisten Menschen funktioniert:

Wenn Sie auf eine bestimmte Zielgruppe abzielen (z.B. technische Plattform oder Lokalisierung), müssen Sie die Website möglicherweise mit zusätzlichen Browsern testen, wie z.B. UC Browser oder Opera Mini.

Das Testen wird kompliziert, weil einige Browser nur auf bestimmten Betriebssystemen laufen. Insbesondere läuft Apple Safari auf iOS, iPadOS und macOS. Es ist am besten, Dienste wie Browsershots oder Browserstack zu nutzen. Browsershots erstellt Screenshots Ihrer Website, wie sie in verschiedenen Browsern aussehen wird. Browserstack gibt Ihnen vollen Fernzugriff auf virtuelle Maschinen, sodass Sie Ihre Website in den gängigsten Umgebungen und auf verschiedenen Betriebssystemen testen können. Alternativ können Sie Ihre eigenen virtuellen Maschinen einrichten, aber das erfordert einige Expertise.

Siehe Strategien zur Durchführung von Tests: Ein Testlabor einrichten für weitere Informationen.

Führen Sie unbedingt einige Tests auf einem realen Gerät durch, insbesondere auf echten mobilen Geräten. Mobile Geräte kosten natürlich Geld, daher empfehlen wir, Geräte in einem Team zu teilen, wenn Sie auf vielen Plattformen testen möchten, ohne zu viel auszugeben. Für skalierbare Cloud-Zugriffe auf reale Gerätetests empfehlen wir auch, einen Blick auf App Live: BrowserStack's Interactive Mobile App Testing platform zu werfen.

Nächste Schritte