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 Nur-Text-Editor schreiben, wie z Notizblock unter Windows 10, TextBearbeiten und Sublime Text auf einem Mac oder Vi oder Emacs unter Linux. Sie erstellen die HTML-Codierung für die Seite, speichern das Dokument als Webdatei und öffnen es in einem Browser, um sicherzustellen, dass es so aussieht, wie es soll.
Wenn Sie mehr Funktionalität wünschen, als ein Nur-Text-Editor bietet, verwenden Sie stattdessen einen HTML-Editor. HTML-Editoren erkennen Code und können Codierungsfehler erkennen, bevor Sie die Datei starten. Sie können auch vergessene schließende Tags hinzufügen und defekte hervorheben
Links. Sie erkennen und unterstützen andere Programmiersprachen wie CSS, PHP und JavaScript.Die vielen HTML-Editoren auf dem Markt variieren vom einfachen bis zum professionellen Niveau. Wenn Sie neu beim Schreiben von Webseiten sind, ist eine der WYSIWYG (What You See Is What You Get) Editoren funktionieren möglicherweise am besten für Sie. Einige Editoren zeigen nur den Code an, bei anderen können Sie jedoch zwischen Codierungsansichten und visuellen Ansichten wechseln. Hier sind einige der vielen verfügbaren HTML-Webeditoren:
- 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 praktisch, wenn Sie Code für allgemeine Elemente wie Links schreiben. Die Software unterstützt die Farbcodierung verschiedener Programmiersprachen wie HTML, CSS und viele andere. Komodo IDE läuft auf Windows, Mac und Linux.
- CoffeeCup HTML-Editor ist besonders nützlich für neue Entwickler, die mehr daran interessiert sind, Code zu lernen als an einer visuellen Schnittstelle. Dieser robuste Editor wird mit Vorlagen und Validierungsprüfern geliefert, um Ihren Code fehlerfrei zu halten. Es beinhaltet Codevervollständigung und unterstützt andere Programmiersprachen Sie könnten in Verbindung mit HTML verwenden. Die Software hebt Fehler hervor, erklärt, warum sie aufgetreten sind, und erklärt Ihnen, wie Sie sie beheben können. Der CoffeeCup HTML-Editor läuft unter Windows.
- Mobirise ist ein HTML-Editor für Leute, die sich nicht mit Code beschäftigen wollen. Es dreht sich alles um die Auswahl eines Thema und dann Ziehen und Ablegen von Elementen auf der Seite. 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 erledigt diesen Teil für Sie. Mobirise ist für Windows und Mac verfügbar und kostenlos.
Internetbrowser
Websites können von Browser zu Browser unterschiedlich aussehen. Daher ist es wichtig, Ihre Webseiten zu testen, um sicherzustellen, dass sie wie beabsichtigt aussehen und funktionieren. Chrome, Firefox, Safari (Mac), Oper, und Edge (Windows) sind die beliebtesten Browser.
Sie müssen Ihre Seiten auch in mobilen Browsern auf Aussehen und Funktion testen. Die meisten Desktop-Browser bieten die Möglichkeit, Websites in unterschiedlich großen Fenstern anzuzeigen. Eine Fülle von Testtools ist beispielsweise in Google Chrome verfügbar unter Aussicht > Entwickler > Entwicklerwerkzeuge. Wählen Sie das Smartphone-Symbol oben links im Entwicklerfenster aus, um eine beliebige Seite in unterschiedlich großen Fenstern und mobilen Betriebssystemen anzuzeigen.
Grafikeditor
Welche Art von Grafikeditor Sie benötigen, hängt von Ihrer Website ab. Adobe Photoshop ist der Goldstandard, aber Sie benötigen möglicherweise nicht so viel Leistung – außerdem benötigen Sie möglicherweise ein Vektorgrafikprogramm für Logo- und Illustrationsarbeiten. Einige Grafikeditoren, die man sich für die grundlegende Webentwicklung ansehen sollte, sind:
- GIMP ist ein kostenloses Open-Source-Bildbearbeitungsprogramm, das viele der Funktionen seiner teureren Konkurrenten bietet. Wie Quelloffene Software, es ist für Windows, Mac und Linux verfügbar.
- Photoshop-Elemente für Mac und PC ist eine Light-Version seines Namensgebers, hat aber viele Funktionen.
- Corel PaintShop Pro für PCs bietet fast alle Tools, die Sie in Photoshop finden, in einer benutzerfreundlichen Oberfläche.
- Inkscape für Windows, Mac und Linux ist ein kostenloser Vektorgrafik-Editor. Diese Alternative zum teureren Adobe Illustrator bietet mehr als genug Möglichkeiten für einfache Designarbeiten und Webgrafiken.
FTP-Client
Sie benötigen einen FTP-Client (File Transfer Protocol), um Ihre HTML-Dateien und unterstützende Bilder und Grafiken auf Ihren Webserver zu übertragen. FTP ist über die Befehlszeile in Windows, Macintosh und Linux verfügbar, aber ein dedizierter FTP-Client ist viel einfacher zu verwenden. Die Spitze FTP-Clients einschließen:
- DateiZilla (kostenlos) ist für Windows, Mac und Linux verfügbar. Es unterstützt Drag-and-Drop-Dateiübertragungen und verfügt über eine Pause- und Wiederaufnahmefunktion zum Hochladen großer Dateien.
- Cyberduck ist eine kostenlose, quelloffene, plattformübergreifende Software, die für ihre nahtlose Integration mit externen Editoren und ihre attraktive Benutzeroberfläche bekannt ist.
- Kostenloser FTP-Zugang und Direktes FTP werden von derselben Firma hergestellt. Free FTP ist ein minimalistischer Client, der grundlegende Anforderungen an die Dateiübertragung erfüllt. 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 Premium-FTP-Client nur für Mac. Es ermöglicht ungewöhnlich schnelle Übertragungen und unterstützt Amazon CloudFront.
- Netter FTP ist ein leistungsstarker Premium-FTP-Client, mit dem Sie bis zu 100 Übertragungen gleichzeitig durchführen können. Es gilt als einer der sichersten FTP-Clients auf dem Markt.