Webseiteneditor mit grafischer Oberfläche.  Die besten kostenlosen HTML-Editoren

NeonHTML – Kostenloser HTML- und CSS-Editor mit visuellen Tools. Unterscheidet sich in der Funktionalität der Tools. Unterstützt XHTML. Ermöglicht schnelles und komfortables Bearbeiten: Syntaxhervorhebung, visuelle Erstellung von Tags in Dialogen. Die meisten Tools verfügen über eine Vorschau; eine Änderung der Parameter wirkt sich sofort auf die Darstellung in der Vorschau aus. Es gibt einen integrierten Browser, der verschiedene Auflösungen und Maßstäbe simuliert. Tool zur Suchmaschinenoptimierung (SEO) und Website-Ranking-Prüfer. Das Textvariationstool hilft bei der Werbung. Sehr gute Arbeit mit Farben – eine speziell erstellte Palette wie in Grafikeditoren, eine Liste der zuletzt verwendeten Farben, eine Liste der Seitenfarben, schnelle Farbbearbeitung mit einem Klick, sofortige Erstellung von Stilparametern mit Farbauswahl, Farb-Docker. Die Tools interagieren miteinander, dies gewährleistet eine schnelle Anpassung an die Benutzeroberfläche, Komfort und hohe Arbeitsgeschwindigkeit. Ersetzt die Tastatur nicht dort, wo sie nicht benötigt wird. Enthält keine Junk-Menüs.

________________________________________________________________________________

  • Programmfunktionen
    Unterstützt die wichtigsten Dateiformate – HTML, CSS, JS, PHP, SHTML, TXT und alle einfachen Textdateien
    Standardisiert für die Möglichkeit, XHTML zu bearbeiten
    Unterstützung für Windows-1251-, UTF-8-, KOI8-R- und KOI8-U-Kodierungen. Konvertieren einer Seite in eine andere Kodierung mit Meta-Tag-Transformation
    Mehrere Dokumente in einem Programm öffnen
    Suche und kontextbezogene Optimierung. Das Tool zeigt an, wie die Seite in der Antwort der Suchmaschine aussieht, was die Suchmaschine während der Indexierung sieht, Bewertung der Worthäufigkeit, Bearbeitung von Titel, Beschreibung und Schlüsselwörtern, schneller Übergang zu verschiedenen Google- und Yandex-Diensten, schnelle Überprüfung von TCI und PR, Textvariationstool usw.
    Mit dem visuellen Tabellenerstellungstool können Sie die Anzahl der Zellen auswählen und Zellen schnell mit der Maus zusammenführen
    Praktischer integrierter Browser basierend auf Internet Explorer mit zusätzlichen Funktionen zum Debuggen von Seiten
    Mit dem Texteditor können Sie Farbe, Stil und Schriftgröße visuell auswählen. Ohne über Tags nachzudenken, erhalten Sie den HTML-Code des Textes (für Anfänger, ersetzt nicht die manuelle Bearbeitung)
    Durch schnelles Einfügen von CSS-Optionen in Form eines Menüs und einer Popup-Liste werden verschiedene Optionen in den Stil eingefügt. Wenn der Parameter außerdem die Auswahl einer Farbe, einer Schriftart oder eines Dateipfads beinhaltet, werden automatisch die entsprechenden Tools und Dialoge aufgerufen
    Das Tool zur visuellen Schriftartenerstellung bietet viele Stiloptionen und eine sofortige Vorschau des Ergebnisses. Auswählen eines Anzeigehintergrunds, Unterstützen von Klassen, Speichern von Einstellungen als Schriftartvorlagen, Eingeben von Text, um das Ergebnis anzuzeigen. Das Tool generiert einen verkürzten oder vollständigen Stil und die erforderlichen Tags
    Das Arbeiten mit Farbe auf Seiten ist komfortabler geworden. Dank der Listen der neuesten Farben und aller Farben des Dokuments können Sie die Seite ganz einfach in einer Farbe halten. Das Farbmenü ist in alle Werkzeuge integriert, die das Arbeiten mit Farbe erfordern. Verbesserte (nicht standardmäßige) Palette, die speziell für eine einfachere Farbauswahl erstellt wurde
    Zeigen Sie Seitenressourcen bequem mit einem Klick auf einen Link an – sei es ein Bild, ein Flash-Film, eine externe CSS-Tabelle oder eine andere Seite. Darüber hinaus werden das CSS und die Seiten zur Bearbeitung in einem neuen Editor geöffnet. Dank der Unterstützung der Drag-and-Drop-Technologie können Sie ein Bild als Tag oder Hintergrund einfügen, indem Sie es einfach aus einem Ordner in den Editor ziehen
    Das Navigieren durch das Dokument in Form eines hierarchischen Tag-Baums hilft Ihnen, zum gewünschten Tag zu gelangen. Es kann verwendet werden, um Fehler in der logischen Struktur eines Dokuments zu identifizieren.
    Automatische Sammlung von Seitenklassen und externem CSS aus Links. In jedem Tool oder Code, in dem eine Klasse benötigt wird, wählen Sie sie einfach aus der Dropdown-Liste aus
    Das Nachrichtenprotokoll hilft Ihnen, dies herauszufinden und sich daran zu erinnern, die Tools in der entsprechenden Situation zu verwenden.
    Exportieren Sie die Seite und das CSS in komprimierter Form und behalten Sie dabei die gleiche Funktionalität bei. In diesem Fall wird das Dokument von unnötigen Leerzeichen, Einzügen, Zeilenumbrüchen usw. befreit.
    Verwenden von Codevorlagen. Nun kann aus dem ausgewählten Fragment der Rohling erstellt werden. Besonders gefragt sind Leerzeichen bei der Bearbeitung einer gesamten Website und bei der Suche nach nützlichen Codes, wenn man sich diese Codes dringend merken muss
    Überprüfen des Codes auf grobe Fehler – unbekannte und nicht geschlossene Tags, defekte und leere Links, Fehler in der Tabellenkonstruktion. Selbst wenn Sie sich Ihrer HTML-Kenntnisse sicher sind, kann es sein, dass die Seite aufgrund eines Tippfehlers einfach nicht funktioniert und es ziemlich schwierig sein kann, sie selbst zu finden
    Dateibereich auf der linken Seite zum Auswählen von Dateien im aktuellen Ordner
    Erstellen Sie Links mit Stilauswahl oder Klassenerstellung für vier Zustände (allgemein, einfach, verwendet, Cursor über).

    • Es gibt viele Möglichkeiten, eine eigene Website zu erstellen – von der Verwendung vorgefertigter Vorlagen auf Narod.ru bis hin zur Bewerbung für eine Anzeige wie „Website-Erstellung in zwei Tagen ab 300 Rubel“. Sogar ein Kind kann seinen eigenen Blog oder eine einfache Homepage erstellen. Deshalb kann sich fast jeder damit rühmen, eine eigene Website im Internet zu haben. Verschiedene Dienste stellen jedem Website-Builder zur Verfügung, mit denen er in Sekundenschnelle eine einfache persönliche Benutzerseite erstellen kann. Es gibt Hunderttausende solcher Seiten im Internet. In der Regel sind sie einander ähnlich und werden nicht erinnert. Für diejenigen, die kostenlose Online-Tools verwenden, um eine persönliche Internetseite zu erstellen, ist der Besitz einer Website meist ein Witz; die Leute erstellen eine Seite und vergessen sie. Der Inhalt darauf beschränkt sich in den meisten Fällen auf die Veröffentlichung von Fotos Ihres Hundes und ein paar Informationen „über sich selbst“.

    Eine andere Sache ist es, wenn eine Person ihre eigene Website als Kommunikationsmittel wahrnimmt, beispielsweise per Telefon oder Post. Eine eigene Website ist nützlich für jeden Unternehmer, der sein Unternehmen präsentieren möchte, einen praktizierenden Arzt, einen Anwalt, der seine eigene Sprechstunde eröffnet, ein Schulungszentrum usw. In diesem Fall muss die Seite originell und aussagekräftig sein und den Besuchern nützliche Informationen bieten. Um eine Website zu erhalten, die diese Anforderungen erfüllt, kommt man mit kostenlosen Homepage-Generatoren allein nicht aus. Es kann jedoch lange dauern, die Grundlagen der Webprogrammierung zu beherrschen. Sie können natürlich einen Fachmann beauftragen, der jede Seite nach Ihren Wünschen erstellt, aber diese Option hat einen ganz offensichtlichen Nachteil und ist daher für viele inakzeptabel.

    Visuelle Web-Editoren sind eine gute Möglichkeit, beim Erlernen der Webprogrammierung Zeit zu sparen und schnell eine Website zu erstellen und sie mit allen notwendigen Informationen zu füllen. Einerseits müssen Sie zum Erstellen eines Webprojekts mit einem solchen Programm keine besonderen Kenntnisse haben oder Programmierer sein. Andererseits bieten diese Arten von Anwendungen Raum für Kreativität und sorgen dafür, dass die Website nicht genau so aussieht wie Tausende andere. Die Arbeit visueller Web-Editoren basiert auf der WYSIWYG-Eigenschaft – What You See Is What You Get (What you see is what you get). Mit anderen Worten: Während des Bearbeitungsprozesses sehen Webseiten ungefähr so ​​aus, wie sie in einem Browser angezeigt werden.

    ⇡ WYSIWYG Web Builder 7.1.0

    • Entwickler: Pablo Software Solutions
    • Verteilungsgröße: 5,5 MB
    • Verbreitung: Shareware
    • Russische Schnittstelle: nein

    Mit WYSIWYG Web Builder und anderen visuellen Editoren erstellte Webseiten bestehen aus separaten Blöcken. Dies können Texte, Grafiken, Flash-Videos usw. sein. Der Benutzer muss lediglich die erforderlichen Blöcke auswählen und an geeigneten Stellen auf der Seite platzieren, und der Code wird automatisch vom Programm generiert.

    Wenn Sie keine Erfahrung im Webdesign haben, sollten Sie mit der Erstellung Ihres ersten Projekts im Programm mit einer vorgefertigten Vorlage beginnen. Standardmäßig verfügt WYSIWYG Web Builder über etwa zehn Vorlagen unterschiedlicher Art, mehrere Dutzend weitere können kostenlos von der offiziellen Website des Programms heruntergeladen werden. Nachdem Sie die Vorlage heruntergeladen haben, können Sie jedes Element davon bearbeiten.

    Dazu können Sie zahlreiche Werkzeuge verwenden, die sich auf der vertikalen Platte befinden. Der Einfachheit halber sind sie in Kategorien unterteilt: Navigation (Site-Baum, Navigationsmenü), Zeichnen (Linie, Kurve, Polygon), Multimedia-Tools (Flash Player, YouTube-Player, Java, OLE-Objekt), Tools für die Arbeit mit Webformularen (a Feld zum Einfügen eines CAPTCHA-Codes, ein Kontrollkästchen, eine Schaltfläche zum Herunterladen einer Datei, ein Feld zum Eingeben von Text), Paypal (verschiedene Schaltflächen zum Arbeiten mit diesem elektronischen Zahlungssystem) usw. Wenn Sie keine Kategorie von Tools in Ihrem benötigen Arbeit, können Sie sie minimieren, um Platz auf dem Bildschirm für gefragtere Tools freizugeben.

    Es lohnt sich, auf die Kategorie Extra zu achten. Es enthält Tools zum Erstellen einer Fotogalerie, zum Hinzufügen eines Abonnements für Nachrichten im RSS-Format, für Diashows und zum Durchsuchen der Website. Hier finden Sie eine ganze Sammlung vorgefertigter Javascript-Codeelemente. Dazu gehören verschiedene visuelle Effekte und nützliche Tools wie das Ermitteln der aktuellen Browserversion, das Anzeigen von Informationen darüber, wann eine Webseite zuletzt geändert wurde, und das Platzieren eines Links zum Lesezeichen der Seite.

    Trotz der Tatsache, dass der Benutzer beim Arbeiten im WYSIWYG Web Builder vorgefertigte Seitenelemente sieht, sieht die Site im Browser möglicherweise immer noch etwas anders aus als im Arbeitsfenster des Editors. Um das Erscheinungsbild der Seite schnell im Browser anzuzeigen, drücken Sie einfach die Taste F5. WYSIWYG Web Builder öffnet das Projekt im Standardbrowser des Systems. Wenn Sie Seiten in mehreren Browsern gleichzeitig anzeigen müssen, können Sie diese zur Liste hinzufügen.

    Normalerweise besteht eine Website-Vorlage aus mehreren Seiten. Zur bequemen Projektverwaltung verfügt das Programmfenster über ein spezielles Site-Manager-Panel, das einen Baum von Site-Seiten anzeigt. Mit den Werkzeugen dieses Bedienfelds können Sie neue Seiten basierend auf Vorlagen erstellen, zuvor auf Ihrer Festplatte gespeicherte Seiten hinzufügen, vorhandene Seiten kopieren, deren Eigenschaften anzeigen usw.

    Wenn Sie an einer Ressource arbeiten, die aus einer großen Anzahl von Seiten besteht, können Programmtools wie die Überprüfung von Links auf Funktionalität, die Schätzung der Seitengröße und ein Sitemap-Generator in Form einer XML-Datei, die im Stammverzeichnis der Site abgelegt wird, verwendet werden auch nützlich sein. Darüber hinaus kann Ihnen WYSIWYG Web Builder dabei helfen, alle Bilder und anderen Mediendateien, die auf Webseiten verwendet werden, an einem Ort zu sammeln.

    Obwohl WYSIWYG Web Builder selbst ein recht funktionaler Editor ist, finden Sie darin möglicherweise keine Tools. In diesem Fall lohnt sich ein Blick in die Erweiterungsgalerie – vielleicht ist das benötigte Tool als Plugin verfügbar. Für das Programm gibt es mehr als 250 Erweiterungen, Tendenz steigend. Erweiterungen werden von aktiven Benutzern des Editors geschrieben und im offiziellen Forum veröffentlicht. Beachten Sie, dass Sie mit der Testversion von WYSIWYG Web Builder keine Erweiterungen verbinden können. Dazu müssen Sie das Programm registrieren.

    ⇡ Webseitenersteller 3.21

    • Entwickler: www.webpage-maker.com
    • Verteilungsgröße: 3,66 MB
    • Verbreitung: Shareware
    • Russische Schnittstelle: nein

    Web Page Maker ist ein recht einfacher visueller Editor, der sich zum Erstellen einer kleinen Website mit mehreren Seiten eignet. Mit seiner Hilfe können Sie der Seite Texte, Vektorelemente, Grafikdateien, Videos in verschiedenen Formaten, Tabellen, Webformulare und andere bekannte Seitenelemente hinzufügen.

    Das Programm verfügt außerdem über vorgefertigte Optionen für ein so wichtiges Element jeder Website wie das Navigationsmenü. Web Page Maker enthält verschiedene Menüoptionen. Nachdem Sie das entsprechende ausgewählt haben, können Sie es sofort bearbeiten, indem Sie die Ausrichtung (horizontal oder vertikal), den Abstand zwischen Elementen, Text und Linkparameter angeben.

    Einige Elemente (z. B. dasselbe Navigationsmenü) sollten sich auf allen Seiten der Website befinden. Wenn Sie einen Block bearbeiten, können Sie ihn schnell auf allen Seiten des aktuellen Projekts platzieren oder die Seiten angeben, auf denen er vorhanden sein soll.

    Der Hauptteil des Programmfensters wird vom Arbeitsbereich eingenommen, und auf der rechten Seite befindet sich das Bedienfeld „Site-Inhalte“. Mit diesem Panel können Sie die Seiten der Website sowie einzelne Seitenelemente bequem verwalten. Auf der Registerkarte „Elemente“ werden alle Blöcke auf der Seite angezeigt. Wenn Sie auf jeden einzelnen klicken, können Sie sofort sehen, wo er sich befindet. Darüber hinaus können Sie für jedes Element sofort das Eigenschaftenfenster aufrufen oder unnötige Blöcke löschen. Was die Tools zum Erstellen einer Site-Struktur betrifft, ist die Möglichkeit zu erwähnen, eine neue Seite basierend auf einer vorhandenen Ressource im Internet zu erstellen. Sie müssen nur die Adresse angeben, und Web Page Maker lädt die Seite, teilt sie in Blöcke auf und stellt sie zur Bearbeitung zur Verfügung.

    Um Ihre Website lebendiger zu gestalten, können Sie Animationseffekte verwenden. Beispiele für vorgefertigten Javascript-Code finden Sie in der Web Page Maker-Bibliothek. Mit ihnen können Sie die Scrollfarbe des Fensters ändern, eine Uhr in der Ecke des Bildschirms platzieren, die die aktuelle Uhrzeit anzeigt, eine Diashow hinzufügen usw.

    Wenn die Arbeit an der Website abgeschlossen ist, kann das Projekt auf Ihrer Festplatte gespeichert oder sofort auf einen FTP-Server hochgeladen werden. Darüber hinaus ist hierfür kein zusätzlicher Client erforderlich – Web Page Maker verfügt über integrierte Tools für die Arbeit mit FTP.

    ⇡ CoffeeCup Visual Site Designer 6.06

    • Entwickler: CoffeeCup Software
    • Verteilungsgröße: 17,6 MB
    • Verbreitung: Shareware
    • Russische Schnittstelle: nein

    Die Entwickler von CoffeeCup Visual Site Designer leben wahrscheinlich nach dem Slogan „Verdienen Sie Geld mit allem, womit Sie Geld verdienen können.“ Daher müssen Sie bedenken, dass Sie beim Kauf dieses visuellen Editors für 49 US-Dollar nicht alle Funktionen erhalten, die Sie von den meisten anderen ähnlichen Programmen erwarten können.

    Daher enthält das Programm zehn Vorlagen. Um den Rest herunterzuladen, werden Sie gebeten, die Website des Entwicklers aufzurufen. Wenn Sie die entsprechende Seite öffnen, werden Sie feststellen, dass zusätzliche Vorlagen für jeweils 9 US-Dollar bezahlt und verkauft werden. Ähnliche „Überraschungen“ erwarten den Benutzer bei der Arbeit mit der Anwendung. Klicken Sie auf das Web-Formular-Builder-Tool und Sie werden feststellen, dass Sie weitere 39 US-Dollar bezahlen müssen, um es zu nutzen. Versuchen Sie, Ihrer Website eine Fotogalerie hinzuzufügen, und Sie werden feststellen, dass diese Funktion ebenfalls mit zusätzlichen Kosten verbunden ist.

    Die Standardversion des Programms ermöglicht Ihnen die Arbeit mit Text, Vektorelementen und Grafiken. Nach Auswahl eines Werkzeugs erscheint im vertikalen Bereich eine schwebende Palette mit ihren Einstellungen. Es bleibt auf dem Bildschirm, bis der Benutzer das Werkzeug wechselt. Dank dieses Ansatzes wird dem Arbeitsbereich der größtmögliche Platz zugewiesen.

    Gängige Webseitenelemente wie Zähler und Webformulare können im Programm nur mit einem Tool zum Einfügen von benutzerdefiniertem HTML-Code erstellt werden.

    Wenn Sie mit Vektorelementen (Pfeile, Polygone, Sterne, Beschriftungen usw.) arbeiten, können Sie deren Aussehen mit zahlreichen Werkzeugen ändern. Beispielsweise ist es möglich, die Transparenz zu ändern, einen Schatten hinzuzufügen, ein Objekt dreidimensional zu machen, es zum Leuchten zu bringen oder die Form zu ändern, wenn Sie den Mauszeiger darüber bewegen. Darüber hinaus können Sie die Füllung jedes Objekts anpassen und eine Textur hinzufügen.

    CoffeeCup Visual Site Designer verfügt über einen integrierten FTP-Client, mit dem Sie eine Site auf einen Remote-Server hochladen können. Wenn Sie nach dem Laden der Website Änderungen an einigen Seiten vornehmen möchten, können Sie die Datensynchronisierungsfunktion verwenden. In diesem Fall lädt das Programm die geänderten Seiten. Bei Bedarf können Sie die Site sogar vollständig vom Server löschen, ohne den CoffeeCup Visual Site Designer zu verlassen.

    ⇡ Website X5 Evolution 8

    • Entwickler: Incomedia
    • Verteilungsgröße: 15,3 MB
    • Verbreitung: Shareware
    • Russische Schnittstelle: ja

    Die meisten visuellen Editoren ähneln einander. Das hat seine Vorteile, denn wenn Sie eines dieser Programme erst einmal verstanden haben, werden Sie sich bereits sicher fühlen, wenn Sie sich später dazu entschließen, ein anderes auszuprobieren. Wenn Sie jedoch noch nie zuvor Websites erstellt haben, kann selbst der einfachste visuelle Editor zunächst viele Fragen aufwerfen, wie zum Beispiel: „Was sollten Sie zuerst tun?“, „Welche Programmtools sind die wichtigsten und welche Hilfsprogramme?“ usw.

    Das Programm WebSite X5 Evolution implementiert einen etwas anderen Ansatz zum Erstellen einer Website, wodurch viele Fragen von selbst verschwinden. Die Anwendung basiert auf dem Prinzip eines Schritt-für-Schritt-Assistenten, sodass ein unerfahrener Benutzer sicher sein kann, dass er nichts Wichtiges verpasst hat.

    Obwohl der Assistent Sie durch alle Phasen der Projekterstellung führt, kann der Benutzer bei Bedarf durch einige Phasen „springen“ und aus dem Seitenmenü die Aktionen auswählen, die er gerade ausführen möchte. Insgesamt gibt es fünf Etappen.

    Der erste enthält allgemeine Einstellungen. Hier werden also der Site-Name, der Autor und die Sprache eingegeben, Schlüsselwörter ausgewählt, das Favicon geladen, der Menütyp ausgewählt (horizontal oder vertikal), eine passende Vorlage ausgewählt (es gibt mehr als hundert Designoptionen im Programm). Bibliothek) und das Erscheinungsbild der oberen und unteren Seiten der Website wird festgelegt.

    Im zweiten Schritt wird vorgeschlagen, eine Sitemap zu erstellen, also deren Struktur zu durchdenken. Mit den Schaltflächen „Kopieren“ und „Einfügen“ in der Symbolleiste können Sie neue Seiten auf Basis bestehender Seiten erstellen. Hier können Sie festlegen, welche Ressourcenseiten ausgeblendet werden, und die Aktualisierungshäufigkeit für jede Seite festlegen.

    Durch einen Doppelklick auf den Seitentitel gelangen Sie zur nächsten Arbeitsstufe der Website und können hier direkt mit der Arbeit an deren Inhalt beginnen. Standardmäßig ist die Seite in vier Blöcke unterteilt, in die Sie jeweils ein Objekt einfügen können: Text, Grafikdatei, Diashow, Tabelle, Flash-Animation, Multimediadatei usw. Bei Bedarf kann die Anzahl der Blöcke auf der Seite erhöht oder verringert werden. Nachdem Sie ein Objekt auf der Seite platziert haben, müssen Sie dessen Einstellungen festlegen, z. B. den Pfad zur Grafikdatei angeben, Text eingeben usw. Alle diese Vorgänge müssen für jede Seite durchgeführt werden.

    In der vierten Phase bietet WebSite

    Zu den angebotenen Funktionen gehört auch ein Element wie „E-Commerce-Warenkorb“. Damit können Sie schnell Ihren eigenen Online-Shop erstellen. In den Einstellungen können Sie schnell Produktkategorien erstellen, Lieferbedingungen definieren, Zahlungsoptionen auswählen, eine Lizenzvereinbarung einfügen und das Erscheinungsbild von Shop-Elementen anpassen.

    Der letzte Schritt besteht schließlich darin, das Projekt zu exportieren. Die fertige Website kann auf Ihrer Festplatte gespeichert oder sofort auf einen FTP-Server hochgeladen werden. Darüber hinaus bietet das Programm die Möglichkeit, Projektdateien zu speichern, um sie auf einen anderen Computer zu übertragen. Beachten Sie, dass das erstellte Projekt jederzeit im programmeigenen Format gespeichert werden kann.

    Die vielleicht einzige Unannehmlichkeit bei der Arbeit mit WebSite X5 Evolution ist die fehlende Möglichkeit, Seiten im Browser in der Vorschau anzuzeigen. Wenn Sie sehen möchten, wie die Site aussehen wird, können Sie die Testfunktion verwenden, die Erstellung des Projekts dauert jedoch einige Zeit. Darüber hinaus generiert das Programm Seiten in einem eigenen Viewer, der auf der Internet Explorer-Engine erstellt wurde.

    ⇡ KompoZer 0.7.10

    • Entwickler: Fabien Cazenave
    • Verteilungsgröße: 7,9 MB
    • Verteilung: kostenlos
    • Russische Schnittstelle: ja

    KompoZer ist ein kostenloser visueller Open-Source-Webeditor. Das Programm ist nicht nur für Windows, sondern auch für Mac sowie für Linux verfügbar. Der Editor wird auf der Gecko-Engine erstellt, auf der der bekannte Firefox-Browser ausgeführt wird. Das bringt eine Reihe von Vorteilen mit sich: Erstens unterstützt die Engine moderne Webstandards wie XML, CSS und JavaScript perfekt. Zweitens können die Fähigkeiten des auf Gecko basierenden Editors durch Plug-Ins erweitert werden.

    Vielleicht ist das erste Add-on, das Sie installieren möchten, ein Lokalisierungspaket für Russisch. Die Installation erfolgt auf die gleiche Weise wie die Installation von Plugins für Firefox: Im Menü „Extras“ müssen Sie den Befehl „Erweiterungen“ auswählen und dann den Pfad zur heruntergeladenen Lokalisierungsdatei mit der Erweiterung .xpi angeben. Nach der Installation des Plugins müssen Sie das Programm neu starten, woraufhin die Benutzeroberfläche auf Russisch wechselt.

    Das Programm verfügt über einen integrierten FTP-Client und kann nicht nur zum Hochladen eines fertigen Projekts, sondern auch zum schnellen Bearbeiten von Seiten einer bereits auf dem Server gehosteten Site verwendet werden. Durch Angabe Ihrer Server-Anmeldeinformationen können Sie durch die Verzeichnisstruktur navigieren und Seiten zum Bearbeiten auswählen. Ihr Inhalt wird in das KompoZer-Fenster geladen und kann im Handumdrehen bearbeitet werden.

    KompoZer ermöglicht das gleichzeitige Arbeiten mit mehreren Seiten. Jeder von ihnen öffnet sich in einem separaten Tab, zwischen dem Sie schnell wechseln können. Jede Seite verfügt über einen eigenen Verlauf von Stornierungs- und Rückgabeaktionen. Anhand des Symbols im Tab-Header können Sie sofort erkennen, ob Änderungen am Inhalt der Seite vorgenommen wurden, die noch nicht gespeichert wurden.

    Obwohl KompoZer den Code für Webseiten automatisch generiert, können Sie ihn überprüfen und bei Bedarf einige Änderungen vornehmen. Unten auf jeder Seite befinden sich Registerkarten, mit denen Sie zwischen der visuellen Anzeige der Seite und der Codeanzeige wechseln können.

    Standardmäßig werden die am häufigsten verwendeten Tools in der Programmsymbolleiste angezeigt: Hinzufügen eines Hyperlinks, Einfügen eines Bildes, Tabellen, Tools zum Erstellen von Webformularen usw. Wenn Sie möchten, können Sie das Erscheinungsbild dieses Bedienfelds ändern (z. B. indem Sie die Symbole verkleinern) und ihm auch einige andere Tools hinzufügen.

    Obwohl es sich bei KompoZer um einen visuellen Webeditor handelt, ist er im Allgemeinen für Benutzer konzipiert, die bereits Erfahrung mit der Erstellung von Websites haben. Vorgefertigte Vorlagen und Beispiele für Navigationsmenüs finden Sie darin nicht, dafür ist ein leistungsstarker CSS-Editor in das Programm integriert, es gibt Tools zur HTML-Codeprüfung und zur Rechtschreibprüfung.

    ⇡ BestAddress HTML Editor 17

    • Entwickler: Multimedia Australia
    • Verteilungsgröße: 7,1 MB
    • Verbreitung: Shareware
    • Russische Schnittstelle: nein

    Wenn sich ein Benutzer dazu entschließt, einen Bereich zu studieren, zum Beispiel Computergrafik, Videobearbeitung oder Programmierung, fragt er erfahrenere Kameraden oft, mit welchem ​​Programm man am besten mit dem Erlernen eines neuen Handwerks beginnen kann. In manchen Fällen ist es tatsächlich besser, zunächst einfache Tools zu verwenden und dann, nachdem man deren Fähigkeiten verstanden hat, zu fortgeschritteneren Editoren überzugehen. Was BestAddress HTML Editor 2010 Professional betrifft, können wir sagen, dass dieses Programm alle Chancen hat, das erste und letzte Tool für einen unerfahrenen Webentwickler zu werden.

    Das Arbeiten im visuellen Konstruktionsmodus einer Webseite ähnelt der Arbeit mit einem Designer – Sie können die Größe und Farben von Elementen unabhängig festlegen, Schaltflächen, Grafiken, Menüs und andere Website-Komponenten nach Ihrem Ermessen platzieren. Mit praktischer Formatierung, fast wie in einem Texteditor, lässt sich die Position beliebiger Seitenelemente steuern. Im BestAddress HTML Editor 2010 Professional finden Sie keine Vorlagen, Sie können jedoch eine Webseite herunterladen, die sich unter der angegebenen Adresse befindet. Sobald Sie die Seite im Programm geöffnet haben, können Sie sie bearbeiten.

    Der Editor kann ein Projekt automatisch auf den Server hochladen – hierfür nutzt das Programm den mitgelieferten FTP-Client Digital FTP Access.

    BestAddress HTML Editor 2010 Professional enthält außerdem professionelle Tools zum Schreiben von Code. Anfänger, die verstehen möchten, wie HTML-, CSS-, Java- und PHP-Code funktionieren und schreiben, können auf die Dokumentation zurückgreifen. Es beschreibt die wichtigsten Regeln zum Schreiben von Code, wie z. B. den Zweck von Tags, Beispiele für einfache Operationen usw. Einfache und verständliche Lektionen vermitteln einen kurzen Einblick in die Struktur von HTML und bringen den Anfänger auf den neuesten Stand.

    ⇡ Fazit

    Mit den in diesem Testbericht besprochenen Programmen können Sie schnell Ihre eigene Website erstellen und im Internet platzieren. Es sollte beachtet werden, dass alle diese Anwendungen lediglich Werkzeuge in den Händen des Benutzers sind. Ob die Seite die Aufmerksamkeit der Besucher auf sich zieht, ob sie ein zusätzlicher Baustein für den Geschäftserfolg wird, hängt allein von der Vorstellungskraft des Autors und seinem Wunsch ab, das Begonnene zu verbessern. Und damit die Website Ihren Erwartungen gerecht wird, muss Ihr Unterfangen natürlich erfolgreich sein, und das wünschen wir allen!

    Mit der Entwicklung von Computerprogrammiersprachen im qualitativen und quantitativen Sinne entstand die Notwendigkeit, visuelle Codedaten auf Informationsausgabegeräten zu systematisieren, um die Produktivität und Effizienz von Entwicklern zu steigern.

    Die Geschichte der Entwicklung von Softwareentwicklungstools reicht Jahrzehnte zurück. Die Menschheit hat einen langen Weg zurückgelegt: von der Präsentation von Informationen auf Papier und Lochstreifen bis hin zur Präsentation mithilfe moderner Entwicklertools, die Code auf einem Monitor und grafische Darstellungen der Funktionsweise des Codes darstellen und die Möglichkeit bieten, ihn zu manipulieren.

    Moderne Programmcode-Editoren haben ihre Funktionalität von visuellen Texteditoren sowie von speziellen Textentwicklungstools übernommen, die in verschiedenen Compilern enthalten sind. Von Texteditoren bis hin zu Office-Suiten haben moderne Mittel zur Entwicklung von Internetseiten das Beste auf dem Gebiet der Darstellung von Text- und Grafikinformationen auf einem Computerbildschirm übernommen. Code-Editoren für Internetseiten haben von spezialisierten Editoren, die in Programm-Compilern enthalten sind, beispielsweise in Pascal oder C, die Fähigkeit übernommen, Syntax hervorzuheben und Codeelemente zu ersetzen.

    Indem sie Funktionen von beiden Vorfahren übernahmen, begannen sich die Webseiten-Editoren zusammen mit ihren Eltern weiterzuentwickeln. Einige Editoren haben mehr Möglichkeiten zur grafischen Darstellung von Informationen auf dem Bildschirm und zur Manipulation bereits ausgeführten Codes übernommen. Der andere Teil hat eine Vielzahl von Möglichkeiten zur Syntaxhervorhebung und Substitution von Programmcode in verschiedenen Sprachen in Form von Rohtext aufgenommen. Einige Anwendungen kombinieren Funktionen beider Vorgänger harmonisch.

    Texteditoren für die Webentwicklung werden üblicherweise als Programme bezeichnet, die die besten Qualitäten der Arbeit mit Code und Syntaxhervorhebung in verschiedenen Sprachen beherrschen. Um Anwendungen im Internet zu programmieren, werden spezielle Entwicklertools verwendet, die mit HTML-, CSS-, PHP- und JavaScript-Daten arbeiten können.

    Mir persönlich gefällt das ganze Tanzen mit dem Tamburin nicht. Ich würde lieber ein fertiges Programmierprodukt verwenden, als es selbst zu erstellen. Aber das ist meine Meinung. Vielleicht finden Sie im Internet vorgefertigte spezielle Assemblies von Vim und Linux, die speziell für Sie erstellt wurden und bereits Add-Ons enthalten, aber die offizielle Version von Vim ist meiner Meinung nach kein spezielles Tool zum Entwickeln von Anwendungen für das Internet.

    Gedit (Windows, Mac, Linux)

    Gedit ist im Vergleich zu Vim ein fortschrittlicherer Editor, der speziell für den Gnome-Fenstermanager unter Linux entwickelt und später auf andere Betriebssysteme migriert wurde. Als Linux-Benutzer habe ich die Verwendung dieses Produkts zugunsten anderer Anwendungen aufgegeben, da ich Kodierungen überwinden musste, die in diesem Editor unter Linux nicht unterstützt werden. Ein normaler Mensch hat einfach keine Zeit zu verlieren. Alle Linux-Anwendungen haben dieses Problem, für das es keine universelle Lösung gibt.

    Standardmäßig gibt es Funktionen für Webentwickler:

      Satzstellung markieren

    • rote Linie

    Weitere Plugins, die im Internet zu finden sind:

      Tags automatisch schließen.

      HTML-Code-Inspektor

      Fließtextgenerator

      Reguläre Ausdrücke für Suche und Autokorrektur

      Browser-Code-Passing-Integration

    Für Windows-Benutzer ist dies eine etwas ungewöhnliche Lösung, aber für Linux-Betriebssystemliebhaber ist dies ein vertrautes Tool.

    Fraise (Mac)

    Der einfach zu bedienende und nicht mit Funktionen überladene Editor für Mac Fraise enthält die notwendigen Tools für die einfache Entwicklung von Anwendungen für das Web ohne zusätzliche Plugins:

      Satzstellung markieren

      Bequemes Arbeiten mit Blöcken

      Suchen und ersetzen

      Blöcke zur schnellen Eingabe von HTML- und CSS-Tags

      Eingebauter Browser mit automatischer Aktualisierungsfunktion beim Ersetzen von Stilen

      Tags per Knopfdruck schließen.

      HTML-Inspektor

    Dieser Editor wurde speziell für Mac entwickelt und ist ein guter Ersatz für einen Standard-Texteditor. Da es sich um eine Smultron-Anwendung handelt, funktioniert sie nur auf späteren Versionen von Mac OS oder wenn Smultron installiert ist.

    TextWrangler (Mac)

    Professionelle Entwicklungsumgebungen und ihre Zweige

    Komodo Edit (Windows, Linux, Mac)

    Der Funktionsumfang dieses Programms ist einem parallelen kommerziellen Projekt entlehnt und wird durch zusätzliche Plugins erweitert, sodass es nahezu unbegrenzt ist. Doch was brauchen wir von einem idealen Editor für die Entwicklung von Webanwendungen? Es verfügt über alles, was Sie zum komfortablen Arbeiten mit jedem Programmcode benötigen. Was mich nicht entspannt, ist, dass die Hersteller nicht die Möglichkeit vorgesehen haben, den Code in zwei Fenstern gleichzeitig anzuzeigen. Dies macht die Arbeit mit dem Code nicht so komfortabel. Persönlich mag ich es nicht, das Rad neu zu erfinden, und es fällt mir leichter, wenn ich bereits Quellcode vor mir habe, der in einem parallelen Fenster verbessert werden kann.

    Die Funktionen von Komodo Edit sind in der kostenlosen Version begrenzt, mit eher bescheidener Funktionalität im Vergleich zur Komodo IDE, aber was Komodo Edit uns konkret bieten kann:

      Unterstützung für Syntaxhervorhebung in den meisten Webprogrammiersprachen

      Autovervollständigung und schließende Tags

      Dateimanager und Projektmanager.

      FTP ist ein Client, der mit verschiedenen Protokollen arbeitet.

      Integrierter Browser zum Anzeigen von Arbeitsergebnissen.

      Suchen und ersetzen Sie Funktionen durch reguläre Ausdrücke.

      Mehrfensteroberfläche mit Registerkarten

      Überprüfen Sie den HTML-Code auf Ordnung

    Die Funktionalität beschränkt sich bei weitem nicht darauf und wird somit jedem Bedarf gerecht. Allerdings mag das Programm selbst für Linux-Benutzer etwas umständlich erscheinen. Tatsache ist, dass ein integrierter Browser und ein FTP-Client nicht genau das sind, was von einem Texteditor erwartet wird. Es gibt Programme, die diese Aufgaben deutlich besser bewältigen als integrierte Lösungen. Warum brauche ich einen Kühlschrank, wenn ich nicht rauche? Dieser Maximalismus bei der Umsetzung des idealen Texteditors signalisiert meiner Meinung nach eine Krise im Wachstum der Fähigkeiten von Komodo.

    Bluefish-Editor (Windows, Linux)

    Bluefish Editor – möglicherweise gibt es auch ein Analogon für Mac. Vielleicht die einzige entwicklungstechnische Lösung für Linux, die zur Lösung jedes Problems geeignet ist, aber in meinem Fall erwies sich der blaue Fisch bei der Arbeit mit Suche und Ersetzung und in allen anderen Fällen als sehr umständlich und langsam. Generell ähnelt die Funktionalität des Programms den Funktionen von Aptana Studio. Dieses Programm richtet sich an Profis. Es ist unmöglich, alle Funktionen aufzulisten. Daher erfordert die Einrichtung bestimmte Fähigkeiten, die mir offenbar nicht ausreichen, um die Arbeit damit angenehm zu gestalten. Der Hauptnachteil dieses Editors ist meiner Meinung nach seine Langsamkeit und Unbeholfenheit, worauf ich näher eingehen sollte.

    Aptana Studio (Windows, Linux, Mac)

    Aptana Studio ist ein noch tollpatschigeres Universalmonster, das sich bei der Arbeit mit Code für das Internet bewährt hat. Dieses Programm bietet unter anderem umfassende Dienstleistungen für die Entwicklung im Allgemeinen. Die komplexe Implementierung macht dieses Programm nach Meinung einiger Benutzer für Laien einschüchternd und etwas langsam. Ein zusätzlicher Vorteil bei der Verwendung dieses Monsters ist das Vorhandensein eines integrierten Webservers, der es Ihnen ermöglicht, dynamische Seiten mit serverseitig ausgeführtem Code anzuzeigen. Dies wird Programmierer ansprechen, die PHP und andere ähnliche serverseitige Sprachen schreiben. Persönlich bin ich ein wenig müde von der ständigen Notwendigkeit, einen vollwertigen Server auf meinem Computer zu haben und ständig PHP-Dateien in sein Verzeichnis zu verschieben. Aptana bietet diesbezüglich sehr angenehme Entwicklungsbedingungen. Wie ist dieses Produkt auf der offiziellen Website positioniert?

      Unterstützung für HTML, CSS, JavaScript in Form von Hervorhebung, Einfügen vorgefertigter Strukturen und Ersetzung.

      Projektmanager mit einem Client zum Arbeiten über FTP-Protokolle.

      Integrierter Debugger zum Überprüfen von HTML-, JavaScript- und Ruby&Rails-Code

      Git-Unterstützung (verteilte Versionskontrolle), die professionelle Programmierer möglicherweise benötigen.

      Integriertes Terminal unterstützt.

      Es ist möglich, die Schnittstelle zu steuern, was die Suche nach den erforderlichen Steuerelementen erheblich vereinfacht, weil Nicht verwendete Elemente können ausgeblendet werden. Später werden sie über das Menü zugänglich sein.

    Visuelle Editoren für WEB-Entwickler

    Macromedia Dreamweaver MX.

    Macromedia Dreamweaver MX – die volle Funktionalität dieses Programms ist wahrscheinlich nicht einmal den Entwicklern selbst bekannt. Nicht umsonst wird in den Büchern, die man in den Regalen der Buchhandlungen über dieses Programm findet, so viel darüber gesagt. Es funktioniert mit fast allen Multimediadaten.

    AdobeGolive und Adobe LiveMotion.

    Unbegrenzte Funktionalität zum Entwickeln, Layouten und Schneiden von Seiten. Viele halten den Funktionsumfang von AdobeGolive für unzureichend, doch der umfassende Einsatz der Adobe-Software ist unschlagbar. Bei diesem Thema handelt es sich nicht um einen kurzen Artikel, sondern um mehrbändige Werke auf Adobe.

    Microsoft-Startseite

    Es handelt sich um eine praktische, benutzerfreundliche visuelle Entwicklungsumgebung. Der Ausgabecode ist nicht sauber. (Besonders liebt er es, in das Layout hineinzusägen

    für ihre eigenen bösen Zwecke). Gleichzeitig ermöglicht es Ihnen jedoch die Arbeit mit verschiedenen Multimedia-Daten und erfordert keine besonderen Kenntnisse außer Kenntnissen in Ms Word. Fast jeder Schüler kann damit problemlos umgehen. Es kann fertige Seiten per FTP herunterladen, aber wie immer bei MS – über einen Ort. Derzeit wurde Front Page in Microsoft Office-Paketen durch Microsoft Expression Web und Microsoft Office SharePoint Designer ersetzt.

    Es gibt eine uralte (1997) und sogar scheinbar kostenlose Version von FrontPage Express, die recht sauberen Code erzeugt, der allerdings nicht mehr den HTML-Standards entspricht. Aber wenn Sie eine komplexe Tabelle zusammenstellen müssen, ist dies genau das, was Sie brauchen. FrontPage Express verfügt über kein Distributionskit; es funktioniert ohne Installation.

    COFFECUP HTML-Editor

    Ein ziemlich guter visueller Editor, ausgestattet mit den einfachsten Funktionen zum Arbeiten mit visuellen Informationen. Neben einer einfachen visuellen Präsentation ist der Coffecup Html Editor in der Lage, mit Rohcode zu arbeiten.

      Das Programm enthält viele vorgefertigte Blöcke mit HTML-Code, die Sie nach Belieben verwenden können, sowie mehrere Codevorlagen für CSS, in die Sie Ihre eigenen Parameter ersetzen können. Es gibt ziemlich viele Vorlagen.

      Es gibt einen Projektmanager, der sofort einsatzbereit ist

      Sie können mit Websites über FTP arbeiten

      Voller Funktionsumfang herkömmlicher Texteditoren für die Internetentwicklung

      Die Möglichkeit, Codefragmente parallel zur Anzeige des Ergebnisses der Arbeit dieses Segments anzuzeigen.

    Im Allgemeinen ist die Implementierung nicht schlecht, es gibt einen integrierten Browser. Was mir an diesem Programm nicht gefallen hat, ist, dass Coffecup den Ausgabecode schamlos vergewaltigt und nicht sehr stabil ist. Als Alternative habe ich mich für NVU entschieden. Tatsächlich ist keines der beiden Programme für ein vollwertiges Layout geeignet, eignet sich jedoch für die Lösung der Probleme, Websites mit Informationen zu füllen, ohne dass Texte und Bilder manuell über Texteditoren eingebettet werden müssen.

    COFFECUP Visual Site Designer

    Eine ähnliche Anwendung nur ohne die Möglichkeit, den Code zu bearbeiten. Ein rein visueller Editor mit sehr bescheidener Funktionalität, der für eine vollwertige Programmierung nicht geeignet ist.

    Nvu

    NVU – hier wird es keine unnötigen Worte zur besonderen Funktionalität des Programms geben. Ich komme gleich zur Sache. Warum hat mir dieser Editor gefallen? Mir gefällt die Tatsache, dass es vollständig vom Benutzer gesteuert wird. In CoffeCup ist alles gleich, aber Nvu hat mir besser gefallen. Zudem arbeitet es stabiler und schneller. Es gibt etwas weniger Codefragmente in Nvu, daher enthält es einige Spezialeffekte oder CSS-Skripte. Aber wer braucht dieses Elend? Persönlich benötige ich, wie die meisten einfachen Programmierer, einen kostenlosen visuellen Editor nur, um einfache Probleme im Zusammenhang mit dem Füllen statischer Websites mit Informationen zu lösen, ohne mich mit dem Seitencode befassen zu müssen. Es besteht auch die Möglichkeit, Dateien per FTP zu bearbeiten, was auch bei der Arbeit mit statischen Dateien sehr nützlich ist. Als visueller Editor zum Erstellen von Webseiten ist Nvu recht eingeschränkt.

    WYSIWYG WEB Builder

    Wir erstellen Websites schnell und unterhaltsam.

    WYSIWYG WEB Builder ist ein Shareware-Programm, das Benutzern umfassende Funktionen zum Erstellen von Websites bietet, ohne Kenntnisse über spezielle Sprachen und Codes zu benötigen. Sie können, wie man sagt, in wenigen Minuten eine fertige Website skizzieren, indem Sie einfach auf die gewünschten Elemente klicken und sie auf die Website-Seite ziehen. Das Programm enthält jedoch auch Werkzeuge zum Erstellen komplexer Formen, Stile und zum Einführen verschiedener Objekte aus dem Internet- und Website-Projekt.

    Ein Programm zur Entwicklung von Websites mithilfe der WYSIWYG-Technologie wurde bereits veröffentlicht. WYSIWYG WEB Builder 8.5.1 Das Programm wird im Shareware-Modus ausgeliefert. Diese Version führt im Vergleich zur vorherigen Version 50 Ergänzungen und 150 neue Funktionen ein, die vom Hersteller erklärt wurden. Insgesamt enthält diese Version etwa 250 vorgefertigte Lösungen, viele vorgefertigte Vorlagen und sogar ein eigenes CMS, das über das Netzwerk funktioniert. Um die Website zu testen, benötigen Sie nichts weiter als den Editor selbst; alles, was Sie brauchen, ist in dieses Produkt von Pablo Software Solutions integriert.

    Neue Elemente in Version 8.5.1 angekündigt

      HTML5/CSS3-Unterstützung

      Integriertes Content-Management-System (CMS)

      Karussell

      Theme-Manager mit jQuery-Unterstützung

      Neue Navigationsfunktionen usw.

    Hauptfunktionen.

      WYSIWYG, DRAG&DROP (Visueller Editor, Objekte aus einem speziellen Menü auf die Projektseite ziehen)

      Keine Kenntnisse der Seitenauszeichnungssprache erforderlich

      Ausgabeformate: HTML4, HTML5, XHTML, CSS3, PHP

      Stilmanager mit Unterstützung für Standard-Tags

      Flash, HTML5-Multimedia, Youtube, Video-Flash usw.

      Diashows, Scrollmenüs und andere Elemente.

      Bequeme Navigation.

    Content-Management-System

    Das CMS aus diesem Paket beinhaltet viele Features, die wir kurz beschreiben:

      Administratorbereich.

      Integrierte Unterstützung für gängige Texteditoren für CMS

      Unterstützung für zusätzliche Plug-Ins

      Separates Menü für verschiedene Objekte im Projekt

      Integrierte Suchfunktionen zum Durchsuchen von Online-Inhalten

      Das CMS arbeitet mit der AJAX-Technologie. Dies erleichtert die Navigation innerhalb des Projekts

      CMS bietet die Möglichkeit, Seiten als Miniaturansichten darzustellen

      Möglichkeit, externe Seiten in das Projekt einzubetten

    HTML5/CSS3-Unterstützung

    Durch die Unterstützung moderner Standards können Sie Projekte auf hohem Niveau umsetzen, ohne auf umständliche komplexe Lösungen zurückgreifen zu müssen. CSS3 und HTML5 machen die Website übersichtlicher und machen sie voll funktionsfähig, ohne dass andere Anwendungen von Drittanbietern als der Browser verwendet werden müssen. Nach dem WYSIWYG-Konzept muss der Benutzer keine Auszeichnungssprachen und kaskadierenden Tabellen kennen. Um ein HTML5-Objekt zu erstellen oder einen CSS3-Effekt anzuwenden, müssen Sie lediglich im Anwendungsmenü auf das Beispiel eines Objekts oder Effekts klicken, das Ihnen gefällt. Hersteller haben die folgenden vorgefertigten Lösungen für Websites angekündigt:

    Mehr als 250 vorgefertigte Lösungen für Ihre Website, die sich einfach auf Ihr Projekt anwenden lassen.

    Webseitenersteller

    Derzeit ist 3.21 die neueste Shareware-Version eines der bekannten WYSIWYG-Webeditoren, der über recht einfache Funktionen zum Erstellen einfacher Websites verfügt. Mit diesem Tool können Sie jedoch schnell und ohne besondere Kenntnisse eine Vorlage für eine zukünftige Website-Vorlage implementieren oder sogar ganze Projekte erstellen, die über den integrierten FTP-Client sofort an das Hosting gesendet werden können.

    Diese Version hat einen wichtigen Nachteil: Sie ist in Englisch implementiert, was die Arbeit mit im Wesentlichen einfachem Code ziemlich verwirrend macht, da mir die Bearbeitung grafischer Elemente über die integrierte Fensteroberfläche völlig unverständlich erschien. Wenn Sie jedoch das Steuerungssystem dieses Programms verstehen, werden Sie die Arbeit damit als recht komfortabel empfinden. Im Aussehen sieht das Programm recht einfach aus, das Menü ist nicht überladen, aber die Benutzeroberfläche kann nicht als intuitiv bezeichnet werden. Allerdings macht der Hersteller auch eher bescheidene Angaben zu seinem Produkt.

    Produktbeschreibung

    WEB Page Maker ist ein benutzerfreundlicher Web-Editor, mit dem Sie Webseiten in wenigen Minuten erstellen und auf Ihr Hosting hochladen können, ohne HTML-Kenntnisse zu benötigen. Wählen Sie einfach das gewünschte Element aus dem Menü aus und ziehen Sie es an die gewünschte Stelle auf der Seite. Es stimmt. Sie können Elemente an einer beliebigen Stelle auf der Seite platzieren. Das Hauptpaket enthält mehrere Vorlagen, mit deren Hilfe Sie herausfinden können, wie Sie dieses oder jenes Objekt konfigurieren, indem Sie mit der Maus ein wenig über die Seite streichen und mit den Werten spielen. Das Paket umfasst einen Farbwähler, eine Bibliothek mit JavaScript-Lösungen, eine Bildbibliothek und einen FTP-Client.

    Hauptfunktionen
    Abschluss

    Dies ist eine angemessene Beschreibung dessen, wozu dieser kleine Editor fähig ist. Sie können es 15 Tage lang völlig kostenlos testen. Wenn Sie die kostenpflichtige Version erwerben, werden Ihnen eine Reihe zusätzlicher Vorlagen, Effekte und Formulare angeboten, die jedoch keine Unterstützung für HTML5 und komplexe CSS-Verläufe bieten.

    Einige Funktionen und Effekte können jedoch bei der Arbeit an fertigen Seiten sehr nützlich sein. Sie können ein Menü erstellen, Hervorhebungseffekte hinzufügen, wenn Sie mit der Maus über einige Elemente fahren, ein Formular oder eine PayPal-Zahlungsschaltfläche erstellen. Um jedoch komplexe Projekte vollständig erstellen zu können, muss diese Software im Allgemeinen noch erweitert und ihre Funktionalität gemäß modernerer HTML5- und CSS3-Standards modernisiert werden. Die neueste Version von Web Page Maker sieht etwas veraltet aus.

    Lassen Sie uns abschließen

    Wir haben uns die bekanntesten kostenlosen Anwendungen zum Arbeiten mit Code im Textformat angesehen, wir haben uns einige visuelle Editoren angesehen und uns mit dem Wesen der verfügbaren kostenpflichtigen Anwendungen befasst. Welche Schlussfolgerungen können wir heute über Webentwicklersoftware ziehen?

    Universelle, umständliche Programme für Entwickler sind zu langsam und schwerfällig und voller Fehler. Daher bevorzugen Benutzer kleine Programme, die ihre Funktionen gut erfüllen.

    Kein einziges Programm ist in der Lage, allein und ohne Modifikation eine hochwertige neue Anwendung für das Internet zu erstellen. Ein perfektes Layout ist nur möglich, wenn der Programmierer sein Wissen nutzt und den Programmen nicht vertraut.

    Professionelle Programmierer können mit einfachen, für jedermann zugänglichen Tools eine vollwertige Internetanwendung erstellen, ohne proprietäre Software verwenden zu müssen.

    Sie können das Füllen statischer Websites mit Informationen beschleunigen, indem Sie einfache visuelle Editoren wie Nvu verwenden, die frei verfügbar sind.

    Für professionelle Designer eignet sich eine Lösung von Adobe in Kombination mit anderen Programmen dieses Herstellers.

    Dreamweaver eignet sich gut zur Lösung schneller Layoutaufgaben. Der Code muss jedoch mit den einfachsten Programmen – Texteditoren – selbst geändert werden.

    Epilog

    Abschließend möchte ich noch ein paar Worte zur Software für Webprogrammierer sagen. Hier wurden nur einige Programme besprochen, die für die Arbeit mit Code geeignet sind.

    Sie unterscheiden sich in Zweck und Funktionalität. Sie lösen kein einziges Problem, sodass in jedem Einzelfall eines der Programme nicht an der Stelle landet, die ich ihm zugewiesen habe.

    Worüber werde ich hier sprechen? Bei diesem Artikel handelt es sich nicht um eine Rezension verschiedener Redakteure; er richtet sich an Personen mit einem geringeren Ausbildungsniveau in der Website-Erstellung. Daher werden hier drei Fragen betrachtet:

    1. Was ist ein Code-Editor?

    2. Arten von Code-Editoren.

    3. Welcher Typ ist besser zu verwenden?

    Die letzte Frage ist sinnvoller, da sie Anfängern eine Reihe von Gründen aufzeigt, warum sie keinen Editor verwenden sollten, der die Arbeit beim Erstellen einer Website erheblich erleichtert.

    Warum brauchen Sie einen Code-Editor?

    Was ist also ein Code-Editor? Ein Code-Editor ist ein Programm, das speziell zum Schreiben von Code in einer beliebigen Programmiersprache entwickelt wurde. Der Kern eines solchen Programms besteht darin, das Leben eines Webmasters so einfach wie möglich zu machen. Solche Programme sind in der Regel aufgrund ihrer Benutzerfreundlichkeit eine große Hilfe beim Schreiben von Code.

    Zur Bequemlichkeit können gehören:

    1. Code-Hervorhebung, die die Navigation im Code selbst erheblich erleichtert, da der Code manchmal sehr groß sein kann.

    2. Spezielle Schaltflächen, bei deren Anklicken automatisch eine Funktion zugewiesen oder bei HTML ein Tag eingefügt wird.

    Wenn ich jedoch anfange, alle Annehmlichkeiten auch nur allgemein aufzuzählen, wird das Ergebnis ein Buch sein, das nicht weniger als „Krieg und Frieden“ ist. Davon kann es viele geben.

    Mehr über Typen

    Kommen wir nun zur zweiten Frage und finden heraus, in welche Arten von Code-Editoren unterteilt werden. Es gibt nur zwei davon – einen regulären Code-Editor und einen visuellen. Wie unterscheiden sich diese beiden Typen? Der Unterschied besteht darin, dass Sie in einem normalen Code-Editor alle Änderungen durch Eingabe des Codes selbst vornehmen und die Konsequenzen dieser Änderungen nur sehen können, wenn Sie die von Ihnen bearbeitete Datei ausführen. In einem visuellen Code-Editor kann eine Person HTML und CSS überhaupt nicht beherrschen und trotzdem eine schöne Seite für die Site erstellen.

    Sind Code-Editoren wirklich so wichtig?

    Es scheint, dass es besser sein könnte? Sie müssen weder CSS noch HTML beherrschen, können Sie sagen – Sie arbeiten wie in Microsoft Word, schreiben Ihren eigenen Text, fügen Bilder, Tabellen, Links ein – und das Programm kodiert diese automatisch ins HTML-Format und erstellt eine funktionierende Website-Seite Darüber hinaus können Sie auf Knopfdruck sofort sehen, wie die von Ihnen erstellte Website aussehen wird.

    Wenn Sie wissen, wie man ein solches Programm (visueller Code-Editor) verwendet, müssen Sie in Wirklichkeit weder HTML noch CSS beherrschen. Und alles scheint in Ordnung zu sein, aber Diese Editoren haben ihre eigenen, ich muss sagen, großen Nachteile.

    Nun gehen wir nahtlos zur dritten Frage dieses Artikels über: Welche Art von Code-Editor ist besser zu verwenden?

    Es scheint, dass alle Karten in den Händen des visuellen Redakteurs liegen; Sie müssen weder HTML noch CSS beherrschen – schreiben Sie einfach den erforderlichen Text und fügen Sie die erforderlichen Bilder ein. Aber es gibt Nachteile!

    Nachteile von Redakteuren

    Der erste derartige Nachteil- Dies ist eine Gebühr. Solche Redakteure kosten mehrere hundert getötete Waschbären (CU). Stimmen Sie zu – das kann sich nicht jeder leisten! Doch aus diesem Minus wird schnell ein Plus, denn in unserem Internet können Sie jedes Programm finden, herunterladen und kostenlos (illegal) nutzen. Die Hauptsache ist zu wissen, wonach man suchen muss. Dies ist jedoch ein finanzieller Nachteil, der leicht behoben werden kann: Sie haben an den Kosten gespart und es gekauft.

    Zweites Minus, und ich muss sagen, sehr bedeutsam – jeder visuelle Editor, der automatisch Code für eine Seite generiert, erstellt mehr von diesem Code als nötig.

    Normalerweise ist dieser Code 20 Prozent größer. Wenn der Verkehr zu Ihrer Ressource gering ist, besteht kein Grund zur Sorge. Wenn Sie jedoch mehrere Hundert Personen pro Tag haben, belasten Ihre Seiten die Server des Hosting-Unternehmens zusätzlich, und die Belastung erhöht sich um 20 Prozent. Und das wird den Unternehmensvertretern nicht wirklich gefallen.

    Dieses Problem kann auf zwei Arten gelöst werden: Entweder Sie optimieren die Seiten, um den Code zu reduzieren, aber dafür müssen Sie den Code verstehen – CSS und HTML kennen. Oder Sie zahlen mit Ihrem eigenen Geld extra.

    Drittes Minus, egal wie „cool“ der Editor ist, er wird nicht in der Lage sein, eine Website mit verschiedenen Programmierfunktionen für Sie zu erstellen. Nehmen wir an – das ist das Versenden eines Briefes, Seitennummerierung, Kommentarformulare, Bewertungen, Umfragen und viele andere interessante Dinge, die Ihre Website modern machen.

    Ist es möglich, eine Website mit einem Code-Editor zu erstellen?

    Um moderne Websites zu erstellen, gibt es spezielle Lösungen, die in 5 Minuten eine fertige Website für Sie erstellen und Sie können vorgefertigte Optionen in Programmiersprachen problemlos verwenden, ohne sie überhaupt zu verstehen. Diese Lösungen werden Content-Management-Systeme – CMS – genannt.

    Dies führt jedoch auch zu einem weiteren erheblichen Nachteil: Jedes CMS verfügt über mehrere Standard-Website-Vorlagen – also das Design Ihrer Website. Und diese Vorlagen sind hässlich, nicht einzigartig und schrecken Besucher nur ab. Und der visuelle Editor wird keine Vorlage für das CMS erstellen können! Da es seine eigenen integrierten Stile und Optionen verwendet. Sie müssen solche Vorlagen manuell bearbeiten, was wiederum Kenntnisse in CSS und HTML erfordert.

    Daher die Schlussfolgerung - wenn Sie eine schöne, moderne Website wünschen- Sie haben zwei Möglichkeiten: Entweder bestellen Sie diese Website bei Profis, die ab hundert Dollar und mehr kostet, oder Sie erstellen selbst eine Vorlage für das Content-Management-System. Und dafür müssen Sie CSS und HTML verstehen – Voraussetzung! Nun, Sie müssen ein wenig PHP beherrschen, aber Sie können darauf verzichten!

    Und um HTML und CSS zu lernen, müssen Sie Tutorials belegen und sie in der Praxis ausprobieren, und nicht in einem visuellen Editor, da Sie sich nichts merken, indem Sie einfach die Tasten drücken, sondern in einem normalen Editor, indem Sie jede Funktion eingeben Tastatur.

    Wo Sie HTML- und CSS-Editoren kostenlos herunterladen können

    Persönlich verwende ich keine visuellen Editoren, aber wenn Ihnen diese Art der Codeerstellung wirklich gefällt und Sie CSS und HTML lernen möchten, geben Sie den Code zunächst manuell ein, bis Sie zumindest die gängigsten Elemente der Erstellung von Webseiten kennen Nur dann können Sie den visuellen Editor mit gutem Gewissen nutzen.

    Klammereditor Russische Version, die beste und verständlichste für Anfänger:

    Der schnelle und zuverlässige SublimeText 3-Editor wird von vielen Profis verwendet (allerdings nur auf Englisch):

    Deine Meinung?

    Jeder Webdesigner und Programmierer benötigt einen guten Webseiteneditor, um HTML-, CSS- und JavaScript-Code zu erstellen und zu bearbeiten. Notepad (Windows) und TextEdit (Mac) sind für den Anfang großartige Tools, aber mit zunehmender Erfahrung werden Sie ein robusteres und benutzerfreundlicheres Tool verwenden wollen.

    Es gibt Hunderte hervorragender Redakteure, aus denen Sie den richtigen auswählen können, aber viele davon sind kostenpflichtig. Was ist, wenn Sie das Urheberrecht nicht verletzen wollen, aber Ihr Budget nicht ausreicht, um ein kommerzielles Produkt zu kaufen? In diesem Artikel werden einige großartige kostenlose Editoren vorgestellt.

    • WYSIWYG-Editoren. Hierbei handelt es sich um grafische Editoren, mit denen Sie ein Seitenlayout erstellen und Stile visuell festlegen können, wie im bekannten Textverarbeitungsprogramm MS Word. Sie sind ein praktisches Werkzeug zum Erstellen eines Seitendesigns, obwohl, wie jeder erfahrene Webdesigner weiß, der Code noch optimiert werden muss, um ein großartiges Ergebnis zu erzielen.
    • Texteditoren. Dies ist ein Tool zum direkten Bearbeiten von HTML- und CSS-Code. Einige Editoren sind für allgemeine Zwecke gedacht und verfügen nicht über spezielle Optionen für die Unterstützung von Webcode. Andere sind auf die Verwendung von Websprachen wie HTML, CSS, JavaScript und PHP spezialisiert und verfügen über integrierte Eigenschaften zur schnellen Eingabe von HTML-Tags, CSS-Eigenschaften usw. Bei vielen dieser Editoren können Sie eine Webseite in einem separaten Fenster anzeigen.

    KompoZer (Windows, Mac, Linux)

    KompoZer ist eine gute Wahl, wenn Sie einen visuellen Editor mit kleinem Budget benötigen

    Komodo Edit ist ein guter Editor, leicht zu erlernen, aber leistungsstark und erweiterbar

    Obwohl es sich um einen Allzweckeditor handelt, unterstützt er HTML und CSS und verfügt über eine kontextbezogene automatische Vervollständigung für HTML-Tags und CSS-Eigenschaften sowie eine Sammlung von Codeeinfügungen für verschiedene HTML-Elemente. Um Komodo optimal nutzen zu können, müssen Sie die HTML Toolkit-Erweiterung installieren, die wunderbare Funktionen wie das automatische Schließen von Tags, eine Vorschau des CSS-Erscheinungsbilds und einen temporären Textgenerator enthält.

    Mit Komodo Edit können Sie die Seiten, die Sie bearbeiten, in jedem installierten Browser anzeigen oder den integrierten Browser in einem separaten Fenster verwenden, sodass Sie gleichzeitig bearbeiten und die Ergebnisse Ihrer Änderungen sehen können.

    Der Editor verfügt über eine integrierte Funktion zum Hochladen von Dateien auf die Site (FTP, FTPS, SFTP oder SCP), und Sie können Ihre Dateien auch mithilfe der Projektmanager-Option übersichtlich gruppieren.

    Sehr nützliche Funktion Code > Block auswählen. Es hebt den aktuellen Haupt-HTML-Block hervor, z. B. das aktuell geschlossene div- oder ul-Element. Eine sehr praktische Funktion, wenn Sie einen ganzen Abschnitt auf einer Seite zum Kopieren oder Verschieben auswählen müssen.

    Komodo Edit verfügt über viele leistungsstarke und nützliche Funktionen, wie z. B. die Verwendung regulärer Ausdrücke zum Suchen/Ersetzen, die Möglichkeit, externe Befehle auszuführen und so weiter. Glücklicherweise verfügt der Editor auch über ein gutes Hilfesystem, das es Ihnen leicht macht, die Leistungsfähigkeit von Komodo Edit zu erlernen.

    Aptana Studio (Windows, Mac, Linux)

    Aptana Studio ist eine vollständig integrierte Entwicklungsumgebung für Webanwendungen mit einer großen Auswahl an Plugins. Allerdings können Sie es nur als HTML/CSS/JavaScript-Code-Editor verwenden

    Notepad++ ist ein großartiger Ersatz für Notepad unter Windows. Obwohl er nicht so viele Optionen wie andere Editoren bietet, eignet er sich hervorragend zum Bearbeiten von HTML, CSS, JavaScript und anderen Codedateien

    PSPad ist ein weiterer Allzweck-Editor für Windows mit einer breiten Palette nützlicher Funktionen für HTML- und CSS-Programmierer

    jEdit ist ein plattformübergreifender Texteditor mit leistungsstarken Makrobefehlen und Plugin-Funktionen. Installieren Sie das XML-Plugin, wenn Sie Webseiten bearbeiten müssen

    TextWrangler ist ein leichter Allzweckeditor. Obwohl spezielle Funktionen für die Webentwicklung fehlen, kann es für die Arbeit mit Webseiten verwendet werden.

    Vim ist definitiv schwer zu erlernen, aber wenn man die Herausforderungen erst einmal gemeistert hat, möchte man nie wieder zurück!

    Der Urvater der Texteditoren für Programmierer, Vim (ein direkter Nachkomme des vi-Editors), ist ein Open-Source-Konsolentexteditor. Es ist der Standardeditor auf fast allen Unix-Varianten, einschließlich Linux und Mac OS X. Er ist auch für die Verwendung auf Windows und vielen anderen Systemen verfügbar.

    Vim ist kein System, das Sie sofort installieren und verwenden können, ohne jemals zuvor damit gearbeitet zu haben. Die meisten Bearbeitungsbefehle enthalten seltsame Kombinationen wie :wq und / . Es verfügt außerdem über drei Bearbeitungsmodi: Modus Einsätze, in dem Text eingegeben wird; visuell Modus zum Auswählen von Text; Und Befehl Modus zur Eingabe von Befehlen. Diese Funktionalität ist ein Erbe von Unix aus der Zeit, als es noch keine Fenster und keine Maus gab.

    Warum stand er auf der Liste? Wenn Sie es beherrschen, werden Sie von seiner Geschwindigkeit und Kraft überzeugt sein. Mit ein paar Befehlen können Sie in wenigen Sekunden erledigen, was in anderen Editoren Minuten dauern könnte.

    Es gibt eine große Anzahl von Makros und Plugins für Vim, die die Arbeit mit HTML-, CSS- und JavaScript-Code erleichtern, darunter Syntaxhervorhebung, automatische Vervollständigung, HTML Tidy und Browseranzeige. Hier ist eine große Liste nützlicher Links:

    • Vim Omni-Autovervollständigung
    • HTML/XHTML-Bearbeitung in Vim
    • Startseite

    Fraise (Mac)

    Fraise ist ein intuitiver Editor für Mac mit einer Reihe von Funktionen, die für die Webbearbeitung ausreichend sind

    Wie TextWrangler und gedit ist Fraise ein wunderbarer, leichter Editor, dessen Verwendung Freude macht. Es ist ein Fork des Editors. Es ist relativ neu und verfügt über keinen richtigen Webserver. Es wird derzeit nur unter Mac OS X 10.6 (Snow Leopard) unterstützt. Wenn Sie also Version 10.5 verwenden, müssen Sie Smultron herunterladen.

    Fraise bietet einige großartige Optionen für die Webbearbeitung:

    • Code-Hervorhebung für HTML, CSS, JavaScript, PHP und mehrere andere Programmiersprachen.
    • Befehl „Tag schließen“ (Befehl-T), um das aktuelle Tag zu schließen. Das spart wirklich Zeit bei der Listeneingabe.
    • Bequeme Vorschau im integrierten Browser (mittels WebKit), mit einer sehr praktischen Live-Update-Option? Dadurch wird der Browser aktualisiert, sobald sich das Markup und CSS auf der bearbeiteten Seite geändert hat.
    • Erweiterte Suchoption, die das Suchen/Ersetzen mit regulären Ausdrücken unterstützt.
    • Unterstützung für Blöcke zur schnellen Eingabe von HTML-Tags und CSS-Eigenschaften.
    • Einige praktische Befehle zum Bearbeiten von Text, z. B. HTML-Validierung und Konvertieren von Zeichen in HTML-Elemente.

    Fraise ist eine Erkundung wert, wenn Sie einen Mac verwenden und einen benutzerfreundlichen Editor mit mehr Funktionen als dem integrierten TextEdit suchen.