Webdesign erstellen

Canvas ist ein ideales Werkzeug für die Erstellung von Grafiken und Layout für das Internet. Dieses Kapitel zeigt Ihnen, wie Sie Grafiken und Dokumente für das World Wide Web oder das Firmen Intranet bearbeiten. Es beinhaltet Informationen zu Hyperlinks, Segmenten, Animationen und Web-Buttons und das Exportieren auf Buttons PDF und Flash.

Nachdem Sie die Illustrationen und den Text für eine Webseite in Canvas erstellt haben, können Sie die URL Zusatz Palette anwenden, um die Objekte des Layouts mit anderen Elementen auf dem Internet zu verbinden.

Sichtbare Objekte, wie Buttons oder Grafiken, die zu anderen Webseiten führen, werden Hyperlinks oder für Text Hypertext genannt. Ein Leser klickt auf den Hyperlink, um zu einer anderen Webseite auf Ihrem oder einem anderen Server zu gelangen. Sieht jemand sich Ihre Webseite an und klickt auf einen Hyperlink, sucht der Browser im Internet nach der mit dem Hyperlink verbundenen Adresse.

In den für Webseiten erstellten Dokumenten können Sie URLs auf verschiedene Dinge anwenden, um Hyperlinks zu erzeugen:

Hinweis: Um ungewollte Änderungen zu verhindern, können Sie Objekten keine URLs zuweisen, die sich auf geschützten Ebenen, Seiten oder Dias befinden.

Weisen Sie, mit der Verknüpfungsmanager Palette Seiten-Element Hyperlinks zu, sodass Sie direkt auf Dateien oder Webseiten des Internets, lokale Festplatte oder ein Intranet springen. Zusätzlich können Sie eine E-mail Verbindung erstellen, indem Sie den mailto: Befehl anwenden oder Anker mit der Ankerfunktion definieren.

Bevor Sie Elementen Hyperlinks zuweisen, sollten Sie verschiedene Hyperlink Befehle und deren Anwendung verstehen können. Auch nachvollziehen können, welchen Darstellungseffekt das Linken von Webseiten oder Dateien, z.B. auf der Webseite oder innerhalb des aktiven Fensters hat (siehe Targets).

Alle URLs beginnen mit einem Text, der den Typ angibt, auf den die URL Adresse zeigt. Öffnen Sie das URL Manager Menü, um ein Hyperlink Protokoll oder Befehl auszuwählen, anstatt einen Text in das Feld hineinzuschreiben.

Hypertext Transfer Protocol. Eine Internet URL fängt mit http an, gefolgt von dem Namen und dem Pfad einer Webseite wie z.B. http://www.acdsystems.com/English/index.htm

File Transfer Protocol. Eine Internet URL kann auch mit ftp gefolgt von einer Adresse auf einem FTP Server oder einer Datei beginnen, z.B. ftp://ftp.deneba.com/public/Guide.pdf

Ein E-mail Link beginnt mit dem Begriff mailto, gefolgt von einem Benutzernamen, einem @ Symbol und einem Domain Namen wie z.B. mailto:support@acdsystems.com

Ein Target ist ein Frame in, in welchem der gelinkte Inhalt geöffnet wird. Die folgenden Optionen sind verfügbar:

Das gelinkte Dokument wird im ganzen Browser Fenster geladen. Alle Frames werden entfernt.

Das gelinkte Dokument wird im Hauptframe oder Hauptfenster von dem Frame welches den Link enthält, geladen. Ist der Frame nicht eingebettet, wird das Dokument im ganzen Browserfenster geladen.

Ist ein Standard Target. Das gelinkte Dokument wird im gleichen Frame oder Fenster wie der Link geladen.

Das gelinkte Dokument öffnet sich in einem neuen Browser Fenster. Das aktive Browserfenster bleibt verfügbar.

Das gelinkte Dokument wird in einem PopUp Fenster geladen. Die Breite und Höhe Felder sind mit dieser Selektion verfügbar.

Erzeugen Sie Hyperlinks zu Webseiten, indem Sie den relativen Pfad besser als komplette URLs im Verknüpfungsmanager eintragen. Canvas gibt Links auf diesem Weg an, wenn Sie lokale Dateien durch das Anwenden der Browse Funktion im Verknüpfungsmanager wählen (siehe Zu einer lokalen Webseite "blättern").

Wenden Sie diese Schritte an, um mit dem Verknüpfungsmanager Hyperlinks zu erzeugen.

1 Wählen Sie ein Element, welches den Hyperlink beinhalten wird. Elemente können Texte sowie auch Vektor- und Bildobjekte sein.

2 Tragen Sie den Hyperlink in das Link Feld ein. Sie können auch den anzeigen (Browse) Befehl im Menü anwenden, um nach einer Datei zu suchen.

Hinweis: Wenn Sie Hyperlinks erzeugen, stellen Sie sicher, dass Sie die Groß/Kleinschreibung des Dateinamens beachten, da Hyperlinks Schriftzeichen - sensitiv sind. Ist z.B. der Name eines Dokumentes in Großbuchstaben geschrieben, verwenden Sie Großbuchstaben, und umgekehrt.

1 Wählen Sie das Element, dem ein Hyperlink zugewiesen wurde und welches Sie entfernen wollen. Der Hyperlink erscheint im Link Feld.

Sie können Anker mit verschiedenen Seitenelementen definieren, einschließlich Text, Vektor- und Bildobjekten. Wenden Sie diese Schritte an, um Anker mit der Verknüpfungsmanager Palette zu definieren.

4 Klicken Sie OK, um die Dialogbox zu schließen. Der definierte Anker sollte jetzt in dem Abschnitt der verfügbaren Links der Verknüpfungsmanager Palette erscheinen, wenn der Anker Auswahlknopf selektiert ist.

Hinweis: Wenn Sie einen Anker neu definieren, stellen Sie sicher, dass Sie die "aktuellen Anker ersetzen" Auswahlbox ausgewählt haben. Ist diese nicht ausgewählt und benutzen Sie den Namen eines bestehenden Ankers, erscheint eine Warnung - Meldebox.

Sie können verschiedenen Seitenelementen Anker Links zuweisen, einschliesslich Text sowie Vektor- und Bildobjekten. Wenden Sie diese Schritte an, um einen Anker mit Hilfe der Verknüpfungspalette zu linken.

2 Klicken Sie auf den Anker Auswahlknopf. Der definierte Anker erscheint in der Liste.

3 Wählen Sie den Anker. Sie können ihm einen beschreibenden Titel hinzufügen und die Target und Stilkontrollen verwenden, wie Sie das bei einem Hyperlink tun würden.

Wählen Sie das Element, welches den Anker enthält und klicken Sie den Unlink Knopf.

Nachdem Sie Seiten miteinander verbunden haben, müssen Sie jede einzelne Seite als separate Webseite exportieren (siehe HTML Optionen ). Bei Anwendung dieser Methode können Sie ein einfaches Canvas Dokument ganz leicht in ein "hyper-gelinktes" Dokument umwandeln.

2 Klicken Sie auf den Seiten Auswahlknopf. Die verschiedenen Seiten Links erscheinen in einer Liste.

3 Wählen Sie die Seite, zu der Sie den "Link" setzen wollen. Sie können einen beschreibenden Titel hinzufügen sowie die Target und Stilkontrollen anwenden, wie Sie das bei einem Hyperlink auch tun würden.

Hinweis: Bei Seiten Links würden Sie generell die Option _self für das Target wählen, da interne Links im aktuellen Fenster geöffnet werden sollen.

Wählen Sie das Element, welches den Link enthält und klicken auf den Unlink Knopf.

Canvas erstellt Links innerhalb von Seiten und verwendet dafür nur Dateinamen, keine kompletten URLs. Daher sollten Sie, wenn Sie eine Anzahl von gelinkten Webseiten von einem Canvas Dokument erstellen, sicher gehen, dass die daraus entstandenen Dateien im gleichen Ordner oder Verzeichnis des Webservers gelagert werden, damit die Links innerhalb der Seiten richtig funktionieren.

Ähnlich wie bei den bereits vorher beschriebenen Seitenlinks, werden diese Kontrollen dazu verwendet, um sich einfach innerhalb von Webseiten zu bewegen und zwischen einzelnen Seiten hin- und herspringen zu können.

2 Wählen Sie von den Optionen [Seite-oben], [Seite-unten], [erste Seite], [vorherige Seite], [nächste Seite], [letzte Seite], oder {Blatt #1}. Sie können einen beschreibenden Titel beifügen wie auch die Target und Stilkontrollen anwenden, sowie Sie das auch bei Hyperlinks tun würden.

Diese Navigationskontrolle	tut dies
[Seite-oben]	springt an den Anfang der aktiven Seite
[Seite-unten	springt an das Ende der aktiven Seite
[erste Seite]	springt zur ersten Seite
[vorherige Seite]	springt zur Seite vor der aktiven Seite
[nächste Seite]	springt zur folgenden Seite
[letzte Seite]	springt zur letzten Seite
{Blatt #1}	springt zur angegebenen Seite, Blatt, Frame, oder Dia

Hinweis: Bei Seiten Links würden Sie generell die Option _self für das Target wählen, da interne Links im aktuellen Fenster geöffnet werden sollen.

Wählen Sie das Element, welches den Link enthält und klicken Sie auf den Unlink Knopf.

Da einige spezielle Zeichen in URLs ungültig sind, wandelt Canvas diese Zeichen um, falls sie sich im Seiten- oder Dianamen befinden in der Verknüpfungsmanager Palette befinden.

Sind in Seitennamen ungültige Zeichen vorhanden, ersetzt Canvas beim Zuweisen einer URL diese Zeichen mit einem Unterstrich. Ungültige Zeichen beinhalten ein Leerzeichen und die unten abgebildeten Zeichen:

Nutzen Sie die anzeigen (Browse) Funktion der Verknüpfungsmanager Palette, um Links zu bestehenden Webseiten zu erzeugen. Das Erzeugen von Links zu Webseiten hängt von deren Bestimmungsort innerhalb einer Verzeichnisstruktur ab.

1 Öffnen Sie das Palettenmenü und wählen Sie anzeigen. Eine Dialogbox öffnet sich.

Ungültige Zeichen in zugewiesenen URLs
! @ # $ % ^	& * ( ) + =	[ ] { } \| tab	~ (grave accent) ~ < > ?

Hinweis: Standardmäßig erscheinen Dateien, die keine htm Erweiterung besitzen, nicht in der Dateiliste. Für das Linken zu Webseiten stellen Sie sicher, dass die ausgewählten Dateien eine htm Erweiterung besitzen.

3 Klicken Sie auf den Link Knopf. Canvas stellt den Link, basierend auf dem Bestimmungsort der Datei in der Verzeichnisstruktur her.

Im Abschnitt Verfügbare Links der Verknüpfungsmanager Palette befindet sich ein Auswahlknopf, der mit Benutzerdefiniert gekennzeichnet ist. Dieser bezieht sich auf irgendeinen Link, der sich außerhalb des lokalen Dokumentes befindet; z.B. wäre der Link kein Seitenlink oder Anker. Benutzerdefinierte Links sind dokumentspezifisch. Das bedeutet, wenn Sie ein Dokument schließen, sind die Benutzerdefinierte Links in einem neuen Dokument nicht mehr verfügbar.

Wählen Sie das Element, welches den Link beinhalten soll. Klicken Sie auf den Auswahlknopf Benutzerdefiniert. Eine Liste wird eingeblendet Wählen Sie einen Link und klicken Sie auf den Link Knopf.

Der Verknüpfungsmanager verfügt über einen Knopf, der Ihnen ganz sicher einige Zeit einsparen wird, falls Sie diesen Link häufig verwenden: Zu Favoriten hinzufügen. Anstatt die Link Informationen immer wieder neu eintragen zu müssen, würden Sie ganz einfach den Link aus Ihrer Favoritenliste entnehmen und auf den Link Knopf klicken.

Wählen Sie einen Link aus der benutzerdefinierten Liste und klicken Sie den auf den Knopf "Zu Favoriten hinzufügen".

Wählen Sie das Element, welches den Link enthalten soll. Klicken Sie auf den Auswahlknopf Favoriten und die Liste wird eingeblendet. Wählen Sie einen Link und klicken Sie auf den Link Knopf.

Öffnen Sie die Favoritenliste und wählen Sie den Link. Klicken Sie auf den Entfernen Knopf.

Wählen Sie einen beliebigen Textteil — von einem Zeichen bis zu einem ganzen Abschnitt oder ganzen Textobjekten — und verwenden Sie die Verknüpfungsmanager Palette, um aus der Textauswahl einen Hypertext Link zu einer Webseite, ftp Adresse oder E-mail Adresse zu erzeugen.

Viele Web-Browser zeigen Hypertext durch das Unterstreichen oder Einfärben von Text an. Verwenden Sie die Verknüpfungsmanager Palette, um Stile und Farben zuzuweisen, wenn Sie Hyperlinks erzeugen.

Das Erstellen von Hyperlinks in Canvas läßt Sie das Äquivalent von image maps kreieren, was ganz einfach bearbeitet werden kann. Um dies zu tun, platzieren Sie Text auf Bildern (oder Vektorobjekten) und weisen dem Text dann den entsprechenden Hyperlink zu. Wenn Sie dann später die Illustration ändern wollen, können Sie den Text, das Bild und das Objekt separat im Original Canvasdokument bearbeiten.

3 Tragen Sie den Hyperlink in das Link Feld ein. Sie können auch die Browse Funktion nutzen, um nach einer Datei zu suchen (siehe Hyperlinks und Anker erzeugen).

4 Fügen Sie eine beschreibende Information in das Titel Feld ein und wählen Sie das entsprechende Target Frame (siehe Targets).

5 Nutzen Sie die Formate im Abschnitt Stile, um die Texteigenschaften für den Hypertext zu definieren.

In den meisten Fällen werden Webseiten auf einem Computer erstellt und dann auf einen Webserver übertragen, der mit dem Internet verbunden ist. Sie werden Webseiten möglicherweise in Ihrem Home Office oder auf Ihrem Bürocomputer erstellen, die Dateien dann über ein Netzwerk oder dem Internet zu einem Web Server transferieren.

Webseiten enthalten oft Verbindungen zu Seiten auf dem gleichen Server. Da diese Verbindungen auf den Dateinamen und Ablageorten basieren, können die Verbindungen durch Umbenennen und Verschieben gestört werden.

Um korrekte Hyperlinks zu erzeugen, sollten Sie den Unterschied zwischen absoluten und relativen Internet Adressen und Internet URL Adressen kennen.

Ein absoluter Pfad gibt die Dateiposition beginnend mit dem Anfangsverzeichnis der Verzeichnisstruktur an. Wenn sich z.B. die Datei "Calendar.html" in der Datei Events, im Ordner Public, der sich im Ordner Home im Anfangsverzeichnis Ihrer Festplatte befindet, heisst der absolute Pfad: /Home/Public/Events/Calendar.html

Ein relativer Pfad legt den Ablageort einer Datei im Verhältnis zu einer anderen Datei in der gleichen Verzeichnisstruktur fest. Anstatt mit dem Quellverzeichnis anzufangen, beginnt ein relativer Pfad mit dem Speicherort der Datei, von dem an die Verzweigung zum Ziel anfängt. In einem relativen Pfad steht das Symbol " ../" (zwei Punkte und ein Schrägstrich) für einen Schritt in der Hierachie nach oben.

Wie ein absoluter Pfad setzt sich auch eine komplette URL aus dem absoluten Pfad einer Datei oder Seite zusammen mit einem Hinweis auf das Protokoll (http oder ftp) und dem Domainnamen im Internet zusammen (siehe Protokolle und Befehle).

Wenn in dem Verzeichnis PfadDiagramm auf Verzeichnis Pfad der Ordner Home das Anfangsverzeichnis einer Web Site ist, lautet die URL für die "Calendar.html" Seite:

• Für zwei Seiten im gleichen Verzeichnis oder Ordner ist der relative Pfad allein der Dateiname.

Wenn Sie den Blättern Knopf in der Verknüpfungsmanager Palette verwenden, kann Canvas einen relativen Pfad oder eine komplette URL einsetzen.

Die Pixel Modus Einstellungen erlaubt Benutzern, Grafiken in einer 72 ppi Auflösung anzusehen, bevor sie gerendert werden. Zur gleichen Zeit bleiben die Grafiken voll editierbar. Der Pixel Modus beugt auch dem sogenannten "Pixel Shifting" vor, welches manchmal auftritt, wenn Objekte zum Web exportiert werden.

Professionelle Web Designer werden bestätigen, dass eine schnelle "Download Zeit" durchaus den Unterschied ausmachen kann zwischen einem kommerziellen Erfolg oder Misserfolg. Ein Besucher verliert möglicherweise schnell die Geduld und drückt auf den Zurückgehen Knopf, wenn er zu lange warten muss, bis eine Webseite vollständig geladen ist. Das Aufbrechen von großen Bildern in kleine, schneller zu ladende Segmente, ist eines der am meisten angewendeten Tricks von Web Designern.

Ein "Segment" ist ein rechteckiger Bereich von einem Bild, der zu einer Zelle in einer HTML Tabelle wird. Die HTML Tabelle wird dann exportiert, um auf einer Webseite platziert zu werden.

Wir gehen davon aus, dass Sie Ihre Arbeit vorab in einem Browser anschauen, um sicherzustellen, dass das Dokument akkurat erscheinen wird. Denken Sie auch daran, dass ein Bild, von verschiedenen Plattformen aus betrachtet, anders aussehen kann.

Die Werkzeuge, die Sie zur Anwendung benötigen, sind der Segment Ersteller und das Segment Auswahlwerkzeug. Das Erstellen und die Veränderung von Segmenten kann nur mit diesen Werkzeugen erfolgen.

Mit den Segment Werkzeugen können Sie Canvas Objekte für die Nutzung auf dem Web optimieren und exportieren. Zusätzlich dazu können Sie eine URL zu einem spezifischen Segment zuweisen (siehe Hyperlinks und Hypertext).

Wenn Sie mit der Methode der Segmentierung noch nicht vertraut sind, ist es wichtig zu wissen, dass Canvas Standardeinstellungen enthält, die Ihnen ermöglichen, die Segment Funktion schnell auszuüben. Anders ausgedrückt: Sie werden wahrscheinlich sofort mit dem Segmentierungsprozess beginnen und Canvas wird die entsprechenden Standardeinstellungen zuweisen. Wollen Sie optimale Ergebnisse erzielen sollten Sie sich die Segment Präferenzen genauer ansehen (siehe Segmenteinstellungen ansehen).

Vor dem Exportieren einer HTML können Sie durch das Verwenden von Segment Präferenzen Ihre Segmente effizienter behandeln und so die Wahrscheinlichkeit des Auftretens von Problemen um einiges verringern. Der Vorgang des Exportierens von Segmenten wird später in diesem Abschnitt noch genauer beschrieben.

Mit Hilfe des Segment Ersteller Werkzeugs haben Sie die Möglichkeit, eine eigentliche rechteckige (horizontal oder vertikal) Segmentbox zu erstellen. Sie können z.B. den Bereich des Objektes bestimmen, der segmentiert werden soll.

Alle Segmente werden automatisch innerhalb einer Segment Ebene erzeugt. Genauer gesagt bedeutet dies, dass egal welche Ebene Sie vorher bereits bearbeitet haben, der Segment Vorgang innerhalb der eigenen Segmentebene vollzogen wird.

Wir schlagen vor, dass Sie sich bei Ihren ersten Versuchen, Segmente zu erstellen, die Informationen zur Dokumentlayout Palette im Abschnitt (siehe Die Dokument Layout Palette anwenden) nochmals genauer durchlesen. Mit diesen Informationen wird es leichter sein zu verstehen, auf welche Weise Ihre Segmente von Canvas bearbeitet werden.

Wenn Sie neue Segmente erzeugen, schnappt der Zeiger automatisch an einem bestehenden Segment oder einem Gitter (in dieser Rangfolge) fest (siehe Gitter zeichnen).

Ein anderer Weg, um Genauigkeit zu gewährleisten, ist das Erzeugen und Platzieren von Ausrichtungshilfslinien um das Objekt herum und darüber. Wenn Sie mit diesem Vorgang noch nicht vertraut sind, schlagen wir vor, dass Sie den Abschnitt bezüglich Ausrichtungshilfen einsetzen, durchlesen.

Das Festschnappen an einem bestehenden Segment ist absolut. Der Zeiger schnappt automatisch an einem Gitter, innerhalb eines Bereiches von 3 Pixeln von bestehenden Segmenten, fest.

Hinweis: Andere Canvas Operationen sind während dem Segment Erstellungsmodus nicht erlaubt. Sie können nur Segmente erstellen.

Sobald Sie das Bild segmentiert haben, wollen Sie es wahrscheinlich bearbeiten und verschieben. Um dieses zu tun, wählen Sie das Segment Auswahlwerkzeug (A).

Das Segment Auswahlwerkzeug erlaubt es Ihnen, das Segment zu wählen, zu bewegen, in der Größe zu verändern, zu kopieren oder zu löschen. Sie können auch die Optionen Widerrufen und Wiederherstellen auswählen, um die vorher erwähnten Vorgänge durchzuführen.

Hinweis: Segmente können nicht rotiert oder verbogen werden. Zusätzliche Segment relevante Befehle sind in einem Kontextmenü anwählbar (siehe Segmentoperationen Kontextmenü).

2 Rechts-klicken Sie (Windows) oder Kontroll-klicken Sie (Mac), um das Kontextmenü zu öffnen.

Hinweis: Bestimmte Segment Eigenschaften sind in der Eigenschaftsleiste verfügbar, wenn ein Segment ausgewählt ist.

Das Kontextmenü kann nur aufgerufen werden, wenn das Segment Auswahlwerkzeug ausgewählt ist. Einige der Befehle sind nur dann verfügbar, wenn für sie das Kontextmenü der aktuellen Situation relevant sind.

Rechts-klicken Sie (Windows) oder Kontroll-klicken Sie (Mac) das Segment Auswahlwerkzeug auf einem Segment.

Erlaubt das horizontale und/oder vertikale Teilen eines Segments in kleinere Segmente. Wählen Sie diesen Befehl aus, erscheint die Segment Teiler Dialogbox, welche zwei Optionen enthält:

Splittet alle ausgewählten Segmente auf, die von anderen Segmenten überlappt werden. Segmente werden entlang der weichen Segment-Linien aufgeschnitten. Dieser Vorgang teilt das Bild in einzelne Segmente. Diese Segmente verfügen über die Standard-Hauptsegment Parameter. Sie können diese jedoch verändern.

Exportiert Segmente als Bilder. Es kann auch eine HTML Datei mit einer Tabelle die alle Ihrer Bild Segmente enthält, erzeugen, (siehe Segmente exportieren).

Ordnet die selektierten Segmente in einer bestimmenten Reihenfolge an: nach oben, nach unten, nach vorne, nach hinten (siehe Objekte übereinander anordnen).

Sobald Sie mit der Segmentierung Ihrer Arbeit fertig sind, können Sie die Bilder (GIFs oder JPEGs) exportieren. Sie können auch mit einer Tabelle, die alle Ihre Bilder enthält, eine HTML Datei erstellen. Die Optionen dafür sind in der Segment Export Optionen Dialogbox enthalten.

Einzeln ausgewählten Segmenten oder Segmentgruppen kann, mit Hilfe der Verknüpfungsmanager Palette, eine URL zugewiesen werden. Wählen Sie Objekt > Optionen > Verknüpfungsmanager, um die Palette zu öffnen. Es handelt sich hier um den gleichen Vorgang wie beim Zuweisen einer URL zu einem normalen Objekt, mit der einzigen Ausnahme, dass die Segmente mit dem Segment Auswahlwerkzeug selektiert werden müssen (siehe Die URL Palette anwenden).

Wenn Sie vorhaben, Ihr Canvas Dokument auf das Web zu exportieren, wollen Sie wahrscheinlich ein paar interaktive Elemente, wie z.B. dynamische Web Buttons (anwählbare Knöpfe), hinzufügen. Web Buttons können Besucher auf eine andere Seite innerhalb einer Webseite oder sie zu einer ganz anderen URL Adresse hinführen.

Das Web Button Werkzeug öffnet die Web Buttons Palette und platziert die Buttons in einem Dokument.

Diese Buttons werden dynamisch genannt, weil sie ihr Verhalten, ihren sogenannten Status, verändern, sobald ein Benutzer darüber fährt. Dynamische Web Button haben insgesamt 3 verschiedene Verhaltensweisen (States):

Status	Erläuterung	Beispiel
Loslassen	Dies ist der Standard Button oder die Normaleinstellung. Die Maus befindet sich nicht über dem Button.
Über	Dies ist der "State", wenn mit der Maus über den Button gefahren wird.
Gedrückt	Dies ist der "State", wenn mit der Maus auf den Button geklickt wird.

Wenn Sie einen Button erstellen, können Sie ein separates Objekt oder Bild für den Button Status verwenden.

Hinweis: Alle Vektor- oder Textobjekte, die als Web Buttons verwendet werden sollen, müssen eine Stift- und Füllfarbe besitzen. Objekte, deren Stift- und Füllfarben mit "Keine" angegeben sind, können nicht auf die Web Button Palette gezogen werden.

Bevor Sie einen neuen Button lagern, testen Sie ihn in der Web Buttons Palette (siehe Web Buttons Palette). Wie bereits vorher erwähnt, ist der "Loslassen" State die Standardeinstellung (siehe Button Status verstehen). Bewegen Sie den Zeiger über den Ansichtskasten, um den "Über" Status zu sehen und klicken Sie dann, um den "Gedrückt" Status zu sehen.

Haben Sie den Web Button bereits platziert, möchten ihn jedoch vor dem Exportieren zu HTML nochmals ansehen, wählen Sie die Funktion "Play Modus starten" in der Web Buttons Palette.

Sobald Sie geklickt haben, befinden sich die platzierten Web Buttons im "Play Modus". Bewegen Sie den Zeiger über die Buttons und klicken Sie sie an, um die drei verschiedenen "States" zu sehen. Wenn Sie fertig sind, klicken Sie auf "Play Modus beenden".

Wenden Sie diesen Vorgang an, um Web Buttons in einem Canvas Dokument zu platzieren.

1 S elektieren Sie im Lagerungskasten den zu platzierenden Button. Der ausgewählte Button erscheint im Ansichtskasten.

2 Bewegen Sie den Zeiger in den Dokumentbereich. Der Zeiger wird in ein Platzierung Symbol umgewandelt.

3 Um den Button zu platzieren, können Sie einen der folgenden Schritte wählen:

• Um den Button zu skalieren, ziehen Sie, um ein umgebenes Rechteck aufzuziehen.

Hinweis: Wenn die Web Buttons Palette geschlossen ist, können Sie das Web Button Werkzeug benutzen, um die zuletzt selektierten Buttons zu platzieren.

Um Kopien desselben Buttons zu platzieren, benutzen Sie das Web Button Werkzeug nochmals oder wählen Sie den ersten Button an und wählen dann Bearbeiten > Duplizieren, um Kopien zu erstellen.

Selektieren Sie den platzierten Web Button und ziehen Sie am Griff, um das umgebenen Rechteck in der Größe zu verändern.

Benutzen Sie die Verknüpfungsmanager Palette, um Buttons mit anderen HTML Dateien oder URLs zu verbinden (siehe Die URL Palette anwenden).

Sichern Sie einen Web Button in der Palette, ist dieser in allen Canvas Dokumenten verfügbar.

Wählen Sie Button sichern im Palettenmenü. Selektieren Sie ein Verzeichnis, in dem Sie die Datei sichern wollen. Tragen Sie einen Dateinamen ein und klicken Sie Sichern.

Hinweis: Web Button Dateien können auf beiden Plattformen, Windows und Mac, benutzt werden.

Wenn Sie eine Web Button Datei laden, werden die gegenwärtig in der Palette befindlichen Buttons mit der Button Datei ersetzt. Wenn Sie die gegenwärtigen Buttons nicht verlieren wollen, sollten Sie diese in einer Button Datei sichern (siehe Um Buttons zu sichern).

Wenn Sie eine Button Datei anfügen wollen, werden die gegenwärtigen Buttons nicht ersetzt. Sie werden ans Ende der Palette gesetzt.

Wählen Sie Buttons Laden im Menü. Wählen Sie eine Button Datei und klicken Sie auf Öffnen.

Wählen Sie Buttons Hinzufügen vom Menü. Wählen Sie eine Button Datei und klicken Sie auf Öffnen.

Animationen sind attraktive visuelle Elemente, die einer Webseite hinzugefügt werden können. Die Flexibilität von Canvas erlaubt es, dass Sie beides tun können, animierte GIFs erzeugen und das Platzieren von animierten, vorher erstellten GIF Dateien.

Nutzen Sie das Animierte GIF Werkzeug, um animierte GIF Dateien in Ihrem Canvas Dokument einzufügen. Exportieren Sie schliesslich Ihr Dokument ins HTML Format, werden die Animationen exportiert und erscheinen auf der Webseite.

1 Selektieren Sie das Animierte GIF Werkzeug, welches sich in der Objekt Werkzeug Palette befindet.

2 Klicken Sie an der Stelle in das Dokument, an der Sie die Animation platzieren wollen.

3 Eine Verzeichnis Dialogbox erscheint. Wählen Sie die Animations - GIF Datei und wählen Sie Öffnen. Canvas fügt die Datei als ein animiertes Objekt hinzu.

Doppel-klicken Sie auf das Animationsobjekt, nachdem Sie es im Dokument platziert haben.

Sie können animierte GIFs, die Sie in Ihr Dokument einfügen, auswählen, bewegen, kopieren, duplizieren, rotieren und umdrehen.

Erzeugen Sie animierte GIFs in Canvas, indem Sie Bilder innerhalb eines Animationsobjektes zusammensetzen und die Datei als animierte GIF Datei speichern. Dieses Animationsformat ist unter Web Designer sehr beliebt und wird von fast allen Web Browsern unterstützt.

Animationsdokumente bestehen aus einer Reihe von Frames, wobei jeder Frame (Bild) ein "Still-Bild" ist. Das Anzeigen von Frames in kurz aufeinander folgenden Sequenzen erzeugt die Eindruck von Bewegung.

Nutzen Sie die Dokumentlayout Palette, um die Frame Sequenz einzustellen sowie deren individuelle Länge (siehe Die Dokument Layout Palette anwenden).

Sobald Sie Ihre Animation erzeugt haben, können Sie diese als animiertes GIF zu exportieren.

Verwenden Sie den Befehl Öffnen, um eine animierte GIF Datei für das Bearbeiten zu importieren. Sie können die Frames bearbeiten und die Datei dann wieder als animiertes GIF exportieren.

2 Selektieren Sie die animierte GIF Datei und klicken Sie Öffnen. Eine Dialogbox erscheint.

4 Klicken Sie OK, um die Frames in eine neues Animationsdokument zu importieren.

Jedes Dokument, das Sie in Canvas erzeugen, kann in Sekundenschnelle auf das Web exportiert werden. Um ein Dokument als mehr als eine Webseite zu exportieren, sichern Sie das Dokument im HTML Format.

Canvas unterstützt das Öffnen und Bearbeiten von HTML Webseiten nicht. Jedoch können Sie Ihre Seiten immer zuerst im Canvas Format sicher (.CVX), bevor Sie die Webseiten exportieren. Das Sichern im Canvas Format bedeutet, dass Sie das Original erneut bearbeiten und ins HTML exportieren können.

1 Öffnen Sie das Canvas Dokument, das Sie als ein oder mehrere Webseiten sichern wollen und wählen Sie dann die Option Datei > Sichern Unter.

3 Wählen Sie einen Ablageort, um Ihre Dateien zu sichern, tragen Sie einen Dateinamen ein und klicken Sie auf Sichern. Die HTML Option Dialogbox öffnet sich.

4 Selektieren Sie Optionen für das Sichern von Webseiten (siehe HTML Optionen ).

Wenn Canvas eine HTML Datei von einem Dokument erzeugt, benutzt es Schlüsselbegriffe in der HTML Datei Überschrift, um Daten, die in der Dokument Einstellungen Dialogbox eingetragen wurden, einzuschließen. Diese Daten enthalten Informationen zum Titel, Thema, Autor und der Kategorie von den Feldern in der Karteikarte Zusammenfassung der Dokument Eigenschaften Dialogbox.

Wählen Sie Datei > Eigenschaften und klicken Sie auf den Übersicht Reiter (Karteikarte). Geben Sie beliebige Schlüsselbegriffe in das Textfeld ein.

Canvas verwendet Komprimierungen und Farbreduzierungsmethoden, um die Bildanzeige im Web zu beschleunigen. Canvas exportiert RGB Farben und CMYK Bilder als RGB (24-Bit) Bilder mit JPEG Komprimierung. Sie können das Bildformat wählen oder Canvas diese Option überlassen (siehe HTML Optionen:).

Wenn Sie Automatisch vom Bildformat Menü wählen, exportiert Canvas RGB und CMYK Farben als RGB (24-bit) Bilder im JPEG Komprimierungsformat. Bilder im Indizierte Farben Modus, welche maximal 8 Bit Farbinformationen per Pixel benutzen, werden im GIF Format gesichert. Schwarz/Weiß Bilder werden im Indizierte Farben Modus im GIF Format gesichert (8-Bit). Canvas exportiert Graustufen Bilder mit indizierten Farben oder als JPEG-komprimierte RGB Bilder, je nachdem, welches Format die besten Ergebnisse für dieses Bild erzeugt.

Wenn beim Export in ein HTML Segmente im Canvas Dokument verfügbar sind, wird Canvas das Dokumentlayout so gestalten, dass es sich den Segmenten anpasst. Canvas wird auch eine einzige Segmenteinstellung akzeptieren, wenn es das Bild rendert und benennt (siehe Segmente exportieren und Segment Export Optionen).

Hinweis: Segmente werden nur dann benutzt, wenn das Tabellen Layout aktiviert ist.

Wenn Sie die Datei als animierte GIF Datei exportieren, wird eine GIF Datei für jedes animierte GIF erstellt.

Bei Web Buttons wird ein Bild für jeden Web Button Status exportiert. Diese Gruppe von Bildern wird mittels Java Scripting zusammengehalten.

Diese Objekte dürfen sich im Tabellen Layout Modus nicht überlappen. Wenn dies passiert, werden animierte GIFs und Web Buttons gerendert und als einfaches Bild exportiert. Objekte dürfen nur im CSS Layout Modus überlappen.

Viele der heutigen Digitalen Kameras enthalten automatisch zusätzliche Informationen zu jedem aufgenommene Bild. Dadurch wurde von der Japanischen Elektronik Industrie Development Association das EXIF (oder Exchangeable Image File) JPEG Dateiformat entwickelt. Diese relativ neue Innovation erlaubt einer JPEG Datei, Informationen zu enthalten, die sich auf die Einstellungen der jeweiligen Kamera, Datum, Zeit und Sounddatei beziehen.

In Canvas haben Fotografen jetzt schnellen und einfachen Zugang zu den meisten Informationen, die zu diesen Bildern hinzugefügt wurden. Nachdem die Bilder in Canvas importiert wurden, können diese Information über ein textabhängiges Fenster angeschaut werden, indem Sie Bild > DCS Information (EXIF) wählen. Dieser Befehl wird nicht erscheinen, wenn die JPEG Datei keine EXIF Daten enthält.

Sie können die EXIF Informationen mittels des Kontextmenüs einsehen. Rechts-klicken (Windows) oder Crtl-klicken Sie (Mac) oder wählen Sie Bild > Importieren > JPEG aus dem Hauptmenü. Dieser Befehl wird nicht erscheinen, wenn die JPEG Datei keine EXIF Daten enthält.

Hinweis: Eine Option für das Hinzufügen oder das Entfernen von EXIF Daten beim Export eines Bildes in das JPEG Format wurde der JPEG/GIF Export Voransicht ebenfalls hinzugefügt.

Canvas bietet jetzt für das Gestalten von Webseiten die Kompatibilität mit Flash® aktivierten Webseiten. Sie können all Ihre Webseiten jetzt in einem .SWF Dateiformat sichern.

Nachdem Sie Ihr Dokument fertiggestellt haben, wählen Sie Datei > Sichern unter. In der Sichern unter Dialogbox, wählen Sie die Macromedia Flash (.SWF) Option. Klicken Sie auf den Sichern Knopf und die Flash Options Dialogbox öffnet sich.

Sie können Canvas Dokumente im Portable Document File (PDF) Format exportieren. Canvas besitzt die Fähigkeit, Type 1 Schriften einzubetten, True Type Schriften und Halbton Einstellungen. Es steht ebenfalls ein spezifischer Farbmodus zur Verfügung, sodass er möglicherweise auf alle PDF Objekt übertragen werden kann. Auch kann die gesamte Datei mit dem PDF Exportfilter komprimiert werden.

Wählen Sie Datei > Sichern unter. Wählen Sie PDF - Acrobat™Datei als das Format. Tragen Sie einen Namen für die Datei ein und klicken Sie auf Sichern. Die PDF Option Dialogbox öffnet sich.

Hinweis: Einige Ausgabegeräte könnten diese Einstellungen mit ihren eigenen Standardeinstellungenüberschreiben. Kontaktieren Sie den Gerätehersteller um zu erfahren, wie man diese Option abschalten kann, damit Sie sicher gehen können, dass Ihre eigenen PDF Optionen verwendet werden.

Spezifiziert die Form der Halbtonpunkte. Jede Form ist durch eine einfache Funktion definiert und ist in der PDF (und PostScript) Dokumentation beschrieben.

spezifiziert das Halbton Raster. LPI definiert die Dichte des Rasters (in Linien per Zoll), während Winkel die Orientierung des Rasters definiert.

Canvas kann Übergangseffekte für Diapräsentationen innerhalb einer PDF Datei einbetten. Da nicht immer eins-zu-eins Übereinstimmungen zwischen Canvas Übergangseffekten und denen innerhalb von Acrobat bestehen, müssen sich die Effekte, wie nachfolgend erläutert, entsprechen:

In Canvas kann die Laufzeit eines Effektes auf einer Skala von min. bis max. eingestellt werden. Diese Einstellung wird in einer PDF Datei als eine Laufzeit von 0.5 Sekunden bis zu 4 Sekunden verwendet.

Da es bislang keine Einstellung der Laufzeit eines individuellen Dias gibt, wird eine Voreinstellung von 15 Sekunden verwendet. Dies bedeutet, wenn ein Anwender nach 15 Sekunden nicht zu dem nächsten Dia wechselt, wird automatisch nach 15 Sekunden das nächste Dia eingeblendet.

Canvas	Acrobat
NO DISSOLVE	Replace (i.e. 'no effect')
SLIDES	Wipe
VENETIAN BLINDS	Blinds
HORIZON	Split (horizontally)
DOORS	Split (vertically)
SHRINK BOX	Box (closing)
GROW BOX	Box (opening)
DISSOLVE	Dissolve

Canvas	Acrobat
SWITCHER	Wipe
STRETCH OUT	Split (horizontally)
IRIS IN	Box (closing)
IRIS OUT	Box (opening)
CORNERS	Box (opening)
JAIL BARS	Blinds (vertical)
CHECKERS	Glitter (0 degrees)
CASCADE	Glitter (270 degrees)
CROSS CUT	Glitter (315 degrees)

Canvas	Acrobat
CLOCK	Dissolve
BUBBLES	Dissolve
SPEED BOX	Dissolve
STAR BURST	Dissolve

Der PDF Exportfilter unterstützt jetzt alle Links, die über die Verknüpfungsmanager Palette (siehe Die URL Palette anwenden) festgelegt wurden. Links zu individuellen Webseiten innerhalb eines mehrseitigen Dokumentes werden nun beibehalten. Links zu externen HTML oder PDF Dateien werden ebenfalls unterstützt.

Es sollte erwähnt werden, dass PDF nur rechteckige (rechtwinklige) Hot-Spots unterstützt. Dies bedeutet, dass das Auswahlfenster eines gedrehten Textobjektes, dem eine URL zugewiesen wurde als Hot-Spot Bereich definiert wird. Dies sollte kein Problem sein, wenn sich auf der Seite nur ein solcher Link befindet. Sie sollten aber darauf achten, dass sich die Auswahlfenster bei mehreren gedrehten Textobjekten mit zugewiesenen URLs überschneiden können. Es könnte dazu führen, dass Links, die unter einem anderen Auswahlfenster liegen, nicht einwandfrei arbeiten.

Wenn Sie ein Dokument exportieren, welches mehr als eine Seite enthält, wird auf jede individuelle Seite des Dokumentes gelinkt. Als Kurzdarstellung wird der Name der jeweiligen Seite verwendet Da diese Seiten als Unicode exportiert werden, kann jeder Titel einen beliebigen Buchstaben enthalten, der von Ihrem lokalen Gerät unterstützt wird.

Der PDF Exportfilter kann keine Multiple Master Schriften einbetten. Wenn eine Multiple Master Schrift in einem Dokument verwendet wird, exportiert der PDF Filter die Standardeinstellungen der Schrift. Die eigentlichen Daten der Schrift werden nicht ohne Rücksicht auf die Einstellungen im PDF Export Dialog eingebettet.