Welche Software benötigen Sie, um eine Website zu erstellen?

In diesem Artikel erklären wir, welche Softwarekomponenten Sie benötigen, wenn Sie eine Website bearbeiten, hochladen oder anzeigen.

Voraussetzungen: Sie sollten bereits den Unterschied zwischen Webseiten, Websites, Webservern und Suchmaschinen kennen.
Ziel: Erfahren Sie, welche Softwarekomponenten Sie benötigen, um eine Website zu bearbeiten, hochzuladen oder anzuzeigen.

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 Tools, um:

  • Webseiten zu erstellen und zu bearbeiten
  • Dateien auf Ihren Webserver hochzuladen
  • Ihre Website anzuzeigen

Nahezu alle Betriebssysteme enthalten standardmäßig einen Texteditor und einen Browser, mit denen Sie Websites ansehen können. In der Regel müssen Sie also nur Software für das Übertragen von Dateien auf Ihren Webserver erwerben.

Aktives Lernen

Es ist derzeit kein aktives Lernen verfügbar. Bitte ziehen Sie in Betracht, beizutragen.

Vertiefung

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 Ihnen das Hinzufügen von Formatierungen wie Fett- oder Unterstreichung. Diese Formate sind nicht geeignet für das Schreiben von Webseiten. Denken Sie darüber nach, welchen Texteditor Sie verwenden, da Sie während der Erstellung der Website viel damit arbeiten werden.

Alle Desktop-Betriebssysteme kommen mit einem einfachen Texteditor. Diese Editoren sind alle unkompliziert, bieten aber keine speziellen Funktionen für Webseitencodierung. Wenn Sie etwas Raffinierteres wollen, gibt es viele Drittanbieter-Tools. Drittanbieter-Editoren bieten oft zusätzliche Funktionen wie Syntaxhervorhebung, Auto-Vervollständigung, einklappbare Abschnitte und Codesuche. Hier ist eine kurze Liste von Editoren:

Betriebssystem Integrierter Editor Editor von Drittanbietern
Windows
Mac OS
Linux
ChromeOS

Hier ist ein Screenshot eines erweiterten Texteditors:

Screenshot von Notepad++.

Hier ist ein Screenshot eines Online-Texteditors:

Screenshot von ShiftEdit

Dateien im Web hochladen

Wenn Ihre Website für die Öffentlichkeit bereit ist, müssen Sie Ihre Webseiten auf Ihren Webserver hochladen. Sie können Platz auf einem Server von verschiedenen Anbietern erwerben (siehe Wie viel kostet es, etwas im Web zu machen?). Sobald Sie sich entschieden haben, welchen Anbieter Sie verwenden möchten, wird Ihnen der Anbieter die Zugangsinformationen per E-Mail zusenden, normalerweise in Form einer SFTP-URL, Benutzername, Passwort und anderen Informationen, die zum Verbinden mit deren Server benötigt werden. Beachten Sie, dass (S)FTP mittlerweile etwas altmodisch ist und andere Upload-Systeme populär werden, wie z.B. RSync und Git/GitHub.

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

Das Hochladen von Dateien auf einen Webserver ist ein sehr wichtiger Schritt bei der Erstellung einer Website, daher behandeln wir es ausführlich in einem separaten Artikel. Im Folgenden finden Sie eine kurze Liste kostenloser grundlegender (S)FTP-Clients:

Betriebssystem FTP-Software
Windows
Linux
Mac OS
ChromeOS

Testen von Websites

Es gibt viele Webbrowser. Wenn Sie eine Website entwickeln, sollten Sie sie zumindest mit den folgenden großen Browsern sowohl auf Desktop- als auch auf Mobilplattformen testen, um sicherzustellen, dass Ihre Website für die meisten Menschen funktioniert:

Wenn Sie eine bestimmte Gruppe ansprechen (z.B. technische Plattform oder Region), müssen Sie möglicherweise die Website mit zusätzlichen Browsern testen, wie 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 vollständigen Fernzugriff auf virtuelle Maschinen, so dass Sie Ihre Website in den gebräuchlichsten Umgebungen und auf verschiedenen Betriebssystemen testen können. Alternativ können Sie eigene virtuelle Maschinen einrichten, was jedoch etwas Fachwissen erfordert.

Weitere Informationen finden Sie unter Strategien für die Durchführung von Tests: Ein Testlabor zusammenstellen.

Führen Sie auf jeden Fall einige Tests auf einem echten Gerät durch, insbesondere auf echten mobilen Geräten. Mobile Geräte kosten natürlich Geld, daher empfehlen wir, Geräte innerhalb eines Teams zu teilen, wenn Sie auf vielen Plattformen testen möchten, ohne zu viel auszugeben. Für skalierbaren Cloud-Zugang zu echten Gerätetests würden wir auch empfehlen, einen Blick auf App Live: BrowserStacks interaktive mobile App-Testplattform zu werfen.

Nächste Schritte