Es scheint mir, aus der Suche stackoverflow, dass Hand hdml/css besser als die Verwendung von WYSIWYG-Editoren ist. Ich bin ein paar Wochen in HTML und CSS zu lernen, und ich habe bis jetzt nur Hand-codiert (obwohl ich die Adobe Suite habe).Wann man WYSIWYG-Editoren benutzt?
Meine Fragen: Ist es jemals wert zu lernen, wie man einen WYSIWYG-Editor benutzt (wie dreamweaver)? Und, noch wichtiger, wann wäre es besser, es über Handcoding zu verwenden?
Ich habe WYSIWYG-Editoren (nämlich Dreamweaver) schon lange benutzt, und ich schäme mich nicht im geringsten dafür. Sie sind perfektes Werkzeug für viele Situationen. Was hat mich fast vollständig Hand-Codierung zu wechseln meine Markup war jedoch
die Verwendung von Content-Management Systemen, deren verschiedenen Templating-Systeme mit einem WYSIWYG macht die Arbeit effektiv nutzlos; und
die Notwendigkeit, die volle Kontrolle über jeden Aspekt der Markup - für die Optimierung, den Umgang mit Cross-Browser-Macken, Benutzerfreundlichkeit und dergleichen.
Ich empfehle einen WYSIWYG-Editor zu verwenden, wenn es Sinn macht: Es gibt viele Situationen mühsamer Ausfüllen von Inhalten in HTML-Seiten (vor allem in der Abwesenheit eines CMS), wenn ein WYSIWYG-Editor kann die Arbeit leicht machen. Wenn der HTML-Code in Ordnung ist (schau genau hin!) Mit einem solchen Editor ist IMO völlig in Ordnung.
Wenn Sie Vorlagen für eine Website oder Webanwendung erstellen, empfehle ich, mit der Handcodierung beizubehalten.
Gute Punkte. Obwohl jemand, der nicht handcodiert, kann die Code-Ausgabe eines WYSIWYG-Editors nicht effektiv beurteilen. – Mathew
Ich habe mit einem CMS mit FCKEditor gearbeitet und viele Frustrationen von Benutzern gesehen, die nicht verstanden haben, warum es nicht wie Word funktionierte (oft weil es in einem verschachtelten Tag die Formatierung in einer Art und Weise anwendete, die Sinn machte die Tag-Ebene schien aber entgegen der Benutzerkennung nicht intuitiv zu sein). Sind die Desktop-WYSIWYGS in dieser Hinsicht besser oder werden sie irgendwann zu einem Haufen von Fehlern, die manuell behoben werden müssen? –
@Martin Ich habe eine Menge Frustration von Web-basierten WYSIWYG-Editoren mit Benutzern gesehen. Obwohl CKEditor (der Nachfolger von FCKEditor) stabiler und zuverlässiger zu sein scheint, bleiben die grundlegenden Probleme, die Sie beschreiben, bestehen, da sie in den Render- und Bearbeitungs-Engines der Browser enthalten sind. Obwohl Word und andere Desktop-Programme im Prinzip genauso funktionieren (das Word-Format ist ebenfalls Tag-basiert), scheinen sie einen besseren Job zu machen - vielleicht, weil sie bereits mit ein oder zwei Jahrzehnten Erfahrung, Blut, Schweiß, kommen und Tränen. –
Nun, zuerst sollten Sie hart codieren lernen - ohne jemals einen WYSIWYG-Editor zu berühren. Ich verwende Dreamweaver nur zur Syntaxhervorhebung und automatischen Vervollständigung - nicht zur Verwendung des WYSIWYG-Editors.
Wenn Sie wirklich jetzt, wie HTML/CSS von Hand zu schreiben, Sie könnten versuchen, die WYSIWYG - aber ich bin sicher, dass Sie nicht wirklich, wie es nicht mehr mit ...
Es auf, was Sie hängt versuchen, die Website, die Sie erstellen, zu verwenden. Wenn Sie nur eine persönliche Website mit ein paar Seiten erstellen, die Sie nicht oft ändern können, dann erfüllt ein WYSIWYG-Editor seinen Zweck. Für eine größere, ständig aktualisierte Website verwenden Sie besser handcodierte CMS oder verwenden eine Standardoption .
Es gibt die andere Frage der Fähigkeit, die neueste Technologie zu verwenden, WYSIWYG-Editoren können oder müssen nicht die neuesten Web-Funktionen haben, abhängig von der finanziellen Stärke des Entwicklungsunternehmens.
Wenn Sie eine Liste der Dinge schreiben, welcher sich mit dem Code likeso enden wird:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ul>
Es kann weniger mühsam nur feststellen, dass Sie eine Liste gerade schreiben und geben nur den Inhalt.
Ich vertraue generell nicht der WYSIWIG Ansicht eines Editors. Ich öffne die Seite einfach in einem Browser. Das ist dein wahrer Test, wie eine Seite aussieht.
Kurz gesagt, es sei denn, du bist nur über Unordnung, ich glaube nicht, dass es jemals wert ist ein WYSIWYG-Programm statt des Lernen zu lernen, wie man Code von Hand, sondern mit allen Mitteln eine verwenden, damit Sie lernen, wie man um den anderen zu tun.
Der Punkt eines WYSIWYG-Editors ist es, so viel Code wie möglich zu verbergen. Manchmal ist das eine gute Sache (sich wiederholende, langweilige Aufgaben), aber manchmal nicht (Lernen, Debugging, Code Eleganz und Effizienz).
Wenn Sie eine einfache Website zusammen klopfen wollen, wird wahrscheinlich Websites nicht so oft machen, und brauchen nicht oder wollen über den zugrunde liegenden Code wissen, dann ist WYSIWYG perfekt. Es ist auch gut, wenn Sie neu in der Web-Entwicklung im Allgemeinen sind, und immer noch mit den allgemeinen Konzepten der Programmierung in den Griff zu bekommen, versuchen Sie nie, HTML und CSS selbst zu verstehen.
Wenn Ihre Absichten jedoch nicht so beiläufig sind und (neu zur Webentwicklung oder nicht) Sie bereit sind, einige Zeit damit zu verbringen, durch Dokumente zu schauen und aus Tutorials zu lernen, dann vermeiden Sie WYSIWYG so weit wie möglich. Hand-Codierung hat eine steilere Lernkurve und erfordert mehr Geduld, aber es ist es wert; Ihr endgültiger Code wird effizienter und sauberer sein, und weil Sie ihn in- und auswendig kennen, können Sie ihn auch leichter debuggen.
Alles, was gesagt wird, eine gute IDE zu haben, kann den Unterschied machen, selbst wenn es nur Syntax-Hervorhebung und automatische Vervollständigung ist. Dreamweaver ist nicht großartig, aber ich würde es jeden Tag über Wordpad nehmen! Notepad++ ist ein großartiges, minimalistisches Programm, um Websites zu schreiben, und ein sehr guter Ausgangspunkt. Persönlich verwende ich Netbeans, aber Sie können es ein wenig OTT für HTML und CSS finden.
Man ist alles gut außer Dreamweaver ist nicht großartig für Autovervollständigung, ich arbeite seit mehr als 10 Jahren mit Visual Studio IDE und Dreamweaver, und Sie sicher kann wirklich komplexes Ding mit beiden und separat machen. In der Tat ist Dreamweaver für mich besser in HTML-Vervollständigung als Visual Studio. – ncubica
Nein, weil es nichts gibt, was Sie sehen, ist, was Sie im Internet bekommen. Wenn es dir egal ist, was du bekommst, reicht alles aus, was dir hilft, weniger Aufwand auszugeben. Lernen ist dann nicht bevorzugt, also benutze etwas, das du bereits kennst.
Nun, was Sie am Ende wollen, ist ein Skript zu verwenden, um ehrlich zu sein, einige häufige Aufgaben zu automatisieren. Sie schreiben dieses Skript von Hand, aber Sie füllen nur einige Parameter aus, um Ihre XHMTL-Seite zu erstellen.
Punkt mit WYSIWYG-Editoren ist, dass sie tun, was sie sagen, sie konzentrieren sich auf das Layout, was Sie sehen, ist in der Tat, was Sie bekommen. Wenn das Web für das Layout gedacht war, würden wir PDFs, Vektorformate oder nur Bilder verwenden.
Das Web ist über die Struktur Ihrer Seite. Versuchen Sie, nach Hinweisen auf "semantisches Web" und "Trennung von Präsentation und Struktur" zu suchen. Sie werden sehen, dass Sie tatsächlich eine Blockquote verwenden, wenn Sie zum Beispiel einfach einrücken wollten.
HTML ist keine Sprache zum Entwerfen von Layouts und war nie so gedacht, wenn Sie möchten, dass nur PDF verwenden, wurde HTML entworfen, um die Struktur eines Dokuments portabel auszudrücken, wie in, sollte das Layout leicht geändert werden, während beibehalten die gleiche logische Struktur. Dies wird als "Trennung von Präsentation und Struktur" bezeichnet. Im Idealfall sollten Sie das Layout komplett neu gestalten können, indem Sie ein anderes CSS-Blatt verwenden.
Was die Mühsal angeht, nun, Sie können ein Skript dafür verwenden, wie ich schon sagte. Ich meine, wie diese Liste Beispiel vor, was ich gerade tun ist:
(li demonstration
(I am an item.)
(I am another one.)
(I am an item that \(includes parentheses\) you see))
die als gerendert werden könnte:
<li class="demonstration"><li>I am an item</li> ....</li>
Nun, in der Tat, wäre ideal, was ist ein WYSIWYG-Editor, der nur macht Struktur, ein visueller Editor, der sich anfangs nicht so sehr mit dem Layout beschäftigt und Sie Stylesheets später definieren kann, entweder manuell oder per Maus, nicht sicher, ob das existiert, wer weiß das? Ich wäre versucht, eine zu machen, um meine eigene Arbeit zu vereinfachen und gute Praktiken zu fördern, wenn es keine gibt.
Wenn Sie wirklich HTML und CSS kennen, dann gibt es nicht viel zu lernen, wenn Sie zu etwas wie DreamWeaver wechseln. Es macht nur, was Sie bereits wissen, in ein paar weniger Klicks. –
@DA Ich sehe es so: Wenn Sie ein manuelles Auto fahren können, dann ist das Einsteigen in eine Automatik und das Wegfahren einfach, aber wenn Sie nur wissen, wie man eine Automatik fährt ... uh-oh! :) – Mathew
@MatW gute Analogie! –