Mit dem HTML Copyright Wizard können Sie ihren HTML Quellcode so zerstückelln, dass er von bestimmt keinem Quellcode-Dieb wieder zusammengesetzt werden kann.

Der HTML Copyright Wizard ist ein Shareware-Programm. Die Testversion lässt sich unter http://www.muweb.net herunterladen. Der Programmierer Stefan Muller (devmag.net Autor) verspricht, das der HTML Copyright Wizard die gleiche Arbeit leistet, wie vergleichbare teure Produkte.

Nach der Installation der Software kann man direkt loslegen. Der gesamte Verschlüsselungsprozess ist in drei Schritte unterteilt. Im ersten Schritt muss man die einzelnen Dateien, die verschlüsselt werden sollen, auswählen.


Auswahl der einzelnen Dateien

Im zweiten Schritt müssen Sie dann die einzelnen Formen der Verschlüsselung auswählen.
Bei der Auswahlmöglichkeit des Nativen HTML Cripplings werden die Zeichen des Quelltextes in ihre ASCII Codes umgewandelt. Ein Leser versteht den Quellcode dann nur noch kaum.
Durch die Option "Quelltextzange" werden überflüssige Zeilenumbrüche entfernt. Dadurch wird das Lesen um einen weiteren Faktor erschwert.
Ist die Verschlüsselung über JavaScript aktiviert, werden die einzelnen Absätze über JavaScript ausgegeben. Dadurch erkennt ein Webeditor wie Frontpage zwar das Script, kann aber keine HTML Quellcode ausgeben, da dieser verschlüsselt im JavaScript versteckt ist und über die document.write-Anweisung wieder ausgegeben wird. Nur im Browser wird also das korrekte Ergebnis angezeigt.

Die nächsten zwei Optionen haben keine wirkliche Funktionalität. Durch die Option "Überflüssige Zeilenumbrüche" werden zum Begin und zum Ende des Quelltextes Zeilenumbrüche eingefügt. So manch ein Quellcode-Gucker denkt nämlich nicht daran, den Scrollbalken zu betätigen. Die Anzahl der eingefügten Zeilen kann weiter unten angegeben werden.
Die Option "Fake-Meldung" ist ebenfalls nur ein kleiner Trick. Dabei wird eine Fehlermeldung zu Begin des Dokumentes eingefügt. Diese soll den Quellcode-Gucker ein wenig abschrecken...


Auswahl der Optionen für die Verschlüsselung

Die nächsten drei Optionen sind eigentlich auch nicht wirklich von großem Nutzen. Zum einen kann die Rechte-Maustaste deaktiviert werden, der Druck des Dokumentes verhindert werden, und auch die Textauswahl, also das markieren eines Textes verhindert werden. Hierzu schreibt der HTML Copyright Wizard ein entsprechendes JavaScript in den Quellcode, welches diese Funktionen verbietet.

Im letzten Schritt, dem Schritt 3 können Sie die Dateien nun mit ihren Optionen verschlüsseln lassen. Wichtig ist, dass Sie die Backup-Funktion aktiviert haben, da eine einmal verschlüsselte Datei nicht wieder entschlüsselt werden kann...
In der Shareware-Version fügt der HTML Copyright Wizard automatisch einen Verweis auf das Programm in den Quellcode ein.
Allgemein ist der Funktionsumfang des Programms sehr groß, deshalb denken wir, dass die Registrierungsgebühr von lediglich 5€ doch aufgebracht werden kann.
http://www.muweb.net

Weiterführende Links:

1. HTML Squeezer – HTML Code optimieren
2. Logische Beziehungen in HTML
3. HTML mit Zeit – HTML+Time

Der Netscape Navigator 6.0 war ja eher ein Rückschritt aufgrund von grundlegenden Problemen. So gab es viele Sicherheitslöcher die ständig durch Patches gestopft werden mussten, und auch die Geschwindigkeit war mehr als miserabel.
Die neue Version 7.0 verspricht aber viele Verbesserungen und ist in manchen Belangen dem Internet Explorer 6.0 überlegen.
So wurde zum Beispiel die Bookmark-Verwaltung jetzt nahezu perfektioniert und auch die Cookie-Verwaltung verbessert. Einer der wichtigsten Punkte ist jedoch, das der Netscape Navigator 7.0 wieder an Geschwindigkeit zugelegt hat. Zwar ist diese noch immer nicht das Gelbe vom Ei, doch im Vergleich zur Version 6.0 deutlich besser.

In die neue Version wurden viele neue Features und Funktionen eingebaut. Dabei ist das Motto "Klein aber Fein" wohl am passendsten. So z.B. der Download-Manager. Dieser zeigt alle Download-Aktionen in einem eigenen Fenster. Nicht so wie beim Internet Explorer, der jeden Download in einem eigenen Fenster stehen hat.

Was der Navigator 7.0 nicht mag ist unsauberer HTML Quellcode. Hierbei kann es schnell zu Darstellungsschwierigkeiten kommen. Hierbei muss man die Programmierer von Netscape jedoch loben, da der Trend und die vielen Standards des W3Cs ein valides Internet, also ein gültiges Internet mit nur gültigen Quellcode anstreben.


Macht einen guten Eindruck, der Netscape Navigator 7.0

Wichtig für Webmaster ist, dass mit der neuen Version CSS 2 als Standard komplett übernommen wurde. Zudem wird nun auch XML und XSL fast komplett (bis auf einige Bugs bei den XSL-Bedingungen) unterstützt.

Trotz des mächtigen Umfangs durch das eigene Mail-Programm Netscape-Mail, der Messenger, der HTML Editor uvw. wurden die einzelnen Features besser in den Navigator integriert. Jetzt kann man eigentlich jede Funktion und jedes Unterprogramm über den Navigator ansprechen.

Allgemein kann man sagen, dass die Programmierer von Netscape aus ihren Fehlern mit der Version 6.0 gelernt haben (und auch von anderen abgeschaut haben). Jetzt bietet der Navigator 7.0 wieder eine gute Alternative zum Internet Explorer und übertrifft den IE 6.x sogar noch, z.B. in der Geschwindigkeit.
Übrigens: Wer den Zeiten von Netscape 4.x nachtrauert kann über Anzeigen -> Theme anwenden -> Classic das Design (das Interface) auf die Variante der Version 4.x ändern.

Netscape Navigator 7 Download
Liste der Features

Weiterführende Links:

1. Eingabefelder mit CSS und Netscape
2. Definitionslisten
3. PHP und OOP – Eine MySQL Klasse

Das Logfile-Analyse Programm Mescalero aus dem Hause "Rendle Software" kann unter http://www.rendle.de/software/mescalero.html in einer Testversion heruntergeladen werden. Auf jeden Fall sollte man sich das Programm einmal genauer ansehen. Nach der Installation kann man sofort mit der Analyse beginnen. Es stehen zwei Optionen zur Verfügung. Zum einen kann man über "Analysieren" die Log Dateien auswerten lassen (diese müssen Sie natürlich zuvor heruntergeladen haben), zum anderen kann man über DNS-Lookup die Domains ermitteln. Dies ist wichtig, da es ja oftmals vorkommt, dass in den Log-Dateien nur die IP - Adressen der Rechner eingetragen sind. Über den DNS-Lookup ermittelt Mescalero die Domain die zu einer IP gehört.


Startfenster von Mescalero

Wählt man den Menüpunkt "Analysieren", so muss man zunächst die Log-Dateien auswählen, aus welchen die Statistik ermittelt werden soll. Sie können hierzu natürlich mehrere Logfiles angeben. So können Sie leicht eine Jahresstatistik erzeugen. Unter Domain, und Index-Datei sollte die Domain und die Index-Datei angegeben werden, damit Mescalero sich auf diese beziehen kann.


Auswahl der Log-Dateien

Bei der Auswahl der Log-Dateien kann man über den Button "weitere Einstellungen" den Umfang der Statistik bestimmen. Sie können angeben, von welchen Dateiendungen die Statistik ermittelt werden, oder welche Elemente in den Umfang der Statistik einbezogen werde sollen.

Nach einem Klick auf "Starten" wird die Statistik erzeugt. Ist dies getan kommt man auf einen Übersichtsfenster, in welchem die gesamten Daten zusammengefasst sind.
Mescalero hat auf der linken Seite des Fensters eine Art Menü. Dabei kann man aus den Bereichen "Besucher, Inhalt, Verlauf, Referrer und Probleme" die Statistiken anzeigen lassen. Zunächst bekommt man zu jeden Punkt eine Zusammenfassung zu sehen. Jedoch kann man durch die Untermenüpunkte zwischen den einzelnen Berichten wechseln.

Über das Menü in der Kopfzeile kann man aus drei verschiedenen Diagrammtypen wählen, das Kreisdiagramm, das Balkendiagramm und das Liniendiagramm.


Das Balkendiagramm

Ein besonders interessantes Feature ist die Exportier-Funktion. Hierbei können die Berichte in verschiedenen Formaten, HTML und XML exportiert werden. Diese Berichte können dann z.B. auf der Homepage verwendet werden.
Ebenfalls gut gemacht ist die Auswertung der Downloads. Verschiedene Typen, wie *.zip-Files, oder *.exe Dateien werden als Downloads erkannt, und ermittelt. Daraus eine Statistik gemacht.

Alles in allem kann man sagen, das Mescalero wohl eines der preiswertesten, und besten Features zur Logfile-Analyse ist. Wer genau Wissen will, wo die Besucher herkommen, was Sie auf der Seite angeschaut haben, welche Fehler aufgetreten sind, der greif auf Mescalero zurück. Bei einer Gebühr von 30€ für die Vollversion ist dies noch Recht annehmlich, wenn man an die 1000€ Programme denkt, die fast im gleichen Umfang arbeiten.
Mescalero
Rendle-Software

No related posts.

Das Shareware Programm "HTML Squeezer" von Andreas Wulf ist ein tolles Tool, mit dem sich der HTML Code so manch einer Webseite optimieren lässt, und sich so die Dateigröße und auch die Ladezeit verringert.
Dabei ist die Verwendung von HTML Squeezer sehr einfach und übersichtlich. HTML Squeezer optimiert den HTML Code in mehreren Formen. Zum einen werden Leerzeichen, Kommentare sowie unötige Attribute oder gar Tags entfernt, aber auch HTML Tags durch andere, kürzere Tags ausgetauscht.

Zunächst muss der Ordner angegeben werden, in dem die HTML Dateien, deren Code optimiert werden soll. Dabei kann man einen kompletten Ordner, mit Unterverzeichnissen, oder nur bestimmte Dateien angeben. In der unregistrierten Shareware-Version können lediglich 6 Dateien auf einmal optimiert werden.


Auswahl des Startverzeichnisses bzw. der Dateien


Mit einem Klick auf den Button "HTML optimieren", wird der Code von den Dateien optimiert.
Zuvor sollte man sich jedoch die Optionen anschauen, um etwaige Probleme, die nach einer Optimierung aufgetreten könnten, zu vermeiden.


Auswahl der Optimierungsoptionen

Hierbei kann man, wie Sie sehen, die Leerzeilen, die Leerzeichen sowie Kommentare und auch nicht notwendige Anführungszeichen entfernen lassen. Laut dem W3C sollen jedoch die Attribute in Anührungszeichen stehen.
Bei den Tags ist es nur logisch, auf diese Funktionalität zurückzugreifen. Ein Text, der mit <strong> ausgezeichnet ist, wird Fett gedruckt. Das gleiche erreicht man jedoch auch mit dem Tag "<b>".
Und schon hat man das ein oder andere Zeichen gespart.

Weitere Funktionen

HTML Squeezer bietet noch weitere Funktionen. So kann man, nur zur Sicherheit, die Dateien vor einer Optimierung sicherstellen, falls doch Komplikationen auftreten sollten, oder die Ergebnisse in einen anderen Ordner kopieren.
Eine weitere tolle Option ist, das man das Ergebnis aus einer Optimierung direkt auf einen FTP Server übertragen lassen kann. Hierbei müssen die FTP Einstellungen im Menüpunkt "Ausgabe" gesetzt werden.


Das Ausgabeverzeichnis bzw. den FTP Server wählen

Bei den Einstellungen für den FTP Server müssen die Adresse des FTP Servers, ihr Benutzername, sowie das Passwort (diese Daten müssten Sie von ihrem Webhoster erhalten haben), und das Ausgabeverzeichnis auf dem Server angegeben werden.


Die FTP Einstellungen im HTML Squeezer

Das Ausgabeverzeichnis muss nicht angegeben werden, wenn Sie die Dateien im Verzeichnis ihrer Startseite kopieren wollen.

Als besonderes Schmankerl hat der HTML Squeezer noch die Anzeige einer Statistik. In ihr wird angegeben, um wieviel der Prozent die Dateigröße verringert worden ist. Bei 25% kann das ganz schon kostensparend sein, wenn man an die Trafficgebühren denken muss.

Allgemein kann man sagen, das der HTML Squeezer ein tolles kleines Tool ist. Für nur 15 € Registrierungsgebühr kann man den HTML Squeezer ohne Einschränkungen benutzen. (tf)

HTML Squeezer

Weiterführende Links:

1. HTML Code optimieren, andere Ansätze
2. PHP Code in HTML Dateien ausführen
3. Sauberer HTML – Code

Dreamweaver bietet ideale Möglichkeiten, um schnell ein Tabellengestütztes Layout zu erstellen. Dafür gibt es die spezielle Layoutansicht, in diese kommen Sie über das Objektmenü, dort können Sie zwischen Standardansicht, und Tabellenansicht wählen.


In die Layoutansicht wechseln

Wenn Sie sich in der Layoutansicht befinden können Sie Layouttabellen, oder Layoutzellen anlegen. Layoutzellen befinden sich immer in Layouttabellen, also egal, ob sie mit einer Layoutzelle anfangen, es wird immer eine Layouttabelle um diese herum gezeichnet.
So können Sie "wie am Reisbrett" das Layout für ihr zukünftiges Design erstellen.

Ein Standardlayout ist so schnell gemacht, es wird dafür nur eine Layouttabelle, und drei Zellen benötigt.


Ein schnelles Standardlayout


Mit der Anzeige des Rasters können Sie die Position, und die Größen ihres Layoutes noch besser bestimmen.
Um das Raster anzuzeigen gehen Sie im Menü auf Ansicht->Raster->Raster anzeigen. Dann wird ein Raster eingeblendet, welches die Positionierarbeit noch leichter macht. Ebenfalls in diesem Menü können Sie die Eigenschaften des Rasters bearbeiten, so z.B. eine neue Rastergröße, oder Rasterrahmenfrabe festlegen.

Platzhalter-Gif

Besonders praktisch ist die Arbeit mit einem Platzhalter-Gif in der Layout-Ansicht. Eine Platzhalter-Grafik ist eine Transparente Grafik, die im Browser nicht angezeigt wird. Mit ihr kann man jedoch die Größen einer Tabelle fest definieren, da die Grafik jede Größe annehmen kann.

Speziell Spalten ohne Inhalt müssen durch Platzhalter "stabilisiert" werden, da diese sonst eingedrückt werden. Um ein Platzhalter in eine Spalte zu setzen müssen Sie in der Oberen Tabellenleiste auf die Spalte klicken, dann erscheint ein Optionsfeld, in dem Sie auf die Option "Platzhalterbild hinzufügen" klicken. Es wird dann entweder eine neue Platzhaltergrafik erzeugt, oder eine bestehende verwendet.


Platzhalterbild hinzufügen

Dreamweaver ist der einzige Webeditor, der eine so komfortable Layoutmöglichkeit bietet, man sollte diese auf jeden Fall verwenden.

Weiterführende Links:

1. Dreamweaver – Popup-Meldung
2. Templates mit Dreamweaver
3. Ebenen mit Dreamweaver

Eine Ebene ist ein Bereich in einer Webseite, dem andere HTML-Seitenelemente einbeschrieben sind.
Die Verwendung von Ebenen bietet viele Vorteile, da diese um einiges flexibler als starre Tabellen sind. Beim Entwurf von Webseiten stehen Webdesignern über Ebenen gleiche Beeinflussungsmöglichkeiten und die gleiche Flexibilität wie im herkömmlichen Drucklayout zur Verfügung.
Ebenen können übereinander gelegt, aus- oder eingeblendet oder zeitleistengesteuert über den Bildschirm geschoben werden. So kann beispielsweise in eine Ebene ein Hintergrundbild eingefügt werden, über die eine andere Ebene mit Text gelegt wird.
Probleme mit Ebenen gibt es bei der Browserkompatibilität. Nur Microsoft Internet Explorer 4.0 und Netscape Navigator 4.0 sowie höhere Browserversionen können Ebenen anzeigen, wobei das Ergebnis nicht immer gleich gut ist.

Um mit Dreamweaver eine Ebene zu zeichen müssen Sie im Objektmenü auf "Ebene zeichen" Klicken.


Objektmenü -> Ebene zeichen

Dann können Sie im Fenster eine Ebene zeichnen.
Sie können so mehrere Ebenen zeichen, und ein komplettes Layout erstellen.

Wenn Sie verhindern möchten, dass sich die einzelnen Ebenen überlappen können, dann müssen Sie über das Menü
Modifizieren->Anordnen->Ebenüberlappungen verhindern das Häckchen markiert haben. So wird es den Ebenen verboten, die andere zu überlappen.

Über das Fenster "Ebenen", welches Sie über Fenster->Ebenen, oder die F 2 Taste öffnen können, können die einzelnen Ebenen in ihrerm Dokument verwaltet werden. Auch hier kann die Option "Überlappungen verhindern" gesetzt werden.


Das Ebenenfenster

Wenn das vorangestellte Auge geschlossen ist, dann ist die Ebene nicht sichtbar, sondern nur versteckt. Ist das Auge offen, so ist die Ebene sichtbar.

Man kann Ebenen auf bewusst ineinander verschachteln, um z.B. einen kleinen optischen Effekt zu erzeugen.
Wählen Sie in dem Ebenenfenster eine Ebene aus, halten Sie dann die Strg-Taste (Windows) bzw. die Befehlstaste (Macintosh) gedrückt und ziehen Sie die eine Ebene in die Zielebene.


Ineinander verschachtelte Ebenen


Stapelreihenfolge der Ebenen

Mit der Stapelreihenfolge von Ebenen wird angegeben, nach welcher Reihenfolge ineinander verschachtelte Ebenen angezeigt werden sollen.
Mit einer höheren Zahl kann man die Ebene in der Stapelreihenfolge hochsetzen mit einer niedrigen kann man diese in der Stapelreihenfolge zurückzusetzen.

Weiterführende Links:

1. Ebenen oder Tabellen
2. Layouting mit Dreamweaver
3. Dreamweaver – Bilder vorausladen

Der Macromedia Dreamweaver bietet wohl die beste Grundlage einer statisch-dynamischen Website, mit seinem Template Modul.
Mit diesen Templates kann man das Design, also das aussehen vieler beliebiger Unterseiten festlegen.
In dem Template kann festgelegt werden, wo der Text, oder der Artikel erscheinen soll. Erstellt man nun eine Unterseite in Bezug auf das Template wird diese nach diesem generiert. Es gibt nur eine Ausnahme, n der neu generierten Seite können nur die Bereiche verändert werden, die im Template als veränderbar definiert sind.

Die Problematik, mit der jeder Webmaster früher oder später leben muss ist in diesem Fall klar. Stellt man auf herkömmliche Weiße Websites, mit einem und demselben Menü z.B. so muss man alle Seiten bei einer Veränderung des Menüs editieren.

In Dreamweaver muss man fest definieren, ob diese Seite eine Vorlage (Template) ist, bzw. auf welches Template sich die Seite bezieht. Dies erfolgt in einer Art Markierungssprache anhand von HTML-Kommentaren, die in dem Code eingefügt werden.

Eine HTML Datei generiert durch eine Vorlage

Die Bereiche in einer Vorlage werden mit der folgenden einfachen Kommentarsyntax gespeichert:

<!-- #BeginEditable "doctitle" -->
<title></title>
<!-- #EndEditable -->

Diese Syntax bestimmt z.B. den Titel des Dokumentes.
Der Titel ist von Dreamweaver her automatisch im Template als veränderbar definiert, man kann auch die "Description" oder die "Keywords" im Template definieren.

Das Template speichern

Um das neue Template zu speichern gehen Sie einfach auf
"Datei -> Als Vorlage speichern".
Sie sollten auf jeden Fall aber eine neue Site angelegt, was sie über den Menüpunkt "Site" machen.

Um nun eine Datei über dieses Template zu erstellen, wählen Sie einfach im Menüpunkt "Datei -> Neu von Vorlage". Dort können Sie dann wieder das gewünschte Template auswählen.

Weiterführende Links:

1. Dreamweaver – Popup-Meldung
2. Layouting mit Dreamweaver
3. Ebenen mit Dreamweaver

Popup Meldungen lassen sich mit dem Dreamweaver auf einfache Art und Weise erstellen.
Wählen Sie zunächst ein Bild, oder ein Textstück aus, und weisen Sie diesem den Link "javascript:void(0)" zu.
Danach sollten Sie das Fenster "Verhalten" öffnen, dies können Sie unter "Fenster -> Verhalten" machen. In diesem Fenster wählen Sie jetzt, solange der Textstück oder das Bild noch markiert ist, das "+".
Wählen Sie in dem Menü, welches sich daraufhin öffnet "PopUp-Meldung" aus.
Daraufhin können Sie die PopUp Meldung eingeben.

Eingabe der Message

Danach sollte im Verhalten Fenster als Ereignis

onclick und als Aktion Popup - Meldung stehen.
Sollte der Eventhandler ein anderer sein, dann wählen Sie bitte den für Sie passenden. Diese Veränderung können Sie natürlich auch direkt im Quellcode machen.

Weiterführende Links:

1. Dreamweaver – Bilder vorausladen
2. PopUps mit JavaScript
3. PopUnder

Um in das Menü zu kommen, mit welchem man Bilder auswählen kann, welche dann vorausgeladen werden sollen, muss das Fenster "Verhalten" geöffnet sein.
Dies können Sie unter "Fenster -> Verhalten" öffnen.

Markieren Sie jetzt irgendein Image, und wählen Sie das "+" im Fenster Verhalten. Im Menü, welches daraufhin erscheint wählen Sie
"Bilder Vorausladen".
Nun können Sie die Bilder auswählen, welche vorausgeladen werden sollen.

Auswahl der vorauszuladenden Bilder

Nach dem Drücken auf "OK" sollte sich das Verhalten Fenster wie folgt verändern:

So sollte es aussehen...

Ist dies nicht der Fall, dann müssen Sie dies manuell ändern. Dies können Sie direkt im Quellcode. Mit anderen Eventhandlern würde das ganze ja keinen Sinn machen.

Weiterführende Links:

1. Dreamweaver – Popup-Meldung
2. Ebenen mit Dreamweaver
3. Lowsrc für Bilder…