|
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
Themen-Smartbuttons auch einzeln und ohne Smart-Navigationsleisten verwenden
Die Themen von Namo WebEditor enthalten auch Grafiken. Auf diese kann man ohne den Site-Assistenten zugreifen, indem man das entsprechende Thema auf die betreffende Seite anwendet. Dann kann man "Themenobjekte" einfügen. Themenobjekte sind diverse Grafik-Symbole, Horizontale Linien und das Banner. Aber die Schaltflächen, also die Navigationsbuttons sucht man bei den Themenobjekten vergeblich. Die sind nämlich nur für den Einsatz mit Smart-Navigationsleisten vorgesehen. Wendet man ein Thema auf eine Seite mit Smart-Navigationsleiste an, dann werden dessen Buttons sofort angepasst. Einzelne Smartbuttons aus dem Thema kann man aber nicht einfügen.
Unser Trick für dieses Problem: Der Ressourcenmanager wird verwendet, um die Navigationsbuttons aus dem Thema zu holen und anschließend bei den Smart-ClipArts zu importieren.
Und zwar zeigt der Ressourcenmanager von Namo WebEditor die Themen nicht nur an, sondern man kann die Themeneigenschaften bearbeiten. Darunter auch die Schaltflächen der Navigation. Man hat die Wahl zwischen horizontalen und vertikalen Schaltflächen, die je nach Thema sehr unterschiedlich sein können. Um diese zu bearbeiten, öffnet sich ein spezieller Grafik-Editor: Der Smart ClipArt-Editor. Und der hat rein zufällig eine praktische Export-Funktion: "Kopie speichern unter..." Damit lässt sich die Grafik komplett als Smartgrafik (---.tng) speichern. Diese kann man im Ressourcenmanager bei den Smart ClipArts direkt importieren.
Wenn man das mit allen Themen-Buttons so macht, dann artet das ein wenig in Arbeit aus! Da ich mir die Mühe schon einmal gemacht habe, stelle ich die Themen-Buttons von Namo WebEditor 8 als Download zur Verfügung. Es handelt sich um ein ZIP-Archiv. Dieses kann im Ressourcenmanager ebenso direkt importiert werden, wie die einzelnen Smartgrafiken.
Und das geht so:
- Lade die Datei herunter: themenbuttons.zip (2,03 MB)
- Speichere sie irgendwo auf der Festplatte, wo Du sie wiederfindest.
- Starte Namo WebEditor
- Öffne "Smart-ClipArts" im Ressourcen-Manager
Namo 8: Einfügen - Smart ClipArt
- Klicke auf (und markiere dadurch) das blaue Hauptverzeichnis
- Klicke auf den Button [Importieren]
- Wähle den Dateityp Zip-Dateien (*.zip)
- Suche und öffne die Datei "themenbuttons.zip", die Du zuvor heruntergeladen hattest.
- Fertig! Du kannst die Buttons nun wie jede andere Smartgrafik verwenden.
Index
|
