Wenn Sie Websites entwickeln möchten, benötigen Sie einen HTML-Editor. Natürlich können Sie einen normalen Notizblock verwenden, aber das ist wahrscheinlich nicht praktisch. Es ist wichtig zu beachten, dass HTML-Editoren zwei wichtige Aufgaben ausführen müssen: Code-Hervorhebung und automatische Vervollständigung. Natürlich sind auch Zusatzfunktionen willkommen, zum Beispiel verschiedene Themes. So ähnlich Zusatzfunktionen es gibt viele. Werfen wir zunächst einen Blick auf einige kostenlose HTML-Editoren, die diese Aufgabe gut erfüllen.
Kostenloser Code-Editor - Programmer's Notepad
Dieser Editor bietet eine moderne Benutzeroberfläche, die in zwei Arten erhältlich ist, hell und dunkel. Zudem ist das Syntax-Highlighting sehr gelungen, die Farben sind gut gewählt. Ich denke Herausgeber gegeben wird alle Ihre Anforderungen erfüllen.
HTML-Editor - SynWrite
SynWrite ist ein cooler Editor mit einer Vielzahl von Funktionen. Die Idee dieses Editors war es, alle Vorteile anderer HTML-Editoren in einem Qualitätsprodukt zu vereinen. Seine Funktionalität kann mit zusätzlichen in Python geschriebenen Plugins erheblich erweitert werden. Außer, abgesondert, ausgenommen Standartfunktionen, SynWrite ermöglicht es Ihnen, sofort mehrere Codeteile gleichzeitig zu bearbeiten:
Diese Funktion wird Ihnen viel Zeit sparen.
Kostenloser HTML-Editor - PlainEdit.NET
Dieser Editor kann mehrere Dateien gleichzeitig öffnen, und es können Plugins hinzugefügt werden, die die Funktionen des Editors, einschließlich Themen, erheblich erweitern. Darüber hinaus können Sie Text mithilfe von regulären Ausdrücken hinzufügen und ändern, auch in Dokumenten, die derzeit nicht geöffnet sind. Es ist erwähnenswert, dass PlainEdit auch von einem USB-Laufwerk aus funktionieren kann.
Notizblock ++
Dieser Editor ist ein Klassiker. Er ist auf der ganzen Welt sehr beliebt. Notepad++ hat alles, was ein Texteditor haben sollte. Die Benutzeroberfläche kann nach Belieben angepasst werden, und kostenlose Plugins helfen, die Funktionalität des Editors zu erweitern.
Kostenloser Editor - jEdit
Mit diesem Editor können Sie fast jede Datei öffnen und bearbeiten. Es vereinfacht das gleichzeitige Öffnen mehrerer Dateien erheblich. Fehlende Funktionen können mit einer Vielzahl von Plugins ergänzt werden.
jEdit ist standardmäßig mit wichtigen Funktionen ausgestattet, wie z. B. Code-Faltung, Markierung von Tags und Elementen, Dateimanager, sowie viele weitere Funktionen.
Erhabener Text 2
Es ist der beliebteste Editor unter Programmierern und Webentwicklern. Kein Editor hatte einen solchen Triumph wie Sublime Text 2. Er wird von vielen Programmierern gelobt. Der Editor ist durch verschiedene Auflösungen und JSON-Dateien umfassend anpassbar.
Für diesen beliebten Editor finden Sie umfangreiche Dokumentationsbibliotheken, sowohl offizielle als auch nicht offizielle. Sublime Text 2-Tutorials sind überall zu finden.
Sublime Text 2 ist mit einer 70-Dollar-Lizenz teilweise kostenlos.
Neuer Editor - Klammern
Brackets ist ein moderner Open-Source-Editor. Quellcode und mit einigen interessanten Features. Er arbeitet mit Adobe Kreative Wolke, um Farben, Schriftarten und mehr aus PSD-Datei. Es kann auch Ebenen als Bilder extrahieren. Sehr bequem
Leider ist Adobe Creative Cloud ein kostenpflichtiger Dienst.
Dieser Editor verfügt über alle notwendigen Funktionen für einen modernen Code-Editor. Es gibt viele verschiedene Erweiterungen, die alle 2-3 Wochen veröffentlicht werden.
Aptana-Studio 3
Das größte Starke Seiten Editor ist seine Anpassbarkeit, Git-Integration und das eingebaute Terminal. Aptana Studio 3 unterstützt die neuesten Webstandards wie HTML5 und CSS3.
Fazit
Es gibt viele HTML-Editoren, aber nur wenige davon können tatsächlich verwendet werden. Für den nicht täglichen Gebrauch gibt es Notepad ++, aber für den täglichen Gebrauch würde es eindeutig nicht reichen. Dafür gibt es beste Optionen, wie z. B. Sublime Text 2, das gemäß den Anforderungen des Benutzers angepasst werden kann. Neugierig, für welche Editoren Sie sich entscheiden?
Per Definition css- Dies sind Cascading Style Sheets, sie werden hauptsächlich zum Stylen verwendet Aussehen Webseiten. Vor der Schöpfung CSS, Um beispielsweise einen bestimmten Seitenhintergrund in HTML festzulegen, haben wir Tags verwendet, aber wenn Ihre Website beispielsweise 100 Seiten hat, müssen Sie das Attribut auf 100 Seiten ändern. Stimmen Sie zu, dass dies sehr umständlich ist. Aber als die Sprache kam css, konnten wir eine spezifische Datei erstellen, in der wir die Eigenschaften bestimmter Elemente angeben können, auch wenn es 100 davon gibt.Im Internet gibt es jetzt einen sehr positiven Trend, dass HTML nur noch für die Bereitstellung von Informationen zuständig ist, und css für Dekoration.
1 Platz. Styler
Hauptvertreter der CSS-Redakteure, die unter Windows arbeiten. Dieses Dienstprogramm vereinfacht das Schreiben und Bearbeiten von Code erheblich. Dies geschieht auf Kosten der Sichtbarkeit, das Programm kann Ihnen helfen, CSS-Stile direkt im Browser zu markieren, diese Methode ist viel bequemer als die Verwendung externer Editoren. Sie geben einfach die Site-Adresse in den integrierten Browser ein und im ersten Block des Programms können Sie die Stile direkt bearbeiten.
2. Platz. Meister des Stils
Das Programm gilt zu Recht als eines der Hauptwerkzeuge zum Erstellen von CSS-Strukturen. Mit diesem Editor können Sie mehrere Dateien gleichzeitig bearbeiten, Stylesheets mit Ihrem HTML-Code erstellen, CSS direkt bearbeiten und die Bearbeitung über FTP unterstützen.
3. Platz. CSS-Toolbox
Einfach, bequem und kostenloser Editor CSS macht das Schreiben von CSS-Tabellen viel einfacher. Enthält viele neue Tools zum Generieren von Stylesheets. Es hat auch eine Reihe von Besonderheiten: Code-Hervorhebung, automatische Code-Vervollständigung, Tag-Ersetzung, automatische CSS-Code-Prüfung, CSS-Dateikomprimierung und vieles mehr.
4. Platz. Coffee Cup Style Sheet Maker
Die Funktionen dieses Programms können als die Tatsache bezeichnet werden, dass es Stile für Browser optimiert Internet Explorer, Netscape und viele andere. Das Programm wurde von der Organisation CoffeeCup erstellt. Mit diesem Programm können Sie einfache und elegante Websites mit einer Kombination aus HTML und CSS erstellen.
5. Platz. CSSedit
Wenn Sie mit diesem Programm arbeiten, können Sie die Änderungen, die am Stylesheet vorgenommen werden, visuell beobachten. Die Arbeit mit dem Programm ist sehr intuitiv und verständlich, einige Fehler wurden mit neuen Versionen behoben, neue Funktionen wurden hinzugefügt. Der visuelle Code-Editor hilft wirklich sehr bei der Entwicklung von Websites.
6. Platz. Qualle CSS
Bei der Arbeit mit Jellyfish-CSS fällt die Einfachheit auf, mit der das Programm arbeiten kann. Es unterstützt auch verschiedene Bibliotheken mit verschiedenen Funktionen, z. B. um Fehler beim Schreiben einer Tabelle zu vermeiden, und viele andere. Einziges Manko ist, dass das Programm kostenpflichtig ist, natürlich findet man im Netz problemlos sowohl gecrackte Versionen als auch eine Trialversion.
7. Platz. Snap-CSS
Die Arbeit mit diesem Editor ähnelt der Arbeit mit Notepad. Die Entwickler dieses Programms haben hart daran gearbeitet, die Arbeit damit einfach und unkompliziert zu gestalten. Der Editor verfügt über hervorragende Optimierungsfunktionen für die Lesbarkeit von Stylesheets. Dieses Programm vereinfacht das Leben von Programmierern erheblich, indem es Aufwand und Dateigröße spart.
8. Platz. Einfaches CSS
Ein kleines, aber leistungsstarkes CSS-Tool, mit dem Sie codieren können, ohne eine einzige Codezeile zu bearbeiten, was bedeutet, dass Sie ein Stylesheet erstellen können, ohne über Programmierkenntnisse zu verfügen. Die Funktionalität des Programms umfasst die Komprimierung von CSS-Dateien, die Unterstützung verschiedener Formattypen und die Möglichkeit, mehrere Projekte zu verwalten.
9. Platz. TopStyle
Mit diesem Programm ist es möglich, eine Vorschau der Tabelle anzuzeigen, während Sie sie bearbeiten, es gibt Unterstützung für mehrere Browser, in denen jede Tabelle anders angezeigt wird. Das Programm unterstützt Unicode, Online-Check Rechtschreibung, Zusammenfassen von Stilen in Gruppen, intuitive Bearbeitung usw.
10. Platz. tsWebEditor
Dieser Editor ist mehrsprachig, unterstützt viele Sprachen wie HTML, PHP, Perl, Javascript, CSS und viele mehr. Es hat die Funktionen der automatischen Vervollständigung, Code-Hervorhebung, Syntaxprüfung, unterstützt funktionale Hinweise, Unicode, es gibt eine große Anzahl von Code-Vorlagen im Arsenal, was WEB-Meistern sehr hilft.
3 StimmenIch begrüße Sie auf meinem Blog. Egal wie Sie eine Seite im Konstruktor, mit Hilfe eines CMS oder in einem Programm erstellen, sie wird in HTML und CSS geschrieben. Andernfalls wird der Browser es nicht verstehen. Anstatt von elektronisches Portal der Besucher sieht nichts.
Der Unterschied besteht nur in der Korrektheit des Codes. In einigen Fällen sieht es aus wie von Google Translate übersetzter englischer Text. In anderen, als wären sie mit einem intelligenten Übersetzer beschäftigt. Es hängt alles von den Tools ab, die Sie verwenden.
Heute werden wir darüber sprechen, welches Programm zum Erstellen einer HTML-Site das Ziel am richtigsten und kompetentesten erreicht. Ich laufe voraus. Sogar einige erlauben es Ihnen, dies klar zu tun. Und für einige Benutzer wäre es das beste Lösung.
Meine heutige Publikation ist den Redakteuren gewidmet. Beginnen wir mit ihnen.
Zwei Arten von Editoren
Alle Website-Editoren sind in zwei Typen unterteilt - visuell und Text. Das bedeutet nicht, dass Sie im ersten Fall komplett auf Code-Kenntnisse verzichten können, aber die Anforderungen an ihr Niveau werden nicht so gravierend sein wie im zweiten Fall. Dies ist der Hauptvorteil, denn idealerweise, wenn Sie etwas wirklich Korrektes erstellen möchten, wäre es schön, nach dem Schreiben der Site noch einmal am Code zu arbeiten und einige Mängel zu beheben.
Texteditoren sind großartig, wenn Sie gut in Programmiersprachen sind oder einfach keine Angst vor Schwierigkeiten haben. Sie schreiben den Code nicht für Sie, aber sie helfen, diesen Prozess zu beschleunigen und Fehler überall zu vermeiden. Sie beginnen mit der Eingabe eines Satzes und das Dienstprogramm beendet ihn für Sie. Sie können auch alles sehen, was Sie getan haben, sobald Sie fertig sind.
Es ist unmöglich zu sagen, dass die zweite Methode ein besseres Ergebnis garantiert. Sie können auch Fehler machen, besonders wenn Sie nicht genug Erfahrung haben. Auch Profis stoßen manchmal auf Schwierigkeiten, Ermüdung und Ungenauigkeiten. Sie arbeiten im Team: Jemand schlägt eine Regel vor, die ihnen aus dem Kopf geschossen ist, andere sehen einen Fehler.
Ich bestehe nicht darauf oder empfehle keine der Methoden. Sie müssen selbst entscheiden, was Ihnen wichtiger ist. Das Ergebnis ist eine Website, die sowieso sichtbar ist Suchmaschinen, es bleibt nur, es zu entwickeln. Die zweite Option ist Ihr Wissen. Sie lassen sich mit Textcode-Editoren leichter perfektionieren.
Kommen wir nun zu den Programmen selbst.
Visuelle Editoren
Ich mache Sie auf mehrere praktische visuelle Editoren aufmerksam.
- WYSIWYG-Web-Builder
Das Programm ist auf Englisch, die ersten 30 Tage sind kostenlose Probezeit. Sie benötigen dann eine Lizenz, die knapp 50 US-Dollar kostet.
WYSIWYG Web Builder ist einfach und ziemlich selbsterklärend. Wenn Sie etwas wissen, verstehen Sie, dass jede Site aus verschiedenen Blöcken besteht. Dank dieses Editors müssen Sie nur auswählen, was genau Sie auf Ihrer Website sehen möchten: Text, Suche, RSS, Diashow, Videogalerie und so weiter. Der Code wird automatisch generiert. Es muss nur ein bisschen nachgebessert werden.
Das Dienstprogramm verfügt über zusätzliche Funktionen: Erstellen, Überprüfen von Links und Seitengewichten. Wenn Ihnen etwas fehlt, können Sie Erweiterungen aus dem Forum auf der offiziellen Website herunterladen oder den Code selbst schreiben.
Wenn Sie ein Anfänger sind, können Sie mit einer der vielen vorgefertigten Vorlagen mit der Software beginnen. Das beschleunigt die Arbeit.
- CoffeeCup Visual Site Designer
Software auf Englisch. Die Entwickler dieses Programms verkauften es einst für 50 US-Dollar mit der Option, einige zusätzliche Funktionen zu kaufen, was im Internet für einen regelrechten Aufruhr sorgte. Was ist dieses Dienstprogramm, in das Sie ständig investieren müssen? Jetzt kostet es 189 US-Dollar, aber Sie erhalten alles auf einmal und vollständig.
Sehr funktional, einfacher zu bedienen als der bisherige Vertreter der visuellen Editoren. Es verfügt über eine integrierte Funktion, die das Hochladen auf den Server vereinfacht. Sie können im Programm arbeiten und Updates sofort auf das Hosting hochladen. Es ist sehr bequem.
Mit CoffeeCup Visual Site Designer können Sie an einer Reihe kostenloser Symbole arbeiten, alle Arten von Effekten hinzufügen, den Code direkt im Arbeitsbereich des Programms anzeigen und korrigieren. Der Mangel an Russisch ist wahrscheinlich einer der größten Mängel.
- Adobe Muse
Ein ausgezeichnetes Programm auf Russisch, über das ich wiederholt in meinem Blog geschrieben habe. Er selbst hat eine Website auf Bestellung verwendet und sogar erstellt. Bewertungen sind äußerst positiv. Es gibt nicht so viele Tools, aber wenn Sie wissen, wie man sie benutzt, können Sie grundlegende Projekte erstellen. Das Unterscheidungsmerkmal viele Adobe-Produkte.
Denken Sie daran, das gleiche Photoshop. Es scheint, dass es ein Dutzend Schaltflächen gibt, aber wenn Sie anfangen, darin herumzustöbern, stellt sich heraus, dass sie für solch detaillierte Einstellungen verwendet werden können! Es gibt viele Skripte, die für Adobe Muse veröffentlicht wurden, Sie können das Formular selbst hinzufügen Rückmeldung, Slider und was das Herz begehrt.
Dies ist eines der wenigen Programme, das sowohl für Anfänger, die den Code nicht verstehen wollen, als auch für diejenigen, die eine beeindruckende Menge an Wissen erwerben möchten, zahlreiche Möglichkeiten bietet.
Personen, die in Adobe Muse arbeiten, können bis zu 100.000 Rubel pro Landung verdienen. Alles hängt von Fähigkeiten ab. Das Ergebnis, der ultimative Nutzen für den Käufer der Website. Wenn Ihr Ziel Geld ist, kann ich Ihnen einen Kurs empfehlen " ". Sie lernen, wie Sie Projekte erstellen, die sich verkaufen lassen.
Texteditoren
Für diejenigen, die Wissen brauchen, stelle ich meine Auswahl an Texteditoren vor.
- Erhabener Text
Sie können eine Website im einfachsten Notizblock erstellen, der sich in der Startleiste versteckt, also warum brauchen Sie Texteditoren? Sie haben ungefähr das gleiche Zusätzliche Vorteile. Zum Beispiel die Möglichkeit, Text für Sie hinzuzufügen, eine Farbpalette.
Sublime Text wäre nicht so beliebt, wenn es nicht seine eigenen spezifischen Funktionen wie Fehlerkontrolle und einen Aufgaben- und Dateimanager hätte. Ich kann vorschlagen, dass Sie sich eine Videobewertung dieses Editors ansehen, wenn Sie interessiert sind.
Um einige zusätzliche Funktionen zu erhalten, müssen Sie ein Erweiterungspaket für das Programm herunterladen.
- Klammern
Ein kostenloser Editor von Adobe, der dem vorherigen Vertreter sehr ähnlich ist, aber Sie müssen nichts extra herunterladen, um grundlegende Funktionen zu erhalten.
Erweiterungen werden benötigt, wenn Sie beispielsweise ein Photoshop-Layout im Editor öffnen möchten, um Teile des Bildes sofort auszuschneiden und zu speichern. Es ist unwahrscheinlich, dass dies für Sie wirklich nützlich sein wird, da die Option nicht sehr gut entwickelt ist.
Trotzdem danke für deine Bemühungen. Der Editor ist ganz gut ohne.
Neben diesen Programmen gibt es noch NotePad ++ und Dreamweaver, über die ich aber bereits einen ausführlichen Artikel geschrieben habe "". Erfahren Sie mehr, indem Sie dem Link folgen und meine Blog-Updates abonnieren. Ich wünsche Ihnen, dass Sie so schnell wie möglich Ihr praktisches Dienstprogramm finden und selbst Websites erstellen.
Bis wir uns wiedersehen und viel Glück bei Ihren Bemühungen.
Jeder Webdesigner und Programmierer benötigt einen guten Webseiten-Editor, um HTML-, CSS- und JavaScript-Code zu erstellen und zu bearbeiten. Notepad (Windows) und TextEdit (Mac) sind großartige Tools für den Anfang, aber wenn Sie Erfahrung sammeln, möchten Sie ein solideres und praktischeres Tool verwenden.
Es gibt Hunderte von großartigen Redakteuren zur Auswahl, aber viele von ihnen werden bezahlt. Und wenn Sie das Urheberrecht nicht verletzen möchten, aber das Budget nicht die Mittel für den Kauf eines kommerziellen Produkts hat? Dieser Artikel behandelt mehrere ausgezeichnete kostenlose Editoren.
- WYSIWYG-Editoren. Das grafischer Editor, mit denen Sie das Seitenlayout wie in den bekannten visuell aufbauen und Stile festlegen können Textverarbeitungssystem MS-Wort. Sie sind ein praktisches Werkzeug zum Erstellen von Seitendesigns, obwohl, wie jeder erfahrene Webdesigner weiß, der Code noch „gekämmt“ werden muss, um ein großartiges Ergebnis zu erzielen.
- Texteditoren. Es ist ein Tool zum direkten Bearbeiten von HTML- und CSS-Code. Einige Editoren sind Allzweck-Editoren und haben keine speziellen 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 zum schnellen Eingeben von HTML-Tags, CSS-Eigenschaften usw. Viele dieser Editoren ermöglichen es Ihnen, eine Webseite in einem separaten Fenster anzuzeigen.
Compozer (Windows, Mac, Linux)
KompoZer ist eine gute Wahl, wenn Sie einen visuellen Editor mit kleinem Budget benötigen
Komodo Bearbeiten- guter Redakteur, einfach zu erlernen und dennoch leistungsstark und erweiterbar
Obwohl es sich um einen Allzweck-Editor handelt, unterstützt er HTML und CSS und hat die Fähigkeit, HTML-Tags kontextbezogen automatisch zu vervollständigen und CSS-Eigenschaften, sowie eine Sammlung von Code-Einbettungen für verschiedene HTML-Elemente. Um Komodo optimal nutzen zu können, müssen Sie die HTML-Toolkit-Erweiterung installieren, die so wunderbare Funktionen wie automatisch schließende Tags, CSS-Ansichtsvorschau und einen temporären Textgenerator enthält.
Mit Komodo Edit können Sie bearbeitete Seiten in jedem installierten Browser anzeigen oder den integrierten Browser in einem separaten Fenster verwenden, sodass Sie gleichzeitig bearbeiten und das Ergebnis von Änderungen sehen können.
Der Editor verfügt über eine integrierte Funktion zum Hochladen von Dateien auf die Website (FTP, FTPS, SFTP oder SCP), und Sie können Ihre Dateien auch mit der Projektmanager-Option auf unterhaltsame Weise gruppieren.
Sehr nützliche Funktion Code > Sperren auswählen. Es hebt den aktuellen HTML-Hauptblock hervor, z. B. das aktuelle 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 hat viele mächtige und nützliche Funktionen, wie die Verwendung regulärer Ausdrücke zum Suchen/Ersetzen, die Möglichkeit, externe Befehle auszuführen, und so weiter. Glücklicherweise hat der Editor auch einen guten Hilfesystem, was es einfach macht, die volle Leistungsfähigkeit von Komodo Edit zu beherrschen.
Aptana Studio (Windows, Mac, Linux)
Aptana Studio ist eine vollständig integrierte Entwicklungsumgebung für Webanwendungen mit einer breiten Palette von Plugins. Obwohl Sie es nur als HTML/CSS/JavaScript-Code-Editor verwenden können
Notepad++ ist ein großartiger Ersatz für Notepad von Windows. Obwohl es nicht die gleichen Optionen wie andere Editoren hat, eignet es sich hervorragend zum Bearbeiten von HTML-, CSS-, JavaScript- und anderen Codedateien.
PSPad ist ein weiterer Allzweck-Editor für Windows mit einer großen Anzahl von Funktionen, die für HTML- und CSS-Encoder nützlich sind
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 leichtgewichtiger Allzweck-Editor. Trotz des Fehlens spezieller Funktionen für die Webentwicklung kann es zum Arbeiten mit Webseiten verwendet werden.
Vim ist definitiv schwer zu lernen, aber wenn Sie es einmal geschafft haben, werden Sie nie wieder zurück wollen!
Der Großvater der Texteditoren für Vim-Programmierer (ein direkter Nachkomme des vi-Editors) ist Konsolen-Editor Texte aus Open Source. Es ist als Standardeditor auf fast allen Unix-Varianten installiert, einschließlich Linux und Mac OS X. Ein Editor ist auch für die Verwendung unter Windows und vielen anderen Systemen verfügbar.
Vim ist kein System, das Sie installieren und sofort verwenden können, ohne sich vorher damit beschäftigt zu haben. Die meisten Bearbeitungsbefehle enthalten seltsame Kombinationen wie :wq und / . Es hat auch drei Bearbeitungsmodi: Modus Einsätze, in die Text eingegeben wird; visuell Modus zum Hervorheben von Text; und Befehl Modus zur Eingabe von Befehlen. Diese Funktionalität ist ein Erbe von Unix aus der Zeit, als es weder Fenster noch Mäuse gab.
Warum steht 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 kann.
Es gibt eine große Anzahl von Vim-Makros und Plug-ins, die das Arbeiten mit HTML-, CSS- und JavaScript-Code erleichtern, einschließlich Syntaxhervorhebung, Autovervollständigung, HTML Tidy und Browsen in einem Browser. Hier finden Sie 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 genügend Funktionen für die Webbearbeitung
Wie TextWrangler und gedit ist Fraise ein wundervoller leichter Editor, der sehr angenehm zu benutzen ist. Es ist ein Fork des Editors. Es ist relativ neu und hat keinen richtigen Webserver. Es wird derzeit nur von Mac OS X 10.6 (Snow Leopard) unterstützt, dh wenn Sie Version 10.5 verwenden, müssen Sie Smultron herunterladen.
Fraise hat einige großartige Optionen für die Webbearbeitung:
- Code-Hervorhebung für HTML, CSS, JavaScript, PHP und mehrere andere Programmiersprachen.
- Der Befehl „Tag schließen“ (Befehl-T) zum Schließen des aktuellen Tags. Das spart wirklich Zeit bei der Eingabe von Listen.
- Bequeme Vorschau im integrierten Browser (über WebKit) mit einer sehr praktischen Live-Update-Option? die den Browser aktualisiert, sobald sich das Markup und CSS auf der bearbeiteten Seite geändert hat.
- Eine 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 einen Blick wert, wenn Sie einen Mac haben und brauchen komfortabler Editor mit mehr Funktionen als das eingebaute TextEdit.
Wir alle wissen, dass der Name der HTML-Sprache von HyperText Markup Language stammt, was Hypertext-Auszeichnungssprache bedeutet. Die Terminologie der Markup-Sprache besagt, dass dies der Fall ist Text dokument mit Hinweisen auf Überschriften, Aufzählungen und andere Hervorhebungen im Text. Die überwiegende Mehrheit der Websites, die Sie im World Wide Web finden können, sind in HTML geschrieben. Informationen werden unter Verwendung spezieller Protokolle und mit einer Komprimierungsbedingung vom Server zum Browser übertragen. Aus der Geschichte ist auch bekannt, dass die Sprache 1986-1991 von Tim Berners-Lee entwickelt wurde.
Fairerweise kann ein normaler Notizblock als Editor dienen. Aber das ist unbequem, es gibt viele Editoren mit bequemeren Funktionen (Zeichenraten, visuelle Bearbeitung, Code-Hervorhebung usw.).
Sehen wir uns also die besten HTML-Editoren an:
1 Platz. Erhabener Text
Ein einfacher, kostenloser, praktischer Editor für verschiedene Codes. Von den Pluspunkten sind die angenehme Benutzeroberfläche, die einfache Verwaltung und die flexible Konfiguration nicht zu übersehen. Ein weiterer Pluspunkt ist, dass dieser Editor plattformübergreifend ist. Sehr gut gefallen hat mir die Funktion der Mehrfachauswahl und Bearbeitung, andere Editoren haben diese Funktion nicht. Es funktioniert so: Sie halten die Strg-Taste gedrückt und nachdem Sie Textzeilen ausgewählt haben, werden sie gleichzeitig bearbeitet. Auch in diesem Editor gibt es eine Funktion von Hotkeys für jede Aktion. Es gibt noch nicht viele Plugins.
2. Platz. Aptana-Studio
Dieser Editor wurde hauptsächlich für die Entwicklung von Webanwendungen erstellt, funktioniert aber auch sehr gut mit HTML. Von den Pluspunkten sind die hervorragende automatische Vervollständigung, die Code-Hervorhebung und ein hervorragendes Projektmanagementsystem hervorzuheben. Für einen kostenlosen Editor sind diese Funktionen einfach von unschätzbarem Wert. Genau wie bei Dreamweaver finden Sie viele Plugins auf der offiziellen Website. Natürlich kann eine große Auswahl an Plugins, Optionen und Einstellungen für einen Anfänger einschüchternd sein, aber Aptana Studio ist eine ausgezeichnete Wahl, wenn Sie eine praktische und praktische Lösung benötigen funktionaler Editor HTML.
3. Platz. Notepad++
Positioniert als kostenloser Open-Source-Editor. Hervorhebungsfunktionen, automatische Vervollständigung von Codeblöcken sind gut organisiert, die Funktionalität kann durch eine große Anzahl von Plugins und Modulen erhöht werden. Außerdem ist dieser Editor auch bei einer großen Anzahl von Plugins sehr schnell.
4. Platz. Macromedia (Adobe) Dreamweaver
Es ist einer der ältesten Editoren, der dank vieler Funktionen über Wasser gehalten wird. Wenn Sie dieses Programm verwenden, können Sie gleichzeitig das Design und den Code der Seite anzeigen, es werden auch Hinweise und die automatische Vervollständigung von HTML-Tags und -Attributen verwendet. Das Suchen und Ersetzen von Zeichen ist komfortabel organisiert. Auf der offiziellen Website des Programms finden Sie viele kommerzielle und nicht kommerzielle Plugins für dieses Programm.
5. Platz. RJ TextEd
Ein einfacher kostenloser Editor, der 2004 für den Betrieb geschrieben wurde Windows-Systeme. Darin können Sie die Hervorhebung des Codes für sich selbst anpassen, das automatische Schließen von Tags und Anführungszeichen funktioniert teilweise. Es gibt eine anständige Anzahl von Nachteilen, sowohl schwerwiegende als auch nicht wahrnehmbare, zum Beispiel gibt es keinen FTP-Client, es gibt auch keine Abholung abhängiger Dateien, es gibt keine Unterstützung für CSS 3, JS usw.
6. Platz. Kompozer
Dies ist einer der besten kostenlosen visuellen Editoren. Sie können sofort sehen, wie die Seite beim Bearbeiten im Browser aussehen wird. Unterstützt alle HTML-Elemente. KompoZer ist natürlich kein kostenpflichtiger Dreamweaver und verhält sich dementsprechend. Von den Pluspunkten sind der integrierte CSS-Editor und der FTP-Manager nicht zu übersehen.
7. Platz. Komodo-Bearbeitung
Es ist ein kostenloser Editor, der aus der kommerziellen Komodo IDE entwickelt wurde, von der er viele Funktionen erbt. Der Editor verfügt über eine standardmäßige automatische Vervollständigung und Code-Hervorhebung. Unter den Vorteilen kann festgestellt werden Schnellstart, praktische Hotkeys. Auch eingebauter Mechanismus zum Installieren von Erweiterungen. Es wurde ursprünglich als multifunktionaler Editor entwickelt.
8. Platz. vim
Guter alter Editor, entwickelt auf Basis des älteren Vi, der bereits 1976 entstand. Sie fragen, warum wir immer noch verwenden, was vor fast 40 Jahren geschaffen wurde? Ja, weil es hervorragende Leistung und einfache Verwaltung bietet. Natürlich müssen Sie sich sehr an diesen Editor gewöhnen, zuerst müssen Sie das Blindschreiben beherrschen (denn ohne es gibt es in Vim nichts zu tun), Tastenkombinationen lernen, aufgrund derer die Hauptsteuerung des Programms erfolgt.
9. Platz. Fraise
Fraise ist ein freier Texteditor mit Syntaxhervorhebung. Entworfen von Jean-François Moy basierend auf Smultron. Von den Vorteilen ist dies eine hervorragende Blockverwaltung, Zeichencodierung, Aufteilung in 2 Fenster und vieles mehr. Aber der Hauptnachteil ist, dass dieser Editor nur unter Mac OS existiert.
10. Platz. PSPad
Universeller Texteditor für Windows-Plattformen, mit vielen nützlichen Funktionen. Ein sehr nettes Feature der Arbeit dieses Programms ist die Komprimierungsfunktion für HTML-Code, mehr dazu schnelles Laden Seiten, habe ich in anderen Editoren nicht gesehen.
Wird geladen...