@Mücke: Browser & HTML-Editoren (Allgemein)

Rumpel, Dienstag, 23.12.2008, 16:58 (vor 6228 Tagen) @ muecke

Browser & HTML-Editoren

Bei einem HTML-Editor kannst du zwischen mehreren Ansichten umschalten, Quelltext mit Quelltext-Eingabe, HTML-Eingabe mit graphischer Anzeige der Tags und der Struktur, und HTML-Ansicht. Das nennt man WYSIWYG-Editor, What You See Is What You Get. Ein reiner HTML-Editor, basierend auf Mozilla 1.7, ist nVu, mit deutlich sichtbarer Verwandschaft zum Firefox. Da der nicht weiterentwickelt wurde gibt es einen inoffiziellen Nachfolger, Kompozer. Für dein Windows müsstest du den win32 tarball runterladen, das ist eine Zip-datei. Mußt du in ein leeres Verzeichnis entzippen, und einen Link auf Kompozer.exe machen Oder du lädst dir die portable-Version, die ist zwar dafür gedacht auf einem USB-Stick zu laufen, man kann sie aber auch auf dem Rechner laufen lassen.

Und jetzt sehe ich gerade, daß ich garnicht mehr die Links dadrauf suchen muß, das ganze gibts auf DVD:
Ich such aber trotzdem mal:
http://www.nvu-composer.de/ Kompozer 7.10
http://portableapps.com/apps/development/nvu_portable Kompozer 7.10

[Schleichwerbung]
c't hat gerade ein Sonderheft Webdesign rausgebracht, mit DVD. Kostet 8.50 portofrei vom Verlag, oder am gutsortierten (Bahnhofs-)Kiosk.
Das wird in vielem zu hoch für dich sein, CMS, Blog & Wiki-Software brauchst du nicht, aber das Heft bietet dir vielleicht einen Überblick worum es geht, falls dz das willst. Nötig ist es nicht für einfache Sachen.
Die drei Kapitel Hosting, Webgestaltung und Recht und eine kleine Auswahl aus den Programmen könnten vielleicht den Kauf lohnen:

# Jo Bager, Gehostete Website-Generatoren, Hosting-Dienste mit integrierten Website-Generatoren S. 18 .. 23
Herbert Braun, Babylon byteweise, Zeichensatz-Grundlagen für Webdesigner S. 58
Herbert Braun, Neu bebildert, Tipps und Tricks mit Webgrafiken S. 62 ist für sehr Fortgeschrittene
Herbert Braun, Jens Piske, Stilspaltereien, Mehrspaltige Webseiten-Layouts mit CSS S. 66 ist interessant, und schöne Beispiele was du mit CSS erreichen kannst findest du im Zengarden oder bei Meyer:

http://www.mezzoblue.com/zengarden/alldesigns/
Beim CSS-Spezialisten Eric Meyer gibts bei
css/edge scöne beispiele was man mit CSS machen kann. Passend zur Jahreszeit: slantastic/holiday.html Das ist kein Bild, das ist nur Text, mit HTML und CSS ausgezeichnet.
Mir gefallen die Spielarten der complexspiral am besten, das ist ein Hin´tergrundbild und CSS. Den Effekt sieht man, wenn man die Seite hoch und runterscrollt.

Zurück zum Heft: weiter für dich vielleicht zum Teil interessant:

Jo Bager, Handwebszeug, Freeware und Online-Tools für das Debuggen von Websites S. 70
Jonas Westphal, Entwicklungshilfe, Webanwendungen programmieren und gestalten mit Visual Web Developer S. 130 Die Software dazu ist nicht auf der DVD, die mußt du bei Microsoft runterladen, ein paar hundert Megabyte
Jonas Westphal, Entwicklungshilfe, Webanwendungen programmieren und gestalten mit Visual Web Developer S. 130

In der Linkliste findest du die Artikelübersicht, und wenn du auf die Links draufklickst
die im Artikel besprochenen Links, z.B. Microsoft Visual Web Developer 2008 Express Edition gibts bei M$ gratis.
Wichtig ist das Kapitel über Juristerei, einige Blutsauger haben sich darauf spezialisiert unbedarfte Website-Betreiber gebührenpflichtig abzumahnen. Dem kann man vorbeugen, und entgegentreten.

Software:
Zum Beispiel <a href=http://www.heise.de/software/download/easywebsitepro/38390"">EasyWebsitePro 4.0[/link] kannst du als Demo downloaden, aber auf der Heft-DVD ist es als Spezialversion drauf.

[/Schleichwerbung]

Was ich verwende:

Seamonkey ist der Nachfolger von Netscape7 und Mozilla Suite. Es ist ein Browser, mit Mailprogramm, HTML-Editor und noch weiteren Goodies, wie DOM-Inspector, Page-Info, etc.
Wenn du eine Website anschaust, kannst du sie mit Strg+E im Editor laden, und ändern.
Mit Strg+I kannst du Seiteninformationen aufrufen, Page Info. Das zeigt dir alle Links auf der Seite, Medien, etc.
Mit Strg+U kannst du dir den HTML-Quelltext der Seite anschauen.
Mit Strg+Shift+I kannst du im DOM-Inspector die Struktur erkunden, die Eigenschaften bestimmter Elemente.
Die Hilfe zeigt dir auch wie du eine Website basteln kannst.

Normalerweise ist ja das gesündeste, sich eine verdächtige Website nicht anzuschauen, aber mich interessiert schon welche Trojaner mir per Mail untergejubelt werden sollen. Wenn ich annehme das http:\\trojan.com mir was unterjubeln will, gehe ich nicht direkt auf die Seite, sondern schau mir über view-source:http:\\trojan.com den Quelltext an, ohne daß vorher die Datei als HTML angezeigt (und das Schadprogramm ausgeführt) wurde.

Die deutsche Version des Netscape bzw. Mozilla Suite-Nachfolgers Seamonkey wird von einem Österreicher hergestellt Fragen zu Seamonkey beantworte ich gerne auch im Chat.
Seamonkey ist durch die Integration des Composers und des DOM-Inspectors interessant, andere gute Browser sind Opera, der auch Mail hat, und Firefox, für den es einige Erweiterungen bezgl. Webseitenentwicklung gibt.

http://seamonkey.at/
http://www.seamonkey-project.org/
Es gibt Seamonkey für verschiedene Sprachen und Betriebssysteme es lassen sich auch mehrere Sprachpakete installieren sodaß der Schweizer in jede seiner Landessprachen umschalten kann (wenn noch einer daß Sprachpaket in Rätoromanisch übersetzt)
Download-Link für Sprachversionen:
http://www.seamonkey-project.org/releases/#l10n
Download-Link für die deutschen Windows-Versionen:
http://releases.mozilla.org/pub/mozilla.org/seamonkey/releases/1.1.14/contrib-localized/seamonkey-1.1.14.de-AT.win32.installer.exe Windows-Installer, deutsch
http://releases.mozilla.org/pub/mozilla.org/seamonkey/releases/1.1.14/contrib-localized/seamonkey-1.1.14.de-AT.win32.zip Zip-Version, deutsch
<a href="">[/link]

Installer-Versionen werden installiert und deinstalliert, die Zip-Version muß man nur auspacken und eine Verknüpfung auf seamonkey.exe machen. Wenn man den Kram loswerden will, löscht man einfach den Ordner mitsamt seiner Unterordner.

http://de.opera.com/ Browser+Mail
http://opera-info.de/ inoffizielles Forum

http://www.mozilla-europe.org/de/firefox/
<a href="">[/link]

Total veraltet, aber vielleicht noch hilfreich falls du ein bißchen Englisch kannst:
Review of the WYSIWYG Web Editor: Mozilla Composer (a.k.a. Netscape Composer) mit ein paar nützlichen Links zu anderen Website-Themen

Netscape Composer: An Introduction

Da ich nicht weiß ob ich vor Jahresende noch was schreib:

Frohes Fest und guten Beschluß

Rumpel