HTML -Editor

Ein HTML -Editor ist ein Programm zum Bearbeiten Html,[1] das Markup von a Website. Obwohl das HTML -Markup auf einer Webseite mit jedem gesteuert werden kann TexteditorSpezielle HTML -Redakteure können Komfort und zusätzliche Funktionen bieten. Zum Beispiel verarbeiten viele HTML -Redakteure nicht nur HTML, sondern auch verwandte Technologien wie z. CSS, Xml und JavaScript oder ECMaskript. In einigen Fällen verwalten sie auch die Kommunikation mit Remote -Webservern über Ftp und Webdav, und Versionskontrollsysteme wie zum Beispiel Subversion oder Git. Viele Textverarbeitung, Grafikdesign und Seitenlayout Programme, die nicht gewidmet sind Web-Design, wie zum Beispiel Microsoft Word oder Quark XpressSie können auch als HTML -Redakteure fungieren.

Arten von Redakteuren

Es gibt zwei Hauptsorten von HTML -Redakteuren: Text und Wysiwyg (Was Sie sehen, ist das, was Sie bekommen) Redakteure.

Textredakteure

Textredakteure für die Verwendung mit HTML bestimmt, liefert normalerweise mindestens mindestens Satzstellung markieren. Einige Redakteure haben zusätzlich Vorlagen, Symbolleisten und Tastatürkürzel schnell gemeinsam einfügen HTML -Elemente und Strukturen. Zauberer, Tooltip Aufforderungen und Autoperation kann bei gemeinsamen Aufgaben helfen.

Textredakteure, die üblicherweise für HTML verwendet werden, enthalten in der Regel entweder integrierte Funktionen oder die Integration mit externen Tools für Aufgaben wie Versionskontrolle, Link-Checking und Validierung, Code -Reinigung und Formatierung, Schreibprüfung, Hochladen durch FTP oder WebDAV und Strukturierung als Projekt. Einige Funktionen, wie z. B. Linküberprüfung oder Validierung Online -Toolseine Netzwerkverbindung erfordert.

Textredakteure erfordern das Verständnis von HTML und allen anderen Webtechnologien, die der Designer wie CSS, JavaScript und verwenden möchte serverseitiges Skripting Sprachen.

Um diese Anforderung zu erleichtern, ermöglichen einige Redakteure die Bearbeitung des Markups in mehr visuell organisiert Modi als einfaches Farb -Hervorhebung, aber in Modi, die nicht als Wysiwyg betrachtet werden. Diese Redakteure enthalten normalerweise die Option der Verwendung Palettenfenster oder Dialogboxen Um die textbasierten Parameter ausgewählt zu bearbeiten Objekte. Diese Paletten ermöglichen die Bearbeitungsparameter in einzelnen Feldern oder das Einfügen neuer Tags durch Ausfüllen eines Formulars auf dem Bildschirm und können zusätzliche enthalten Widgets So präsentieren und auswählen Optionen bei der Bearbeitung von Parametern (z. B. Vorschau auf Bild- oder Textstile) oder einen Umrisseditor, um HTML -Objekte und Eigenschaften zu erweitern und zusammenzubrechen.

Wysiwyg HTML -Redakteure

Amaya 10 HTML -Editor

WYSIWYG HTML -Editoren bieten eine Bearbeitungsschnittstelle, die ähnelt, wie die Seite in a angezeigt wird Webbrowser. Da die Verwendung eines WYSIWYG -Editors möglicherweise kein HTML -Wissen erfordert, ist sie für einen unerfahrenen Computerbenutzer oft einfacher, mit dem zu beginnen.

Die Wysiwyg -Ansicht wird durch Einbetten a erreicht Layout -Motor. Dies kann benutzerdefiniert oder basiert auf einem in einem Webbrowser verwendeten. Das Ziel ist, dass die Bearbeitung zu jeder Zeit die gerendert Das Ergebnis sollte darstellen, was später in einem typischen Webbrowser zu sehen ist.

Wysiwym (Was Sie sehen, ist was Sie bedeuten) ist ein alternatives Paradigma zu Wysiwyg -Redakteuren. Anstatt sich auf das Format oder die Präsentation des Dokuments zu konzentrieren, bewahrt es die beabsichtigte Bedeutung jedes Elements. Beispielsweise werden Seitenüberschriften, Abschnitte, Absätze usw. als solche im Bearbeitungsprogramm gekennzeichnet und im Browser angemessen angezeigt.

Schwierigkeiten bei der Erreichung von Wysiwyg

Ein bestimmtes HTML -Dokument hat einen inkonsistenten Erscheinungsbild bei verschiedenen Plattformen und Computer aus mehreren Gründen:

Verschiedene Browser und Anwendungen machen das gleiche Markup anders.
Die gleiche Seite kann mit Beispiel in etwas anders angezeigt werden in Chrom, Safari, Rand, Internet Explorer und Feuerfuchs Auf einem hochauflösenden Bildschirm, aber es sieht in perfekt gültigem Text ganz anders aus Luchs Browser. Es muss bei a wieder anders gemacht werden PDA, ein Internet-fähiger Fernseher und auf a Handy. Benutzerfreundlichkeit in a Rede oder Blindenschrift Browser oder über a Bildschirmleser Die Arbeit mit einem herkömmlichen Browser wird Anforderungen ganz anders stellen[Klarstellung erforderlich] Aspekte der zugrunde liegenden HTML. Alles, was ein Autor tun kann, ist ein Erscheinen vorzuschlagen.
Webbrowser haben wie alle Computersoftware Käfer
Sie können nicht dem Strom entsprechen Standards. Es ist hoffnungslos zu versuchen, Webseiten rund um alle aktuellen Fehler der üblichen Browser zu entwerfen: Jedes Mal, wenn eine neue Version jedes Browsers herauskommt, ist ein erheblicher Teil des Weltweites Netz Müsste erneut die neuen Fehler und die neuen Korrekturen anpassen. Es wird im Allgemeinen als viel klüger für die Entwurfsstandards angesehen, die sich von den Merkmalen der „Blutung“ fernhalten, bis sie sich beruhigen, und warten dann, bis die Browser -Entwickler Ihre Seiten einholen, und nicht umgekehrt.[2] Zum Beispiel kann niemand argumentieren, dass CSS immer noch "neuartig" ist, da jetzt weit verbreitete Unterstützung in gemeinsamen Browsern für alle wichtigen Funktionen zur Verfügung steht.[3] Auch wenn viele Wysiwyg und andere Redakteure noch nicht vollständig aufgeholt haben.[4]
Ein einzelner visueller Stil kann mehrere semantische Bedeutungen darstellen
Semantische Bedeutung, die aus der zugrunde liegenden Struktur des HTML -Dokuments abgeleitet ist, ist für Suchmaschinen und auch für verschiedene Zugänglichkeitstools wichtig. Auf dem Papier können wir aus dem Kontext und der Erfahrung erkennen, ob mutiger Text einen Titel oder einen Schwerpunkt oder etwas anderes darstellt. Es ist jedoch sehr schwierig, diese Unterscheidung in einem Wysiwyg -Redakteur zu vermitteln. Einfach einen Text zu machen, der in einem Wysiwyg -Editor mutig ist, reicht nicht aus, um dem Leser zu sagen *, warum * der Text fett ist - was die Kühnheit semantisch darstellt.
Moderne Websites sind selten auf eine Weise konstruiert, die Wysiwyg nützlich macht
Moderne Websites verwenden normalerweise a Content -Management -System oder ein anderer Vorlagenprozessor-Basierte Mittel zur Konstruktion von Seiten im laufenden Fliegen mithilfe von Inhalten, die in einer Datenbank gespeichert sind. Einzelne Seiten werden nie in einem Dateisystem gespeichert, da sie in einem WYSIWYG-Editor entworfen und bearbeitet werden können. Daher ist eine Form des abstrahierten vorlagenbasierten Layouts unvermeidlich, was einen der Hauptvorteile der Verwendung eines WYSIWYG-Editors ungültig macht.

Gültiges HTML -Markup

HTML ist strukturiert Auszeichnungssprache. Es gibt bestimmte Regeln, wie HTML geschrieben werden muss, wenn es anpassen soll W3c Standards für das World Wide Web. Das Befolgen dieser Regeln bedeutet, dass Websites auf allen Arten und Computern zugänglich sind, um kundig und Menschen mit Behinderungen und auch auf kabellos Geräte wie Mobiltelefone und PDAs mit ihren begrenzten Bandbreiten und Bildschirmgrößen. Die meisten HTML -Dokumente im Web entsprechen jedoch nicht den Anforderungen der W3C -Standards. In einer im Jahr 2011 durchgeführten Studie zu den 350 beliebtesten Websites (ausgewählt vom Alexa -Index), fehlen 94 Prozent der Websites die Webstandards -Markup- und Stilblatt -Validierungstests oder wenden Sie die Charaktercodierung nicht ordnungsgemäß an. Sogar diese syntaktisch korrekten Dokumente können aufgrund einer unnötigen Verwendung von Wiederholung oder auf der Grundlage von Regeln, die auf der Grundlage von Regeln beruhen, ineffizient sein veraltet für ein paar Jahre. Aktuelle W3C -Empfehlungen zur Verwendung von CSS mit HTML wurden 1996 zuerst von W3C formalisiert[5] und wurden seitdem überarbeitet und verfeinert.[6][7]

Diese Richtlinien unterstreichen die Trennung von Inhalten (HTML oder XHTML) vom Stil (CSS). Dies hat den Vorteil, dass die Stilinformationen einmal für eine ganze Site geliefert werden, die auf jeder Seite nicht wiederholt wird, geschweige denn in jedem HTML -Element. Die Designer von Wysiwyg -Redakteuren haben seitdem zu kämpfen, wie diese Konzepte ihren Benutzern am besten präsentieren können, ohne sie zu verwirren, indem sie die zugrunde liegende Realität aufdecken. Moderne WYSIWYG -Redakteure gelingen alle in gewissem Maße, aber keiner von ihnen ist vollständig gelungen.

Es wurde jedoch eine Webseite erstellt oder bearbeitet, wysiwyg oder von Hand, um unter der größtmöglichen Anzahl von Lesern und Zuschauern erfolgreich zu sein und den „weltweiten“ Wert des Webs selbst aufrechtzuerhalten, in erster Linie bestehen sollte es bestehen von gültigem Markup und Code.[8] Es sollte nicht als bereit für das World Wide Web angesehen werden, bis seine HTML- und CSS -Syntax erfolgreich war bestätigt Verwenden Sie entweder die kostenlosen W3C Validator -Dienste (W3C HTML Validator und W3C CSS Validator) oder einige andere vertrauenswürdige Alternativen.[8]

Barrierefreiheit Von Webseiten von Personen mit physischem Sehvermögen oder anderen Behinderungen ist nicht nur eine gute Idee angesichts der Allgegenwart und Bedeutung des Web in der modernen Gesellschaft, sondern wird auch gesetzlich vorgeschrieben. In den USA die Americans with Disabilities Act und in Großbritannien die Diskriminierungsgesetz von Behinderungen Stellen Sie die Anforderung auf Websites auf, die von öffentlich finanzierten Organisationen betrieben werden. In vielen anderen Ländern existieren ähnliche Gesetze entweder bereits oder bald.[8] Seiten zugänglich machen ist komplexer, als sie nur gültig zu machen; Das ist eine Voraussetzung, aber es gibt viele andere Faktoren zu berücksichtigen.[9] Gutes Webdesign, egal ob Sie mit einem Wysiwyg -Tool fertiggestellt sind oder auch nicht berücksichtigen müssen.

Unabhängig davon, welche Softwaretools zum Entwerfen, Erstellen und Wartung von Webseiten verwendet werden, hängt die Qualität der zugrunde liegenden HTML von der Fähigkeit der auf der Seite arbeitenden Person ab. Einige Kenntnisse über HTML, CSS und andere Skriptsprachen sowie eine Vertrautheit mit den aktuellen W3C -Empfehlungen in diesen Bereichen helfen jedem Designer, bessere Webseiten zu produzieren, mit einem Wysiwyg -HTML -Editor und ohne.[10]

Siehe auch

Verweise

  1. ^ R, Nabilla (28. Dezember 2018). "Beste HTML -Redakteure für 2022". Hostinger -Tutorials. Abgerufen 22. Juli 2022.
  2. ^ "Ein Aufsatz über die Designprinzipien von W3C". W3.org. Abgerufen 23. Oktober 2013.
  3. ^ "Cascading Style Sheets". W3.org. Abgerufen 23. Oktober 2013.
  4. ^ "Cascading Style Sheets". W3.org. Abgerufen 23. Oktober 2013.
  5. ^ "Cascading -Stilblätter, Stufe 1". W3.org. Abgerufen 23. Oktober 2013.
  6. ^ http://www.w3.org/tr/css21/ Die aktuelle CSS -Empfehlung von W3C
  7. ^ http://www.w3.org/tr/xhtml11/ Die aktuelle HTML -Empfehlung von W3C
  8. ^ a b c Harold, Elliotte Rusty (2008). Refactoring HTML. Boston: Addison Wesley. ISBN 978-0-321-50363-3.
  9. ^ "Richtlinien für Webinhalte (WCAG) 2.0". W3.org. 2008. Abgerufen 23. Oktober 2013.
  10. ^ "Dave Raggetts Einführung in HTML". W3.org. 24. Mai 2005. Abgerufen 23. Oktober 2013.