Welche Software benötige ich, um eine Website zu erstellen?
In diesem Artikel erklären wir, welche Softwarekomponenten Sie benötigen, wenn Sie eine Website bearbeiten, hochladen oder anzeigen möchten.
| 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 stellen in diesem Artikel einige Links zur Verfügung.
Sie benötigen Werkzeuge, um:
- Webseiten zu erstellen und zu bearbeiten
- Dateien auf Ihren Webserver hochzuladen
- Ihre Website anzusehen
Nahezu alle Betriebssysteme bieten standardmäßig einen Texteditor und einen Browser, mit dem Sie Websites anzeigen können. Daher benötigen Sie normalerweise nur Software, um Dateien auf Ihren Webserver zu übertragen.
Aktives Lernen
Es sind derzeit keine aktiven Lernangebote verfügbar. Bitte ziehen Sie in Betracht, einen Beitrag zu leisten.
Vertiefen Sie sich
Webseiten erstellen und bearbeiten
Um eine Website zu erstellen und zu bearbeiten, benötigen Sie einen Texteditor. Texteditoren erstellen und ändern unformatierte Textdateien. Andere Formate, wie z.B. RTF, ermöglichen das Hinzufügen von Formatierungen wie Fett- oder Unterstreichung. Diese Formate sind nicht geeignet, um Webseiten zu schreiben. Sie sollten sich Gedanken machen, welchen Texteditor Sie verwenden, da Sie während der Erstellung der Website intensiv damit arbeiten werden.
Alle Desktop-Betriebssysteme verfügen über einen einfachen 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 wie Syntaxfärbung, Autovervollständigung, kollabierbare Abschnitte und Codesuche. Hier ist eine kurze Liste von Editoren:
| Betriebssystem | Eingebauter Editor | Drittanbieter-Editor |
|---|---|---|
| Windows | ||
| Mac OS | ||
| Linux | ||
| ChromeOS |
Hier ist ein Screenshot eines fortschrittlichen Texteditors:
Hier ist ein Screenshot eines Online-Texteditors:
Dateien ins Web hochladen
Wenn Ihre Website zur öffentlichen Ansicht bereit ist, müssen Sie Ihre Webseiten auf Ihren Webserver hochladen. Sie können bei verschiedenen Anbietern Speicherplatz auf einem Server kaufen (siehe Wie viel kostet es, etwas im Web zu machen?). Sobald Sie sich für einen Anbieter entschieden haben, sendet Ihnen der Anbieter in der Regel eine E-Mail mit den Zugangsdaten in Form einer SFTP-URL, eines Benutzernamens, Passworts und anderer Informationen, die zur Verbindung mit deren Server erforderlich sind. Beachten Sie, dass (S)FTP mittlerweile etwas altmodisch ist und andere Upload-Systeme, wie beispielsweise RSync und Git/GitHub, immer beliebter werden.
Hinweis: FTP ist von Natur aus unsicher. Sie sollten sicherstellen, dass Ihr Hosting-Provider die Verwendung einer sicheren Verbindung ermöglicht, z.B. SFTP oder RSync über SSH.
Das Hochladen von Dateien auf einen Webserver ist ein sehr wichtiger Schritt bei der Erstellung einer Website, daher behandeln wir ihn ausführlich in einem separaten Artikel. Hier ist vorerst eine kurze Liste von kostenlosen grundlegenden (S)FTP-Clients:
| Betriebssystem | FTP-Software | |
|---|---|---|
| Windows |
|
|
| Linux |
|
|
| Mac OS | ||
| ChromeOS |
|
|
Websites testen
Es gibt viele verfügbare Webbrowser. Bei der Entwicklung einer Website sollten Sie sie zumindest mit den folgenden großen Browsern auf Desktop- und Mobilplattformen testen, um sicherzustellen, dass Ihre Site für die meisten Menschen funktioniert:
Wenn Sie auf eine bestimmte Gruppe abzielen (z.B. eine technische Plattform oder ein Gebiet), müssen Sie die Site möglicherweise mit weiteren Browsern testen, wie UC Browser oder Opera Mini.
Das Testen wird kompliziert, da einige Browser nur auf bestimmten Betriebssystemen laufen. Insbesondere Apple Safari läuft auf iOS, iPadOS und macOS. Es ist am besten, Dienste wie Browsershots oder Browserstack zu nutzen. Browsershots erstellt Screenshots Ihrer Website, so wie sie in verschiedenen Browsern aussehen wird. Browserstack gibt Ihnen vollständigen 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 etwas Fachwissen.
Sehen Sie sich Strategien für die Durchführung von Tests: Ein Testlabor einrichten für weitere Informationen an.
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, die 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äte-Tests würden wir auch einen Blick auf App Live: BrowserStacks interaktive mobile App-Testplattform empfehlen.
Nächste Schritte
- Einige dieser Programme sind kostenlos, aber nicht alle. Finden Sie heraus, wie viel es kostet, etwas im Web zu machen.
- Wenn Sie mehr über Texteditoren erfahren möchten, lesen Sie unseren Artikel über wie man einen Texteditor auswählt und installiert.
- Wenn Sie sich fragen, wie Sie Ihre Website im Web veröffentlichen können, schauen Sie sich "Wie man Dateien auf einen Webserver hochlädt" an.