Namo  WebEditor  Info
HomeForumTrickkisteArtikelLinks
 

Trickkiste

Index 
Installation 
Site-Manager 
WYSIWYG 
Formulare 
CSS 
Smart-Buttons 
Flash 
JavaScript 
Quelltext 
Mozilla 
Allgemein 

Tipps und Tricks und FAQ - Smart-Buttons

Index


Smart-Button auf die Schnelle ins JPG-Format umwandeln

Ich habe eine Smart-Grafike erstellt. Diese wurden als GIF-Grafiken im Ordner " images" gespeichert.
Leider werden meine schönen Farbverläufe pixelig dargestellt. Ich würde meine Smartgrafik daher lieber ins weniger speicherintensive und dabei farbenprächtigere JPEG-Format umwandeln. Aber ohne dass ich die Möglichkeit verliere, sie noch als Smart-Button in WebCanvas bzw. im Smartbutton-Editor zu bearbeiten. Wie stelle ich das am besten an?

Führe einen Rechtsklick auf den betreffenden Smartbutton im Webdokument aus. Wähle aus dem Kontextmenü Bild > Bildeigenschaften. Dann in der Eingabezeile " Bildpfad" ändere einfach die Dateiendung von GIF in JPG und klicke auf OK. Namo wandelt das GIF-Bild in ein JPEG-Bild um. Das alte GIF-Bild bleibt dabei aber im Ordner erhalten. Wenn Du es nicht mehr benötigst, dann musst Du es von Hand löschen (im Site-Manager). Es kann aber auch vorkommen, dass Namo das neue Bild einfach nur mit der Endung JPG speichert, aber das Format bleibt noch GIF. Daher sollte man die neue JPEG-Smartgrafik Doppelklicken, um sie im Smartbutton-Editor, bzw in WebCanvas zu bearbeiten. Dann nimmt man eine geringfügige Änderung vor und schließt die Bearbeitung wieder. Daraufhin wird der Button ganz sicher im JPEG-Format gespeichert. Es erhöht sich also die Farbenpracht und der Speicherbedarf der Smartgrafik wird spürbar kleiner.

Diese Methode eignet sich leider nicht für die automatischen Navigationsleisten und Smartbanner, da hier nur die Eigenschaften des Navigationsobjektes angezeigt werden und nicht die Bildeigenschaften.

Index


Kein Roll-Over-Effekt bei Smart-Buttons?!

An Stelle von Navigationsleisten, deren Layout man nur bedingt beeinflussen kann, möchte ich lieber einzelne Smart-Buttons einfügen. In WebCanvas habe ich dazu extra einen Button erstellt und auch darauf geachtet, dass ich alle 3 " Blätter" für die 3 Zustände " normal" , " rollover" und" highlight" korrekt erstellt habe. Aber nach dem Einfügen des Smartbuttons funktioniert der Rollover-Effekt überhaupt nicht.

Dieses " eingebaute" Rollover, das in WebCanvas nun über die " Blätter" editiert werden kann, dient nur der automatischen Erstellung von Navigationsleisten. Wenn man einen einzelnen Smartbutton einbaut, dann kommen die " Blätter" nicht mit. Wenn man ihn verlinkt, dann verhält er sich zunächst wie ein normales Bild. Aber wenn man sich die Bildeigenschaften anschaut (Rechtsklick-Bild-Bildeigenschaften), dann ist der Button [Rollover erstellen] ausgeblendet! Das bedeutet, wir können keinen Rollover-Effekt erstellen, selbst wenn wir extra einen weiteren Smartbutton für diesen Zweck erstellen. Also: KEIN Rollover-Effekt in Verbindung mit echten Smart-Buttons möglich.

Abhilfe: Erzeuge für jeden Zustand einen eigenen Smartbutton auf einer Extra-Seite. Namo speichert zu jedem Smartbutton ein normales GIF-Bild im Unterverzeichnis " images" . Diese GIF-Bilder kannst Du heranziehen, um sie auf der richtigen Seite einzubauen. Und da es sich um normale Bilder handelt, kannst Du auch mittels Button [Rollover  erstellen] den gewünschten Effekt erzeugen.

Solltest Du später noch weitere Buttons erzeugen wollen oder die Beschriftung eines vorhandenen Buttons ändern wollen, dann öffne einfach die Extra-Seite, auf der sich alle Smartbuttons befinden.

  Index


Navigationsleiste in Smartbuttons umwandeln

Kann man die einzelnen Buttons aus einer automatisch erzeugten Navigationsleiste irgendwie heraustrennen, um beispielsweise einzelne Buttons passend zum Design an eine andere Stelle im Dokument zu kopieren?

Mit einem kleinen Trick im Quellcode kann man Namo die Gewalt über seine Navigationsleisten entreissen. danach stehen die Buttons als einzelne Bilder zur Verfügung und können beliebig verschoben oder auch verändert werden. Die automatische Anpassung dieser Buttons ist danach allerdings außer Kraft gesetzt.

Und so geht das:
Namo WebEditor kennzeichnet seine Objekte im Quellcode mit einem bestimmten Kommentar. Unmittelbar vor einer Navigationsleiste könnte z.B. in etwa folgender Kommentar stehen: < !--NAMO_NAVBAR_START C H       --> Unmittelbar hinter der Navigationsleiste steht dann < !--NAMO_NAVBAR_END--> .
Ändere diese Kommentare ein wenig ab, damit Namo sie nicht mehr erkennt. Zum Beispiel so: < !--MANU_NAVBAR_START C H       --> ...  < !--MANU_NAVBAR_END--> Wir haben also das Wort " NAMO" einfach gegen " MANU" ausgetauscht. Danach kann man die Buttons der ehemaligen Navigationsleiste einzeln bearbeiten.

Aber:
Nun haben wir weder eine automatisch angepasste Navigationsleiste, noch eine Reihe Smartbuttons vorliegen. Nur noch die Bilder, so wie sie vom WebEditor im Ordner " nav" abgelegt wurden. Es empfiehlt sich, diese Bilder mittels Seiten-Manager umzubenennen, bzw.sie in ein einderes Verzeichnis zu verschieben, damit sie nicht nachträglich und ungewollt von Namo WebEditor beeinflusst werden, sobald sich die ursprüngliche Navigationsleiste mal ändert.

Index


Smart-Button in Foto-Qualität

Für mein Banner, das ich mit WebCanvas erstellt habe, verwende ich ein Foto bzw. einen sehr feinen Farbverlauf. Nach dem Einbau auf der Webseite erscheint das Banner aber sehr grobkörnig. Wie kann ich die Qualität einstellen?

Durch die Umwandlung des Fotos bzw. des feinen Farbverlaufs von ursprünglich 65000 oder gar Millionen Farben in das GIF-Format mit nur noch 256 Farben kann es zu einem deutlichen Qualitätsverlust kommen. Zudem sind GIF-Dateien meist größer als entsprechende JPG-Dateien. Eine solche Grafik sollte man daher von WebCanvas nicht ins GIF-Format, sondern direkt ins JPG-Format exportieren lassen. Leider kann man aber nicht einfach in WebCanvas voreinstellen, dass die Bilder als JPEG exportiert werden. Man kann daher nur so vorgehen:

Baue zunächst einen normalen Smartbutton auf einer Seite ein. Diesen wandelst Du dann nach der weiter oben geschilderten Methode (Smart-Button auf die Schnelle ins JPG-Format umwandeln) um in ein JPG-Bild. Dann bearbeitest Du ihn mit WebCanvas und fügt das hochauflösende Foto oder den feinen Verlauf ein. Danach kann die Grafik ganz normal gespeichert werden, denn dass es sich um eine JPEG-Datei handelt, das erkennt WebCanvas nun selbst und somit wird die Qualität beibehalten.

Index

 

nach oben
[Site-Info][News][Vorwort][Recht][Impressum]