Online Tools und Webmaster Tools

Page navigation

• kostenlose Homepage
• Internet
• Minuten
• HTML

sub page menu

• Webdesign
• Gratis

HTML-Editoren
Allgemeines
HTML-Dokumente sind Ascii-Dateien, die neben dem Text noch Text-Formatierungen, Hyperlinks etc mit Hilfe von <...>-Direktiven enthalten. Die HTML-Editoren erlauben es nun, den Text zu schreiben zum Teil im 'Wysiwyg'-Modus wie moderne Textverarbeitungssysteme, zum Teil mit den Möglichkeiten wie etwa Cut & Paste, die andere Ascii-Editoren auch bieten. Natürlich können auch bestehende Ascii- oder HTML-Dateien bearbeitet werden. Darüberhinaus gestatten es die HTML-Editoren, auf bequeme Weise dies HTML-Kommandos einzufügen. Dies geschieht meistens über Point & Click, d.h. es wird ein Textabschnitt mit der Maus markiert, dann aus einem Menü die gewünschte Formatierung über ein Mausklick ausgewählt, so z.B. Überschriften, Listen, Einrückungen, kursive, fette Textgestaltung. Auf ähnliche Weise können Platzhalter für Hyperlinks eingefügt werden. Eine weitere Eigenschaft, zumindest der meisten dieser HTML-Editoren, ist die automatische Umsetzung von Sonderzeichen wie Umlaute, <, >, & . Das erspart natürlich das mühsame Schreiben der Umlaute, etwa als Zeichenkette &uuml;. Wie oben angedeutet, laufen Editoren alle nur unter graphischen Benutzeroberflächen. Die Benutzung der HTML-Editoren ist zwar recht einfach - so gibt es auch kaum begleitende Hilfstexte dazu -, aber (gute) HTML-Kenntnisse sind unbedingt erforderlich. Eine gute Hilfe finden Sie für diese Bereiche bei Internet Marketing und Suchmaschinenoptimierung in Berlin. Einfach Seite aufrufen und Kontakt aufnehmen.

Am RRZK verfügbare HTML-Editoren
HoTMetaL (komfortabler Wysiwyg-Editor: Windows, Macintosh
mit Import-Filter für Word, WordPerfect, Ami Pro und Works)
HomeSite (komfortabler Wysiwyg-Editor: Windows, Macintosh)
Dreamweaver (komfortabler Wysiwyg-Editor: Windows)
NVU (komfortabler kostenloser Wysiwyg-Editor: Windows, Linux, Macintosh)
Frontpage (komfortabler Wysiwyg-Editor: Windows, Macintosh)
Amaya (einfacher Wysiwyg-Editor: Unix)
tkHTML (einfacher Editor: Unix)
asWedit (einfacher Editor: Unix)
hm--html-menus (Zusatzpaket für den XEmacs-Editor: Unix)
Verweise auf frei verfügbare HTML-Editoren
NVU
1st Page
Ulli Meybohms HTML Editor Phase 5
HTML-Kit
Für weitere HTML-Editoren siehe
HTML-Editoren (Liste bei selfhtml)
WWW-bezogene Tools (lokale Liste)

HTML-Export bei Textverarbeitungsprogrammen
Allgemeines
Alle Textverarbeitungsprogramme erlauben mittlerweile einen HTML-Export. Das erscheint zum einen auf den ersten Blick verlockend, da man 'wie gewohnt' mit Word oder seinem anderen Lieblingsprogramm das Dokument erstellen und dann daraus 'direkt' die WWW-Version erzeugen kann. Das Ergebnis wird leider allzu häfig ernüchternd sein. Da HTML nicht alle die Formatierungsmöglichkeiten bietet, wie sie in den gängigen Textverarbeitungssystemen enthalten sind, ist in der Regel keine eins-zu-eins-Abbildung des Dokumentes in HTML zu erwarten. Insbesondere kennt HTML keine Tabulatoren, wenn es auch bestimmte Formen von Einrückungen in HTML gibt. Wie gut diese automatische Umsetzung arbeitet, hängt zum einen von der Struktur des Textes ab, insbesondere von den Komplexität der Einrückungen, zum anderen vom benutzten Textverarbeitungssystem.
Am RRZK verfügbare Textverarbeitungsprogramme mit HTML-Export
Word
WordPerfect
StarWriter
FrameMaker
PageMaker

HTML-Konverter
Allgemeines
HTML-Konverter ermöglichen es, Dokumente, die mit Textverarbeitungsprogrammen erstellt worden sind, in HTML-Dokumente zu konvertieren. Da HTML nicht alle die Formatierungsmöglichkeiten bietet, wie sie in den gängigen Textverarbeitungssystemen enthalten sind, ist in der Regel keine eins-zu-eins-Abbildung des Dokumentes in HTML zu erwarten. Insbesondere kennt HTML keine Tabulatoren, wenn es auch bestimmte Formen von Einrückungen in HTML gibt, so z.B. <DD> für Definitionen. Gegebenenfalls sollten die in HTML vorhandenen Möglichkeiten bereits beim Schreiben des Dokuments mit Word, WordPerfect, FrameMaker etc. berücksichtigt werden. Aus Querverweisen innerhalb eines Dokuments werden normalerweise Hyperlinks erzeugt. Inhaltsverzeichnisse können ebenfalls automatisch erzeugt werden.

Es muß darauf hingewiesen werden, daÜb sämtliche Konvertoren nicht einfach zu benutzen sind und einen Einarbeitungsaufwand erfordern. Daher 'lohnt' sich eine Umsetzung mit speziellen Konvertoren nur, wenn ein mit einem Textverarbeitungsprogramm erstellter Text regelmäÜb abgeändert und in HTML umgesetzt werden soll und andererseits das 'Nacheditieren' des HTML-Exports durch das Textverarbeitungsprogramm zu aufwendig erscheint.
Um es vorweg zu sagen: Eine gute Konvertierung erfordert zum einen 'Programmieraufwand' bei Benutzung des Konverters, zum anderen eine sinnvolle Nutzung der Absatz- und Zeichenformate, der sog. tags, im Gegensatz zu einer 'ad-hoc-Formatierung', bei der z.B. nur ein einziges Absatz-Format verwendet, dies aber an vielen Stellen abgeändert wird. Die Arbeitsweise der Konverter ist etwa die folgende: Der Benutzer gibt auf einer Datei eine Umsetzungstabelle vor, die einerseits eine Liste (möglichst) aller im Textdokument verwendeten Absatz- und Zeichenformate enthält, andererseits eine Zuordnung dieser zu vorgegebenen internen Absatz- und Zeichenformaten. Letztere werden entweder vom Konverter vorgegeben oder können vom Benutzer definiert werden. Diese Formate werden in ein oder mehrere HTML-tags umgesetzt. Ist z.B. Ueber_1 ein im Text verwendetes Absatzformat für Überschriften und kennt der Konverter die Absatzformate HEADING1, HEADING2,.., die in die HTML-tags <H1>, <H2>,... abgebildet werden, so würde man zweckmäÜbigerweise Ueber_1 in HEADING1 abbilden, das dann vom Konverter in <H1> umgesetz wird. Oder entspricht z.B. das Absatzformat Liste einer eingerückten Aufzählungsliste und bietet der Konverter interne Formate LISTINDENT1, LISTINDENT2,... für Einrückungen an, die ihrerseits in die HTML-tags <DL> und <DT> abgebildet werden, so würde man je nach Tiefe der Einrückung und Aussehen der internen Formate z.B. Liste in LISTINDENT1 umsetzen. Welche 'internen' Formate (tags) der Konverter anbietet und wie diese aussehen ist der jeweiligen Dokumentation zu entnehmen.


Ein Tip noch zur Vergabe der Formatnamen in den Textdokumenten: Gerne werden Namen wie Überschrift1 oder einrück als Absatzformat-Namen verwendet. Die Umsetzung von Namen mit Umlauten und sz ist zwar prinzipiell möglich, aber recht schwierig. Daher sollten Umlaute und sz in Absatz- und Zeichenformat-Namen vermieden werden.

Sind allerdings im Textdokument keine differenzierten Absatzformate verwendet worden, so bleibt nichts anderes übrig, als den Text neu zu formatieren. Das heiÜbt: Die verschiedenen Varianten des Absatzformats, z.B. Standard, etwa einmal mit Einrückungen (z.B. für Beispiele), einmal kursiv (z.B. für eine Adresse), einmal als Liste (z.B. mit einem Bindestrich oder Punkt voran), müssen verschieden benannt werden, etwa einrueck, kursiv oder liste. Erst danach kann der Text mit einem Konverter bearbeitet werden.

Weitere Tips zur Erstellung von FrameMaker-Dokumenten, die in HTML-gewandelt werden sollen. Diese Tips gelten allerdings analog auch für die anderen Textverarbeitungssysteme wie z.B. Word.
Am RRZK verfügbare HTML-Konvertoren
rtftohtml (anspruchsvolle Wandlung Word -> HTML und WordPerfect -> HTML)
WebMaker (anspruchsvolle Wandlung FrameMaker -> HTML)
Frame2html (einfache Wandlung FrameMaker -> HTML)
LaTeX2HTML (LaTex -> HTML)
TeXI2HTML (TexInfo -> HTML)

Konverter in Textverarbeitungsformate
Gelegentlich kann auch die Konvertierung eines WWW-Dokuments von HTML in eines der Textverarbeitungsformate von Interesse sein. Gut dafür geeignet sind die oben angeführte Textverarbeitungsprogramme Word (ab Version 97) und Star Writer (ab Version 4). Beide können quasi als Browser benutzt werden.
Da verschiedene andere Textverarbeitungssysteme andererseits Word- oder RTF-Dateien verarbeiten können, so z.B. FrameMaker in der Windows-Version, stehen damit auch Schnittstellen zu vielen anderen Programmen offen.


Am RRZK verfügbare Textverarbeitungsprogramme mit HTML-Import
Word
StarWriter

Erzeugung von Tabellen
Fast alle eingangs aufgeführten HTML-Editoren wie auch die Textverarbeitungsprogramme mit HTML-Export erlauben zwar eine bequeme Eingabe und Erzeugung von HTML-Tabellen, dennoch mögen die (meist schon älteren) speziellen Utilities zur Generierung von HTML-Tabellen für den einen oder anderen von Interesse sein.
Hinweise auf Utilities zur Generierung von HTML-Tabellen
Table to Html (Word 6 Makro)
rtf2table (RTF -> HTML)
TableMaker (WWW-Formular)

--------------------------------------------------------------------------------

Syntax-Checker und Validierer
Sehr viele Webseiten enthalten HTML-Fehler, ohne daÜb der Autor davon weiÜb. Die Browser, auch die Versionen derselben Software, reagieren sehr unterschiedlich auf die Fehler. Auswertungsprogramme, z.B. für Suchmaschinen, werden oft durch die Fehler irregeführt. Zum anderen werden insbesondere bei Benutzung von HTML-Tools vielfach unbewuÜbt und ungewollt HTML-Erweiterungen oder Abweichungen vom HTML-Standard verwendet.

Markup Validation Service (w3.org): online-Service - Download
HTML / XHTML / WML / XML Validator (validome.org)
Web Page Purifier (Erzeugung von striktem HTML)
Web Page Backward Compatibility Viewer (Elimination spezieller HTML-Elemente)

--------------------------------------------------------------------------------

Meta-Tag-Editoren
Die sog. Meta-Tags dienen u.a. dazu, Informationen über das Dokument für Suchmaschinen und Browser in den Header des Dokuments einzubinden. Die folgenden Tools sind Editoren zum Erstellen dieser HTML-Meta-Tags bzw. zur Bearbeitung bereits vorhandener Sequenzen. Sie sind beide realisiert als simple WWW-Formulare, in die alle Meta-Informationen eingegeben werden können.
META builder
MMM: Mathematics Metadata Markup

--------------------------------------------------------------------------------

Sonstige HTML-Werkzeuge
FrameShop (Erzeugung von Frames)
ColorMaker (Farbgestaltung und Hintergrundmuster)
Web Page Purifier (Erzeugung von striktem HTML)
Web Page Backward Compatibility Viewer (Elimination spezieller HTML-Elemente)
HTML Authoring Services

--------------------------------------------------------------------------------

Grafik-Programme
Allgemeines
Eine ansprechende Website kommt heutzutage kaum noch ohne Grafiken aus. Jedoch sollte dabei stets beachtet werden, daÜb Grafiken den Inhalt unterstützen bzw. weitertransportieren und nicht zum Selbstzweck verkommen.
Die Funktionalität vieler Grafikprogramme beschränkt sich allerdings nicht auf die Bearbeitung und das Erstellen von Grafiken. Vielmehr kann man die "großen" Programme u.a. dazu einsetzen, das komplete Layout und Design einer Website zu erstellen (siehe Tutorial auf der Photoshop Seite), mit der Ebenen-Technik bequem Animationen vorzubereiten, komlexe Grafiken aufzuteilen (um sie in Tabellenform darzustellen), zu komprimieren,...
Am RRZK verfügbare Programme
Photoshop (neben Bildbearbeitung Konvertierung, Transparenz, Layout,...)
Paintshop (siehe Photoshop, animierte Gifs)
HoTMetaL (Erzeugung sensitiver Karten/Bilder, clickable maps)
giftrans (nur Unix: Transparenz)
Verweis auf frei verfügbare Programme
IrfanView (Allgemeine Bildbearbeitung und -konvertierung, Erstellung von Bildübersichten)
LView Pro (Betrachten, Konvertieren und Manipulieren von Bilddateien, Erstellen von Thumbnails für Webseiten)
Ulead Photo Explorer (u.a. Betrachten von Bilddateien, Erstellen von Thumbnails)

Direkthomepage ist ein kostenlose-Homepage -Baukasten im internet. Mit wenigen Klicks und kinderleichter Bedienung können Sie sich in wenigen minuten eine kostenlose-Homepage erstellen. Sie haben hier mehrere Editoren (WYSIWYG-Editor für den Internet Explorer, Firefox und Mozilla) zur Verfügung, sowie ein reinen Html-Editor für Profis, um eigenen html-Code einzugeben. Ein WYSIWYG-Editor (What You See Is What You Get) funktioniert ähnlich wie ein Text-Editor. Weitere Informationen erhalten Sie auch bei seoclick.

Sie können bei uns Bilder hochladen und mittels Editor einbauen, Texte formatieren, farblich ändern, Tabellen anlegen, Objekte einfügen (Shoutbox, Newssystem, Newslettertool, Besucherzähler, Adserver, Bildergalerie, Kalender usw..). Sollten Sie beispielsweise als Hobby das Karpfenangeln haben, dann können Sie sich auf der Seite von carpfisher.info sehr gut über dieses Hobby informieren.

Nach Ihrer Anmeldung stehen Ihnen sofort 500 Textseiten und genügend Bildspeicher zur Verfügung, den Sie dank des Punktesystems bis auf unendlich aufstocken können. Sie können Links zu anderen Seiten in Ihrer Homepagenavigation einbauen, sowie unsere Homepagetools und Ihre eigenen bei Uns erstellten Textseiten verlinken. Alles RatzFatz per Mausklick. Direkthomepage bietet Ihnen webdesign Designvorlagen (per klick auswählbar), die Ihnen sonst kaum ein anderer Homepageanbieter anbietet. Alles gratis. Auch die absolut kostenlose E-Mail Adresse finden Sie bei 1gx.de.