Grundlegende Tools für Webdesign

Sie brauchen nicht viel Software, um als Webentwickler durchzustarten

InhaltsverzeichnisErweitern

• Text-/HTML-Editor
• Internetbrowser
• Grafikeditor
• FTP-Client

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 schreiben, 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 einfacher Texteditor bietet, verwenden Sie stattdessen einen HTML-Editor. HTML-Editoren erkennen Code und sind in der Lage, Codierungsfehler zu identifizieren, bevor Sie die Datei starten. Sie können auch schließende Tags hinzufügen, die Sie vergessen, und defekte hervorheben Verknüpfungen . Sie erkennen und berücksichtigen andere Programmiersprachen wie CSS, PHP und JavaScript.

Die vielen HTML-Editoren auf dem Markt variieren von einfachen bis zu professionellen Niveaus. Wenn Sie neu im Schreiben von Webseiten sind, ist einer 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, andere ermöglichen es Ihnen, zwischen Codierungsansichten und visuellen Ansichten umzuschalten. Hier sind einige der vielen verfügbaren HTML-Web-Editoren:

Komodo IDEEund 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 Codierungssprachen wie HTML, CSS und viele andere. Komodo IDE läuft auf Windows, Mac und Linux .

Lebensdraht

CoffeeCup-HTML-Editorist besonders nützlich für neue Entwickler, die mehr daran interessiert sind, Programmieren zu lernen, als an einer visuellen Benutzeroberfläche. Dieser robuste Editor wird mit Vorlagen geliefert und verfügt über Validierungsprüfer, um Ihren Code fehlerfrei zu halten. Es enthält 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 sagt Ihnen, wie Sie sie beheben können. CoffeeCup HTML-Editor läuft unter Windows.

Lebensdraht

Mobiriseist ein HTML-Editor für Leute, die sich nicht mit Code beschäftigen wollen. Es dreht sich alles um die Auswahl eines Thema und ziehen Sie dann Elemente auf die Seite und legen Sie sie dort ab. Fügen Sie Text wie in einem normalen Texteditor hinzu und fügen Sie Bilder, Videos oder Symbole ein – alles ohne Code schreiben zu müssen; Mobirise übernimmt diesen Teil für Sie. Mobirise ist für Windows und Mac verfügbar und kostenlos.

Lebensdraht

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 Testwerkzeugen ist beispielsweise in Google Chrome unter verfügbar Aussicht > Entwickler > Entwicklerwerkzeuge . Wählen Sie das Smartphone-Symbol oben links im Entwicklerfenster aus, um jede Seite in unterschiedlich großen Fenstern und mobilen Betriebssystemen anzuzeigen.

Lebensdraht

Grafikeditor

Die Art des Grafikeditors, den 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 Sie sich für die grundlegende Webentwicklung ansehen sollten, sind:

GIMPist 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.

Lebensdraht

Photoshop-Elementefür Mac und PC ist eine Light-Version seines Namensvetters, hat aber viele Funktionen.Corel Paint Shop Profür PCs bietet fast alle Werkzeuge, die Sie in Photoshop finden, in einer benutzerfreundlichen Oberfläche.Inkscapefür Windows, Mac und Linux ist ein kostenloser Vektorgrafik-Editor. Diese Alternative zum teureren Adobe Illustrator bietet mehr als genug Funktionen 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 enthalten:

FileZilla(kostenlos) ist für Windows, Mac und Linux verfügbar. Es unterstützt Drag-and-Drop-Dateiübertragungen und verfügt über eine Pausen- und Fortsetzungsfunktion zum Hochladen großer Dateien.

Lebensdraht / Richard Saville

Cyberduckist eine kostenlose, plattformübergreifende Open-Source-Software, die für ihre nahtlose Integration mit externen Editoren und ihre attraktive Benutzeroberfläche bekannt ist.Kostenloses FTPund Direktes FTP werden von der gleichen Firma hergestellt. Free FTP ist ein minimalistischer Client, der grundlegende Dateiübertragungsanforderungen 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.

Lebensdraht

Übertragenist ein Premium-FTP-Client nur für Mac. Es ermöglicht ungewöhnlich schnelle Übertragungen und unterstützt Amazon CloudFront.Süßes FTPist ein leistungsstarker Premium-FTP-Client, mit dem Sie bis zu 100 Übertragungen gleichzeitig durchführen können. Es gilt als einer der sichersten verfügbaren FTP-Clients.