Die grundlegenden Werkzeuge für das Webdesign sind erstaunlich einfach. Abgesehen von einem Computer und einer Internetverbindung sind die meisten Tools, die Sie zum Erstellen einer Website benötigen, Softwareprogramme, von denen sich einige möglicherweise bereits auf Ihrem Computer befinden. Sie benötigen einen Text- oder HTML-Editor, einen Grafikeditor, Webbrowser und einen FTP-Client, um Dateien auf Ihren Webserver hochzuladen.
Auswählen eines einfachen Text- oder HTML-Editors
Sie können HTML in einem einfachen Texteditor wie Notepad in Windows 10, TextEdit auf dem Mac oder Vi oder Emacs in Linux schreiben. Sie geben den HTML-Code ein, speichern das Dokument als Webdatei und öffnen es in einem Browser, um sicherzustellen, dass es wie erwartet aussieht.
Wenn Sie mehr Funktionalität wünschen als in einem reinen Texteditor, verwenden Sie stattdessen einen HTML-Editor. HTML-Editoren erkennen Code und können Codierungsfehler erkennen, bevor Sie die Datei starten. Sie können auch schließende Tags hinzufügen, die Sie vergessen, und beschädigte Links hervorheben. Sie erkennen und unterstützen andere Programmiersprachen wie CSS, PHP und JavaScript.
Es gibt viele HTML-Editoren auf dem Markt, die von grundlegender zu professioneller Software variieren. Wenn Sie mit dem Erstellen von Webseiten noch nicht vertraut sind, funktioniert einer der WYSIWYG-Editoren (Was Sie sehen, was Sie sehen) am besten für Sie. Einige Editoren zeigen nur den Code an, aber bei einigen von ihnen können Sie zwischen Codierungsansichten und visuellen Ansichten wechseln. Hier sind einige der vielen verfügbaren HTML-Web-Editoren:
- Komodo IDE und seine benutzerfreundliche Oberfläche sind sowohl für Anfänger als auch für fortgeschrittene Webentwickler geeignet. Die Autocomplete-Funktion von Komodo IDE ist besonders für neue Entwickler von Vorteil, da sie Code für allgemeine Elemente wie Links schreiben kann. Die Software unterstützt die Farbcodierung verschiedener Codierungsarten wie HTML, CSS und vielen anderen Codierungssprachen. Komodo IDE ist eine plattformübergreifende Software, die unter Windows, Mac und Linux läuft.
- CoffeeCup HTML Editor ist für neue Entwickler gedacht, die mehr an Code lernen als an einer visuellen Schnittstelle interessiert sind. Dieser robuste Editor wird mit Vorlagen geliefert und verfügt über Validierungsprüfungen, um Ihren Code fehlerfrei zu halten. Es enthält Code-Vervollständigung und unterstützt andere Programmiersprachen, die Sie möglicherweise in Verbindung mit HTML verwenden. Anfänger werden es zu schätzen wissen, wenn die Software Fehler im Code aufdeckt, erklärt, warum sie aufgetreten sind, und dem Entwickler erklärt, wie er sie beheben soll. CoffeeCup HTML Editor läuft unter Windows.
- Mobirise ist ein HTML-Editor für Leute, die sich nicht mit Code beschäftigen wollen. Es geht darum, ein Thema auszuwählen und dann Elemente auf die Seite zu ziehen und dort abzulegen. Fügen Sie Text wie in einem normalen Texteditor hinzu und fügen Sie Bilder, Videos oder Symbole ein - alles ohne Code zu schreiben. Mobirise macht diesen Teil für Sie. Mobirise ist für Windows und Mac verfügbar und kostenlos.
Internetbrowser
Testen Sie Ihre Webseiten in einem Browser, um sicherzustellen, dass sie vor dem Starten der Seite wie beabsichtigt aussehen. Chrome, Firefox, Safari (Mac) und Internet Explorer (Windows) sind die beliebtesten Browser. Überprüfen Sie Ihren HTML-Code in so vielen Browsern wie auf Ihrem Computer und laden Sie auch weniger bekannte Browser wie Opera herunter.
Grafikeditor
Die Art des Grafik-Editors hängt von Ihrer Website ab. Obwohl Adobe Photoshop der Goldstandard für das Arbeiten mit Fotos ist, benötigen Sie möglicherweise nicht so viel Leistung. Sie können ein Vektor-Grafikprogramm für Logo- und Illustrationsarbeiten bevorzugen. Einige Grafik-Editoren, die Sie für grundlegende Webentwicklungsanwendungen beachten sollten:
- GIMP ist ein kostenloses Open-Source-Fotobearbeitungsprogramm, das viele Funktionen seiner teureren Mitbewerber bietet. Als Open Source-Software ist es für Windows, Mac und Linux verfügbar.
- Photoshop-Elemente für Mac und PC ist ein Bildeditor, der eine leichte Version seines Namensvetters ist, aber mit viel Leistung zum Arbeiten mit Grafiken für das Web ausgestattet ist.
- Corel PaintShop ProFür PCs gibt es fast alle nützlichen Tools, die Sie in Photoshop finden, und eine benutzerfreundliche Oberfläche.
- Inkscape für Windows, Mac und Linux ist ein kostenloser Vektorgrafik-Editor. Diese Alternative zum preisgünstigeren Adobe Illustrator bietet mehr als genug Leistung für einfache Designarbeiten und Webgrafiken.
FTP-Client
Sie benötigen einen FTP-Client, um Ihre HTML-Dateien und die unterstützten Bilder und Grafiken auf Ihren Webserver zu übertragen. Während FTP unter Windows, Macintosh und Linux über die Befehlszeile verfügbar ist, ist die Verwendung eines Clients viel einfacher. Es gibt viele gute FTP-Clients, darunter:
- FileZilla ist ein kostenloser FTP-Client für Windows, Mac und Linux. Es unterstützt Drag-and-Drop-Dateiübertragungen und verfügt über eine Funktion zum Anhalten und Wiederaufnehmen von Dateien zum Hochladen großer Dateien.
- Cyberduck ist eine kostenlose, quellübergreifende Open-Source-Software, die für ihre nahtlose Integration mit externen Editoren und ihre attraktive Benutzeroberfläche bekannt ist.
- Kostenloses FTP und Direktes FTP werden von derselben Firma hergestellt. Free FTP ist ein minimalistischer Client, erfüllt jedoch alle grundlegenden Anforderungen an die Dateiübertragung. Direct FTP ist eine Premium-Version, die erweiterte Funktionen bietet. Beide Versionen werden von Windows 7, 8 und Vista unterstützt, aber nur Direct FTP ist für Windows 10 geeignet.
- Übertragen ist ein erstklassiger, nur Mac-FTP-Client. Es ermöglicht ungewöhnlich schnelle Übertragungen und unterstützt Amazon CloudFront.
- Nettes FTP ist ein leistungsstarker Premium-FTP-Client, mit dem Sie bis zu 100 Übertragungen gleichzeitig durchführen können. Es wird als einer der sichersten FTP-Clients betrachtet.
