Professional Documents
Culture Documents
Inhaltsverzeichnis
Inhaltsverzeichnis
MAGIX Web Designer 7 Premium erwerben und freischalten Kundendienst Was ist neu in MAGIX Web Designer 7 Premium? Web-Authoring/Web-Publishing Allgemeine Verbesserungen an Werkzeugen und in der Bedienung Weitere kleinere Verbesserungen Einfhrung Was macht Web Designer Premium so anders? Eine Webseite in sechs Schritten erstellen Weitere Informationsquellen Dokument-Eigenschaften Tooltips ber MAGIX Web Designer 7 Premium Erste Schritte Programmoberflche Objekte auf der Seite Objektbasiertes Webdesign Auswahl-Werkzeug Website Toolbar Eine Website erzeugen Vorschau Ihrer Website Vorlagen, Cliparts und Widgets verwenden Website-Farben Fotos Text Seitengre Ihre Arbeit speichern. Eine Website erzeugen Dehnbare Objekte Gruppen Wiederholte Objekte Links, Schaltflchen & Navigationsleisten Zeichenwerkzeuge Kontextmens Ebenen, Mouseover (Rollover) & Popups Buttons, Banner und andere Webgrafiken erzeugen Website verffentlichen 11 12 15 15 16 17 19 19 20 20 20 21 21 22 22 25 26 27 28 28 29 30 33 42 48 53 53 54 55 57 57 61 68 69 75 77
Inhaltsverzeichnis
Arbeiten mit Dokumenten Start von MAGIX Web Designer 7 Premium Neues Dokument beginnen ffnen eines vorhandenen Dokuments Das MAGIX Web Designer 7 Premium-Programmfenster Mehrere Fenster ffnen Zoomwert ndern Verschieben von Dokumenten innerhalb des Fensters Seitengre ndern Mehrere Seiten im Dokument Dokumente speichern Hilfsverzeichnisse Dokument schlieen Automatische Sicherheitskopien Bildschirmraster Lineale Darstellungsqualitt Galerien Rckgngig und Wiederherstellen Arbeiten mit Objekten Das Auswahl-Werkzeug Objekte bewegen Objekte aus dem Dokument entfernen Duplizieren und Klonen Objekte nach hinten oder vorne bringen Objekte drehen Skalieren von Objekten (Grennderung) Objekte spiegeln Dehnen und Stauchen von Objekten Objekte neigen Das Verzerren-Werkzeug Automatisches Ausrichten (Snapping) Randunschrfe Hilfsobjekte und Hilfslinien bersicht der Tastaturkrzel auf dem Ziffernblock Gruppieren und Gruppen auflsen Weiche Gruppen Ausrichtung Kopieren von Styles - Attribute einfgen Objekte benennen Wiederholte Objekte Formeditor-Werkzeug Linien oder Formen zeichnen 80 80 80 81 82 86 86 88 89 89 91 92 93 93 96 97 98 100 110 111 111 114 118 118 119 120 121 123 123 124 125 129 132 133 135 135 136 137 141 142 143 148 149
Inhaltsverzeichnis
Das Freihand- & Pinselwerkzeug Linien/Formen mit dem Freihand & Pinsel-Werkzeug bearbeiten Das Linien- und Pfeil-Werkzeug Formeditor-Werkzeug Linien verlngern Linie abschlieen Ankerpunkt neu hinzufgen Mehrere Ankerpunkte auswhlen Ankerpunkte lschen Ankerpunkte bewegen Linien gltten Begrenzung der Linie Kurven ndern Umwandlung einer geraden Linie in eine Kurve (und umgekehrt) Linien verbinden Formen unterteilen Linienstrke ndern Linien-Galerie Arbeiten mit Formen Schlieen einer Form Formen zusammenfgen Formen kombinieren Linienstrke ndern Linien mit variabler Breite Rechtecke und Quadrate erstellen Kreise und Ellipsen erstellen Erstellen normaler Polygone (QuickShape-Werkzeug) Sterne erstellen (Polygone mit eingebeulten Seiten) Sterne bearbeiten Formen bearbeitbar machen Arbeiten mit Farben Farbleiste Anwendung von Fll- und Linienfarben per Drag & Drop Objektfarbe bearbeiten Der Farbeditor Lokale Farben und Grundfarben Grundfarbenschemata Eigene Farbschemata erstellen Neue benannte Farben erstellen Benannte Farben bearbeiten Normale Farben, Abtnungen, Schattierungen und verknpfte Farben Abtnung, Schattierung oder verknpfte Farbe herstellen Arbeiten mit Text 149 151 154 156 158 158 158 159 160 160 161 162 162 164 164 165 165 166 170 170 171 172 174 175 175 176 177 179 180 181 182 182 184 185 186 188 189 189 190 191 193 194 196
Inhaltsverzeichnis
Einfhrung Terminologie Das Textwerkzeug Schriftarten-Men Einfacher Text Textspalten Textbereiche Text entlang einer Kurve Text bearbeiten Rechtschreibprfung Suchen & Ersetzen Text unter Nutzung von weichen Gruppen synchronisieren Tabulatoren, Rnder und Zeileneinzge Text abweisende Objekte Verankerte Grafiken Textstile anwenden Text-Links Text innerhalb von Gruppen fr Websites Textstil kopieren Kopieren und Einfgen von formatiertem Text (RTF) Verwendete Schriftarten anzeigen Schriftarten einbetten Text-Kompatibilitt in Browsern Fll-Werkzeug Linearen Farbverlauf erstellen Fllungstypen Infoleiste Fllwerkzeug Einfarbige Fllungen Lineare Verlaufs-Fllungen Kreisfrmige Fllungen Elliptische Fllungen Kegelfrmige Fllungen Diamant-Fllungen Dreifarb-Fllungen Vierfarb-Fllungen Bitmap-Fllungen Fraktalfllungen Mehrfache Farbverlufe Die Fll-Galerie Schatten Schatten-Werkzeug Schatten erstellen Farbgebung oder Flleffekt von Schatten ndern Schatten entfernen 196 197 197 199 201 201 202 205 206 207 208 209 210 213 215 219 223 223 224 224 225 225 225 226 226 228 229 230 231 232 232 232 233 233 233 234 237 238 238 241 241 241 243 244
Inhaltsverzeichnis
Schatten auf mehrere Objekte legen Objekte markieren mithilfe des Schatten-Werkzeugs Schatten auf andere Objekte kopieren Transparenz Anwendung einer gleichmigen Transparenz Anwendung einer Verlaufstransparenz Mehrstufiger Transparenz-Verlauf Transparenztypen Optimieren Profil Bitmaps Anfasser/Auflsung Anwendung einer Transparenz auf mehrere Objekte Kanten Kanten-Werkzeug Kante erstellen Kante bei mehreren Objekten erstellen Kanten modifizieren Kanten entfernen Masken Maske erzeugen Mit Masken-Formen arbeiten Bearbeitungen, die die Maske verwenden Formen auf die Masken-Ebene kopieren Web-Einstellungen-Dialog Links Website Seite Bild Mouseover Platzhalter Reiter Verffentlichen Arbeiten mit Fotos Einfhrung Foto-Objekte Fotogruppen Fotos importieren Foto-Auflsung Kopien ohne zustzlichen Speicherbedarf Bitmap-Galerie Eingebettete JPEG-Dateien 244 245 245 246 247 247 247 248 251 252 253 253 253 255 255 255 256 256 259 260 261 261 262 264 265 266 272 274 277 282 283 286 292 292 292 293 294 297 297 298 301
Inhaltsverzeichnis
Verlustfrei oder Verlustbehaftet Fotos zusammenfgen und mischen Anzeigequalitt fr Fotos Fotos speichern und exportieren Fotobearbeitungs-Attribute Umrisse eines Fotos bearbeiten Fotos beschneiden Fotos mit der Maske beschneiden Objekte aus Fotos ausschneiden Bildschirmaufnahme-Funktion Fotos einfrben Externe Foto-Editoren einbinden Position, Gre und Drehung eines Fotos in seinem Rahmen anpassen Horizont begradigen Ein skaliertes Foto in seiner vollen Gre anzeigen Ein Foto auf seine volle Gre bringen Fotos und Bitmaps optimieren Foto-Dokumente Foto-Dateien bearbeiten Foto-Werkzeug Einstieg Verwenden des Foto-Werkzeugs Gemeinsame Foto-Funktionen Optimierungs-Werkzeug Beschneidungs-Werkzeug Bemerkungen zum Foto-Werkzeug Rote-Augen-entfernen-Werkzeug Inhaltsabhngige Foto-Skalierung Panorama-Funktion 3D-Extrusions-Werkzeug Form extrudieren Infoleiste Extrusions-Werkzeug Texturen und Fotos Text extrudieren 3D-Extrusionsattribute kopieren Schatten hinzufgen Navigationsleisten NavBar-Vorlagen verwenden Dialog Eigenschaften der Navigationsleiste Site-Navigationsleiste Schaltflchen und Mens Navigationsleiste auf allen Seiten aktualisieren Bearbeiten auf der Seite 302 302 303 304 305 306 307 307 308 309 310 311 312 314 314 315 315 318 319 321 321 322 322 323 326 329 330 332 336 339 340 340 343 344 344 345 346 346 347 348 350 353 353
Inhaltsverzeichnis
nderung der Schriftart fr die Schaltflchen NavBars importieren und einfgen Eigene Navigationsleisten erstellen Schaltflchenrnder Fr Fortgeschrittene - NavBar-Schaltflchendesign bearbeiten NavBars mit unterschiedlichen ersten oder letzten Schaltflchen Website-Prsentationen. Die Prsentations-Werkzeugleiste Eine Prsentation erstellen Prsentationsschritte bearbeiten Neue Seiten zur Prsentation hinzufgen Seiten aus der Prsentation lschen Auf nchster/vorherigen Prsentationsschritt verlinken Links zu Prsentationsschritten bergangseffekte zuordnen Prsentationsschritten bergangseffekte zuordnen Prsentationsseiten bergangseffekte zuordnen Erweiterte Prsentations-Informationen Ferngesteuerte Online-Prsentationen halten Website Widgets Widgets und Platzhalter Widgets aus der Designs-Galerie Filme und Animationen hinzufgen Widgets von anderen Widget-Seiten Widgets skalieren HTML-Platzhalter manuell hinzufgen Seiten- & Ebenen-Galerie Seiten- & Ebenen-Galerie Seiten Ebenen Ebenen-Aktionen Besondere Ebenen Ebenen verbergen Solo-Modus Ebenen sperren Alle anzeigen & Alle entsperren Objekte zwischen Ebenen bewegen Flash-Animationen Einfhrung Grundstzliches zu Flash Ihre erste Animation Exportieren einer Flash-Datei Animationen als AVI exportieren 353 354 354 355 356 357 359 360 360 362 366 366 367 367 367 368 368 371 373 373 374 377 379 379 381 383 383 388 388 391 394 394 394 395 395 396 397 397 399 400 402 403
Inhaltsverzeichnis
Frame-Galerie 404 Fotos 406 Framerate und Tweenschritte bei Animationen 407 Ausschnitte animieren 408 Animationsgeschwindigkeit 409 Flssigkeit der Animation 410 Drehung 411 Gruppen 412 Welche Features aus MAGIX Web Designer 7 Premium werden von Flash untersttzt? 413 Farbumwandlung - Farbvernderungen animieren 415 Transparenz 415 URLs in Flash 416 Erweiterte Flashbefehle 416 Flash-Animation - Zusammenfassung 418 Animierte GIFs erstellen 419 Eigenschaften animierter GIFs 419 Drucken Druckrnder zeigen Drucker auswhlen und einstellen Drucken-Dialog Druckoptionen: Ausgabe Druckoptionen: Layout Importieren und Exportieren Allgemeine Anmerkungen zum Exportieren und Importieren Untersttzte Dateiformate fr Import und Export Dateien importieren Dateien exportieren bersicht JPEG, PNG und GIF Export-Dialog Design-Galerie Web Designer Premium anpassen ndern des leeren Vorlagendokuments Eigene Symbole in Browser-Reitern: Favicons Optionen im Men Extras Allgemein Raster und Lineal Maus Seitengre Sicherheitskopien Symbolleisten Mens und Tastaturkrzel Einfhrung 421 421 421 422 424 426 428 428 428 430 432 435 441 443 443 443 444 445 447 448 450 450 451 454 454
10
Inhaltsverzeichnis
Men Datei Men Bearbeiten Men Anordnen Men Extras Men Fenster Men Hilfe Tastaturkrzel Juristisches Copyright MAGIX Web Designer 7 Premium End User License Agreement (EULA) Danksagungen Index 454 458 461 463 465 467 469 473 473 474 477 479
Inhaltsverzeichnis
11
12
Kundendienst
Kundendienst
Lieber MAGIX Kunde, es ist unser Ziel, Ihnen jederzeit komfortable, schnelle und lsungsorientierte Hilfestellung zu leisten. Dafr stellen wir Ihnen ein umfassendes Angebot zur Verfgung: Unbegrenzter Web-Support: Als registrierter Kunde von MAGIX erhalten Sie unbegrenzten Web-Support ber das komfortabel gestaltetes MAGIX Service-Portal support.magix.net. Hier haben Sie Zugang zu einem intelligenten Hilfeassistenten, hochqualitativen FAQs, Patches und Erfahrungsberichten, die fortlaufend aktualisiert werden. Einzige Voraussetzung zur Nutzung ist die Registrierung Ihres Produktes auf www.magix.de. Online-Community als Soforthilfe und Austauschplattform: Die Online-Community www.magix.info steht Ihnen als MAGIX Kunde kostenlos unbegrenzt zur Verfgung. Die Community umfasst ber 100.000 Mitglieder und beinhaltet die Mglichkeit, Fragen zu MAGIX Produkten an die Community zu stellen oder aber ber die Suchfunktion nach spezifischen Themen oder Antworten zu suchen. Der Wissens-Pool enthlt neben Fragen & Antworten ein Lexikon, Videoanleitungen (Tutorials) und ein Diskussionsforum. Die vielen Experten, die tagtglich auf www.magix.info zu finden sind, garantieren schnelle Antwortzeiten von teilweise nur wenigen Minuten. E-Mail-Support fr MAGIX Produkte: Fr jedes neue MAGIX Produkt erhalten Sie ab Kaufdatum automatisch 8 (acht) Wochen kostenlosen Kundendienst per E-Mail. MAGIX gewhrleistet hier eine schnelle Bearbeitung mit umgehender Antwort. Premium E-Mail-Support: Wenn nach Ablauf der 8 Wochen des kostenlosen E-Mail-Supports ein Problem entsteht, knnen Sie ein Ticket fr den Premium E-Mail-Support im MAGIX Shop zum Preis von 12,99 EUR erwerben. Dieses Ticket bezieht sich auf einen bestimmten Problemfall, bis dieses Problem gelst ist, und ist nicht auf eine E-Mail beschrnkt. Die Meldung von nachweislichen Programmfehlern ist von dieser Regelung ausgenommen. Bitte beachten Sie: Um den Premium E-Mail-Support und den kostenlosen Produkt-E-Mail-Support via Internet in Anspruch nehmen zu knnen, mssen Sie Ihr MAGIX Programm mit der Seriennummer registrieren. Die Seriennummer finden Sie auf der CD-Hlle der Installations-CD bzw. auf der Innenseite der DVD-Box.
Kundendienst
Zustzlicher Telefonkundendienst: ber die zahlreichen kostenlosen Kundendienstleistungen hinaus steht Ihnen kostenpflichtig der Kundendienst auch per Telefon zur Verfgung. Sie erreichen den MAGIX Kundendienst telefonisch unter: DEUTSCHLAND Tel.: 0900-17 71 115 (1,24 EURO/Min. aus dem Festnetz von T-Home (*), werktags 9:00 18:00 Uhr) MAGIX Support Postfach 200914 01194 Dresden
13
Post:
STERREICH Tel.: 0900-45 45 71 (1,56 EURO/Min. (*), werktags 9:00 18:00 Uhr)
(*) Die Gesprchspreise knnen je nach Anbieter variieren und sind aus dem Mobilfunk oft erheblich hher. Bitte halten Sie folgende Informationen bereit: Welches MAGIX Programm verwenden Sie (Version)? Welches Betriebssystem verwenden Sie? Wie heit Ihre Grafikkarte und in welcher Bildschirmauflsung wird sie betrieben? Wie heit Ihre Soundkarte? Oder benutzen Sie das eingebaute Soundsystem Ihres Computers? Bei Videoprogrammen: Wie heit Ihre Videokarte bzw. FireWire-Karte? Wie gro ist Ihr Arbeitsspeicher (RAM)? Welche DirectX-Version ist installiert?
14
Kundendienst
MAGIX Vertrieb Unser MAGIX Vertrieb ist werktags fr Sie erreichbar und ist Ihnen bei folgenden Anfragen und Problemen behilflich: Bestellungen Produktberatung (vor dem Kauf) Upgrade-Anfragen Retourenabwicklung Tel: 0180-48 99 999 (0,20 EURO/Anruf aus dem dt. Festnetz, Mobilfunkhchstpreis: 0,42 EURO/Anruf) Montag Donnerstag: 9:00 Uhr 12:30 Uhr und 13:15 Uhr 18:00 Uhr Freitag: 9:00 Uhr 12:30 Uhr und 13:15 Uhr 17:30 Uhr infoservice@magix.net MAGIX AG Borsigstr. 24 32312 Lbbecke
E-Mail: Post:
15
16
17
18
Einfhrung
19
Einfhrung
Es ist offensichtlich, dass die berwiegende Mehrheit an Websites grafischer Natur ist. Das Erscheinungsbild Ihrer Website ist sehr wichtig. Schlielich mchten Sie eine kompetent und professionell gestaltete Website. Wir finden, dass Sie nicht eine Vielzahl von Programmen - Grafik- und HTML-Bearbeitung - verwenden mssen sollten, um Ihre Website zu erstellen. Wir denken, Sie sollten die Freiheit haben, Text, Grafiken und Fotos berall auf der Seite platzieren zu knnen. Das Erstellen von Websites sollte hnlich wie bei PDF-Dateien funktionieren - Sie mssen gar nicht wissen, was hinter den Kulissen geschieht. Sie wrden auch nicht erwarten, die PDF-Daten direkt bearbeiten zu mssen. Sie sollten das HTML Ihrer Website weder kennen noch bearbeiten mssen.
20
Weitere Informationsquellen
sollte man also irgend etwas ber HTML oder Javascript wissen wollen, nur um groartige Websites zu erstellen.
Weitere Informationsquellen
Wenn Sie bei der Arbeit mit diesem Programm Hilfe bentigen, knnen Sie die folgenden Quellen verwenden: Programmhilfe: Whlen Sie WEB DESIGNER HILFE... aus dem Men HILFE , um die MAGIX Web Designer 7 Premium-Hilfe zu ffnen. Statusleiste: Achten Sie auf den Text in der Statusleiste im unteren Bereich des MAGIX Web Designer 7 Premium-Fensters. Er beschreibt immer die aktuell ausgewhlte Funktion und ist daher ideal geeignet, MAGIX Web Designer 7 Premium besser kennenzulernen. Lesen Sie dazu auch das Kapitel Statusleiste (auf Seite 84). Tooltips: Wenn Sie den Mauszeiger kurz ber einer Schaltflche oder einem Steuerelement stillhalten, erscheint ein kleines Fenster mit Informationen ber die Funktion. Mens: Wenn Sie wissen mchten, was ein Menpunkt bewirkt, whlen Sie ihn aus und drcken Sie dann mit gehaltener Maustaste F1. Dialogfelder: Wenn Sie wissen mchten, was ein Dialogfeld bewirkt, dann klicken Sie einfach auf die HILFE- Schaltflche im Dialog. Tutorial-Videos: Whlen Sie EINFHRUNGSVIDEOS aus dem HILFEMEN, um eine Liste der verfgbaren Tutorial-Videos anzuzeigen.
Dokument-Eigenschaften
DATEI -> DOKUMENT-EIGENSCHAFTEN
zeigt Ihnen Informationen, wie etwa Gre und benutzte Schriftarten des Dokuments, an. So knnen Sie schnell erkennen, ob Ihnen eine bestimmte Schriftart fehlt, damit das Dokument richtig angezeigt wird. Eingaben in das Kommentarfeld werden zusammen mit der Datei gespeichert. Diese Anmerkungen werden bei jedem Aufrufen des Dialogs angezeigt.
21
22
Erste Schritte
Erste Schritte
Dieser Abschnitt gibt einen berblick ber die Hauptfunktionen von Web Designer Premium. Sptere Abschnitte gehen zu jedem Werkzeug mehr ins Detail.
Programmoberflche
Infoleiste - ndert sich fr jedes Werkzeug Zoom Website-Vorschau Design-Galerie (Galerien-Werkzeugleiste) Seiten- & Ebenen-Galerie (Galerien-Werkzeugleiste) Auswahl-Werkzeug Foto-Werkzeug Zeichenwerkzeuge Text-Werkzeug Schatten-Werkzeug
Erste Schritte
Reiter fr alle offenen Dokumente - das Symbol kennzeichnet den Dokumententyp. Farbleiste Hinweis: Alle Infoleisten von Web Designer Premium haben jetzt eine verbesserte Textdarstellung fr bessere Lesbarkeit, wenn ClearType in der Windows-Systemsteuerung aktiviert ist. In der oberen Leiste gibt es vier Schaltflchen, die sich auf Website-Funktionen beziehen. Drei von ihnen haben Ausklappleisten. Diese werden angezeigt, wenn Sie mit der Maus ber die Symbole fahren und beinhalten weitere Web-Funktionen.
23
Bewegen Sie den Mauszeiger ber die jeweiligen Schaltflchen auf der Ausklappleiste fr einen Tooltip.
Es gibt zwei Arten, eine neue Website zu erstellen. Entweder starten Sie mit einer vorgefertigten Vorlage und passen Sie Text, Fotos und Farbschema an. Oder erzeugen Sie eine Website von Grund auf, indem Sie alle erforderlichen Elemente, Text, Grafik, Fotos und Platzhalter wie gewnscht auf der Seite anordnen. Hinweis: Voreingestellt ffnet Web Designer Premium ein neues Dokument so, dass einzelne Seiten angezeigt werden. Um alle Seiten eines Website-Dokuments anzuzeigen, klicken Sie rechts auf die Seite und whlen MEHRSEITIGE ANZEIGE Sie knnen jetzt im Fenster von Web Designer Premium hoch- und runterscrollen, um alle Seiten des Dokuments zu sehen.
Seite zoomen/scrollen/verschieben
Diese gngigen Operationen knnen sehr einfach ausgefhrt werden: Um in die Seite hinein oder heraus zu zoomen, halten Sie Strg gedrckt und benutzen Sie das Mausrad
24
Erste Schritte
Um die Seite zu verschieben, drcken Sie die Mausrad-Taste und schieben Sie die Maus (Ja, das Rad ist auch eine Taste). Um zu scrollen, benutzen Sie das Mausrad (oder die Scrollleisten natrlich) Alle Seiten Ihrer Website werden untereinander angezeigt, wie bei einem Textverarbeitungsprogramm. So ist es sehr einfach, die gesamte Website anzuschauen, besonders, wenn Sie die Ansicht herausgezoomt haben. Sie knnen Objekte per Drag & Drop zwischen den Seiten hin- und herbewegen. Wenn Sie seitenbergreifende nderungen am Farbschema vornehmen, knnen Sie sehen, wie sich die nderungen auf alle Seiten auswirken. Die aktuelle Seite ist mit vier Eckklammern gekennzeichnet. In diesem Beispiel sehen Sie Elemente, die im Arbeitsbereich neben den Seiten abgelegt wurden. Sie werden nicht als Teil Ihrer Website exportiert. Der Arbeitsbereich ist ntzlich, um Zwischenstnde oder zu bearbeitende Grafiken, Fotos oder sonstige Objekte abzulegen.
Ausklappleisten
Einige Werkzeuge auf der Standard-Werkzeugleiste sind unter einem einzelnen Symbol zusammengefasst. Diese Symbole haben in der unteren rechten Ecke eine kleine dreieckige Markierung. Wenn Sie den Mauszeiger ber eins dieser Symbole bewegen, erscheint eine Ausklapp-Leiste. Die Leiste enthlt die anderen Symbole, die in dieser Gruppe zusammengefasst sind. Wenn Sie die Maus ber diese Symbole bewegen, erhalten Sie einen Tooltip, klicken Sie das Symbol fr das gewnschte Werkzeug. Whlen Sie eines dieser modalen Werkzeuge von einer Ausklapp-Leiste, wird dieses Werkzeug das Haupt-Werkzeug dieser Gruppe. Sie sehen das daran, das dieses Symbol jetzt auf der Hauptwerkzeugleiste dargestellt wird. Auch auf der Standard-Werkzeugleiste oben im Fenster gibt es einige Ausklapp-Leisten. Darin werden wiederum verwandte Funktionen unter einem einzelnen Symbol zusammengefasst. Sie sind dadurch bequem erreichbar, ohne zuviel Platz auf der Werkzeugleiste einzunehmen. Tipp: Lesen Sie das Kapitel MAGIX Web Designer 7 Premium anpassen (auf Seite 443) im PDF-Handbuch fr mehr Information ber die Ausklapp-Leisten.
25
26
Objektreihenfolge
Alle Objekte auf der Seite sind bereinander angeordnet. Das Objekt, welches zuletzt gezeichnet oder erstellt wurde, ist immer ganz oben, das heit, vor allen anderen Objekten. Sie knnen die Objekt-Reihenfolge anpassen, indem Sie die Optionen aus dem Men ANORDNEN verwenden. Wenn Sie z. B. ein neues Rechteck zeichnen, so erscheint es vor allen anderen Objekten. Indem Sie Strg+B drcken (ANORDNEN -> IN DEN HINTERGRUND ) wird das Objekt hinter alle anderen bewegt. Auf hnliche Weise bringt Strg+F alle ausgewhlten Objekte nach vorn vor alle anderen Objekte. Es gibt unabhngig davon aber trotzdem auch noch Ebenen. Alle Objekte knnen in benannten Ebenen zusammengefasst werden; jede Ebene kann ein- bzw. ausgeschaltet
Erste Schritte
werden um alles auf der Ebene zu zeigen oder zu verbergen. Lesen Sie dazu den Abschnitt Ebenen (auf Seite 69) im PDF-Handbuch.
27
Auswahl-Werkzeug
Mit diesem Werkzeug knnen Sie alle Objekte auf Ihrer Seite auswhlen, bewegen, skalieren und drehen. Das alles machen Sie entweder durch Ziehen an den Objekten oder den Objektanfassern; alternativ knnen Sie genaue Zahlenwerte eingeben. Das ausgewhlte Objekt wird mit vier oder acht ueren Anfassern angezeigt. Die Statusleiste am unteren Bildschirmrand zeigt ebenfalls, was Sie ausgewhlt haben.
Ziehen Sie an einem der Eckanfasser um die Gre eines Objektes zu ndern. Ziehen Sie nur innerhalb der Eckanfasser (wie links angezeigt) um das Objekt zu drehen. Rechtecke und abgerundete Rechtecke haben acht Anfasser, damit Sie diese sowohl drehen als auch strecken knnen. Andere Objekte, wie etwa Gruppen, Textblcke oder Fotos haben nur vier Anfasser und knnen nicht gestreckt werden (sie wrden verzerrt werden).
Objekte drehen
Objekte knnen auf zwei Arten gedreht werden. Klicken Sie ein zweites Mal auf das Objekt, damit die Auswahlanfasser zu Rotationsanfassern werden, an denen Sie dann ziehen knnen. Wenn die rechteckigen Auswahl-Anfasser gezeigt werden, knnen Sie auch den Mauszeiger knapp innerhalb der Eckanfasser bewegen, bis der Mauszeiger sich zu einem Dreh-Anzeiger verndert - dann knnen Sie das gewhlte Objekt durch Ziehen drehen. Normalerweise knnen Sie so ziemlich alle Objekte in MAGIX Web Designer 7 Premium drehen, auch Fotos, berschriften oder Textblcke. Da Webbrowser keinen gedrehten Text anzeigen knnen, konvertiert MAGIX Web Designer 7 Premium automatisch gedrehten Text in eine Grafik, wenn Sie Ihr Dokument als Website exportieren.
28
Erste Schritte
Infoleiste
Wenn ein Objekt ausgewhlt wurde, zeigt die Infoleiste ber dem Dokument alle relevanten Steuerelemente des ausgewhlten Werkzeugs. Die Leiste verndert sich je nach ausgewhltem Werkzeug. Dies ist die Infoleiste des Auswahl-Werkzeugs:
Abb.: Die Infoleiste ber Ihrem Dokument zeigt die Funktionen des ausgewhlten Werkzeugs.
Sie knnen Zahlenwerte in jedes Feld eingeben; um z. B. die Gre eines Objektes um 20% zu reduzieren, knnen Sie 80% in das W-Feld eintragen (also eine prozentuale Gre). Das kleine Schloss bestimmt, ob Hhe und Breite zusammen verndert werden sollen.
Objekte kopieren
Sie knnen die blichen Kopieren- (Strg+C) und Einfgen- (Strg+V) Befehle verwenden, aber wirklich schnell geht es, wenn Sie mit gedrckter rechter Maustaste an einem Objekt ziehen.
Website Toolbar
Die Werkzeugleiste Websites bietet bequemen Zugriff auf hufig benutzte Web-Funktionen.
Bewegen Sie den Mauszeiger ber die Schaltflchen in der Ausklapp-Leiste fr einen mit Hinweisen zur Funktion dieser Schaltflche.
Tooltipp
Erste Schritte
eine Website von Grund auf, indem Sie alle erforderlichen Elemente, Text, Grafik, Fotos und Platzhalter wie gewnscht auf der Seite anordnen. Platzhalter sind Objekte auf der Seite, welche in der fertigen Website durch Elemente wie Flash-Animationen, YouTube-Videos, Interaktive Karten und andere Widgets ersetzt werden.
29
WEBSITE-VORSCHAU
Alle Seiten Ihrer Website werden exportiert und das Vorschaufenster geffnet. Daher sollten alle Seiten und Links Ihrer Site funktionieren. Mit den Navigationsschaltflchen oben im Vorschaufenster knnen Sie sich auf der Seite vor und zurck bewegen, genau wie bei einem richtigen Browser, und Startseiten (Home)-Schaltflche bringt Sie wieder zurck auf die Seite, von der Sie die Vorschau begonnen hatten.
SEITEN-VORSCHAU
Nur die aktuelle Seite wird exportiert und angezeigt. Dies ist ntzlich, wenn Sie eine umfangreiche Site bearbeiten, deren Export als Ganzes eine lngere Zeit in Anspruch nimmt. So knnen Sie sich schnell mal die Seite anschauen, an der Sie gerade arbeiten, ohne den Rest mit exportieren zu mssen. Fr eine Vorschau Ihrer Website oder -seite im Vollbildmodus klicken Sie die Schaltflche VOLLBILD-ANZEIGE in der rechten oberen Ecke des Vorschaufensters (drcken Sie ESC oder F11, um zur normalen Anzeige zurckzukehren) Wenn Sie das Vorschaufenster schlieen und spter wieder ffnen, behlt Web Designer Premium den letzten verwendeten Anzeigemodus bei, also normal, maximiert oder Vollbild.
Wenn Sie Ihre Site noch nicht exportiert hatten, wird diese Vorschau in einen temporren Ordner exportiert. Sobald die Website exportiert wurde, wird jedes mal, wenn Sie die Vorschau aufrufen, an diese Stelle neu exportiert, so dass bei der Vorschau die exportierte Website kontinuierlich aktualisiert wird.
30
Erste Schritte
Browser fr die Vorschau auswhlen
Voreingestellt benutzt die Vorschau eine vereinfachte Version des Internet Explorers, Sie knnen aber auch einen anderen der fnf populrsten Browser zur Vorschau benutzen. Fr die Anzeige der Seite in Ihrem Lieblings-Browser, klicken Sie die entsprechende Schaltflche oben im Vorschaufenster. Hinweis: Es sind nur die Schaltflchen aktiv, fr die der entsprechende Browser auch installiert ist. Vorschau der Seite in Google Chrome
Klicken Sie auf eine der Schaltflchen, um die Seite aus dem Vorschaufenster im entsprechenden Browser zu laden. Wenn Sie sich die Seite in einem anderen Browser als den hier aufgefhrten anschauen wollen, klicken Sie rechts auf die exportierte .htm-Datei und whlen Sie FFNEN MIT... oder ziehen Sie die Datei einfach in ein offenes Browserfenster. Sobald Sie Ihre Website exportiert haben, wird jedes Mal, wenn Sie die Vorschau-Schaltflchen anklicken, auch die exportierte Datei aktualisiert; Sie mssen also nur die Neu laden-Schaltflche Ihres Browsers bettigen (oder F5 drcken).
Erste Schritte
Es gibt auch Ordner mit Widgets wie Formularen, E-Commerce-Funktionen, Web-Gadgets und vielem anderen. Blttern Sie durch die Ordner und doppelklicken Sie auf eine Datei, um sie in einem neuen Dokument zu ffnen. Jeder Themen-Abschnitt enthlt eine Auswahl an Seiten-Layouts und einigen anderen sinnvollen Seitenelementen wie etwa Schaltflchen oder Textfeldern. Jedes Thema enthlt auch immer eine komplette Website-Vorlage und verschiedene Farbschemata. Sie knnen die gesamte Website umfrben, nur indem Sie ein Farbschema aus der Galerie auf eine Seite ziehen oder doppelklicken. Einige der Ordner in der Galerie (insbesondere der WIDGETS -Ordner) werden automatisch von den MAGIX-Servern heruntergeladen, wenn Sie online sind und die Galerie ffnen. Daher wird sich Anzahl und Inhalt der Ordner gelegentlich ndern. Sie knnen gelegentlich nachschauen, um die letzten nderungen zu sehen.
31
32
Erste Schritte
Videos, Flash und andere Widgets einbetten
Leicht knnen Sie eine groe Vielfalt interaktiver Elemente, sog. Widgets einbinden; YouTube-Videos, Google Maps, Flash-Dateien oder HTML-Codeabschnitte (snippets). Dies geschieht ber Platzhalter, dies sind Objekte (einfache Rechtecke oder Fotos), mit denen eine HTML- oder Flash-Datei verknpft ist. Wenn Sie Ihre Website speichern, wird der Platzhalter durch diese Datei bzw. diesen HTML-Code ersetzt. Fr Einzelheiten ber Widgets und Platzhalter lesen Sie das Kapitel Website Widgets (auf Seite 373) im PDF-Handbuch. Die Design-Galerie enthlt eine regelmig aktualisierte Auswahl von Widgets verschiedener Provider. Ziehen Sie diese per Drag & Drop auf Ihre Seite. Es ffnet sich ein Browserfenster, das Sie zur Seite des Widget-Anbieters bringt, wo Sie Ihr Widget auswhlen und anpassen knnen. Wenn Sie fertig sind, klicken Sie Einfgen am unteren Rand des Browser-Fensters und das Widget wird auf der Seite eingefgt, dabei wird automatisch ein Vorschaubild des Widgets erzeugt. So einfach geht's! Oder Sie finden selbst Seiten, die Widgets anbieten, und knnen genauso einfach den Code zu Ihrer Site hinzufgen.
Flash Cliparts
Mit MAGIX Web Designer 7 Premium knnen Sie Flash-Animationen von Grund auf erstellen (siehe das Kapitel Flash-Animationen (auf Seite 397) im PDF-Handbuch); das Programm enthlt aber auch eine Reihe von Flash-Templates, die Sie anpassen knnen. Flash-Templates knnen nicht direkt auf die Seite gezogen werden, sonden mssen in einem gesonderten Animations-Dokument geffnet werden, in dem Sie diese wie gewnscht anpassen knnen. Anschlieend speichern Sie die Flash(.swf)-Datei auf Ihrer Festplatte. Nun knnen Sie mit der Platzhalter-Funktion (auf Seite 283) eine Platzhalter-Grafik erzeugen und diese mit Ihrer Flash (.swf)-Datei verknpfen.
Widgets
Einige der Eintrge in der DESIGN-GALERIE sind dynamische Widgets die Sie schnell und einfach zu Ihrer Website hinzufgen knnen. Wenn Sie eins davon auf die Seite ziehen, ffnet sich ein Browserfenster mit der Widget-Website, wo Sie das Widget konfigurieren knnen. Daher mssen Sie online sein, um Widgets nutzen zu knnen. Sind Sie fertig mit dem Anpassen des Widgets, klicken Sie auf EINFGEN unten im Fenster. Es wird automatisch ein Platzhalter-Bild erzeugt, das ist ein Schnappschuss vom Aussehen des Widgets auf der exportierten Seite im Browser. Auf der Seite in MAGIX Web Designer 7 Premium funktioniert das Widget noch nicht, Sie sehen nur das Vorschaubild. Benutzen Sie die Webseitenvorschau, um Ihre Widget in Aktion zu erleben! Wenn Sie drauen im Internet auf ein interessantes Widget stoen, stellt Ihnen der Webseitenbetreiber normalerweise einen HTML-Codeabschnitt (snippet) bereit, den Sie kopieren und auf Ihrer Seite einfgen knnen. Dies ist in MAGIX Web Designer 7 Premium sehr einfach. Alles, was Sie tun mssen, ist, zum AUSWAHL-WERKZEUG zu wechseln und den Code auf Ihrer Seite einzufgen (Strg+V). MAGIX Web Designer 7 Premium erkennt, dass es sich um HTML-Code handelt und erzeugt automatisch ein Platzhalter-Bild, das nach einigen Sekunden auf Ihrer Seite erscheint. Der Code ist bereits mit dem
Erste Schritte
Platzhalter-Bild verknpft, Sie brauchen also nur die Vorschau zu bemhen und sehen Ihr Widget bereits funktionieren! Auerdem knne Sie Widget-Code auch in den HEAD-Abschnitt der Webseite einfgen, wenn ntig. Klicken Sie auf den Reiter Platzhalter (auf Seite 283) im WEB-EINSTELLUNGEN -Dialog und klicken sie die Schaltflche HTML CODE (HEAD) und fgen Sie den HTML Code in den Dialog ein. Mehr dazu siehe Widgets (auf Seite 373).
33
Website-Farben
Alle Templates benutzen eine kleine Anzahl von Grundfarben und verschiedene Schattierungen dieser Grundfarben. Der einfachste Weg, Ihre Seite neu einzufrben, ist eins der alternativen Farbschemata zu benutzen, die zu jedem Web-Thema in der DESIGN-GALERIE bereitgestellt werden. Ziehen Sie ein Schema auf eine Seite, um die gesamte Site umzufrben oder doppelklicken Sie auf das Schema. Sie knnen die einzelnen Grundfarben auch direkt bearbeiten. Diese werden Benannte Farben genannt und erscheinen auf der linken Seite der Farbleiste am unteren Rand des Fensters.
Aktuelle Linien- und Fllfarbe Farbeditor Farbpipette Keine Fllfarbe Benannte Themen-Farben und verknpfte Farben Feste Palette an Standardfarben Halten Sie den Mauszeiger ber eine Farbe, um Ihren Namen anzuzeigen. Statuszeile. Zeigt, was ausgewhlt ist und liefert Hinweise. Klicken Sie einfach auf eine der benannten Farben und whlen Sie die Bearbeiten-Funktion (wenn Sie mit dem Mauszeiger ber die Farbe fahren sehen Sie den Namen als Tooltip).
34
Erste Schritte
Wenn Sie eine Farbe bearbeiten, knnen Sie die Farbpipette dazu verwenden, um eine Farbe vom Bildschirm, sogar aus anderen Fenstern, aufzunehmen. Whlen Sie die zu bearbeitende Farbe: Fllfarbe/Linienfarbe des ausgewhlten Objekts oder jede der benannten Grundfarben Klicken Sie auf das Label-Symbol um eine benannte Farbe zu erzeugen Klicken Sie, um die erweiterten Farbeinstellungen zu ffnen Vorherige Farbe Aktuelle Farbe Ziehen Sie hier, um eine Schattierung des ausgewhlten Farbtons zu whlen Ziehen Sie hier, um einen Farbton auszuwhlen Der Farbeditor bietet eine einfache Mglichkeit, um eine Farbe auszuwhlen. Klicken Sie auf Erweitert, um RGB-Werte einzugeben. Beachten Sie, dass wenn Sie auf diese Weise eine Grundfarbe ndern, alle verknpften Schattierungen im Dokument ebenfalls gendert werden.
Formen einfrben
Sie knnen jede Form mit einer Farbe fllen, entweder durch Ziehen der Farbe aus der FARBLEISTE und Ablegen auf der Form oder dadurch, dass Sie zunchst das Objekt auswhlen und dann auf die Farbleiste klicken und FLLFARBE SETZEN auswhlen. Klicken Sie alternativ auf das FARBEDITOR -Symbol (oder drcken Sie Strg+E) um den Farbeditor anzuzeigen. Sie knnen dort jede beliebige Farbe festlegen. Sie knnen gezeichnete Objekte mit einem Farbverlauf belegen, indem Sie das FLL-WERKZEUG (auf Seite 226) benutzen.
Erste Schritte
verneinen, wird jede in dieser Grafik verwendete benannte Farbe zur Farbleiste hinzugefgt. Ein Klick auf eine der Farben in der Farbleiste gibt Ihnen die Mglichkeit, die Farbe zu bearbeiten.
35
Fotos einfrben
Wenn Sie ein Foto einfrben, wird es zu einem Halbton-Foto. Beispiel: Um ein Foto schwarz wei zu machen, whlen Sie es aus und klicken Sie auf das weie Farbfeld am Ende der Farbleiste. Sie knnen als helle und dunkle Farbe jede Farbe auswhlen, nicht nur schwarz und wei. Hinweis: Wenn das Foto Teil einer Gruppe ist, wie es bei vielen Objekten in den Templates und Cliparts der Fall ist, dann mssen Sie das Foto zunchst innerhalb der Gruppe auswhlen. Das machen Sie, indem Sie Strg gedrckt halten, wenn Sie mit dem AUSWAHL-WERKZEUG auf das Objekt klicken. Sie knnen das Foto auch direkt auswhlen, indem Sie auf es im FOTO-WERKZEUG klicken.
36
Erste Schritte
Auf der Farbleiste gibt es meist eine Farbe Hintergrundfarbe und eine weitere Farbe Paneel-Farbe, und indem Sie diese bearbeiten, steuern Sie die verschiedenen Hintergrundfarben. Die anderen benutzten Farben heien typischerweise Themenfarbe 1, 2 usw.
Hintergrundfarbe Paneel-Farbe Themenfarben 1& 2 Hintergrundfarbe der Seite einstellen Wenn Sie eine neue, leere Seite ffnen (DATEI -> NEU ) ist diese Seite voreingestellt wei. Dies ist der Hintergrund, auf dem Sie alle Elemente Ihrer Website platzieren. Wenn Sie eine Farbe von der Farbleiste auf die Seite ziehen , wird die Hintergrundfarbe auf diese Farbe eingestellt. Im Webbrowser wird diese Farbe im gesamten Hintergrundbereich des Fensters angezeigt.
Erste Schritte
37
Sie knnen jedoch auch dem Seitenhintergrund wie oben beschrieben eine Farbe zuordnen und dann dem Bereich um die Seite herum eine andere. Dieser Bereich rund um die Seite wird als Arbeitsbereich bezeichnet. Ziehen Sie einfach eine Farbe auf den Arbeitsbereich und stellen Sie die Seitenfarbe wie oben beschrieben ein. Wenn Sie jetzt die Seitenvorschau benutzen, sehen Sie, dass die Hintergrundfarbe des Browserfensters auf die Farbe des Arbeitsbereichs eingestellt wurde und das Rechteck der eigentlichen Seite seine eigene Farbe hat.
38
Erste Schritte
Sie knnen diese Farben mit dem Farbeditor bearbeiten. Klicken Sie rechts auf die Seite und whlen Sie SEITENHINTERGRUND NDERN , um den Farbeditor mit der Seitenfarbe aufzurufen. Um die Hintergrundfarbe des Arbeitsbereichs zu ndern, klicken Sie rechts auf den Arbeitsbereich und whlen Sie SEITENHINTERGRUND NDERN . Um eine gekachelte Hintergrund-Textur festzulegen, ziehen Sie ein Foto oder Bitmap auf Ihr Dokument. ffnen Sie die BITMAP-GALERIE und scrollen Sie zum gerade geladenen Bild. Klicken Sie es an und anschlieend auf die HINTERGRUND -Schaltflche an der Galerie.
Seitenhintergrund-Ebene
Wenn Sie die Seitenhintergrundfarbe wie oben beschrieben einstellen, indem Sie eine Farbe auf die Seite ziehen, erzeugt das eigentlich eine neue Ebene in Ihrem Dokument, Sie knnen diese sehen, wenn Sie die SEITEN- & EBENEN-GALERIE ffnen, sie wird als SEITENHINTERGRUND-EBENE bezeichnet. Diese Ebene ist normalerweise gesperrt, so dass Sie ihren Inhalt nicht auswhlen oder bearbeiten knnen. Aber Sie knnen sie in der Seiten- & Ebenen-Galerie entsperren, um einige eingeschrnkte Bearbeitungen am Seitenhintergrund vorzunehmen. Klicken Sie auf das Schloss-Symbol neben der Ebene zum entsperren Wenn Sie jetzt den Seitenhintergrund anklicken, sehen Sie, dass ein Rechteck ausgewhlt wurde (das steht auch in der Stauszeile). Dieses Rechteck bedeckt die gesamte Seite und
Erste Schritte
wird dazu benutzt, die Seitenfarbe festzulegen. Sie knnen jetzt einige Bearbeitungen an diesem Rechteck vornehmen, ihm z.B. eine Verlaufsfllung mit dem Fllwerkzeug geben oder im Rechteck-Werkzeug die Ecken auf abgerundet stellen. Hinweis: Sie mssen auch dem Arbeitsbereich eine Farbe zuweisen, bevor Sie dem Seitenhintergrund einen Verlauf zuweisen knnen.
39
Fortgeschrittene Hintergrnde
Webbrowser gestatten keine Farbverlufe als Hintergrund ber das gesamte sichtbare Fenster (dass heit, als richtiger HTML-Tag Background), aber sie untersttzen wiederholte, gekachelte Bitmaps als Hintergrund. Sie knnen daher einen Farbverlaufshintergrund mithilfe einer solchen gekachelten Bitmaps erstellen.
40
Erste Schritte
Indem Sie einen langen, dnnen Streifen auf der linken Seite erzeugen bekommen Sie, wenn dieser als Hintergrund festgelegt wird, einen Farbverlauf ber die gesamte Seite als Hintergrund.
1.
2.
3.
4.
Zeichnen Sie ein langes, dnnes Rechteck. Dieses muss so hoch sein, wie jeder Benutzer sein Browser-Fenster wahrscheinlich macht, damit es sich vertikal nicht wiederholt. Ein Wert von 1000 Pixeln oder mehr sei hier empfohlen, also deutlich hher als Ihre Seite. Dazu mssen Sie gegebenenfalls herauszoomen. Es sollte sehr schmal sein. Stellen Sie sicher, dass das Rechteck keine Auenlinie hat: Whlen Sie es aus und setzen Sie es auf Keine Auenlinie. Klicken Sie auf das Keine Farbe-Symbol in der Farbleiste (oder whlen Sie keine im Linienstrke Dropdown-Men in der oberen Werkzeugleiste). Stellen Sie sicher, dass das Rechteck einige ganze Pixel breit ist, danach stellen Sie sicher, dass die X- und Y-Koordinaten sich auf ganzen Pixeln befinden. (Whlen Sie mit dem AUSWAHL-WERKZEUG das Rechteck aus, ndern Sie die Breite (W) und drcken Sie die Eingabe-Taste. Anschlieend verndern Sie die X- und Y-Positionen auf ganze Zahlen. Mit dem FLL-WERKZEUG (auf Seite 226) knnen Sie dem Rechteck den gewnschten Farbverlauf geben, indem Sie einfach mit der Maus ber das Rechteck ziehen. Der Farbverlauf muss genau von oben nach unten verlaufen, falls ntig, korrigieren Sie das mit den Fll-Pfeilen. Exportieren Sie das Rechteck als PNG-Bild. Klicken Sie die Schaltflche ALS und ziehen Sie es anschlieend aus dem Explorer wieder direkt auf Ihre Seite.
PNG EXPORTIEREN
5.
Erste Schritte
6.
ffnen Sie die BITMAP-GALERIE , scrollen Sie herunter bis zu der Grafik, die Sie gerade geladen haben (eine sehr dnne, fast unsichtbare Miniaturansicht in der Galerie) und whlen Sie sie aus (klicken Sie auf sie in der Galerie). Klicken Sie anschlieend auf die HINTERGRUND -Schaltflche an der BITMAP-GALERIE . Jetzt knnen das originale Rechteck von der Seite lschen.
41
Hinweis: Das funktioniert nur dann ber den Hintergrund des gesamten Browser-Fensters, wenn Sie dem Arbeitsbereich keine separate Farbe zugewiesen haben. Falls der Arbeitsbereich seine eigene Farbe hat, erstreckt sich der Farbverlauf nur ber den Hintergrund des Seitenbereichs.
Verknpfte Schattierungen
Sie knnen Farben erzeugen, die hellere oder dunklere Schattierungen einer anderen Farbe sind. Wenn Sie dann die Ursprungsfarbe ndern, nehmen auch alle helleren und dunkleren Schattierungen den neuen Farbton an. Z. B. ein schattierter Farbverlauf auf einer Schaltflche wie dieser: Hierbei handelt es sich um ein einfaches abgerundetes Rechteck mit einem Farbverlauf als Fllung, der mit dem Fll-Werkzeug erstellt wurde. Im Fll-Werkzeug knnen Sie auf ein Ende des Pfeiles klicken, um die Farbe festzulegen. Wenn Sie das Haupt-Grn als benannte Farbe anlegen, dann hellere oder dunklere Varianten dieser Farbe als verknpfte Schattierungen erstellen und anschlieend die benannte Farbe bearbeiten, ndern sich die Schattierungen ebenfalls. So knnen Sie auf einfache Weise komplex schattierte Objekte umfrben.
42
Erste Schritte
Um eine verknpfte Schattierung zu erzeugen, ffnen Sie die erweiterten Einstellungen im Farbeditor und whlen Sie das Dropdown-Men NORMALE FARBE . Whlen Sie dort SCHATTIERUNG EINER ANDEREN FARBE .
Klicken Sie auf diese Schaltflche, um die erweiterten Einstellungen anzuzeigen Sie knnen nun jede hellere oder dunklere Schattierung der Grundfarbe auswhlen. Das Kreuz zeigt die Grundfarbe an. Whlen Sie Schattierung in diesem Dropdown-Men und dann die Grundfarbe Sie knnen auch eine verknpfte Schattierung, die in der Farbleiste auftaucht, erzeugen (so dass Sie diese einfach auf andere Objekte anwenden knnen. Wenn Sie eine neue benannte Farbe anlegen, knnen Sie auswhlen, dass diese Farbe eine verknpfte Schattierung einer anderen Farbe sein soll.
Fotos
Sie knnen jedes Foto ersetzen, indem Sie eins per Drag & Drop aus Ihrem Explorer auf ein Foto in Web Designer Premium ziehen. Wenn Sie es auf den Hintergrund ziehen, wird es
Erste Schritte
dort auf der Seite eingefgt, wo Sie es losgelassen haben. Alle eingefgten Bilder werden mit 500 Pixeln angezeigt, aber Sie knnen die Gre wie immer mit dem Auswahl-Werkzeug ndern.
43
Lassen Sie Ihr Foto ber einem bestehenden Bild los, um es zu ersetzen. Lassen Sie es ber dem Hintergrund los, um es als neues Foto einzufgen
Wenn das importierte Foto sehr gro ist, werden Sie gefragt, ob Sie stattdessen eine in der Gre reduzierte Version importieren mchten. Dies wird empfohlen mehr dazu im Abschnitt Foto-Auflsung. Wenn Sie ein bestehendes Foto ersetzen, wird das Fll-Werkzeug ausgewhlt und ein Paar Fll-Pfeile werden im rechten Winkel auf dem Foto angezeigt.
44
Erste Schritte
Das Foto ist in Wirklichkeit die Fllung einer Form. Sie knnen am Foto ziehen, um es neu zu positionieren oder an den Enden der Fll-Pfeile ziehen, um seine Gre innerhalb der Form zu ndern oder es zu drehen.
Ziehen Sie am Foto um es innerhalb des Rahmens zu verschieben. Ziehen Sie am Ende der Pfeile um seine Gre zu ndern und es zu drehen.
Erste Schritte
Internetseiten ist es also fast nie notwendig, Digitalfotos in der vollen Auflsung zu importieren.
45
Foto-Werkzeug
Mit dem FOTO-WERKZEUG haben Sie viele Mglichkeiten, jedes Foto zu beschneiden oder zu optimieren.
Um ein Foto zu beschneiden, ziehen Sie einfach einen Rahmen ber dem Foto auf, whrend Sie das OPTIMIEREN-FOTO-WERKZEUG ausgewhlt haben. Sie knnen Schnittkanten anpassen, indem Sie an den Anfassern um das Foto ziehen. Oder benutzen Sie das BESCHNEIDEN-WERKZEUG fr eine erweiterte Kontrolle ber den Beschnitt. Lesen Sie den Abschnitt Arbeiten mit Fotos (auf Seite 292) fr Hintergrund-Informationen zur Art, wie MAGIX Web Designer 7 Premium mit Fotos umgeht und den Abschnitt ber das FOTO-WERKZEUG, um zu lernen, wie das FOTO-WERKZEUG verwendet wird.
46
Erste Schritte
Whlen Sie das kleine Vorschau-Foto und aktivieren Sie die POPUP-FOTO Option im LINK -Reiter des Web-Einstellungen-Dialogs (klicken Sie die LINK-SCHALTFLCHE in der WEB-WERKZEUGLEISTE ).
Klicken Sie auf die Schaltflche EINSTELLUNGEN neben der Popup-Foto-Option, um zum Reiter BILD im WEB-EIGENSCHAFTEN-DIALOG zu wechseln.
Erste Schritte
47
Hier knnen Sie das Erscheinungsbild der Popups ndern. Mit einer Option knnen Sie einen Titel ber jedem Foto anzeigen lassen. Im Eingabefeld TITEL bestimmen Sie den Titel fr jedes Foto. Sie knnen auch optional unter jedem Popup-Foto eine Bildunterschrift anzeigen. Setzen Sie die BILDBESCHREIBUNG (Alt Text) fr die Vorschau im selben Dialog. Siehe Abschnitt Popup-Fotos im Kapitel Webeinstellungs-Dialog fr alle Einzelheiten zu den verfgbaren Optionen. Standardmig wird auch im Browser die Beschreibung (ALT-Tag im HTML) als Tooltip angezeigt, wenn Sie die Maus ber das Vorschaubild bewegen. Um einen anderen Text anzuzeigen, typischerweise etwas wie Zum Vergrern klicken, wenn die Maus ber das Vorschaubild bewegt wird, gehen Sie in den Reiter MOUSEOVER und geben Sie bei POPUP-TEXT ZEIGEN Zum Vergrern klicken ein.
48
Erste Schritte
Wenn Sie sich nicht sicher sind, ob Sie das Foto nicht doch spter in voller Auflsung bentigen, knnen Sie es auch erst normal importieren und spter runteroptimieren. Zum Optimieren whlen Sie im Kontextmen (rechter Mausklick) die Option Foto optimieren. Oder optimieren Sie alle JPEG-Fotos in Ihrem Dokument auf einmal, indem Sie im Men EXTRAS -> ALLE JPEGS OPTIMIEREN auswhlen. Web Designer Premium speichert das Bild immer mit der vollen Auflsung (es sei denn, Sie haben diese beim Import reduziert wie oben erwhnt). Das bedeutet, Sie knnen das Bild nach Wunsch ohne Qualittsverlust skalieren und beschneiden. Web Designer Premium wandelt alle Ihre Fotos automatisch in ein JPEG-Bild mit der richtigen Auflsung um, wenn Sie Ihre Website speichern. Sie mssen sich ber DPI, Bildgre, Pixel oder dergleichen keine Gedanken machen. Was Sie in Web Designer Premium (bei 100% Zoom) sehen, ist genau das, was auch auf Ihrer Webseite erscheint. Wenn Sie ein Foto, oder jedes andere Objekt, auf eine bestimmte Gre bringen mchten, geben Sie einfach die bentigte Gre in den Feldern fr Breite und Hhe in der Infoleiste des Auswahl-Werkzeugs ein. Wenn Sie ein Foto auf der Seite platzieren (solange Sie kein existierendes Foto ersetzen), wird es auf 500 Pixel Breite gesetzt. Wenn Sie es aber genau 200 Pixel breit haben mchten, geben Sie einfach 200pix in das W-Gren-Feld des Auswahl-Werkzeugs. Sie knnen dabei jede beliebige Einheit verwenden - 2 cm macht es z. B. 2 Zentimeter breit.
Text
Sie knnen Text bearbeiten, indem Sie das TEXT-WERKZEUG auswhlen und auf den Text klicken. Sie haben alle blichen Textbearbeitungsmglichkeiten und knnen Text aus der System-Zwischenablage einfgen. Mit einem Doppelklick whlen Sie ein Wort, mit einem Dreifachklick whlen Sie eine ganze Zeile - das ist hilfreich, will man den gesamten Text einer Schaltflche auswhlen. Die Infoleiste bietet wie immer eine groe Anzahl an Einstellungen fr dieses Werkzeug.
Erste Schritte
Das Schriftarten-Men zeigt eine Liste von Schriftarten und ist in drei Abschnitte eingeteilt. Der obere Abschnitt zeigt die im Dokument verwendeten Schriftarten, darunter finden Sie websichere Schriftarten und im unteren Abschnitt werden alle auf dem Computer installierten Schriftarten angezeigt.
49
Abb.: Die drei Abschnitte des Schriftarten-Mens. In diesem Beispiel wurde Courier New ausgewhlt mit den beiden fetten und kursiven Varianten. Nicht alle Schriftarten haben solche Varianten.
Im Schriftarten-Men knnen Sie live Schriftarten auswhlen. Whrend Sie mit der Maus durch das Men fahren, ndert sich der ausgewhlte Text, so dass Sie sehen knnen, wie Ihr Dokument mit der jeweiligen Schriftart ausshe.
Schriftgre
Das Schriftgren-Feld zeigt die Schriftgre in Pixeln, da dies die sicherste Methode ist, die Textgre fr den Gebrauch im Internet festzulegen. Sie knnen aber auch jede Gre in Punkt (oder jeder anderen Einheit) eingeben indem Sie einen Wert mit pt (fr Punkt) eingeben, z. B. 72 pt oder 1 cm, die dann in die korrekte Pixelgre umgerechnet werden.
50
Erste Schritte
Websichere Schriftarten
Nur eine kleine Auswahl an Schriftarten kann sicher fr den Haupttext einer Website verwendet werden - nur die Schriftarten, von denen Sie wissen, dass Sie auf dem Computer, auf dem die Seite angeschaut wird, vorhanden sind. Obwohl es keine Garantie dafr gibt, gibt es eine gngige Anzahl von Schriftarten, die auf etwa 98% aller Computer verbreitet sind, inklusive Apple Macs und Linux Computer. Diese Schriftarten nennen sich websichere Schriftarten und sind in einem separaten Abschnitt des Schriftarten-Mens aufgelistet. Wenn Sie versuchen, eine Website zu speichern, die keine websicheren Schriftarten verwendet, werden sie von MAGIX Web Designer 7 Premium gewarnt. Sobald Sie ein Textobjekt in eine Grafik umwandeln, knnen Sie jede Schriftart verwenden. Lesen Sie dazu den Abschnitt ber Gruppen (auf Seite 55) weiter unten, um nheres zu erfahren.
Gedrehter Text
Unblicherweise (einzigartig fr einen Webeditor) knnen Sie jedes Textobjekt, sogar Textspalten drehen, indem Sie die Drehen-Funktion des Auswahl-Werkzeugs verwenden. Da Webbrowser aber gedrehten Text nicht untersttzen, konvertiert Web Designer Premium jeden gedrehten Text in eine Grafik, wenn die Seite als Website exportiert wird.
Erste Schritte
Textabweisende Objekte
DARUNTER ABWEISEN (AUF SEITE 213)
51
Wenn Sie auf ein Objekt, z. B. ein Foto, rechtsklicken und die Men-Option TEXT auswhlen, knnen Sie Text um das Objekt herumlaufen lassen, das ber dem Text liegt. Viele Objekte, z. B. Fotos, Seiten-Navigationen, Schaltflchen und berschriften, die in den Vorlagen der DESIGNS-GALERIE verwendet werden, weisen automatisch Text ab - Text fliet immer um diese Objekte, wenn Sie diese umher bewegen. Abweisende Objekte weisen nur den Text ab, der sich hinter dem Objekt befindet - Sie mssen also gegebenenfalls das Objekt In den Vordergrund bringen, damit das Abweisen funktioniert (Strg+F). Alternativ knnen Sie ein Objekt auch nur fr den Text innerhalb einer Ebene anweisend machen, so dass verhindert wird, dass Text in einer tiefer liegenden Ebene abgewiesen wird (das ist ntzlich fr Popup-Ebenen in einer Website) siehe Ebeneneigenschaften (auf Seite 392). Alle Arbeitsschritte im TEXT-WERKZEUG sind live - der Text wird neu formatiert und fliet anders, whrend Sie die Spaltenbreite ndern oder textabweisende Objekte verschieben. Hinweis: Sie knnen Text jetzt auch um verankerte Objekte (auf Seite 51) herum abweisen lassen.
Verankerte Objekte
Soll ein grafisches Objekt genau neben einem bestimmten Teil eines Textblocks erscheinen, so kann dieses Objekt verankert werden und es bewegt sich mit dem Text. Klicken Sie rechts auf das Objekt und whlen Sie AN TEXT VERANKERN. Links oben am Objekt erscheint nun ein Anker-Symbol, klicken und ziehen Sie dieses Symbol mit dem AUSWAHL-WERKZEUG an die Stelle im Text, an der Sie dieses Objekt verankern wollen. Das verankerte Objekt verschiebt sich nun zusammen mit dem Ankerpunkt, sobald Sie den Text bearbeiten. Hinweis: Sie knnen Text jetzt auch um verankerte Objekte (auf Seite 51) herum abweisen lassen.
52
Erste Schritte
Textfelder
Genauso wie einige Schaltflchen der Designs-Galerie knnen auch einige Textfelder ihre Breite der Breite oder Lnge an den Textes anpassen, der eingegeben wurde.
Der Feldhintergrund verndert sich, um sich lngeren und breiteren Textblcke anzupassen.
Sie knnen die Breite einer Textspalte anpassen, indem Sie ins Text-Werkzeug wechseln und an den Anfassern fr die Spaltenbreite (unter der ersten Textzeile) ziehen. In den meisten Templates in der Design-Galerie gibt es ein paar Textfelder, die zu dessen Thema passen. Einige Textfelder knnen nur vertikal, andere vertikal und horizontal gestreckt werden.
Rechtschreibprfung
ber die Schaltflche auf der Infoleiste TEXT-WERKZEUGS knnen Sie die Sprache der Rechtschreibprfung auswhlen. Wenn Sie RECHTSCHREIBUNG BEI DER EINGABE PRFEN auswhlen, werden auch alle unbekannten Worte mit einer roten Punktlinie unterstrichen. Klicken Sie mit der rechten Maustaste auf ein Wort, um alternative Schreibweisen vorgeschlagen zu bekommen.
Eingebettete Schriftarten
Web Designer Premium speichert die Zeichenformen aller Schriftarten, die in Ihrem Dokument verwendet werden. Das heit, wenn Sie jemand anderem Ihre .web- oder .xar-Datei geben oder die Datei auf einen anderen Computer bertragen, so wird dort dasselbe angezeigt wie bei Ihnen, selbst wenn die richtigen Schriftarten nicht auf dem Computer installiert sind. Dies gilt aber nur fr die Zeichen, die im Dokument verwendet werden (es wird keine komplette Schriftart mit gespeichert). Das heit also, dass wenn an Computern, an denen die Schriftarten fehlen, neuer Text eingegeben wird, die richtigen Zeichenformen fehlen werden. Tipp: Es gibt viele Tastaturkrzel im TEXT-WERKZEUG . Lesen Sie dazu den Abschnitt ber Tastaturkrzel (auf Seite 471). Ein Krzel zum Experimentieren mit Seitenlayouts ist Strg + Umschalt + L, mit dem Sie einen pseudo-lateinischen Blindtext einfgen.
53
54
Erste Schritte
Eine Website besteht aus den HTML-Dateien und den anderen dazugehrigen Dateien, die im Netz verffentlicht werden sollen. Um diese zu speichern, whlen Sie Men Datei -> Website exportieren oder klicken Sie diesen Button auf der Website-Werkzeugleiste. Dadurch entsteht eine .htm-Datei fr jede Seite und ein Ordner, der alle Grafikdateien enthlt, die auf Ihrer Website vorhanden sind. Wenn Sie eine Website exportieren, werden alle Seiten zusammen exportiert und jede unbenannte Seite wird um ein _1, _2 usw. am Ende des Namens ergnzt, den Sie beim Export vergeben haben. Der _FILES -Ordner enthlt alle Grafiken und andere Dateien, die zu Ihrer Website gehren. Sie knnen jeder Seite ber den Reiter SEITE des WEB-EINSTELLUNGEN -Dialogs einen individuellen Namen geben, oder benutzen Sie dafr die Seiten & Ebenen-Galerie (auf Seite 383). Der Standard-Name Ihrer Website ist index.htm, da dies der bliche Name fr die erste Seite einer Website ist. Die Vorschau einer gespeicherten Website ist einfach in jedem Internetbrowser mglich, indem Sie die index.htm (oder auch jede andere .htm-Datei) aus dem Windows-Explorer ber ein Browserfenster ziehen.
Automatische Sicherheitskopien
Der Reiter Sicherheitskopien des Optionen-Dialogs erlaubt Ihnen, die automatische Sicherheitskopie an- oder abzustellen. Diese Funktion speichert Kopien genderten offenen Dokumente in regelmigen Abstnden. Wir empfehlen, diese Option aktiviert zu lassen, damit Ihre Arbeit regelmig gesichert wird. Sie knnen dort auch auswhlen, ob Sie beim Schlieen des Programms eine Sicherheitsabfrage ber ungespeicherte nderungen bekommen wollen, oder ob stattdessen alle offenen Dokumente automatisch gesichert und beim nchsten Start wiederhergestellt werden sollen. Siehe Kapitel Arbeiten mit Dokumenten (auf Seite 93) fr ausfhrliche Informationen.
Dehnbare Objekte
Viele Grafikobjekte, wie etwa Schaltflchen und Textfelder, knnen Ihre Gre automatisch der Lnge des Textes anpassen. Einige Schaltflchen heien z. B. Dehnbare Buttons. D. h. dass die Lnge der Schaltflchen sich abhngig vom Text auf der Schaltflche anpasst. Von den meisten Vorlagen und allen Schaltflchen im Ordner Buttons in der Design-Galerie gibt es eine Version mit fester Breite und eine dehnbare Version. Es wird empfohlen, dass, wenn Sie eine Reihe von Schaltflchen erstellen (meistens eine horizontale oder vertikale Sammlung von Links oder Schaltflchen), Sie eine feste Breite verwenden, so dass diese alle dieselbe Gre haben.
hnlich dazu knnen viele der Seiten- und Textflchen in den Vorlagen und manchmal sogar der Haupt-Textbereich ihre Gre horizontal und vertikal anpassen. Im Falle von
Erste Schritte
Textfeldern knnen Sie die Breite der Spalte mit dem Text-Werkzeug verndern, indem Sie am linken oder rechten Ende des Spalten-Anzeigers ziehen.
55
Gruppen
Sie knnen jede Auswahl von Objekten gruppieren. Viele Elemente der Templates in der Design-Galerie, wie z. B. Schaltflchen, Textfelder und Foto-Objekte sind gruppierte Elemente. Gruppen werden in dem Sinne wie einzelne Objekte behandelt, dass Sie diese verschieben, ihre Gre anpassen und sie drehen knnen, als wren sie ein Objekt. Sie knnen z. B. eine Schaltflche von Grund auf erzeugen, indem Sie ein Rechteck mit dem Rechteck-Werkzeug zeichnen und einen Text mit dem Text-Werkzeug darauf platzieren. Dies sind unabhngige Objekte, die Sie mit dem Auswahl-Werkzeug verschieben knnen. Aber wenn Sie beide mit dem Auswahl-Werkzeug auswhlen (Sie knnen einen Rahmen um beide ziehen oder die Umschalt-Taste gedrckt halten, whrend Sie auf die einzelnen Objekte klicken) und dann Strg+G drcken (oder im Men ANORDNEN -> GRUPPIEREN ), werden sie zu einem gruppierten Objekt (Hinweis: Die Statusleiste unten sagt Ihnen immer, was Sie ausgewhlt haben). Wenn Sie nun dieses Objekt verschieben, es drehen oder seine Gre ndern, werden alle Teile der Gruppe bewegt oder verndert, so als wren Sie ein Objekt. Wichtig: Gruppierte Objekte werden normalerweise in eine einzelne Grafik konvertiert, wenn Sie Ihre Webseite exportieren. Wenn Sie die Gruppe auflsen (Strg+U) knnen Sie die einzelnen Teile der Gruppe wieder erreichen und sie einzeln bearbeiten. Manchmal knnen Sie auch Elemente direkt innerhalb der Gruppe bearbeiten - z. B. knnen Sie mit dem Text-Werkzeug Text oder mit dem Foto-Werkzeug ein Foto bearbeiten. Bei einem Klick wird das entsprechende Element automatisch ausgewhlt.
56
Erste Schritte
Text in Grafiken umwandeln
Wie bereits erwhnt, sind nur sehr wenige Schriftarten in Webbrowsern verfgbar. Wenn Sie eine andere Schriftart auf einer Schaltflche oder, z. B., einer berschrift verwenden mchten, knnen Sie dies tun, indem Sie diese in eine Grafik umwandeln. Alles was Sie dazu tun mssen, ist das Objekt zu gruppieren, damit dies automatisch geschieht. Sie knnen immer noch den Text innerhalb der Gruppe bearbeiten, Gruppen werden jedoch automatisch in Grafiken umgewandelt, wenn die Website exportiert wird.
Sie mssen also, um eine solche Schriftart zu verwenden, diese gruppieren. Sie muss mit nichts anderem gruppiert sein - Sie knnen sie mit sich selbst gruppieren, indem Sie Strg+G drcken.
Weiche Gruppen
Es gibt eine andere Art von Gruppen, sog. weiche Gruppen, die eine eher lose verbundene Sammlung von Objekten sind. Weiche Gruppen knnen Objekte auf verschiedenen Ebenen enthalten. Wenn Sie ein Element auf einer Ebene auswhlen, so wird automatisch jedes Element auf anderen Ebenen, das sich mit diesem Element in einer weichen Gruppe befindet, ausgewhlt. Oftmals ist dabei die andere Ebene nicht einmal sichtbar. Lesen Sie den Abschnitt ber Ebenen (auf Seite 69) weiter hinten, um mehr darber zu lernen. Die meisten Schaltflchen sind weiche Gruppen. Wenn Sie die Schaltflche also skalieren oder verschieben, machen Sie dies tatschlich mit zwei Versionen von ihr, eine, die MouseOff und eine, die MouseOver heit.
Synchronisierter Text
Es gibt eine weitere sinnvolle Funktion von weichen Gruppen. Wenn Sie denselben Text in zwei oder mehr Objekten einer weichen Gruppe haben, wird der Text synchronisiert wenn Sie ihn bearbeiten. So knnen Sie den Text einer Schaltflche auf der normalen und der Mouseover-Ebene synchron halten - siehe unten.
Verankerte Gruppen
Wenn Sie ein Objekt mit Text verankern, wird es in eine Verankerungsgruppe getan. Siehe Verankerte Grafiken (auf Seite 215) fr weitere Details.
Wiederholte-Objekte-Gruppe
Wenn Sie aus einem Objekt ein wiederholtes Objekt machen, kommt es in eine Wiederholte-Objekte-Gruppe. Fr weitere Informationen, lesen Sie den Abschnitt zu Wiederholten Objekten (auf Seite 143) im Kapitel Arbeiten mit Objekten.
57
Geben Sie die Internetadresse, auf die Sie verlinken mchten, in dem hervorgehobenen Feld ein.
58
Erste Schritte
Auf dem Reiter LINK des Dialogs Web-Eigenschaften knnen Sie festlegen, was passiert, wenn das verlinkte Objekt angeklickt wird. Sie knnen auf jede andere Webseite springen (Sie knnen schnell auf jede andere Seite Ihrer Website verweisen, indem Sie das Dropdown-Men LINK AUF SEITE verwenden) und auswhlen, ob die Seite in einem neuen Fenster geffnet werden soll. Sie knnen auch auf jede Pop-Up-Ebene verlinken, falls Sie eine solche erstellt haben. Um also eine Ihrer Schaltflchen mit einem Link zu belegen, whlen Sie diese aus (mit dem AUSWAHL-WERKZEUG auf sie klicken), klicken Sie auf das Link- Symbol und geben Sie die Internetadresse ein oder whlen Sie die Seite aus dem Dropdown-Men aus. Klicken Sie anschlieend auf ANWENDEN . Das ist schon alles.
1. 2. 3.
Geben Sie die Internetadresse ein oder whlen Sie eine Seite, auf die Sie verlinken mchten. Unter Link-bergang knnen Sie aus der Drop-Down-Liste einen bergangseffekt auswhlen, mit dem Schieberegler Geschwindigkeit stellen Sie die Zeit ein, die der Effekt dauert. Klicken Sie BERNEHMEN .
Hinweis: fhrt der Link auf einen Anker, eine Datei, eine Datei, eine Popup-Ebene oder ein Popup-Foto, knnen sie ihm keinen bergangseffekt zuweisen. Auch einem Link in einer Navigationsleiste knnen Sie keinen bergangseffekt zuweisen. Da Sie aber diese Effekte auch direkt Seiten (auf Seite 274) oder Ebenen (auf Seite 73) zuweisen knnen, knnen Ebenen und Seiten dennoch mit Effekt geffnet werden. Wenn sowohl einer Seite als auch dem auf diese Seite fhrenden Link ein bergangseffekt zugeordnet wurde, hat der Effekt des Links den Vorrang.
Erste Schritte
Datei und suchen die Datei auf der Festplatte. Eine Kopie der Datei wird in das Hilfsverzeichnis Ihres Designs kopiert, damit es zusammen mit Ihrer Site exportiert und publiziert wird. Das Hilfsverzeichnis wird nach dem Dateinamen des Designs benannt und die Endung _files angehngt. Klicken Sie OK , ffnen Sie die Seitenvorschau und testen den Link. Wenn Sie die Datei ndern wollen, machen Sie das genauso - suchen Sie die neue/aktualisierte Datei auf. Siehe Kapitel WEB-EIGENSCHAFTEN -Dialog (auf Seite 264) fr mehr Information ber diese Funktion, siehe Kapitel Arbeiten mit Dokumenten fr mehr Informationen ber Hilfsverzeichnisse (auf Seite 92).
59
Schaltflchentext ndern
Das ist einfach - klicken Sie einfach mit dem TEXT-WERKZEUG auf die Schaltflche und bearbeiten Sie sie. Hinweis: Wenn Sie auf den Schaltflchen-Text dreifach klicken, wird die gesamte Zeile ausgewhlt, so dass sie einfach den Text beim Schreiben ersetzen. Hinweis: Es ist nicht mglich, auf diese Weise den Text einer Navigationsleiste zu ndern, wenn die Navigationsleiste als Site-Navigation festgelegt wurde, sondern Sie mssen die Beschriftungen mit dem Navigationsleisten-Dialog bearbeiten.
Mouseover-Schaltflchen
Ihnen ist bestimmt aufgefallen, dass die meisten Schaltflchen sich verndern, wenn Sie mit der Maus ber sie fahren. Dies wird als Mouseover-, oder manchmal Rollover-Effekt bezeichnet. Bei den meisten Schaltflchen in den Vorlagen oder im Schaltflchen-Bereich in der Design-Galerie sind die Effekte automatisch. Fr erfahrenere Anwender: ein solcher Mouseover-Effekt wird ber benannte Ebenen erzeugt. Die Schaltflchen sind weiche Gruppen, die aus zwei Versionen, der Mouseoffund der Mouseover-Version auf separaten Ebenen bestehen. Weiche Gruppe bedeutet, dass beide Ebenen gleichzeitig verndert werden, wenn Sie die Schaltflche bearbeiten, sie also z. B. drehen, bewegen oder den Text ndern. Lesen Sie den (auf Seite 69) Ebenen (auf Seite 69) Abschnitt weiter unten fr weitere Informationen.
60
Erste Schritte
Tipp: Wenn Sie die Strg-Taste gedrckt halten, whrend Sie die Schaltflche bewegen, wird sie genau horizontal oder vertikal verschoben. So ist es einfach eine Reihe oder Spalte von Schaltflchen zu erstellen.
Die meisten Websites, und so auch die meisten von uns bereitgestellten Vorlagen, haben eine Reihe oder Spalte von Schaltflchen, um auf der Website zu navigieren. Dies wird NAVIGATIONSLEISTE genannt und <Programmname> enthlt spezielle Funktionen fr solche Leisten. Um eine Navigationsleiste zu bearbeite, doppelklicken Sie diese oder whlen NAVIGATIONSLEISTE BEARBEITEN aus dem Kontextmen. Es ffnet sich der Navigationsleisten-Dialog. Hier ndern Sie Schaltflchen-Beschriftungen, Links und Tooltips, ergnzen oder entfernen Schaltflchen, sortieren diese oder fgen Mens und Untermens hinzu. Wenn Sie das Eingabefeld URL doppelklicken, wird ein Link-Dialog geffnet. Dies ist der selbe Dialog, der auch fr Links auf normalen Objekten benutzt wird, wie weiter oben in diesem Kapitel beschrieben (ausfhrlich im Kapitel Web-Einstellungs-Dialog). Im Navigationsleisten-Dialog knnen Sie auch die Option SITE-NAVIGATIONSLEISTE aktivieren. Dadurch erscheint Ihre Navigationsleiste automatisch auf jeder Seite, auerdem werden Schaltflchen mit den entsprechenden Links fr jede neue Seite automatisch hinzugefgt. Wenn Sie diese Option benutzen, knnen Sie allerdings die Navigationsleiste nicht mehr visuell auf der Seite bearbeiten, sondern nur noch ber diesen Dialog. Um eine Navigationsleiste auf allen Seiten zu aktualisieren, wenn es sich nicht um eine automatische Site-Navigation handelt, klicken Sie rechts darauf und whlen Sie AUF ALLEN SEITEN WIEDERHOLEN . Dies macht aus derr Schaltflchenleiste ein wiederholtes Objekt und kopiert es auf alle anderen Seiten. Lesen Sie das Kapitel Navigationsleisten fr ausfhrliche Details.
61
OPTIONEN
62
Erste Schritte
NACHFRAGEN Jetzt wird Web Designer Premium jedes mal nachfragen, wenn die aktuellen Attribute entsprechend der zuletzt verwendeten angepasst werden sollen.
Attribut-Gruppen
Viele Dokumente bestehen sowohl aus geschlossenen als auch offenen Formen (Linien, bei denen Start- und Endpunkt nicht gleich sind). Normalerweise will man nicht dieselben Werte fr offene und geschlossene Formen haben. Daher werden die Attribute von offenen und geschlossenen Formen getrennt behandelt sie werden als Attribut-Gruppen bezeichnet. Die Werte einer beeinflussen nicht die Werte der anderen Gruppe. Wenn man also z. B. ein Rechteck ohne Rand auswhlt, ndert sich dadurch nicht die Linienstrke fr offene Formen auf Null. Aus dem gleichen Grund sind Textattribute eine dritte Attribut-Gruppe. Diese Gruppe ndert sich nur, wenn Sie ein Text-Objekt auswhlen oder die Werte manuell im Text-Werkzeug verndern.
Ausgeschlossene Attribute
Manche Attribute werden nicht als aktuell gesetzt, selbst wenn Neuen Objekten die zuletzt verwendeten Attribute zuweisen eingeschaltet wurde. Einige Attribute knnen nmlich als aktuelle Attribute Probleme verursachen. Beispiel: Sie zeichnen ein Objekt mit 10 Pixel Randunschrfe (um die Kanten auszublenden). Wenn Sie nun eine nur 10 Pixel groe Form zeichnen, wre diese unsichtbar, wenn das Randunschrfe-Attribut kopiert wrde, da diese zu gro wre. Andere Attribute wiederum knnen den Export von Dokumenten beeinflussen oder die Zeit, die zum Rendern des Dokuments bentigt wird erhhen und solllten deshalb nicht unntigerweise angewendet werden. Beispiel fr Attribute, die automatisch kopiert werden: Fllfarben, Fllstile, Linienstrke, Linienfarbe, Linienstil, Linienverbindungsstil, Linienendstil, Pfeilspitzen/-enden, Schriftart, Textgre, Textabstnde. Beispiel fr Attribute, die nicht automatisch kopiert werden: Randunschrfe, Transparenz, Schatten, Kanten, 3D-Extrusion.
Erste Schritte
Formeditor-Werkzeug
Das FORMEDITOR-Werkzeug ermglicht das Erzeugen von detailgenauen vektorbasierten Formen und das Bearbeiten des Umrisses jeder Form.
63
Um vorgefertigte Formen (Rechtecke/Ellipsen) oder die Umrisse von Schriftzeichen zu bearbeiten, mssen Sie diese zunchst in bearbeitbare Formen umwandeln. Dies funktioniert ber das Tastaturkrzel Strg + 1. Mit dem FORMEDITOR-WERKZEUG knnen Sie anschlieend weitergehende Vektor-Bearbeitungen durchfhren. Lesen Sie im Referenzteil (auf Seite 155, auf Seite 148) darber, wie man dieses Werkzeug benutzt.
Klicken Sie auf die Seiten und ziehen Sie mit gehaltener Maustaste eine Linie. Bei bereits gezeichneten Linien knnen Sie auf eines der Enden klicken und es beliebig woanders hinziehen.
Pfeilspitze Pfeilende Gre von Pfeilspitze/-ende Pfad umkehren Mit dem Regler in der Infoleiste knnen Sie die Gre von Pfeilspitze und -ende der aktuell ausgewhlten Linie einstellen. Alternativ geben Sie rechts vom Regler in das Grenfeld eine Prozentzahl ein. Standardmig haben Pfeilspitzen etwa die sechsfache Gre der Linienstrke. Dies wird vom Regler als 100% Gre angenommen. Erhhen Sie die Linienstrke, wird auch die Pfeilspitze entsprechend grer. Um also die Gre der Pfeilspitze zu verringern, geben Sie weniger als 100%, um sie zu erhhen, mehr als 100% ein. Der Regler erlaubt zwar nur maximal 800%, in das Feld rechts neben dem Regler knnen Sie aber auch hhere Angaben eingeben.
64
Erste Schritte
Pfad umkehren
Klicken Sie auf Pfad umkehren in der Infoleiste, um Pfeilspitze und -ende der ausgewhlten Linie miteinander auszutauschen.
Rechteck-Werkzeug
Um ein Rechteck zu zeichnen, whlen Sie das RECHTECK -WERKZEUG und klicken und ziehen Sie ber die Seite. Sie sehen beim Klicken und Ziehen ber die Seite eine ausgefllte Rechteckform, an der schon beim Zeichnen Fll- und Linienfarbe und die Abmessungen der Form erkennbar sind. Drcken Sie auf die Runde Kanten-Schaltflche auf der Infoleiste, um es zu einem abgerundeten Rechteck zu machen. Sie knnen am Runde Kanten-Anfasser ziehen um den Rundungsgrad zu bestimmen.
Sie knnen an einem der Eckanfasser ziehen, um die Gre eines Objektes zu ndern.
Ziehen Sie eine Farbe aus der Farbleiste und lassen Sie diese ber Ihrer Form fallen, um diese neu zu frben. Lesen Sie Formen einfrben (auf Seite 34). Mit dem AUSWAHL-WERKZEUG knnen Sie sie verschieben, vergrern/verkleinern oder drehen. Siehe Auswahl-Werkzeug (auf Seite 27). Sie knnen dieses Rechteck hinter alle anderen Objekte als Hintergrundbild bringen, indem Sie Strg + B zum In den Hintergrund stellen drcken. Falls es sich vor allen anderen Objekten (Strg + F) befindet, knnen Sie es rechtsklicken und TEXT DARUNTER ABWEISEN auswhlen, damit der Text auf Ihrer Seite um die Form herum fliet.
Fll-Werkzeug
Mit dem FLL-WERKZEUG knnen Sie einen Farbverlauf auf eine Form legen (und vieles mehr). Whlen Sie das Werkzeug und ziehen Sie mit gehaltener Maustaste ber ein Objekt.
Erste Schritte
Der Fllpfeil kann zum Verndern der Richtung, des Winkels oder der Ausdehnung des Verlaufs benutzt werden.
65
Um die Anfangs- oder Endfarbe der Fllung zu bearbeiten, ziehen Sie eine Farbe aus der Farbleiste auf die Form. Sie knnen auch das Ende des Fllpfeils im FLL-WERKZEUG auswhlen und den Farbeditor (Strg+E) verwenden. Es gibt verschiedene Fllarten. Dies hier z. B. ist ein Kreis mit einer kreisfrmigen Fllung.
Abb.: Der Schatten ist eine weitere Ellipse mit einem Farbverlauf als Fllung und Randunschrfe (siehe unten).
Transparenz-Werkzeug
Aktuelle Browser untersttzen fortgeschrittene Transparenz-Effekte, genauso wie Web Designer Premium. Sie knnen die Transparenz jeder Grafik und jedes Fotos anpassen, so dass sie durchsichtig werden. Versuchen Sie es mit Ihrem Beispiel-Rechteck. Whlen Sie das Transparenz-Werkzeug und bewegen Sie den groen Regler in der Infoleiste. Zustzlich dazu untersttzt Web Designer Premium auch Transparenz-Verlufe. Dies funktioniert genauso wie bei Farbverlufen. Mit ausgewhltem Transparenz-Werkzeug, klicken und ziehen Sie ber die Form und sehen, sie, wie die Transparenz ausgeblendet wird. Sie knnen den Transparenzgrad an jedem Ende des Fllpfeils anpassen, indem Sie auf eines der Pfeil-Enden klicken und den Transparenz-Regler einstellen. Bei einer Vorschau werden Sie sehen, dass dies in Ihrem Browser auch funktioniert.
66
Erste Schritte
Randunschrfe
Dies ist ein grafischer Ausdruck fr das Ausblenden der Rnder von Objekten. In Web Designer Premium gibt es eine Randunschrfe-Funktion, mit der jedes Objekt, z. B. Grafiken, Text oder Fotos mit einer Randunschrfe versehen werden kann - so bekommt es einen unscharfen Rand, der mit dem Hintergrund verschwimmt. Die Randunschrfe-Funktion befindet sich nicht links in der Werkzeugleiste, sondern in der oberen Leiste. Versuchen Sie es mit Ihrem Rechteck. Whlen Sie die Form aus und klicken Sie dann auf die Randunschrfe-Funktion in der oberen Leiste.
Der Schatten unter dem Ball oben ist mit Randunschrfe belegt. Wenn Sie all diese Funktionen kombinieren, knnen Sie fr Ihre Website sehr schnell tolle, bereinander geschichtete Grafiken erstellen. Und das alles in Web Designer Premium ohne zustzliche Grafikprogramme. Dies ist ein Beispiel eines abgerundeten Rechtecks mit einem Farb- und Transparenz-Verlauf und Randunschrfe und Text. Hier sehen Sie einen Farbverlauf von links nach rechts von hell- nach dunkelgrn. Es gibt auch einen vertikalen Transparenzverlauf, der sich oben nach unten ausblendet. Die Randunschrfe gibt dem Ganzen einen weichen Rand. Es dauert nur ein paar Sekunden ein solches Bild zu zeichnen. Es wird automatisch in die richtige Grafik umgewandelt, wenn Sie Ihre Webseite speichern. In Web Designer Premium knnen Sie alle Grafiken, Fotos und Text mit Transparenz belegen. Es knnen auerdem fast alle Grafikdateien importiert werden, von Adobe EPS ber Photoshop PSD bis zu Kamera RAW und mehr. Technischer Hinweis: Web Designer Premium wandelt alle Vektorgrafiken automatisch in PNG-Bilder um, bzw. in PNGs mit Alpha Kanal, wenn sie Transparenzen enthalten. Es benutzt CSS-Ebenen um die Objektreihenfolge in Web Designer Premium nachzubilden. Damit ist es mit allen modernen Webbrowsern kompatibel.
Schatten-Werkzeug
Es ist ein sehr beliebter Grafik-Effekt, einen weichen Schlagschatten unter einer Grafik oder Text zu legen. So wird das Objekt vom Hintergrund abgehoben.
Erste Schritte
Mit dem SCHATTEN-WERKZEUG knnen Sie jedem Objekt, Text oder Grafik einen weichen Schatten geben. Whlen Sie das Schatten-Werkzeug und ziehen Sie mit gehaltener Maustaste am Objekt. Sie knnen die Schatten-Unschrfe und Transparenz mit den Steuerelementen der Infoleiste justieren.
67
Um die Position eines existierenden Schattens zu ndern, whlen Sie das Schatten-Werkzeug und ziehen Sie am Schatten. Hinweis fr Fortgeschrittene: Da Schatten halb-transparent sind (Teile von Objekten unter den Schatten schimmern durch), werden Objekte mit Schatten in PNG-Bilder umgewandelt, wenn die Webseite gespeichert wird (PNG ist das einzige Bildformat, das Transparenz untersttzt). PNG-Bilder knnen, vor allem bei Fotos, sehr gro sein. Sie sind perfekt fr Bilder wie die Schatten-Grafik oben. Vielleicht mchten Sie auch die gesamte Grafik als JPEG speichern, um Platz zu sparen. Ob dies funktioniert hngt davon ab, was sich hinter dem Schatten befindet. Wenn es ein leerer oder statischer Hintergrund (kein Text) ist, knnen Sie wahrscheinlich ein viel kleineres JPEG verwenden (schnellerer Website-Download),. Um ein Objekt dazu zu zwingen, als JPEG gespeichert zu werden, verwenden Sie den Bild-Reiter des Web-Einstellungen-Dialogs. JPEG-Bilder knnen keine semi-transparenten Teile haben. Wenn Sie also ein JPEG eines semi-transparenten Objektes erzeugen, schliet Web Designer Premium den Hintergrund des JPEG-Bildes mit ein (also was sich hinter dem semi-transparenten Teil befindet). Da alles pixelgenau auf der Webseite positioniert wird, knnen Sie den Unterschied nicht erkennen. Es funktioniert jedoch nicht, wenn sich der Schatten oder das semi-transparente Objekt ber Text befindet, da der Text als Teil der Grafik eingefgt wird.
Beispielgrafiken
Dies ist ein perfektes Beispiel dafr, was mit Web Designer Premium gemacht werden kann. Diese wurde durch Kombination nur einiger Formen mit Randunschrfe und Transparenzverlufen (fr den weien Reflexions-Effekt) erzeugt. Der Text hat einen leichten weichen Schatten und die Schaltflche hat einen Leuchtschatten. Alles zusammen ist gruppiert. (Sie mssen diese Schaltflche nicht nachzeichnen, da sie sich in der Kategorie Schaltflchen der Designs-Galerie befindet.)
68
Erste Schritte
Der groe Vorteil von Vektorgrafiken im Vergleich zu Bitmaps, die in Pixel-Editoren wie Photoshop erstellt wurden, ist, dass man die Schaltflche ohne Qualittsverlust nachfrben, bearbeiten, drehen und vergrern/verkleinern kann. Selbst wenn Sie die Schaltflche vergrern, bleibt sie gestochen scharf:
Auerdem knnen Sie sie mit dem Benannte Farben-System neu einfrben und zusttzlich nach Belieben strecken - alle Bearbeitungsschritte in Web Designer Premium sind nicht-destruktiv (d. h. Sie knnen sie ohne Qualittsverlust bearbeiten).
Kontextmens
Beim Rechtsklick auf jedes Objekt im MAGIX Web Designer 7 Premium -Arbeitsbereich ffnet sich ein Men, in welchem ntzliche Menbefehle aufgelistet sind, die fr das angeklickte Objekt relevant sind. Wenn Sie, zum Beispiel, ein vorher gezeichnetes Rechteck mit der rechten Maustaste anklicken, enthlt das Men nur Befehle, die fr Rechtecke sinnvoll sind. Wenn Sie wiederum auf ein Foto klicken, gibt es dort zum einen Menoptionen, die sich nur auf Fotos anwenden lassen, aber auch teilweise die gleichen Befehle wie beim Rechteck. Die fr ein Objekt spezifischeren Befehle sind im Kontextmen weiter oben aufgelistet, fr Rechtecke z. B. sind es die ersten drei Befehle, die sich nur auf Rechtecke anwenden lassen. Sie knnen auch die Seite und den Arbeitsbereich rechts klicken, um ein Men mit fr diese anwendbaren Operationen zu erhalten. Wenn Sie mehrere Objekte auswhlen und rechts klicken, enthlt das Men spezielle Befehle fr Mehrfachauswahlen wie etwa Gruppieren, Anordnen oder Zusammenfgen sowie die blichen Aktionen wie Ausschneiden, Einfgen oder Lschen. Genauso sehen Sie bei vorher gruppierten Objekten spezifische Aktionen fr Gruppen. Fr einen schnellen Zugriff auf Aktionen, die fr bestimmte Objekte bentigt werden, ist das Rechtsklick-Men die empfohlene Vorgehensweise. Schon nach kurzer Zeit wissen Sie immer, welche Aktionen Sie schnell ber das Rechtsklick-Men erreichen.
69
Auerdem knnen alle Elemente in benannten Ebenen untergebracht werden. Jede Ebene kann mehrere Objekte enthalten und an- oder ausgeschaltet werden. Wenn die Ebene ausgeschaltet ist, werden alle Objekte dieser Ebene unsichtbar. Ebenen werden ber die SEITEN- & EBENEN-GALERIE auf der Galerieleiste gesteuert.
Sie knnen ber Ebenen in Web Designer Premium Mouseover (manchmal auch Rollover) Effekte auf Ihrer Website steuern. Das sind z. B. animierte Schaltflchen (sie verndern sich, wenn die Maus ber sie bewegt wird) und auch Popup-Effekte wie z. B. Textfelder, die eine detaillierte Produktbeschreibung enthalten. Sie knnen einer Ebene auch einen bergangseffekt zuweisen, sie erscheint auf der Webseite dann auf animierte Weise.
Mouseover-Effekte
Es gibt zwei Arten von Mouseover-Effekten. Bei der einen, die von Mouseover-Schaltflchen verwendet wird, kann jedes Objekt, das mit einem Link versehen wurde, ein berlappendes Grafikobjekt anzeigen, das sich auf der MOUSEOVER -Ebene befindet. Siehe unten fr weitere Informationen. Es gibt auch eine leistungsfhigere Mouseover-Variante, bei der Sie die Inhalte jeder Ebene als Mouseover oder bei einem Klick auf ein Objekt auf Ihrer Seite erscheinen lassen
70
Erste Schritte
knnen. Diese Popup-Ebene kann Text, Grafiken, Fotos oder Kombinationen dieser Elemente enthalten. Mehr weiter unten.
Wenn Sie die Ebenen-Galerie ffnen, knnen Sie jede Ebene anzeigen und verbergen, indem das Symbol fr Sichtbarkeit (Augen-Symbol) klicken. So knnen Sie anzeigen, wie die Mouseover-Elemente auf der Seite aussehen werden. Die aktuelle Ebene ist in der Ebenen-Galerie immer hervorgehoben - die Mouseoff-Ebene in der Abbildung oben - und das ist die Ebene, in die alle neuen Objekte gezeichnet werden. Um Objekte auf einer der anderen Ebenen zu platzieren, klicken Sie einfach auf die gewnschte Ebene in der Ebenen-Galerie. Stellen Sie sicher, dass die Symbole Auge und Schloss fr diese Ebene auf offen gesetzt sind. Hinweis: Die MouseOver-Ebene muss immer ber der MouseOff-Ebene liegen, wie im oben gezeigten Beispiel. Um Objekte auf einer Ebene bearbeiten zu knnen, mssen sowohl das Auge als auch das Schloss offen sein, dass heit, die eben muss sichtbar und bearbeitbar sein (wie oben angezeigt die MouseOff-Ebene)
Mouseover-Schaltflchen
Fast alle fertigen Schaltflchen aus der DESIGN-GALERIE haben einen Mouseover-Effekt. Diese werden ber zwei Versionen jeder Schaltflche erzeugt. Die normale Version auf der Mouseoff-Ebene und eine hervorgehobene Version auf der Mouseover-Ebene.
Erste Schritte
Normalerweise mssen Sie sich darum keine Gedanken machen. Beide Schaltflchen verhalten sich, als wren sie eine - die nderungen, die Sie vornehmen, wie ndern des Textes, werden auf beiden durchgefhrt. Wenn Sie die Schaltflche auf der Mouseoff-Ebene bewegen oder vergrern/verkleinern, wird die andere Version auf der Mouseover-Ebene ebenfalls gendert. Selbst wenn Sie diese nicht sehen. Dies geschieht durch Weiche Gruppen (auf Seite 56).
71
72
Erste Schritte
Ebenen-Anordnung in Website-Dokumenten
Sollte Ihre Website Mouseover-Effekte oder Popup-Ebenen (vielleicht sogar mit Mouseover-Effekten auf dieser Ebene) enthalten, mssen Sie auf die Reihenfolge der Ebenen achten. Sollte Ihre Website Mouseover-Effekte oder Popup-Ebenen (vielleicht sogar mit Mouseover-Effekten auf diesen Ebenen) enthalten, gibt es ein paar wichtige Regeln, die Sie bei der Reihenfolge der Ebenen beachten mssen. Ansonsten funktionieren einige Effekte spter auf der Website nicht richtig. In der Reihenfolge der Ebenen, von hinten nach vorne betrachtet (also von unten nach oben in der SEITEN- & EBENEN-GALERIE ), mssen zunchst alle statischen Ebenen kommen. Das sind die sichtbaren Ebenen, die keine Popups sind. In den meisten Zeichnung gibt es nur diese eine Ebene die MouseOff-Ebene. Andere Designs haben aber vielleicht mehrere statische Ebenen, die dann zuerst im Ebenen-Stapel kommen mssen. Danach kommt die MouseOver-Ebene, falls es auf den statischen Ebenen Mouseover-Effekte gibt. In dieser sind alle Mouseover-Zustnde der Schaltflchen enthalten. Danach muss die MouseDown-Ebene kommen, falls Sie MouseDown-Effekte in Ihrem Dokument haben. Anschlieend kommen die Popup-Ebenen. Sollten die Objekte dieser Ebene wiederum MouseOver-Effekte haben, kommt anschlieend die Ebene mit diesen Effekten. Ihr Name muss mit MouseOver beginnen, z. B. MouseOverPopup1. Hat die Popup-Ebene auch einen MouseDown-Effekt, so kommt die MouseDown-Ebene der Popup-Ebene als nchstes. Anschlieend knnen noch so viele Kombinationen von Popup-Ebene, MouseOver-Ebene und MouseDown-Ebene kommen, wie Sie mchten. Zusammenfassend kann also gesagt werden, dass die Reihenfolge immer der folgenden Liste folgen sollte (Von Vordergrund zu Hintergrund). Sie knnen die Ebenen beliebig benennen, nur die fettgedruckten Buchstaben, die die MouseOver- und MouseDown-Ebenen bezeichnen, mssen vorhanden sein. MouseDown Popup n MouseOver Popup n PopUp Ebene n ... MouseDown Popup 1 MouseOver Popup 1 Popup-Ebene 1 MouseDown MouseOver Statische Ebene n ... Statische Ebene 2 MouseOff Sie mssen sich nur mit dieser Reihenfolge beschftigen, wenn Sie komplexe Seiten mit
Erste Schritte
vielen Popup-Effekten erstellen. Solange Sie die Vorlagen aus der DESIGN-GALERIE verwenden, haben Sie damit keine Probleme.
73
bergnge fr Popup-Ebenen
Sie knnen einer Popup-Ebene einen bergangseffekt zuweisen, um zu steuern, wie die Ebene erscheint, wenn Sie durch einen Mausklick oder MouseOver ausgelst wird. Wenn Sie zum Beispiel Einblenden auswhlen, wird die Ebene sanft eingeblendet, anstatt sofort aufzutauchen.
1. 2. 3. 4.
Klicken Sie auf die Ebene in der SEITEN- & EBENEN-GALERIE und auf die Schaltflche EIGENSCHAFTEN oben in der Galerie. Klicken Sie auf den Reiter WEB-BERGANG des Dialogs Ebeneneigenschaften. Whlen Sie einen Effekt aus der Drop-Down-Liste BERGANGSEFFEKT aus und stellen Sie mit dem Schieberegler die Geschwindigkeit des Effekts ein. Klicken Sie BERNEHMEN .
Hinweis: Fr Ebenen gibt es etwas weniger Effekte im Vergleich zu Links und Seiten.
74
Erste Schritte
Popup-Ebenen
Eine leistungsfhigere Alternative ist es, den Inhalt einer beliebigen Ebene durch berfahren mit der Maus oder Klicken auf ein Objekt anzuzeigen. Dies kann dazu benutzt werden, um eine Reihe von Popup-Effekten wie Popup-Fotos, -Mens oder -Objektbeschreibungen zu erzeugen. Platzieren Sie hierfr alle Objekte, die erscheinen sollen, auf einer neuen Ebene (klicken Sie in der Ebenen-Galerie auf NEU - benutzen Sie nicht die Mouseover-Ebene) und setzen Sie anschlieend die Mouseover-Einstellung (WEB-EINSTELLUNGEN-Dialog) des Original-Objektes so, dass diese Ebene angezeigt wird, wenn Sie mit der Maus ber dieses Objekt fahren. Sie knnen ein solches Popup z. B. erscheinen lassen, wenn Sie mit der Maus ber Text fahren:
Erste Schritte
1. 2.
Klicken Sie in der EBENEN-GALERIE auf NEU um eine neue Ebene zu erstellen. Zeichnen Sie ein abgerundetes Rechteck mit dem RECHTECK -WERKZEUG und klicken Sie auf eine (helle) Farbe in der FARBLEISTE um es mit einer Farbe zu fllen. Geben Sie ihm zustzlich einen weichen Schatten. (Whlen Sie das SCHATTEN -Werkzeug und ziehen Sie am Rechteck. Erstellen Sie einen Textfeld auf dem Rechteck. Whlen Sie das TEXT-WERKZEUG und ziehen Sie diagonal ber das Rechteck. Geben Sie Ihren Text ein. Sie wollen vermutlich Ihre Popup-Ebene jetzt verbergen, entfernen Sie also das Hkchen beim Auge der neuen Ebene. Wieder auf der Ursprungs-(Mouseoff-)Ebene (in der EBENEN-GALERIE als aktuelle Ebene durch Klicken auswhlen) whlen Sie wie gewohnt den Text (mit dem Textwerkzeug), den Sie mit dem Popup belegen wollen. ffnen Sie dann den WEB-EINSTELLUNGEN Dialog (Strg+Umschalt+W) und whlen Sie im Reiter MOUSEOVER die neue Ebene im POPUP-EBENE ZEIGEN Dropdown-Men. Klicken Sie OK. Mit der Vorschau testen Sie Ihren Mouseover-Effekt.
75
3.
4.
5.
Wenn Sie wollen, dass das Popup nur erscheint, wenn Sie klicken, whlen Sie dieselbe Option im Reiter LINK des WEB-EINSTELLUNGEN Dialogs. Hinweis: Die Mouseover-Ebene erscheint und verschwindet, wenn Sie den Mauszeiger ber das entsprechende Objekte bewegen. Wenn Sie die Klick-Methode zum Anzeigen der Ebene (aus dem Link-Dialog) verwenden, wird die Ebene durch einen Klick auf das Objekt gezeigt und verschwindet, wenn Sie auf eine andere Stelle der Seite klicken.
Popup-Fotos
Es gibt eine zweite, einfachere Mglichkeit, vergrerte Fotos von Vorschaubildern zu zeigen, ohne dafr neue Ebenen anzulegen. Siehe da (auf Seite 45). Diese Methode ist besser, wenn Sie groe Popup-Fotos haben da diese erst geladen werden, wenn das Vorschaubild angeklickt wird.
76
Erste Schritte
Bearbeiten Sie es. Sie knnen z. B.: mit dem Auswahl-Werkzeug vergrern (oder drehen) die Farbe ndern, indem Sie auf die entsprechenden Farben am linken Ende der Farbleiste rechtsklicken und Bearbeiten auswhlen Text mit dem Text-Werkzeug ndern Wenn Sie zufrieden sind, whlen Sie das Objekt aus und exportieren Sie es als PNG oder JPG mithilfe der Schaltflchen auf der Website-Werkzeugleiste (dise befinden sich auf einer Ausklapp-Leiste unter dem HTML-Export Symbol) Sie sollten bei allen Grafiken wie Schaltflchen, berschriften, Symbolen und anderen nicht-fotografischen Objekten das PNG-Format verwenden. Bei Elementen, die Fotos oder groe gemusterte Teile aus Fotos enthalten, ist JPEG das bessere Format. Wenn Sie ein gedrehtes oder mit einem Schatten oder einer weichen Kante versehenes Foto speichern, sollte dies im PNG-Format geschehen. Dadurch entstehen jedoch viel grere Dateien als beim JPEG-Format. Wenn Sie auf die EINSTELLUNGEN -Schaltflche im DATEI EXPORTIEREN-Dialog klicken, erreichen Sie einen Dialog, in dem Sie erweiterte Einstellungen zur Bildoptimierung vornehmen knnen.
Hier knnen Sie direkt nebeneinander zwei verschiedene Versionen desselben Bildes vergleichen. Sie knnen z. B. eine JPEG mit einer PNG-Version derselben Grafik
Erste Schritte
vergleichen, um die Qualitt und/oder Dateigre gegenber zu stellen. Sie knnen auch zwei verschieden optimierte PNG-Bilder miteinander vergleichen. Lesen Sie dazu das Kapitel zum Exportieren-Dialog (auf Seite 435) im PDF-Handbuch. Im oberen Beispiel wurde die JPEG-Komprimierung angepasst, um die optimale Dateigre zu erreichen.
77
Website verffentlichen
Sie brauchen eine Webhosting-Firma, die einen Server fr Ihre Website zur Verfgung stellt. Sehr oft wird Ihr bestehender Internet-Anbieter auch Webspace (Speicherplatz auf einem Server) als Teil Ihres Vertrages anbieten. Der unten abgebildete Dialog zeigt empfohlene Hosting-Lsungen in der Liste PROFILE . Oft knnen Sie sogar Ihren eigenen Domain-Namen kaufen (z. B. www.magix.de) und diesen auf Ihre Website verweisen lassen. Sie brauchen drei Informationen, um Ihre Website verffentlichen zu knnen: FTP-Adresse Ihres Anbieters. Wenn Sie einen Domain-Namen haben, ist diese oft dieselbe wie Ihr Domain-Name. Wenn Sie eine der Standard-Hosting-Optionen aus der Profilliste whlen, wird dieses Feld normalerweise automatisch ausgefllt. Einen FTP-Benutzernamen Ein Passwort Geben Sie diese Informationen einfach in den Reiter VERFFENTLICHEN des ein.
WEB-EINSTELLUNGEN -Dialogs
78
Erste Schritte
Mithilfe des optionalen Unterordners knnen Sie Ihre Website in einem Unterordner verffentlichen. Beispiel: Wenn Sie Ihre Website auf der magix.de-Domain verffentlichen (was Sie natrlich nicht knnen) und folgende Adresse haben mchten: magix.de/produkte/web_designer dann wrden Sie den Unterordner Produkte und die Seite web_designer nennen. Wenn Sie auf diese Weise einen Unterordner festlegen, werden alle Seiten Ihrer Website in diesem Ordner verffentlicht. Wenn Ihre Zugangsdaten einmal eingegeben sind, knnen Sie auf das VERFFENTLICHEN -Symbol in der oberen Leiste klicken (Auf einer Ausklappleiste unter dem HTML-Export-Symbol) oder im Men DATEI -> WEBSITE VERFFENTLICHEN auswhlen. (Hinweis: Sie mssen Ihre Website zuerst exportiert haben.) Ihre Website wird dann verffentlicht. Ein Fortschrittsbalken zeigt den Fortschritt des Hochladens der Seiten auf den Webserver an.
Erste Schritte
Die Daten, die Sie in den Abschnitt FTP-DETAILS des Dialogs eintragen, sind mit dem aktuellen Dokument verknpft. Sie knnen im Dialog whlen, ob diese Daten mit dem Dokument gespeichert werden sollen oder nicht. Sie knnen auch die Schaltflche IM PROFIL SPEICHERN benutzen, um die Angaben auf Ihrem Computer unter einem Profilnamen zu speichern. Damit haben Sie die Daten schnell zur Hand, wenn Sie ein beliebiges anderes Projekt auf demselben Server verffentlichen mchten. Lesen Sie bitte das Kapitel Web-Eigenschaften-Dialog im PDF-Handbuch fr alle Einzelheiten. Anmerkung: Bei vielen Webservern sind Gro- und Kleinschreibung zu beachten. Zum Beispiel ist magix.de/produkte.htm nicht dasselbe wie magix.de/Produkte.htm. Um Verwirrung und Fehler zu vermeiden, sorgt Web Designer Premium dafr, dass alle Seitennamen klein geschrieben sind und nur erlaubte Zeichen enthalten. Leerzeichen sind daher nicht erlaubt. Wir empfehlen einen Unterstrich als Trennungszeichen. Wichtig: Wenn Sie keinen speziellen Seitennamen angegeben haben, wird fr alle Seiten der Website der Name verwendet, den Sie zuletzt fr einen Export verwendet haben. Beispiel: Wenn Sie eine Website-Vorlage ffnen, diese als Test auf Ihr Dateisystem exportieren und anschlieend verffentlichen, wird diese als test.htm auf Ihren Webserver bertragen und alle weiteren Seiten werden test_2.htm, test_3.htm usw. benannt. Wenn Sie noch keinen Dateinamen beim Export gesetzt haben, werden Sie beim ersten Verffentlichen gefragt, wie dieser lauten soll. index.htm ist der Standard-Name fr die erste Seite einer Website.
79
80
Die erste Vorlage ist die Standard-Vorlage, die dazu verwendet wird, das neue Dokument nach dem Start von MAGIX Web Designer 7 Premium zu erstellen. Die Animations-Vorlage ist die Standard-Vorlage fr Animationen. Die Schaltflche NEUE ZEICHNUNG auf der STANDARD-SYMBOLLEISTE erzeugt ein neues Dokument mit der Standard-Vorlage (Tastenkombination Strg + N). Sie knnen Ihre eigenen Vorlagen auch speichern: Datei > Vorlage speichern siehe ndern der Dokumentenvorlage (auf Seite 443).
81
82
Titelleiste Dateiname der aktuell angezeigten Datei Standard-Werkzeugleiste Galerieleiste Infoleiste Werkzeugleiste Lineale Seite Arbeitsbereich Farbleiste Status-Zeile Live ziehen/Rasten Indikatoren Web-Werkzeugleiste Dokumentenreiter fr jede offene Datei Das Fenster Web Designer Premium ist vergleichbar mit einem gewhnlichen Blatt Papier auf einem Zeichenbrett. Das weie Rechteck entspricht dem Blatt Papier (Seite oder Doppelseite). Der graue Rand ist der Arbeitsbereich.
83
Die Dokumentenreiter zeigen alle offenen Dokumente an, wobei das aktuelle Dokument grau hervorgehoben wird.
Symbolleisten
Diese enthalten Schaltflchen zur Bedienung von MAGIX Web Designer 7 Premium. Sie knnen die Symbolleisten anpassen, z. B. indem Sie Leisten neu erstellen, anordnen und entfernen. Das Standardfenster zeigt die STANDARD- symbolleiste mit den allgemein gebruchlichen Schaltflchen:
Sie knnen die STANDARD- Symbolleiste genauso wie die anderen Werkzeugleisten anpassen. Symbole mit einem Dreieck in der rechten unteren Ecke lassen sich ausklappen. Halten Sie die Maus kurz ber die Symbole und eine Leiste mit weiteren Symbolen erscheint. Um zu erfahren, wie Sie die Symbolleisten anpassen, lesen Sie den Abschnitt MAGIX Web Designer 7 Premium anpassen (auf Seite 450).
Infoleiste
Hierbei handelt es sich um eine spezielle Werkzeugleiste, deren angezeigter Inhalt sich je nach gewhltem Werkzeug ndert. Infoleisten zu bestimmten Werkzeugen werden in den entsprechenden Kapiteln erklrt.
84
Hauptwerkzeugleiste
Hierbei handelt es sich um eine Werkzeugleiste, die ursprnglich alle Werkzeuge enthlt, die in Web Designer Premium zur Verfgung stehen (siehe links). Sie knnen die Leiste anpassen oder die Werkzeuge auf die anderen Werkzeugleisten verschieben. Einige der Werkzeugleisten-Symbole haben in der unteren rechten Ecke eine kleine dreieckige Markierung. Dadurch wird angezeigt, dass es ein Ausklappmen mit weiteren Symbolen gibt. Halten Sie den Mauszeiger ber das Symbol, um das Ausklappmen anzuzeigen. Sie knnen den Mauszeiger ber jede Schaltflche des Ausklappmens bewegen, um einen Tooltip anzuzeigen.
Klicken Sie auf ein Werkzeug. um es auszuwhlen (fr einige Werkzeuge stehen auch Tastenkombinationen zur Verfgung). Fr weitere Informationen zum Anpassen der Werkzeugleisten lesen Sie bitte das Kapitel Web Designer Premium anpassen (auf Seite 450).
Lineale
Sie knnen die Lineale ein- und ausblenden, den Nullpunkt ndern und diese zum Erstellen der Hilfslinien verwenden. Lesen Sie dazu bitte auch das Kapitel Lineale (auf Seite 97).
Die Statuszeile
85
Die Anzeigen
Diese erscheinen rechts der Statuszeile: Live-Ziehen-Anzeige An dieser Anzeige knnen Sie ablesen, ob Live-Ziehen aktiv ist oder nicht (Standard: aktiv). Per Doppelklick auf die Anzeige schalten Sie es ein/aus. Ist es aktiv, verndert sich das gesamte Objekt (und nicht nur ein Umriss), wenn Sie es verschieben, skalieren oder drehen. Dadurch ist es viel leichter, die Bearbeitungen direkt zu begutachten. Auerdem ist das Zeichnen mit dem Freihand-, Linien-, Quickshape-, Rechteck- und Ellipsenwerkzeug live. Wenn die Leistung Ihres PCs nicht zur Bearbeitung komplexer Dokumente ausreicht, knnen Sie Live-Ziehen deaktivieren, um die Bearbeitung zu beschleunigen. Ausrichten-Anzeige Diese Anzeige ist aktiv, wenn die Option An Raster ausrichten im Men Fenster aktiviert ist. Sie zeigt an, ob sich ein Objekt in ausreichender Entfernung zum Ausrichten am Raster befindet. Weitere Informationen zum Ausrichten finden Sie im Kapitel Arbeiten mit Objekten (auf Seite 131).
XY-Koordinaten
Die von Web Designer Premium angezeigten Mae beziehen sich auf die linke untere Seitenecke. Sie knnen dies jedoch ndern. Bitte lesen Sie dazu das Kapitel Arbeiten mit Objekten (auf Seite 111) fr weitere Informationen.
Normal/Vollbildmodus
Im normalen Bildschirmmodus wird ein Teil des Fensters durch die Titelleiste, die Menleiste und die Scrollleisten bedeckt. Beim Bearbeiten kann das ungnstig sein, wenn Sie den grtmglichen Bearbeitungsbereich bentigen. Web Designer Premium verfgt ber einen zweiten Bildschirmmodus, den Vollbildmodus, der einen aufgerumteren Bildschirm prsentiert. Sie knnen in jedem Modus den Bildschirm nach Bedarf anpassen. So knnen z. B. fr jeden Modus die Konfigurationen der Symbolleisten eingestellt werden. Die Konfiguration wird gespeichert und gilt auch weiterhin, wenn Sie zwischen den Bildschirmmodi hin- und herschalten. Fr weitere Informationen zum Anpassen der Symbolleisten lesen Sie bitte das Kapitel Web Designer Premium anpassen (auf Seite 443).
86
hilft dabei, in mehreren Fenstern zu arbeiten. Jedes Fenster verfgt ber eine eigene Titelleiste, jedoch nicht ber eigene Werkzeugleisten. Klicken Sie auf ein Fenster, um dieses zu aktivieren. Durch Drcken der Tastenkombination Strg + F6 knnen Sie sich nacheinander durch die Fenster schalten. ordnet die Fenster bereinander an, oder, fr mehr als drei Fenster,
FENSTER ANORDNEN
als Kacheln.
Zoomwert ndern
Es ist oft hilfreich, wenn Sie die Dokumentansicht vergrern, z. B. um Details zu untersuchen. Eine Skalierung ber 100% vergrert die Ansicht (vergleichbar mit einer Lupe). Es ndert sich nur die Bildschirmanzeige; die Gre des Dokuments und der Objekte bleiben unverndert. Den Zoomwert knnen Sie entweder mit der Lupe, der Maus oder ber die Symbolleisten verndern.
87
88
89
1. 2. 3.
Whlen Sie EXTRAS -> OPTIONEN . Klicken Sie bei Bedarf auf den Reiter Seitengre. Whlen Sie die bentigte Seitengre.
Whlen Sie BENUTZERDEFINIERT bei der Grenauswahl, um die Breite und Hhe in den unteren Feldern selbst einzugeben. Sie knnen jeder Seite im Dokument (der exportierten Website) eine eigene Gre zuweisen. Sie knnen jedoch auch ber die Option ALLE SEITEN DER WEBSITE IN DERSELBEN GRE eine Gre fr alle Seiten des Dokuments festlegen. Sie knnen die Gre jeder Seite durch Ziehen am unteren Rand der Seite mit dem Auswahl-Werkzeug verndern.
Aktuelle Seite
Wenn Sie in einem Multiseiten-Dokument auf eine Seite klicken, wird diese zur aktuellen Seite. Es ist wichtig, welche Seite die aktuelle Seite ist, wenn Seiten wie im folgenden beschrieben eingefgt, vervielfltigt oder verschoben werden. Die aktuelle Seite im Dokument wird durch Indikatoren an den Seitenecken angezeigt.
90
Die Standard-Werkzeugleiste hat eine Ausklappleiste, mit der Sie schnell Seiten hinzufgen, duplizieren und entfernen knnen.
Bewegen Sie den Mauszeiger ber die jeweiligen Schaltflchen auf der Leiste fr einen Tooltip. Sie knnen eine neue leere Seite hinzufgen, die aktuelle Seite duplizieren oder die aktuelle Seite lschen.
91
Dokumente speichern
Dieser Abschnitt behandelt die Speicherung im Web Designer Premium-eigenen Format. Bitte lesen Sie das Kapitel Importieren und exportieren (auf Seite 427) fr weitere Informationen zum Speichern in anderen Formaten. Wir empfehlen Dokumente regelmig zu speichern. Ein kompliziertes Dokument beinhaltet viele Arbeitsstunden und Stromausflle oder PC-Abstrze passieren immer im genau falschen Moment. Stellen Sie sicher, das die automatische Backup-Funktion aktiv ist, so dass whrend Ihrer Arbeit regelmig Backups Ihrer offenen Dokumente angelegt werden. Fr Einzelheiten siehe unten, AbschnittAutomatische Backups (auf Seite 93)
92
Hilfsverzeichnisse
In manchen Dokumenten wird auf externe Dateien verwiesen, die kein Teil der .web-Datei sein knnen. Zum Beispiel eine Flash-Datei (.swf), die auf Ihrer Website verwendet wird. Sie mssen diese Datei zusammen mit der .web-Datei aufbewahren, da Sie ohne diese Datei keine voll funktionsfhige Website exportieren knnen. Dies ist vor allem dann wichtig, wenn Sie Ihr Webdesign an jemand anderen schicken oder auf einem anderen Computer bertragen wollen, dann mchten Sie, dass die benutzte Flash-Datei zusammen mit dem Design transportiert wird. MAGIX Web Designer 7 Premium benutzt fr diese wichtigen externen Dateien ein Hilfsverzeichnis, das direkt neben der .web-Datei angelegt wird.
93
Dokument schlieen
So schlieen Sie das Dokument: Whlen Sie DATEI > SCHLIEEN oder drcken Sie Strg + F4 oder klicken Sie auf das kleine X in der Ecke rechts oben.
Hinweis: Auf den meisten Rechnern ist das innere X, das zum Schlieen des Dokuments bentigt wird, kleiner als das darber befindliche. Das grere, uere X schliet das Programm.
Automatische Sicherheitskopien
MAGIX Web Designer 7 Premium kann bei Bedarf regelmig Sicherheitskopien aller offenen Dokumente anlegen, whrend Sie daran arbeiten. Dadurch wird vermieden, dass im Falle eines Stromausfalls oder anderen unverhofften Programmabbrchen Arbeit verloren geht. Das ist auch praktisch, wenn Sie einmal zu einer lteren Version Ihres Dokuments zurckkehren mchten.
94
95
Versionen
Voreingestellt werden bis zu 10 Versionen von jedem Design im Sicherungsordner gehalten, aber Sie knnen die Anzahl im Feld Versionen ndern. Wird die Anzahl der Versionen einer Datei berschritten, wird die lteste Datei gelscht. Jede Sicherheitskopie wird nach dem Originaldokument benannt, ergnzt um das Datum und die Uhrzeit des Zeitpunkts, an dem die Sicherheitskopie gespeichert wurde. Achtung: Sie knnten mehrere verschiedene Dokumente unter dem gleichen Dateinamen in verschiedenen Ordnern abgespeichert haben, Ihre Sicherheitskopien im Sicherungsordner haben dann ebenfalls den gleichen Dateinamen (und knnen dadurch verwechselt werden). Benutzen Sie deshalb wenn mglich spezifische Dateinamen fr jedes Ihrer Dokumente, um zu vermeiden, dass die Sicherungen einer Designs durcheinandergeraten.
Unbenannte Dokumente
Neu angelegte und noch nicht gespeicherte Dokumente werden unter dem Namen Unbenannt, gefolgt von einer Nummer und Datum/Zeit abgespeichert. Name und Nummer entsprechen der Anzeige im Web Designer Premium-Fenster oben, wenn Sie neue, ungespeicherte Dokumente bearbeiten. Achtung: Da alle neuen, ungespeicherten Dokumente zunchst Unbenannt1, Unbenannt2, u.s.w. heien, werden Backups dieser Dokumente sehr schnell berschrieben werden. Daher sollten Sie wichtige Dokumente immer untere einem richtigen Namen speichern, damit Sie, falls das ntig wird, Sicherungen dieser Dokumente im Sicherungsordner schnell wieder finden.
einschalten. Ist diese aktiv, werden sie beim Schlieen des Programms nicht mehr gefragt, ob Sie alle offenen genderten Dokumente speichern wollen. Stattdessen werden alle Dokumente im Sicherungsordner gespeichert und das Programm geschlossen. Beim nchsten Programmstart werden die selben Dokumente automatisch geladen und Sie knnen Ihre Arbeit an der Stelle fortsetzen, an der Sie abgebrochen hatten.
96
Sicherheitskopien wiederherstellen
DOKUMENTE ->SICHERHEITSKOPIEN
Sie knnen die Sicherheitskopien ber den Menpunkt Datei->ZULETZT GEFFNETE wiederherstellen. Der Dateiauswahldialog ffnet sich dann im eingestellten Sicherungsordner, wo Sie Ihre Sicherungen durchsuchen, ffnen und auch lschen knnen. Sie sollten diesen Dialog hin und wieder benutzen, um alte, nicht mehr bentigte Sicherungen zu lschen.
Hinweis: Wenn Sie eine Sicherheitskopie eines Dokuments laden, ist diese nicht automatisch mit dem Dokument verknpft, von dem sie erzeugt wurde. Die Datei wird wie ein eigenstndiges Dokument behandelt (von dem jetzt separat auch wieder Sicherheitskopien angelegt werden). Um die bersicht nicht zu verlieren, sollten Sie, wenn Sie an einer Sicherheitskopie weiterarbeiten wollen, diese mit DATEI -> SPEICHERN ALS wieder mit einem passenden Namen im Ordner des Originals zurck speichern.
Bildschirmraster
Als Hilfsmittel, um Ihre Dokumente zu layouten, knnen Sie ein Raster auf dem Bildschirm einblenden (Das Raster erscheint nur auf dem Bildschirm und wird niemals geduckt). Mit Hilfe des Rasters knnen Sie verschiedene Objekte aneinander ausrichten (hnlich wie die Nutzung von Millimeterpapier als Zeichenhilfe). Klicken Sie rechts und whlen SieRASTER/HILFSLINIEN ANZEIGEN > RASTER ANZEIGEN um die Anzeige des Rasters an- und abzuschalten oder whlen Sie AUSRICHTEN AN... > AN RASTER AUSRICHTEN . Sie knnen auch FENSTER > AN RASTER AUSRICHTEN aktivieren. Die Rasterpunkte fungieren dann wie Magnete, an denen die Objekte einrasten, wenn Sie in ihre Nhe gebracht werden. Web-Dokumente haben ein 1-Pixel-Raster voreingestellt und das Ausrichten am Raster ist aktiviert. Der Rastertyp (isometrisch/rechteckig), der Nullpunkt 0,0 (Ursprungspunkt) sowie die Abstnde der Rasterpunkte werden im Reiter RASTER & LINEAL (auf Seite 447) des Optionen-Dialogs eingestellt. Alle nderungen, die Sie vornehmen, gelten nur fr das ausgewhlte Dokument.
97
Lineale
Lineale sind standardmig ausgeblendet. Um sie einzublenden, knnen Sie: Klicken Sie rechts und whlen SieRASTER/HILFSLINIEN ANZEIGEN > LINEALE ANZEIGEN um die Anzeige der Lineale an- und abzuschalten. Drcken Sie Strg + Umschalt + R. Oder im Men FENSTER > LEISTEN > LINEALE auswhlen. In Web Designer Premium werden die Lineale fr folgende Zwecke eingesetzt: Zum Steuern von Text-Rndern, Tabstopps und Einzgen (auf Seite 210) im TEXTWERKZEUG . zur Orientierung, welcher Teil der Seite angezeigt wird; Anzeige der aktuellen Mauszeigerposition im Koordinatensystem; Hilfslinien hinzufgen. Wenn die Option "FENSTER" > "AN RASTER AUSRICHTEN" eingeschaltet ist, rasten die Hilfslinien an den Unterteilungen der Lineale. Fr mehr Information zu Hilfslinien, lesen Sie bitte den Abschnitt "Hilfsobjekte & Hilfslinien" im Kapitel Arbeiten mit Objekten (auf Seite 133). Beim Erstellen oder Skalieren der Objekte knnen Sie die Lineale verwenden, um deren Gre zu prfen. Fr genaueres Arbeiten knnen Sie dazu auch das AUSWAHL-WERKZEUG verwenden (Siehe Objektauswahl fr mehr Informationen). Die Lineale werden am linken und oberen Rand des Fensters angezeigt. Eine gestrichelte Linie auf jedem Lineal folgt dabei der aktuellen Mauszeigerposition. Die Einheiten und Anzahl der Unterteilungen der Lineale sind dieselben wie sie auch fr das Bildschirmraster eingestellt sind. Diese werden im Reiter Raster & Lineale (auf Seite 447)
98
Lineale anzeigen/ausblenden
Klicken Sie rechts und whlen SieRASTER/HILFSLINIEN ANZEIGEN > LINEALE ANZEIGEN (Strg + Umschalt + R) um die Lineale an- und abzuschalten. Jede nderung betrifft dabei das aktuelle und alle neu geffneten Fenster. Die anderen offenen Fenster sind nicht betroffen.
Lineal-Nullpunkte ndern
Objekte lassen sich meist einfacher messen, wenn der Nullpunkt der Lineale am Objekt ausgerichtet wird. Verschieben Sie das Kstchen am Schnittpunkt der zwei Lineale, um den Nullpunkt zu verschieben.
Sie knnen die Lineale beliebig waagerecht oder senkrecht innerhalb des Web Designer Premium-Fensters ziehen. Die neue Position wird durch eine gestrichelte Linie gekennzeichnet. Dabei wird der Ursprungspunkt des Rasters mitverschoben, wodurch sichergestellt wird, dass das Lineal immer entlang des Rasters ausgerichtet wird.
Darstellungsqualitt
Im Men FENSTER ->QUALITT gibt es fnf verschiedene Qualittseinstellungen, die beeinflussen, wie das Dokument in MAGIX Web Designer 7 Premium angezeigt wird. Nur Umrandung. Jetzt mit vollstndigem Anti-Aliasing fr bessere Darstellung auf dem Bildschirm. Umriss mit berblendungsschritten Alle Farben (kein Anti-Aliasing) Hohe Qualitt (volles Anti-Aliasing und Bildglttung) Sehr hohe Qualitt (branchenweit bestes Anti-Aliasing. Die neue bikubische Fotoanzeige verbessert die Qualitt herunterskalierter Fotos erheblich).
FARBIG
99
100
Standardmig wird die SEITEN- & EBENEN-GALERIE auf der rechten Seite des Web Designer Premium-Fensters angedockt im Seitenmodus angezeigt, in dem nur die Seiten, nicht aber die Ebenen dargestellt werden.
101
Galerie anzeigen
So zeigen Sie eine Galerie an:
1.
2.
3.
Bewegen Sie den Mauszeiger ber den senkrechten Reiter fr die Galerie rechts im Programmfenster (Galerieleiste) oder klicken Sie auf ihn. Die Galerie ffnet sich automatisch. Wenn Sie den Mauszeiger von der Galerie weg bewegen, schliet sie sich automatisch wieder. Um die Galerie beim Arbeiten stndig geffnet zu halten, klicken sie die Schaltflche AUTOMATISCH AUSBLENDEN (Pinnwandstift) in der rechten oberen Ecke. Die Schaltflche AUTOMATISCH VERSTECKEN dreht sich, so dass der Stift nach unten zeigt, dadurch wird angezeigt, dass die Galerie jetzt am Arbeitsplatz festgepinnt (fixiert) ist. Um eine fixierte Galerie zu schlieen, siehe Galerie schlieen (auf Seite 108). Eine nicht fixierte Galerie schliet sich, wenn Sie den Mauszeiger von der Galerie weg bewegen. Fixierte Galerien bleiben offen, wenn Sie den Mauszeiger weg bewegen, sie kann auch an einen anderen Platz verschoben und angedockt (auf Seite 102) werden
Hinweis: Voreingestellt zeigen die LINIEN und FLL-GALERIEN keinen Titel, sondern nur ihr Symbol, solange sie nicht geffnet wird. Web Designer Premium zeigt immer den Titel der zuletzt geffneten Galerie an.
102
Eine Galerie lsst sich an eine beliebigen Ort auf dem Desktop verschieben.
1.
2.
ffnen Sie die Galerie und klicken Sie die Schaltflche AUTOMATISCH AUSBLENDEN , um die Galerie zu fixieren. Der Pinnwandstift auf der Schaltflche zeigt jetzt nach unten, um anzuzeigen, dass die Galerie jetzt bewegt und woanders fixiert werden kann. Klicken und ziehen Sie die Titelleiste der Galerie, um sie zu bewegen. Sie knnen die Galerie entweder frei schwebend irgendwo auf dem Desktop platzieren oder Sie in einer neuen Position andocken.
Wenn Sie eine der folgenden Galerien bewegen, folgen ihr anderen als Gruppe. Die einzelne Galerie erreichen Sie ber ihren jeweiligen Reiter am unteren Rand, Sie knnen auch den einzelnen Reiter anklicken und woanders hin ziehen. Bitmap Linie Fllung
103
Es gibt Pfeile rechts, links, oben , unten und in der Mitte das Programmfensters. Docken Sie die Galerie an, indem Sie sie auf den entsprechenden Pfeil ziehen.
104
1.
2. 3. 4.
klicken und ziehen Sie die Galerie auf den Pfeil, der in die gewnschte Richtung zeigt, wo Sie die Galerie andocken wollen. Wenn Sie die Galerie zum Beispiel oben am Bildschirm haben wollen, ziehen Sie sie auf den Pfeil nach oben am oberen Rand des Programmfensters. Wenn der Mauszeiger am Pfeil ankommt, zeigt ein transparentes graues Rechteck die neue Position der Galerie an. Lassen Sie nun die Maustaste los, um die Galerie anzudocken. Wenn Sie die Galerie jetzt schlieen oder Automatisch verstecken, wird auch der Reiter an der neuen Position angezeigt. Durch darber fahren oder klicken knnen Sie die Galerie wieder ffnen.
Hinweis: Um alle Galerien wieder auf ihre voreingestellten Positionen zurckzusetzen, whlen Sie im Men FENSTER > WERKZEUGLEISTEN... , whlen GALERIEN in der Liste aus und klicken ZURCKSETZEN .
Galerien gruppieren
Sie knnen Galerien, die Sie regelmig verwenden, so anordnen, dass sie nah beieinander liegen.
1. 2.
Um eine zweite Galerie an eine bereits angedockte Galerie anzuschlieen, ziehen Sie sie zunchst auf die vier Pfeile in der Mitte des Arbeitsbereichs. Lassen Sie die Maustaste los, wenn Sie ber dem Pfeil sind, der auf die vorher bewegte Galerie zeigt. Die zweite Galerie wird an die erste angedockt.
Sie knnen Galerien auch gruppieren und diese Gruppen verschieben. Das hilft, wenn Sie z. B. oft mit 2 oder 3 Galerien arbeiten, die fr einen schnellen Zugriff eng zusammen liegen sollen.
105
Beispiel einer Galerien-Gruppe mit Galerie-Reitern - Galerien knnen per Drag & Drop zur Gruppe hinzugefgt oder entfernt werden
Um Galerien zu gruppieren:
1.
2. 3. 4.
5. 6.
Deaktivieren Sie die Schaltflche AUTOMATISCH AUSBLENDEN (Pinnwandstift) an der FLL-, LINIEN- oder BITMAP-GALERIE. Die Galerien werden automatisch mit den anderen fnf Galerien gruppiert und als Reiter am unteren Rand der Gruppe angezeigt. Klicken und ziehen Sie an einem Reiter, um die Galerie aus der Gruppe herauszulsen. Klicken Sie auf einen Reiter, um die Galerie innerhalb der Gruppe zu ffnen. Um eine Galerie zu einer Gruppe hinzuzufgen, klicken und ziehen Sie sie ber die Mitte der 4 Docking-Pfeile in der Mitte des Arbeitsbereichs. Wenn Sie jetzt weitere Galerien, die Sie der Gruppe hinzufgen mchten, ber die Gruppe ziehen, erscheinen die vier Docking-Pfeile jetzt ber der Galerie-Gruppe. Ziehen Sie die Galerie auf das Rechteck in der Mitte dieser Pfeile. Die Galerie wird zur Gruppe hinzugefgt und der jeweilige Reiter wird am unteren Rand der Gruppe angezeigt. Wenn Sie eine Galerie-Gruppe andocken, werden alle anderen Galerien dieser Gruppe auch angedockt. Wenn eine Galerie automatisch ausgeblendet oder geschlossen wird, werden alle Reiter der Galerie in der Gruppe an dem Rand des Arbeitsbereich angezeigt, wo sie zuletzt angedockt waren.
106
Abb.: Auf dieser Abbildung sehen Sie eine ausgeklappte Galerie. Andere Galerien sehen hnlich aus.
Die oberen Schaltflchen hngen von der ausgewhlten Galerie ab. (z. B.FLLUNGEN und TRANSPARENZEN sind z. B. nur in der BITMAP GALERIE vorhanden.) Die meisten Galerien haben folgende Schaltflchen:
ANWENDEN bernimmt das in der Galerie ausgewhlte Element. Klicken Sie auf ein Element, um es auszuwhlen. OPTIONEN
ffnet ein Men zum Auswhlen folgender Optionen: wird im Abschnitt Nach Element-Namen suchen beschrieben.
FINDEN
107
Objekte auswhlen
So whlen Sie Objekte aus: Um ein einzelnes Objekt auszuwhlen, klicken Sie auf das Objekt. Um mehrere Objekte auszuwhlen, klicken Sie nacheinander mit gehaltener Strg-Taste auf die Objekte. Um mehrere zusammenliegende Objekte auszuwhlen, klicken Sie auf das erste Objekt und danach mit gedrckter Umschalt-Taste auf das letzte. Alle dazwischen befindlichen Objekte werden mit ausgewhlt.
1. 2. 3.
Whlen Sie OPTIONEN > FINDEN Geben Sie das Wort Rahmen in das Textfeld ein. Whlen Sie NAMEN UND STICHWORTE (um nach den in einigen Galerien enthaltenen Namen und Stichworten zu suchen) oder ALLE INFORMATIONEN
Zu Galerie hinzufgen
Sie knnen den Galerien auch weitere Elemente hinzufgen (nur DESIGNS & FLL -Galerie). Dazu gibt es folgende Mglichkeiten:
1.
Kopieren Sie die erforderlichen Dateien mithilfe des Windows Explorers in einen neuen Ordner. Fr die CLIPART GALERIE knnen dies Vektor- oder Bitmap-Dateien sein. Fr die FLL-GALERIE knnen alle von Web Designer Premium untersttzten Bitmapformate verwendet werden (Liste unter Importieren und Exportieren (auf Seite 428)). 2. Klicken Sie in der entsprechenden Galerie auf die Schaltflche DISC DESIGNS /FLLUNGEN . Dadurch ffnet sich ein Dialog.
108
1. 2. 3. 4.
Kopieren Sie die neuen Dateien in den bestehenden Ordner. Klicken Sie in der Galerie auf DISC DESIGNS/FLLUNGEN . Dadurch ffnet sich ein Dialog. Whlen Sie den entsprechenden Ordner ber das Dialogfenster. Klicken Sie auf AKTUALISIEREN um den Bereich in der Galerie zu aktualisieren.
1. 2.
Klicken Sie auf die Titelleiste des Bereichs, den Sie lschen mchten. Klicken Sie auf ENTFERNEN .
Wenn Sie den Bereich spter wieder herstellen mchten, fgen Sie dessen Ordner wieder in die Galerie ein.
Galerie schlieen
Standardmig ist die AUTOMATISCH AUSBLENDEN -Schaltflche einer Galerie aktiv (d. h. die Schaltflche AUTOMATISCH AUSBLENDEN rechts oben ist gelst), so dass die Galerie sich automatisch schliet, wenn Sie den Mauszeiger wegbewegen. Haben Sie jedoch die Schaltflche AUTOMATISCH AUSBLENDEN deaktiviert (Galerie ist angeheftet), mssen Sie die Galerie manuell schlieen. Um eine freischwebende Galerie zu schlieen, klicken Sie rechts oben auf SCHLIEEN . Die Galerie schliet sich und die jeweilige Schaltflche wird in der Galerien-Leiste angezeigt. Um eine angedockte Galerie zu schlieen, klicken Sie rechts oben auf AUTOMATISCH (Stecknadel) oder SCHLIEEN. Die Galerie schliet sich und die zugehrige Schaltflche wird am Rand des Arbeitsbereichs angezeigt.
AUSBLENDEN
Um die Galerie erneut zu ffnen, fahren Sie mit der Maus ber die jeweilige Schaltflche oder klicken Sie darauf.
109
110
Rckgngig
RCKGNGIG
Klicken Sie auf die Schaltflche RCKGNGIG auf der Standardsymbolleiste oder whlen Sie BEARBEITEN > RCKGNGIG (es erscheint die Bezeichnung des nchsten Rckgngig-Schrittes, z. B. Gre rckgngig) oder drcken Sie Strg + Z oder drcken Sie die Kommataste auf Ihrer Tastatur (Diese Option ist fr jedes Werkzeug auer dem TEXT-WERKZEUG verfgbar). Sie knnen den Befehl RCKGNGIG wiederholt anwenden, um mehrere Aktionen rckgngig zu machen.
Wiederherstellen
Mit WIEDERHERSTELLEN knnen Sie den zuletzt rckgngig gemachten Befehl wiederherstellen: Klicken Sie auf die Schaltflche WIEDERHERSTELLEN auf der Standardsymbolleiste oder whlen Sie BEARBEITEN > WIEDERHERSTELLEN (es erscheint die Bezeichnung des nchstmglichen Wiederherstellen-Schrittes, z. B. Gre wiederherstellen) oder drcken Sie Strg + Y oder drcken Sie den Punkt (fr Satzende) auf der Tastatur (Diese Option ist fr jedes Werkzeug auer dem TEXT-WERKZEUG verfgbar). Sie knnen den WIEDERHERSTELLEN-Befehl erst nutzen, wenn Sie einen Arbeitsschritt rckgngig gemacht haben. Sie knnen WIEDERHERSTELLEN aber nicht nutzen, wenn Sie nach dem Rckgngigmachen das Dokument gendert haben (z. B. durch Verschieben oder Hinzufgen eines Objekts).
111
Abmessungen der Auswahl Einstellung Gre in % Grenverhltnis sperren Drehen/Neigen Spiegeln Linienstrke skalieren Namen zuweisen Verwendung des AUSWAHL-WERKZEUGS: Klicken Sie auf das AUSWAHL-WERKZEUG in der HAUPT-WERKZEUGLEISTE . Sie knnen auch Alt + S, V oder F2 drcken. Wenn Sie zum AUSWAHL-WERKZEUG wechseln und Objekte innerhalb einer Gruppe (oder einem anderen zusammengesetzten Objekttyp) ausgewhlt waren, geht die Auswahl auf das bergeordnete Objekt ber. Da das AUSWAHL- Werkzeug zu den am meisten verwendeten Werkzeugen gehrt, gibt es ein zustzliches Tastaturkrzel, um zum Auswahlwerkzeug zu wechseln und danach wieder schnell zum vorherigen Werkzeug zurckzukehren. Wenn Sie ein anderes Werkzeug verwenden, knnen Sie leicht zum AUSWAHL-Werkzeug wechseln: Drcken Sie Alt + S um in das AUSWAHL- Werkzeug zu wechseln. Drcken Sie diese Kombination erneut, um zum vorherigen Werkzeug zurckzukehren.
Objekte auswhlen
Klicken Sie auf einen sichtbaren Teil des Objekts, um ein einzelnes Objekt auszuwhlen.
Objekt-Auswahl ndern
Sobald ein Objekt ausgewhlt wurde, knnen Sie die Auswahl mithilfe der folgenden Tasten ndern: Ende whlt das hinterste Objekt aus.
112
Objektlasso-Modus
Drcken und halten Sie die Maustaste gedrckt, um mehrere Objekte auszuwhlen. Durch Ziehen der Maus wird ein Rechteck gezeichnet, wobei alle vollstndig darin befindlichen Objekte ausgewhlt werden. Der Begriff Objektlasso wird auch in anderen Programmen verwendet. Wenn ein Objekt im Weg ist, welches Sie beim Aufziehen des Auswahl-Rechtecks ungewollt verschieben wrden, halten Sie die Umschalt-Taste beim Aufziehen des Auswahlrechtecks gedrckt.
Auswahl erweitern
Zum Auswhlen zustzlicher Objekte knnen Sie: Umschalt halten und auf die Objekte klicken. Oder Umschalt gedrckt halten und mit der Maus ziehen. Hierdurch wird ein Auswahlrechteck aufgezogen und Objekte innerhalb des Rechtecks werden der Auswahl hinzugefgt.
Innen auswhlen
Halten Sie die Strg-Taste und klicken Sie auf das Objekt, um ein Objekt "innerhalb" auszuwhlen. Dies wird verwendet, um ein Objekt aus einer Gruppe heraus auszuwhlen. Dadurch knnen Sie z. B. die Umrandung eines Objekts innerhalb einer Gruppe bearbeiten. Die anderen Objekte bleiben unverndert. Bitte beachten Sie, dass einige Funktionen mit einem innerhalb ausgewhltem Objekts nicht mglich sind. Sie knnen z. B. nicht mehrere Objekte per Lasso auswhlen und auch keine Objekte mit einem Rechtsklick kopieren.
113
Objektauswahl aufheben
So heben Sie die Auswahl aller Objekte auf: Klicken Sie in einen unbenutzten Bereich des Dokuments oder whlen Sie Men BEARBEITEN > AUSWAHL AUFHEBEN oder drcken Sie die Esc-Taste. So heben Sie die Auswahl eines Objekts einer Mehrfachauswahl auf: Halten Sie die Umschalt-Taste gedrckt und klicken Sie das Objekt an. Dadurch wird die Auswahl dieses Objekts aufgehoben. Die anderen Objekte bleiben ausgewhlt.
Auswahlmarker
Jedes ausgewhlte Objekt wird durch einen einzelnen Auswahlmarker gekennzeichnet.
Statuszeile
Die Statuszeile am unteren Bereich des Fensters beschreibt ebenfalls, welche Objekte ausgewhlt sind.
114
Tab-Taste
Mit der Tab-Taste bzw. Umschalt + Tab knnen Sie zwischen ausgewhlten Objekten hin und her schalten.
Objekte bewegen
So wird ein Objekt bewegt:
1. 2.
Aktivieren Sie das AUSWAHL-WERKZEUG . Ziehen Sie das Objekt an die gewnschte Position. Halten Sie die Strg-Taste gedrckt, wenn Sie die Bewegung durch vorgegebene Winkel eingrenzen wollen.
Hinweis: Diese Beschrnkungswinkel sind definierbar. Bitte lesen Sie hierzu das Kapitel Web Designer Premium anpassen (auf Seite 443). Mit Strg + Alt kann das gewhlte Objekt gezogen werden, obwohl sich der Mauszeiger nicht darber befindet. Das ist ntzlich, wenn das Objekt hinter einem anderen versteckt oder Teil einer Gruppe ist. Wenn Sie Ihr Objekt frei verschieben wollen, ohne Beschrnkung durch die Strg + Taste, mssen Sie whrend der Bewegung Strg loslassen. Sie knnen Objekte auch verschieben, indem Sie die Pfeiltasten Ihrer Tastatur verwenden. Mehr darber erfahren Sie auf den nchsten Seiten.
115
Fllungen
Normalerweise bewegt sich die Fllung mit, wenn Sie ein Objekt bewegen:
Abb. 1: Bewegung eines Objekts inklusive Fllung von links nach rechts.
Das gleiche gilt, wenn Sie ein geflltes Objekt drehen, neigen, skalieren oder verzerren: Dann wird auch die Fllung gedreht, geneigt, skaliert oder verzerrt. Sie knnen aber auch das Objekt verschieben, ohne die Fllung mit zu bewegen. Halten Sie dazu - auf dem Ziffernblock gedrckt, whrend Sie das Objekt bewegen.
116
Die normale Schrittweite kann unter EXTRAS > OPTIONEN im Reiter ALLGEMEIN eingestellt werden. Bitte lesen Sie hierfr das Kapitel Web Designer Premium anpassen (auf Seite 447). Tipp: Die schrittweise Verschiebung funktioniert mit den meisten Werkzeugen.
1. 2.
3.
Whlen Sie das Objekt aus. Um das Objekt zu entfernen, whlen Sie BEARBEITEN > AUSSCHNEIDEN (oder Strg + X). Um das Objekt zu kopieren, ohne es zu lschen, so whlen Sie BEARBEITEN-> KOPIEREN (oder Strg + C). Beide Funktionen legen eine Kopie der Objekte in die Zwischenablage. Whlen Sie BEARBEITEN -> EINFGEN , Strg + V, oder EINFGEN . Dies fgt den Inhalt der Zwischenablage in das Dokument ein.
Wenn alle kopierten Objekte von derselben Ebene stammen, knnen Sie diese Objekte auf jeder beliebigen Ebene einfgen, nachdem Sie diese zur aktuellen Ebene gemacht haben, whlen Sie dazu BEARBEITEN > EINFGEN > IN EBENE EINFGEN oder AN POSITION IN EBENE EINFGEN . Die Ebene, von der die Objekte kopiert werden, wird in diesem Fall ignoriert. Wenn sich die kopierten Objekte jedoch auf verschiedenen Ebenen befinden, wird die Ebenen-Struktur beim Einfgen beibehalten. So knnen Sie Objekte auf verschiedenen Ebenen innerhalb eines Dokuments oder in ein anderes Dokument kopieren. Ebenen, die noch nicht im Zieldokument vorhanden sind, werden dabei automatisch erstellt. Sie knnen also z. B. einen MouseOver-Button, mit einem Objekt auf der MouseOff- und einem auf der MouseOver-Ebene in ein neues Dokument kopieren. Wenn dort diese Ebenen noch nicht existieren, so werden Sie erzeugt und die Objekte des Buttons auf den entsprechenden Ebenen erstellt. Strg + Umschalt + V oder BEARBEITEN > AN POSITION EINFGEN fgt den Inhalt der Zwischenablage an exakt der gleichen X-Y Position ein, von wo aus dieser ausgeschnitten oder kopiert wurde. Die bezieht sich nur auf Objekte, die innerhalb von Web Designer Premium ausgeschnitten oder kopiert wurden. Objekte aus anderen Programmen werden immer in Mitte der aktuellen Ansicht kopiert. Das Objekt bleibt in der Zwischenablage - So kann es mehrmals verwendet werden.
117
Format/Attribute einfgen
Behlt Formatierung (z.B. Schriftart und -gre) oder Stilattribute (z.B. Linien- und Fllungsattribute) des eingefgten Objekts bei.
Position einfgen
Diese Aktion bertrgt die Position des kopierten Objekts in der Zwischenablage auf das aktuell ausgewhlte Objekt, dieses wird auf die selbe Position wie das kopierte Objekt verschoben. Wenn mehrere Objekte in die Zwischenablage kopiert worden sind, behandelt Web Designer Premium sie so, also wren sie eine Gruppe und bewegt das aktuell ausgewhlte Objekt auf die Position der ganzen kopierten Gruppe. Das aktuell ausgewhlte Objekt wird auf den Mittelpunkt des kopierten Objekts oder der Objektgruppe verschoben.
Gre einfgen
Diese Aktion bertrgt die Gre des kopierten Objekts in der Zwischenablage auf das aktuell ausgewhlte Objekt, dieses ndert seine Gre, ausgehend vom Mittelpunkt, auf die selbe Gre wie das kopierte Objekt. Wenn mehrere Objekte in die Zwischenablage kopiert worden sind, behandelt Web Designer Premium sie so, also wren sie eine Gruppe und ndert die Gre des aktuell ausgewhlten Objekts auf die Gre der ganzen kopierten Gruppe.
118
Objekte ausschneiden
Whlen Sie Bearbeiten -> Ausschneiden oder drcken Sie Strg + X. Der Inhalt der Zwischenablage wird berschrieben und Sie knnen die ausgeschnittenen Objekte an anderer Stelle einfgen.
Objekte lschen
Whlen Sie Bearbeiten -> Lschen", drcken Sie Entfernen oder klicken Sie auf die LSCHEN -Schaltflche in der STANDARD-SYMBOLLEISTE . In diesem Fall, werden die entfernten Objekte nicht in die Zwischenablage kopiert. Sollten Sie aus Versehen ein Objekt lschen, kann dies via Bearbeiten > Rckgngig (Tastaturkrzel: Strg + Z) rckgngig gemacht werden.
Duplizieren
Whlen Sie BEARBEITEN > DUPLIZIEREN (Tastaturkrzel: Strg + D). Die Kopie wird leicht versetzt angelegt - fr gewhnlich leicht rechts, unterhalb des Originals. Hinweis: Der Abstand von Duplikaten kann vom Benutzer bestimmt werden mehr dazu im Kapitel Web Designer Premium individuell einstellen (auf Seite 447).
119
Abb.: Dieses Beispiel verwendet im Original ein groes A mit einer schwarzen Fllung und einer 4 pt dicken weien Auenlinie sowie einen Klon ohne Fllung und eine schwarze Linie mit 1 pt.
Hinweis: Die Standard-Maeinheit in Grafikprogrammen fr Schriftgre und Linienstrken ist Punkt (pt).
Abb.: Die Zielscheibe links besteht aus drei Kreisen, die aufeinander liegen.
Damit die Objekte in richtiger Reihenfolge aufeinander liegen, muss die Reihenfolge oft angepasst werden (vordere Objekte verdecken immer hintere; jedes neu erstellte Objekt liegt immer an vorderster Stelle). Das Men ANORDNEN bietet folgende vier Mglichkeiten: (Strg + F): Dies bringt das gewnschte Objekt ganz nach vorn. Es wird alle anderen Objekten berdecken. EINS NACH VORN (Strg + Umschalt + F): Diese Funktion bewegt das Objekt eine Stufe nach vorn.
IN DEN VORDERGRUND
120
(Strg + Umschalt + B): Dies bewegt das Objekt eine Stufe nach (Strg + B): Setzt das Objekt ganz nach hinten an die letzte Stelle.
hinten.
IN DEN HINTERGRUND
Diese Funktionen bewegen Objekte nach vorn oder hinten innerhalb einer Ebene. AUF EINE EBENE WEITER VORN und AUF EINE EBENE WEITER HINTEN verschieben das Objekt zwischen den sichtbaren Ebenen (versteckte Ebenen werden nicht beachtet). Mehr zu Ebenen lesen Sie im Kapitel Ebenen (auf Seite 383).
Objekte drehen
Hierbei handelt es sich um eine Funktion des AUSWAHL -Werkzeugs. Wenn man sich im Drehen-Modus befindet, ist das Rotationszentrum (dargestellt durch ein kleines Fadenkreuz) zuerst immer in der Mitte des Objektes. Um das Auswahl-Werkzeug in den Rotations-Modus zu versetzen, klicken Sie erneut auf das Objekt. Ziehen Sie das Fadenkreuz an eine beliebige Stelle um das Rotationszentrum zu verschieben. Achtung: Wenn der Drehmittelpunkt verschoben wurde, verbleibt er fr alle danach ausgewhlten Objekte an diesem (selben) Ort, solange, bis alle Objekte abgewhlt wurden. Dann erst kehrt er zum Mittelpunkt eines neu ausgewhlten Objekts zurck.
121
Es ist mglich, ein Objekt zu drehen oder zu neigen, wenn es sich nicht im Rotationsmodus befindet. Im Skaliermodus verschieben Sie den Mauszeiger in entsprechende kleine Bereiche nahe den ausgewhlten Begrenzungsanfassern. Der Mauszeiger wechselt in ein Rotations- oder Neigesymbol, um Ihnen anzuzeigen, dass das Objekt nun durch Ziehen der Maus gedreht oder skaliert werden kann.
Linienbreite skalieren
Bei aktivierter Schaltflche Linienbreite skalieren werden beim Skalieren die Auenlinien des Objekts mit skaliert. Andernfalls bleibt die Breite der Linien unverndert. Sie knnen whrend des Ziehens diese Schaltflche ein- und ausschalten, indem Sie die Taste / auf dem Ziffernblock drcken.
122
Ziehen Sie an einem der Eckanfasser. Das Objekt wird skaliert, indem Sie den Mauszeiger diagonal bewegen. Die Infoleiste zeigt die aktuelle Skalierung an. Das Objekt wird zwischen dem bewegten Anfasser und dem gegenberliegenden skaliert. Um einen anderen Punkt als Fixpunkt zu verwenden, verschieben Sie das Rotationszentrum dorthin und verwenden Sie zum Skalieren die Infoleisten-Schaltflchen. Halten Sie beim Verschieben die Umschalt-Taste gedrckt, um das Objekt um seinen Mittelpunkt herum zu skalieren. Diese Funktion ist unabhngig vom Rotationszentrum. Strg + Ziehen skaliert das Objekt in ganzen Vielfachen des Originals (*2, *3, usw.). Um whrend des Skalierens eine Kopie anzulegen, bettigen Sie die rechte Maustaste oder + auf dem Ziffernblock. Ziehen an den Seitenanfassern bewirkt ein Stauchen oder Strecken des Objekts. Sie dazu den Abschnitt Dehnen und Stauchen von Objekten. Lesen
123
Geben sie einen numerischen Wert in die Textfelder fr Hhe und Breite ein und drcken Sie die Eingabetaste. Bei Prozentwerten unter 100% verkleinert sich das Objekt. 50% halbieren daher dessen Gre. Werte ber 100% vergrern das Objekt. 200% ist also doppelte Gre. Ist SEITENVERHLTNIS BEIBEHALTEN ausgewhlt, reicht es aus, den Wert in ein Textfeld einzugeben, da der entsprechende zweite Wert relativ dazu berechnet wird. Ist diese Option nicht aktiv, knnen Breite und Hhe separat definiert werden. Auer den Prozentzahlen kann man auch den genauen Wert in die BREITE- und HHE- Felder eingeben. Ist SEITENVERHLTNIS BEIBEHALTEN ausgewhlt, reicht es aus, den Wert in ein Textfeld einzugeben, da der entsprechende zweite Wert relativ dazu berechnet wird. Der Wert kann in allen mglichen Einheiten, z. B. 1cm, eingegeben werden. Beim Skalieren mit den Schaltflchen (oder Zahlenkstchen) der Infoleisten wird immer um das Transformationszentrum skaliert. Dies kann berall positioniert werden, wie auch im Kapitel Objekte drehen beschrieben.
Objekte spiegeln
Diese Funktion ist Teil des AUSWAHL-WERKZEUGS . Wenn Sie auf eine der Spiegeln-Schaltflchen klicken, wird das Objekt horizontal bzw. vertikal zur Mitte gespiegelt. Gre und Seitenverhltnis ndern sich nicht - das Objekt wird lediglich gespiegelt.
124
Um zwischendurch, whrend Sie Dehnen oder Stauchen, eine Kopie anzulegen, bettigen Sie die rechte Maustaste oder + auf dem Ziffernblock.
Objekte neigen
Hierbei handelt es sich um eine Funktion des AUSWAHL -Werkzeugs.
125
Ziehen Sie mit gehaltener Umschalt-Taste am Objekt, um dieses um das Zentrum zu neigen. Halten Sie Strg gedrckt, um die Neigung auf festgelegte Winkel zu beschrmken. Um zwischendurch eine Kopie abzulegen, bettigen Sie die rechte Maustaste oder + auf dem Ziffernblock. Sie knnen auch bei gehaltener rechter Maustaste am Objekt ziehen, um eine direkte Kopie und per Linksklick weitere Kopien zu erstellen. Sie knnen ein Objekt auch im Skaliermodus des Auswahl-Werkzeugs neigen. Lesen Sie mehr dazu unter Objekte im Skaliermodus drehen (auf Seite 121).
Das Verzerren-Werkzeug
Das VERZERREN-Werkzeug hilft beim Verndern von Formen. Es wird sowohl dazu verwendet, Formen perspektivisch zu verzerren (also dreidimensional zu drehen), als auch diese mit Schablonen zu verformen.
Infoleiste Verzerren-Werkzeug
Gitternetz Verzerrung entfernen Verzerrung ablsen Verzerrung drehen Verzerrung kopieren Schablonen Verzerrschablone einfgen Perspektivieren Perspektivverzerrung einfgen
126
Perspektive
Das MODELLIER-WERKZEUG kann durch perspektivische Verzerrung den Eindruck von Tiefe und Rumlichkeit erzeugen. Alle Objekte, einschlielich von Text und Bitmaps, knnen perspektivisch modelliert werden. Bitmaps verlieren ihre Perspektive, wenn sie spter in bearbeitbare Formen konvertiert oder berblendet werden.
1. 2. 3.
Markieren Sie ein oder mehrere Objekte. Aktivieren Sie das MODELLIER-WERKZEUG (Tastaturkrzel: Umschalt + F6). Whlen Sie eine der vorgefertigten Perspektiven.
Hinweis: Die rechte Maustaste dient zur Erzeugung von neuen Schablonen bzw. Perspektiven. Web Designer Premium zeichnet eine perspektivische Schablone, in die das Objekt bzw. die Objekt-Auswahl eingefgt wird. Jeder Anfasser an den Ecken der Schablone kann bewegt werden, um die Perspektive zu ndern. Tipp: Sie knnen ein perspektivisch verzerrtes Objekt weiterhin mit dem AUSWAHL-WERKZEUG skalieren, drehen oder neigen. Mglicherweise mchten Sie die Anfasser der Schablone erst justieren, ohne dabei die bisherige Perspektive zu zerstren. Drcken Sie dazu die Schaltflche VERFORMUNG ABKOPPELN . Nun knnen Sie erst die Perspektive in ihre Form bringen. Um das Objekt danach einzupassen, deaktivieren Sie die Schaltflche wieder.
127
Das funktioniert als Schablone nicht. Das Objekt links hat zu viele Seiten - es mssen vier sein. Das Objekt rechts hat gebogene Seiten - es mssen gerade sein.
Hat das Objekt mehr als eine Perspektive oder Verformung, wird nur die neueste entfernt.
128
1. 2. 3.
Markieren Sie ein oder mehrere Objekte. Aktivieren Sie das MODELLIER-WERKZEUG (Tastaturkrzel: Umschalt + F6). Whlen Sie eine der Schablonen.
Hinweis: Die rechte Maustaste dient zur Erzeugung von neuen Schablonen bzw. Perspektiven. Nachdem eine Schablone angewandt wurde, kann sie wie folgt bearbeitet werden: Ziehen Sie an einem der Eckanfasser oder klicken Sie auf einen Eckanfasser und ziehen Sie dann die Kurvenanfasser. Das Beispiel oben zeigt 4 Kurvenanfasser, die nach auen gezogen wurden, um den Inhalt der Schablone zu verzerren.
Das Gitternetz
Diese Funktion schaltet ein gepunktetes Gitter ein, so dass die Verzerrung besser kalkulierbar wird.
Modellierschablonen
Sie knnen selbst eine Schablone aus jeder vierseitigen Form erstellen, die Sie nach Belieben verzerren knnen. Mittels der Schaltflche SCHABLONE EINFGEN auf der INFOLEISTE kann diese dann als Schablone verwendet werden.
129
ist dann sinnvoll, wenn Objekte gleichmig verteilt werden oder wenn die Gren genaue Vielfache eines Wertes betragen sollen. Hilfslinien sind sinnvoll, wenn verschiedene Kanten auf eine gemeinsame Hhe gebracht werden sollen (obwohl Hilfsobjekte hierfr noch besser wren). Magnetisches Ausrichten ist sinnvoll, um Linien, Punkte und Kanten von benachbarten Objekten genau aneinander zu positionieren.
An Raster ausrichten
Wenn Sie "AN RASTER AUSRICHTEN" eingestellt haben, wirken die Rasterpunkte wie kleine Magnete. Klicken Sie rechts in den Arbeitsbereich und whlen Sie AUSRICHTEN AN... > AM RASTER AUSRICHTEN oder nutzen Sie aus dem Men FENSTER > AN RASTER AUSRICHTEN oder drcken Sie die Taste , (Komma auf der Zehnertastatur). Bewegen Sie einen Anfasser in die Nhe eines Rasterpunktes, rastet er an diesem Punkt ein. Im Optionen-Dialog ("Extras > Optionen...") lsst sich die Weite des Rasters einstellen. Bei Webdokument-Vorlagen ist An Raster ausrichten aktiv, voreingestellt mit einer Rasterweite von einem Pixel, so dass alle Objektabmessungen und Positionen immer ganze Pixeln ergeben.
130
Dies zeigt ein grobes Raster mit je 5 Unterteilungen zwischen den Hauptpunkten. Die Form hat eine ziemlich dicke, graue Umrisslinie. Weil das Objekt nach unten links gezogen wurde, rasten die Auenkanten links und unten an den Rasterpunkten.
Hinweis: Das Standardraster ist 50 Pixel zwischen den Hauptlinien mit jeweils 50 Unterteilungen. Dies bedeutet dass das Raster mit genau einem Pixel arbeitet und dann, bei 100% Zoom, noch keine sprbaren Effekte liefert. Vergrern sie jedoch die Ansicht auf beispielsweise 500%, kann man sehen, dass es exakt einrastet. Wenn Sie jedoch die Unterteilungen auf z.B. 10 ndern, erhalten Sie alle 5 Pixel einen Rastpunkt.
131
Blaue Linien kennzeichnen beim Ziehen mgliche Rastlinien, so dass Sie an den Kanten anderer Objekte rasten knnen, whrend rote Punkte das genaue Einrasten an Punkten ermglicht.
Besagte interessante Punkte sind die Auenlinien, die Ankerpunkte darauf und andere Positionen wie zum Beispiel der Mittelpunkt von Objekten. Der entsprechende Indikator auf der Statusleiste zeigt an, wenn die Objekte eingerastet sind. Wie an Objekten, knnen Sie auch an einer Linie durch den Mittelpunkt der Seite (waagerecht und senkrecht) rasten, was durch entsprechende Linien whrend des Ziehens angezeigt wird. Ein roter Punkt auf der Linie zeigt auch mgliche Rastpunkte auf dieser Linie an, wie die Mittellinie oder den Mittelpunkt der Seite.
132
Zwei Werte knnen dort eingegeben werden: Unter Radius fr das Ausrichten an Objekten stellen Sie den Radius eines imaginren Kreises um alle Rastpunkte ein sowie einen Abstand zu beiden Seiten einer Rastlinie, jeweils gemessen in Pixeln. Dadurch knnen Punkte klebriger als Linien gemacht werden. MAGIX Web Designer 7 Premium anpassen (auf Seite 443) enthlt alle Details des Optionen-Dialogs.
Randunschrfe
Gelegentlich kann es vorkommen, dass Sie die Kanten eines Objektes weichzeichnen mchte, um dieses etwa in den Hintergrund verlaufen zu lassen. Diese Funktion wird "Randunschrfe" genannt. Um scharfe Kanten zu vermeiden, knnte man beispielsweise auch zwei Bitmaps ineinander berflieen lassen.
133
1. 2.
Selektieren Sie ein oder mehrere Objekte die unscharf gemacht werden sollen. Entweder Sie geben einen numerischen Wert der Unschrfe in das Textfeld ein Oder Klicken Sie auf den Pfeil, um den Pop-up-Regler anzuzeigen. Wenn Sie den Regler ziehen, werden die Objekte an den Rndern weich ausgeblendet.
Sind mehrere Objekte ausgewhlt, wird um jedes eine Unschrfemaske gelegt. Sind diese gruppiert, wird eine Randunschrfe um alle zusammenfassend gelegt.
134
Abb.: Die EBENEN-GALERIE mit einer markierten Hilfsebene ber zwei anderen Ebenen.
AUF VORDERE EBENE BRINGEN und AUF HINTERE EBENE BRINGEN aus dem Men ANORDNEN berspringt die Hilfsebene und kann daher nicht verwendet werden.
Hilfslinie erstellen
Hilfslinien sind vertikale oder horizontale Linien, die verwendet werden knnen, um Objekte auf der Seite auszurichten. So erstellen Sie Hilfslinien: Whlen Sie LINEALE ANZEIGEN (Tastaturkrzel: Strg+ L) Ziehen Sie die Hilfslinie vom Lineal auf die Seite. Oder: Doppelklicken Sie auf das Lineal, um eine Hilfslinie auf Hhe der Maus zu erstellen. Dabei wird automatisch eine Hilfsebene erzeugt, auf die die Hilfslinien gesetzt werden. Oder unter Verwendung der EBENEN-GALERIE:
1. 2. 3. 4. 5.
Klicken Sie mit der rechten Maustaste in die EBENEN-GALERIE und whlen Sie
EIGENSCHAFTEN.
Falls ntig, klicken Sie auf den Reiter HILFSLINIEN . Whlen Sie HORIZONTAL oder VERTIKAL . Klicken Sie auf NEU . Geben Sie die gewnschte Position ein.
Hilfslinie lschen
Zum Lschen einer Hilfslinie gehen Sie so vor: Ziehen Sie mit dem AUSWAHL-WERKZEUG die Hilfslinien auf die entsprechenden Lineale (vertikales Lineal fr vertikale Hilfslinien, horizontales Lineal fr horizontale Hilfslinien) oder rechtsklicken Sie auf die Hilfslinie und whlen Sie LSCHEN .
135
Legt eine Kopie des Objekts ab, whrend es gezogen, skaliert oder geneigt wird. Die Originalgre ndert sich dabei nicht. Die Linienstrke wird whrend des Skalierens beibehalten. Fllungen werden beim Skalieren, Neigen, Drehen oder sonstigen Bewegen des Objektes nicht verndert. Schaltet magnetische Objekte ein/aus.
Gruppe erstellen 1. 2.
Whlen Sie alle gewnschten Objekte aus. Whlen Sie ANORDNEN > GRUPPIEREN (Strg + G), um die Objekte zu gruppieren.
Gruppen auflsen 1. 2.
Whlen Sie die Gruppe aus. Whlen Sie ANORDNEN > GRUPPE AUFLSEN (Strg + U).
Es knnen auch Gruppen mit anderen Gruppen oder Objekten zu einer Gruppe zweiter Ordnung zusammengesetzt werden, durch Weglassen von Schritt 2. Die Gruppierungen auf den unteren Stufen bleiben bestehen, wenn die Gesamtgruppierung wieder aufgelst wird.
136
Weiche Gruppen
Normale Gruppen, die in Objekte gruppieren und Gruppen auflsen (auf Seite 135) beschrieben werden, liegen auf einer Ebene und knnen sich nicht ber mehrere Ebenen erstrecken. WEICHE GRUPPEN erlauben es hingegen, Objekte auf verschiedenen Ebenen miteinander zu verbinden. Sobald ein Element einer weichen Gruppe ausgewhlt wird, werden automatisch alle anderen Elemente dieser weichen Gruppe ausgewhlt - sogar die Elemente, die sich auf unsichtbaren oder gesperrten Ebenen befinden. Wenn Sie also ein Element dieser weichen Gruppe verschieben, lschen, drehen oder anderweitig verndern, werden auch alle anderen Elemente dieser weichen Gruppe genauso verndert. Sie sehen in der Statusleiste, wenn eine weiche Gruppe ausgewhlt ist.
137
Um eine weiche Gruppe aufzulsen, whlen Sie im Men ANORDNEN->WEICHE GRUPPE (oder drcken Sie Strg + Alt + U). Die Objekte werden dabei nicht gelscht, sind nur nicht mehr ber eine weiche Gruppe miteinander verbunden.
Text-Synchronisation
Textobjekte mit demselben Text, die Bestandteil einer weichen Gruppe sind, werden synchronisiert, sobald eines von ihnen bearbeitet wird. Wenn Sie also den Text auf einem Objekt ndern, so wird er auch auf allen anderen Objekten, die genau denselben Text enthalten, gendert. Nur der Text wird synchronisiert; die Objekte knnen unterschiedliche Schriftgren, Schriftarten und Textattribute haben. Text-Synchronisation mittels weicher Gruppen ist dann hilfreich, wenn Sie wollen, dass eine Beschriftung an verschiedenen Orten, vielleicht sogar in unterschiedlichen Schriftstilen, vorkommt.
Ausrichtung
Diese Funktion erlaubt es, zwei oder mehr Objekte akkurat zueinander auszurichten.
Schnelles Ausrichten
Whlen Sie alle Objekte aus, die Sie ausrichten wollen, klicken Sie die Auswahl mit rechts an und whlen Sie AUSRICHTEN aus dem Men, nun haben Sie folgende Mglichkeiten: Die Objekte senkrecht anordnen mit LINKE KANTEN , MITTELPUNKTE oder RECHTE KANTEN . Die Objekte waagerecht anordnen mit OBERE KANTEN, MITTELPUNKTE oder UNTERE KANTEN .
138
Innerhalb
Dieser Teil des Dialoges steuert, in welchem Bereich Sie Objekte ausrichten und verteilen. Es gibt folgende Optionen:
AUSWAHLBEGRENZUNG : Die Grenzen sind die Auenkanten aller ausgewhlten Objekte. Ihre relative Position auf der Seite ist irrelevant.
HINTERGRUNDOBJEKT :
Die Grenzen sind die Auenkanten des hintersten ausgewhlten Objekts. Dieses Objekt ist von der Ausrichtung nicht betroffen. Sie knnen diese Funktion dazu verwenden, um das Referenz-Objekt zu definieren, wenn Sie z. B. mehrere Objekte in einer Reihe ausrichten wollen. Mit der normalen Auswahlbegrenzungs-Option ist das am weitesten links liegende Objekt das Referenz-Objekt
139
EINZELNE SEITE : Sind die Objekte auf einer einzelnen Seite, gelten deren Kanten als Begrenzung. (Damit knnen Objekte auf einer Seite zentriert oder an einer Seiten-Kante ausgerichtet werden.)
Ausrichten
Um Objekte z.B. an ihren linken Kanten auszurichten:
1. 2.
Selektieren Sie die Objekte und klicken Sie rechts auf die Auswahl. Whlen Sie AUSRICHTEN > LINKE KANTEN aus dem Men.
Die ausgewhlten Objekte bewegen sich und sind an deren linken Kanten ausgerichtet. oder:
1. 2. 3. 4. 5.
Whlen Sie"AUSRICHTEN" > "AUSRICHTUNG... " oder drcken Sie "Strg + Umschalt + L" Oder whlen Sie AUSRICHTUNG... aus dem Men ANORDNEN , um den Dialog Objekt-Ausrichtung zu ffnen. Whlen Sie die gewnschte Einstellung INNERHALB , z.B. Auswahlbegrenzung. Whlen Sie LINKS AUSRICHTEN fr horizontale Positionen. Lassen Sie die vertikale Position bestehen (KEINE VERNDERUNG ). Klicken Sie BERNEHMEN .
Die ausgewhlten Objekte bewegen sich und sind an deren linken Kanten ausgerichtet. Alle anderen Optionen zur Ausrichtung funktionieren genauso. Um die Erklrung kurz zu halten, wird hier nur die Option "Links ausrichten" (wie im Screenshot dargestellt) beschrieben. Experimentieren Sie einfach mit den Funktionen, um die anderen Einstellungen kennen zu lernen. Um jede Kombination der Ausrichtungsoptionen schnell auszuwhlen, klicken Sie mit der Maus in die Grafik. Ein einfacher Mausklick in die Grafik richtet horizontal oder vertikal an der geklickten Position aus, entsprechend der neun mglichen Kombinationen von oben-mittig-unten und links-mittig-rechts. Strg + Mausklick behlt die horizontale Position bei und ordnet die Objekte in einer Reihe an, oben, mittig oder unten.
140
Verteilen
Die verschiedenen Verteilen-Optionen in den Flipmens HORIZONTALE bzw. VERTIKALE bewirken, dass alle ausgewhlten Objekte gleichmig ber die gewhlte Flche (AUSWAHLBEGRENZUNG , EINZELNE SEITE oder SEITEN) verteilt werden.
POSITIONEN
Alle Mglichkeiten zur Verteilung funktionieren hnlich. Die folgenden Beispiele zeigen, was die verschiedenen Optionen der vertikalen Positionierung bewirken:
OBERE RNDER VERTEILEN :
Anhand der Objektoberkanten werden die Objekte gleichmig verteilt. UNTERE RNDER VERTEILEN: Genau umgekehrt - anhand der unteren Rnder werden die Objekte gleichmig verteilt.
MITTELPUNKTE VERTEILEN :
MIT GLEICHEN ABSTNDEN VERTEILEN: Die Objekte haben alle den gleichen Abstand zueinander.
Die Einstellungen fr horizontale Positionierung sind hnlich, beziehen sich aber auf die Horizontale. Angenommen Sie mchten in folgendem Beispiel die Kreise so anordnen, dass alle den gleichen Abstand zueinander haben und an der Oberkante ausgerichtet sind: Whlen Sie die Kreise aus ffnen Sie den Dialog OBJEKTAUSRICHTUNG (Strg + Umschalt + L) Gehen Sie sicher, dass unter INNERHALB die Option AUSWAHLBEGRENZUNG aktiviert ist. Whlen Sie unter HORIZONTALE POSITION die Option MITTELPUNKTE VERTEILEN. Whlen Sie unter VERTIKALE POSITION die Option OBEN AUSRICHTEN . Klicken Sie auf BERNEHMEN . Das Resultat wird so aussehen wie in der Abbildung. Alle Objekte haben bezglich des Objektmittelpunkts horizontal den gleichen Abstand
141
1. 2. 3. 4.
Whlen sie zuerst das Objekt, dessen Attribute Sie kopieren mchten. Kopieren Sie alles in die Zwischenablage. (BEARBEITEN > KOPIEREN oder Strg + C). Whlen Sie ein oder mehrere Objekte, auf welche Sie die Attribute anwenden mchten. Whlen Sie BEARBEITEN > ATTRIBUTE EINFGEN (Tastaturkrzel Strg + Umschalt + A).
Das Objekt bleibt in der Zwischenablage, bis es durch einen anderen Kopier- oder Ausschneidevorgang berschrieben wird. Dadurch knnen Sie die Attribute sooft einfgen, wie ntig.
Style Bibliotheken
Es ist recht einfach, hiermit Dokumente anzulegen, die als Style Bibliotheken verwendet werden knnen. Gestalten Sie eine Reihe an ntzlichen kleinen Objekten mit verschiedenen Fllungen, Farbstilen oder anderen Attributen, die Ihnen dann als Styles dienen. Der schnellste Weg, einen dieser Styles dann anzuwenden ist: Klicken Sie auf das Quellobjekt und bettigen sie die Tastenkombination Strg + C, um den Style zu kopieren Gehen zum Zielobjekt (welches auch in einem anderen Dokument sein kann, Strg + Tab wechselt zwischen geffneten Dokumenten), klicken Sie auf das Objekt, auf welches Sie den Style anwenden mchten. Mit Strg+Umschalt+A wenden Sie nun die Attribute an. Hinweis: Die meisten Attribute, einschlielich Schatten, Randunschrfe, Fllungstypen, Live-Effekte, etc. eines Objektes knnen so an andere Objekte weitergegeben werden. Kanten lassen sich jedoch nur von einem Objekt zum anderen kopieren, wenn das Objekt, auf das eine Kante kopiert werden soll, bereits ber eine Kante verfgt, auf das die Attribute angewendet werden sollen.
142
Der Dialog ist nicht modal, d. h. Sie knnen die Auswahl ndern, whrend der Dialog geffnet ist. Er zeigt die Namen der aktuellen Auswahl an. Das Textfeld oben im Dialog zeigt Ihnen, wie viele Objekte Sie ausgewhlt haben.
143
Angewendete Namen
Das Feld ANGEWENDETE NAMEN zeigt Ihnen die Namen, die auf Ihre Auswahl angewendet sind. Wenn Sie mehr als ein Objekt ausgewhlt haben, werden nur dann Namen angezeigt, wenn alle Objekte genau dieselben Namen haben. Ansonsten wird <viele> angezeigt, so dass Sie wissen, dass auf die verschiedenen Objekte in Ihrer Auswahl unterschiedliche Namen angewendet wurden. Um einen Namen von einem Objekt zu entfernen, klicken Sie diesen in der ANGEWENDETE NAMEN -Liste an und anschlieend auf die ENTFERNEN -Schaltflche.
Wiederholte Objekte
Es ist blich, dass sich Elemente wie Navigations-Schaltflchen, Kopfzeilen oder Logos auf jeder Seite Ihrer Website wiederhol Web Designer Premium gibt Ihnen die Mglichkeit, jedes Element an der selben Stelle auf jeder Ihrer Seiten zu wiederholen. Wenn Sie eine der Kopien aktualisieren, aktualisiert Web Designer Premium automatisch diese nderungen auf allen Seiten, die eine Kopie des wiederholten Objekts haben. Bei den meisten Vorlagen sind die Navigationsschaltflchen wiederholte Objekte. Sie knnen aus jedem Objekt (z.B. einer Schaltflche) ein wiederholtes Objekt machen, indem Sie es rechts anklicken und AUF ALLEN SEITEN WIEDERHOLEN auswhlen. Das Objekt wird jetzt an die selbe Stelle auf allen Seiten kopiert, rechts oben am Objekt sehen Sie das Symbol fr wiederholte Objekte. Wenn Sie jetzt weitere nderungen an diesem Objekt vornehmen, werden diese nderungen auf alle Kopien automatisch bertragen. Logo-Text und Fuzeilen sind in den Vorlagen normalerweise als wiederholte Objekte eingestellt.
144
In der rechten oberen Ecke ist das Symbol fr wiederholte Objekte zu sehen
Wird ein wiederholtes Objekt gendert, wird es nur auf den Seiten aktualisiert, auf denen es schon vorhanden ist. Sie knnen also entscheiden, welche Seiten ein wiederholtes Objekt haben sollen und welche nicht.
145
Web Designer Premium fgt jedes wiederholte Objekt einer Wiederholte-Objekte-Gruppe hinzu.
Wenn Sie ein Element innerhalb dieser Gruppe bearbeiten mchten, mssen Sie mit Strg + Mausklick das Element innerhalb der Wiederholte-Objekte-Gruppe auswhlen. Eine andere Mglichkeit ist, ein bestimmtes Werkzeug auszuwhlen, wenn Sie dann auf ein Objekt klicken, welches mit diesem Werkzeug bearbeitet werden kann, wird dieses innerhalb der Wiederholte-Objekte-Gruppe ausgewhlt (genau wie bei jeder anderen Gruppe auch). So knnen Sie zum Beispiel ein QuickShape innerhalb einer Gruppe auswhlen, indem sie zunchst das QuickShape-Werkzeug auswhlen und dann auf das Rechteck klicken. Wie bei allen nderungen an einem wiederholten Objekt werden auch die nderungen, die Sie innerhalb einer Gruppe wiederholter Objekte vornehmen, auf alle Instanzen dieses wiederholten Objekts auf anderen Seiten bertragen.
Kopf-/Fuzeilen
Angenommen, die Seiten Ihrer Website haben eine unterschiedliche Lnge und Sie mchten einige wiederholte Objekte mit einem bestimmten Abstand zum oberen und
146
147
Die ausgewhlte Seite ist diejenige, an der Sie arbeiten, Sie wird durch diese Symbole um die Seitenecken gekennzeichnet. ber die Funktion AUF ALLEN SEITEN WIEDERHOLEN wird automatisch der Name LiveCopy:AutoRepeat an das Objekt und alle Kopien vergeben. Dieser LiveCopy-Name kann jeder Auswahl zugeordnet werden, z. B. einer Gruppe Schaltflchen, indem Sie alle Schaltflchen auswhlen und den Namen der ganzen Auswahl auf einmal zuweisen. Beachten Sie aber, dass, wenn Sie verschiedene Teile der Seite separat behandelt haben wollen, wie Kopfzeilen und Fuzeilen, sollten sie auch jeweils verschiedene Repeating-Namen vergeben, beispielsweise LiveCopy:Kopfzeile.
148
Formeditor-Werkzeug
Formeditor-Werkzeug
Das FORMEDITOR-Werkzeug wird sowohl zum Erstellen prziser Kurven, Linien und Formen als auch zu deren Bearbeitung verwendet.
Hinzufgen/ndern/Bearbeiten-Indikator Kurve erzeugen Linie erzeugen Runde Verbindung Spitze Verbindung An Ankerpunkten auftrennen Ankerpunkte lschen Pfade umkehren Position der Anfasser Glttung Die Infoleiste (oben abgebildet) bietet eine groe Anzahl an Bedienelementen und ermglicht eine przise, numerische Steuerung. Alle Linien und Formen in MAGIX Web Designer 7 Premium setzen sich aus eine Folge von Linien- und Kurvenabschnitten zusammen. Kurven werden manchmal als Bzier-Kurven bezeichnet, benannt nach dem Mathematiker, der sie zuerst beschrieben hat.
Die Bereiche oder Segmente einer Linie werden durch kleine schwarze Ankerpunkte gekennzeichnet. Sie knnen diese Ankerpunkte verschieben, hinzufgen und lschen, um die Form der Linie oder des Umrisses zu verndern.
149
Sie knnen jedes dieser Werkzeuge zum Zeichnen von Linien und Formen verwenden: Das FREIHAND- & PINSELWERKZEUG (F3) Das LINIEN- UND PFEIL-WERKZEUG Das FORMEDITOR-Werkzeug (F4) oder das STIFT -Werkzeug (Umschalt * F5) Mit dem Werkzeug FREIHAND & PINSEL kann man am einfachsten Linien und Formen zeichnen, da es sich wie ein Bleistift verhlt. Wollen Sie nur einzelne gerade Linien oder Pfeilspitzen und -enden an jede andere Linie anfgen, so ist das LINIEN- UND PFEIL-WERKZEUG Ihre erste Wahl. Das FORMEDITOR- Werkzeug ist zum Zeichnen prziser Kurven und Linien am besten geeignet. Es ist ebenfalls das Hauptwerkzeug zum Zeichnen von Linien und Formen. Das STIFT -Werkzeug kann auch zur Erstellung prziser Formen verwendet werden. Die Funktionalitt ist jedoch begrenzt und das Werkzeug funktioniert wie ein Linienwerkzeug anderer Zeichenprogramme.
1. 2. 3. 4.
Positionieren Sie den Mauszeiger dort wo die Linie beginnen soll. Drcken Sie die Maustaste und halten Sie sie gedrckt. (Oder zeichnen Sie auf Ihrem Grafiktablet oder anderen angeschlossenen Gert.) Whrend Sie die Maus ber das Dokument ziehen, wird die Linie in Echtzeit gezeichnet. Lassen Sie die Maustaste los, um die Liniezeichnung zu beenden.
Gltten
Re-Fit-Indikator
Nachdem Sie eine Linie freihand gezeichnet haben, knnen Sie mit dem Regler in der Infoleiste die Glttung der Kurve z. B. die Anzahl der Ankerpunkte einstellen.
150
Formeditor-Werkzeug
Niedrige Werte lassen die Linie strker den Mausbewegungen folgen, indem mehr Zwischenpunkte erstellt werden hhere Werte sorgen fr glattere Kurven mit weniger Zwischenpunkten.
Sie knnen die Glttung so lange anpassen, bis sie weitere Bearbeitungen an der Linie durchfhren (anhand des Re-Fit-Indikators in der Infoleiste sehen Sie, ob Sie die Glttung noch ndern knnen).
Whlen Sie die Linie durch einen Klick auf die Form oder Linie mit dem FREIHAND & aus. Wenn Sie nun den Mauszeiger ber das Ende einer Linie bewegen, erscheint ein kleines + neben dem Stift-Symbol. Dadurch wird Ihnen angezeigt, dass Sie einen neuen Freihandbereich durch Zeichnen hinzufgen knnen.
Formeditor-Werkzeug
Freihandform schlieen (um eine gefllte Form zu erstellen)
Durch die Verbindung von Linienanfang und -ende wird die Linie in eine gefllte Form umgewandelt. Sie knnen nun die Fllungsfarbe durch Ziehen der Farben aus der Farbleiste bzw. durch Verwenden des Farbeditors ndern.
151
Bewegen Sie den Freihand-Stift ber einen Teil der Linie. Ein ~ zeigt an, wenn der Pinsel in der richtigen Position ist.
Zeichnen Sie die bentigte Linie und bewegen Sie dann den Freihand-Stift ber den zweiten Ankerpunkt der vorhandenen Linie. Ein ~ zeigt wieder an, wenn der Pinsel in der richtigen Position ist.
Lassen Sie die Maustaste los um den Bereich der Linie zu ersetzen.
152
Formeditor-Werkzeug
Skizzenmodus
Diese Option ist sinnvoll, wenn Sie schnell hintereinander viele Linien eng beieinander (vielleicht mit einem Grafiktablett) zeichnen mchten. Wenn Sie so arbeiten, wollen Sie im Normalfall keine existierenden Linien bearbeiten, sondern mit jedem Strich neue Linien zeichnen. Wie oben jedoch beschrieben, fhrt eine Zeichenoperation auf einer Linie oder ihren Endpunkten dazu, dass diese Linie modifiziert wird. Beim Skizzieren knnte es also passieren, dass Sie aus Versehen existierende Linien modifizieren statt neue zu zeichnen. Um dieses Problem zu lsen, stellen Sie den Skizzenmodus an! Halten Sie nun den Mauszeiger ber eine Linie oder einen Endpunkt, gibt es eine kurze Pause, bevor der Mauszeiger anzeigt, dass diese Linie bearbeitet oder verlngert werden kann. Diese Pause heit, dass Sie zwar immer noch Linien bearbeiten knnen, dies aber nicht aus Versehen machen, wenn Sie neue Linien skizzieren mchten.
Kantenverfolgung
Die Kantenverfolgung hilft, Linien zu zeichnen, die sichtbaren Kanten in Fotos folgen. So knnen Sie z. B. um ein Gebude oder hnliches auf einem Foto, das Sie ausschneiden mchten, zeichnen. Bei den meisten Fotos sollte die Glttung vom Ursprungswert etwas runtergeregelt werden, damit die Linie komplexen Kanten weniger glatt folgt. Die Glttung knnen Sie auch nach dem Zeichnen anpassen.
Kantenverfolgung an/aus
Schalten Sie die Kantenverfolgung mit der Schaltflche in der Infoleiste ein. Zeichnen Sie dann im Freihand-Werkzeug ber ein Foto, um zu sehen, wie die Linie versucht, den Kanten des Bildes zu folgen. Mit der T-Taste knnen Sie die Kantenverfolgung whrend des Zeichnens ein-/ausschalten. Sie sehen am Mauszeiger, ob die Kantenverfolgung ein- oder ausgeschaltet ist. So knnen Sie die Kantenverfolgung z. B. ausschalten, wenn Sie ber einen komplexen Teil des Bildes zeichnen, bei dem es keine klaren Kanten gibt.
Formeditor-Werkzeug
Festsetz-Punkte
Ihnen wird wahrscheinlich whrend des Zeichnens an der Kante eines Fotos auffallen, dass die letzten Pixel der Linie hin- und herspringen, da die Linie verschiedene Wege ausprobiert. Gibt es mehr als einen mglichen Weg, bewegen Sie den Mauszeiger herum, um zu sehen, wie die Kante zwischen ihnen wechselt. Sie knnen eine Kante festsetzen, indem Sie auf die Leertaste drcken sobald der richtige Weg angezeigt wird. Wenn Sie nun weiter zeichnen, versucht die Kantenverfolgung weitere Wege zwischen dem Festsetz-Punkt und Mauszeiger zu finden. Festsetz-Punkte werden automatisch alle 50 Bildschirm-Pixel gesetzt, da Sie normalerweise nicht mehr als diese Distanz neu ausrichten wollen werden.
153
Radieren
Unabhngig davon, ob die Kantenverfolgung ein- oder ausgeschaltet ist, knnen Sie den den letzten Teil der Linie wieder entfernen, indem Sie die Umschalt-Taste gedrckt halten und den Verlauf der Linie zurck verfolgen. Die Linie wird nach und nach bis zum Ende ausradiert.
Komplexe Bilder
Nur wenige Fotos haben Objekte mit eindeutigen Kanten, die man einfach mit der Kantenverfolgung nachzeichnen kann. Die Objekte oder der Hintergrund enthalten oft Texturen, so dass die Kantenverfolgung mehrere Kanten whlen knnte. Um die Kantenverfolgung besser zu steuern, zoomen Sie in schwierige Teile des Fotos hinein und setzen Sie mit der Leertaste manuell Festsetz-Punkte, je komplexer das Bild, desto hufiger. Auerdem sollten Sie durch Drcken von T die Kantenverfolgung ein- und ausschalten wenn Sie zwischen Teilen, denen man leicht folgen kann und Teilen, die schwierig sind, wechseln.
Nicht-destruktive Bearbeitung
Im Gegensatz zu den meisten anderen Foto-Programmen, die Pixel dauerhaft verndern, wenn Sie Objekte ausschneiden, ist MAGIX Web Designer 7 Premium nicht-destruktiv. Der
154
Formeditor-Werkzeug
Umriss bleibt ein bearbeitbarer Vektor-Umriss, den Sie wie alle anderen Vektor-Formen mit dem Feihand- oder Formeditor-Werkzeug bearbeiten knnen. Verwenden Sie den Formeditor, um den Umriss manuell anzupassen und durch Bearbeiten der Kanten mehr oder weniger vom Bild zu zeigen.
Pinselstile
Sie knnen das Werkzeug FREIHAND & PINSEL auch verwenden, um entlang einer Linie unterschiedliche Pinselstrich-Stile aufzutragen. Sie knnen also eine feste Linienstrke in eine Linie mit variabler Strke umwandeln bzw. aus einem fast unbegrenzten Pool unterschiedlicher Pinselstile whlen, z. B. Filzstift, Spraydose, Marker etc. Es ist wichtig zu verstehen, dass die Linie vollstndig bearbeitbar bleibt, d. h. Sie knnen die Linienform oder Pinselstriche zu einem spteren Zeitpunkt jederzeit wieder anklicken und bearbeiten, ganz im Gegensatz zu vielen anderen Fotobearbeitungsprogrammen. Weitere Informationen hierzu erhalten Sie im Abschnitt Pinsel dieses Kapitels.
Formeditor-Werkzeug
Pfeilspitzen & -enden hinzufgen
Die Infoleiste beinhaltet zwei Dropdown-Listen auf der linken Seite, bei denen Sie Spitze und Ende fr jede Seite der Linie einstellen knnen.
155
Pfeilspitze Pfeilende Gre von Pfeilspitze/-ende Pfad umkehren Mit dem Regler in der Infoleiste knnen Sie die Gre von Pfeilspitze und -ende der aktuell ausgewhlten Linie einstellen. Alternativ geben Sie rechts vom Regler in das Gre-Feld eine Prozentzahl ein. Standardmig haben Pfeilspitzen etwa die sechsfache Gre der Linienstrke. Dies wird vom Regler als 100% Gre angenommen. Erhhen Sie die Linienstrke, wird auch die Pfeilspitze entsprechend grer. Um also die Gre der Pfeilspitze zu verringern, geben Sie weniger als 100%, um sie zu erhhen, mehr als 100% ein. Der Regler erlaubt zwar nur maximal 800%, in das Feld rechts neben dem Regler knnen Sie aber auch hhere Angaben eingeben.
Pfad umkehren
Klicken Sie auf PFAD UMKEHREN in der Infoleiste, um Pfeilspitze und -ende der ausgewhlten Linie miteinander auszutauschen.
156
Formeditor-Werkzeug Formeditor-Werkzeug
Das FORMEDITOR-Werkzeug wird sowohl zum Erstellen prziser Kurven, Linien und Formen als auch zu deren Bearbeitung verwendet.
Hinzufgen/ndern/Bearbeiten-Anzeige Kurve erzeugen Linie erzeugen Runde Verbindung Spitze Verbindung An Ankerpunkten brechen Ankerpunkte lschen Pfade umkehren Position der Anfasser Glttung Die Infoleiste (oben abgebildet) bietet eine groe Anzahl an Bedienelementen und die Mglichkeit przise, numerische Werte einzugeben. Alle Linien und Formen in MAGIX Web Designer 7 Premium setzen sich aus einer Folge von Linien- und Kurvenbereichen zusammen. Diese Kurven werden manchmal als Bzier-Kurven bezeichnet, benannt nach dem Mathematiker, der sie zuerst beschrieben hat. Obwohl dieser Abschnitt das FORMEDITOR-Werkzeug beschreibt, knnen Sie auch Linien und Formen mithilfe des AUSWAHL-WERKZEUGS bearbeiten, wenn die Schaltflche OBJEKTANFASSER ANZEIGEN in der Infoleiste des AUSWAHL-WERKZEUG aktiviert wurde.
Die Bereiche oder Segmente einer Linie werden durch kleine schwarze Ankerpunkte gekennzeichnet. Sie knnen diese Anfasser verschieben, hinzufgen und lschen, um die Form der Linie oder des Umrisses zu verndern.
Formeditor-Werkzeug
Einige Objekte wie z. B. QuickShapes, Rechtecke, Ellipsen und Text mssen zuerst in bearbeitbare Formen umgewandelt werden bevor Sie das FORMEDITOR-Werkzeug mit ihnen verwenden knnen. Whlen Sie dazu Anordnen > In bearbeitbare Form umwandeln (Strg + Umschalt + S) aus.
157
1.
2.
Klicken Sie an eine Stelle im Dokument, um die Linie zu beginnen (Sie knnen an jedem beliebigen Punkt beginnen. Sie mssen nicht von links nach rechts bzw. von oben nach unten arbeiten). Ein Ankerpunkt wird erstellt. Dieser wird als rotes Quadrat dargestellt, um kenntlich zu machen, dass er ausgewhlt ist. Aktivieren Sie die Schaltflche LINIE ERZEUGEN auf der Infoleiste (Taste L). Dadurch wird gewhrleistet, dass Sie beim nchsten Klick eine gerade Linie zeichnen.
Entweder klicken Sie an die Stelle, an der Sie gerne den nchsten Ankerpunkt htten oder Sie klicken und verschieben dann per Drag und Drop den Ankerpunkt und lassen die Maustaste an der richtigen Stelle wieder los. Dadurch wird ein Liniensegment erstellt und der neue Endanfasser wird ausgewhlt.
1. 2. 3.
Klicken Sie an eine beliebige Stelle, an der die Linie beginnen soll. Aktivieren Sie bei Bedarf die Schaltflche KURVE ERZEUGEN . (Tastenkombination C). Klicken Sie erneut mit der Maustaste oder ziehen Sie die Maus an die gewnschte Position, um einen zweiten Ankerpunkt zu erstellen (wie es fr gerade Linien erklrt wurde). Nun wird der Linie ein Kurvensegment hinzugefgt.
158
Formeditor-Werkzeug
Auf einem Kurvensegment befinden sich Kurvenanfasser, die mit den ausgewhlten Ankerpunkten in Verbindung stehen.
Sie knnen die Ankerpunkte verschieben, um den Winkel und Radius der Kurve zu verndern.
Linien verlngern
Whlen Sie einen Endanfasser aus (rote Umrandung) und klicken Sie dann einfach erneut, um einen neuen Linien- oder Kurvenbereich hinzuzufgen. Jeder weitere Klick platziert einen neuen Ankerpunkt und zeichnet ein neues Liniensegment an den ausgewhlten Ankerpunkt.
Linie abschlieen
Wenn Sie bei gehaltener Umschalt-Taste klicken, wird die Linie abgeschlossen (und bleibt ausgewhlt), wenn Sie Esc drcken, wird die Linie abgeschlossen und abgewhlt.
Ankerpunkt.
EIN AUSGEWHLTER ENDPUNKT : ein Mausklick ins Dokument erzeugt eine neue Linie, die vom ausgewhlten Endpunkt bis zum Mauszeiger verluft. EIN ODER MEHRERE (INNERE) AUSGEWHLTE ANKERPUNKTE : die ausgewhlten Anfasser knnen mit dem FORMEDITOR-WERKZEUG verschoben werden
NEU :
HINZUFGEN:
zum Erstellen einer neuen Linie zum Verlngern einer Linie NDERN: zum ndern von Ankerpunkten (ziehen oder lschen)
Formeditor-Werkzeug
Linienende
159
1. 2.
Klicken Sie bei Bedarf auf den Endpunkt, um diesen auszuwhlen. Bringen Sie den Mauszeiger in die richtige Position und klicken Sie, um einen neuen Bereich hinzuzufgen.
Linienmitte
1. 2.
Klicken Sie auf die Linie, um einen neuen Ankerpunkt hinzuzufgen. Ziehen Sie den Ankerpunkt an die bentigte Stelle.
1. 2. 3.
Klicken Sie bei gehaltener Umschalt-Taste, um die Linie zu beenden. Klicken Sie auf den Startanfasser. Positionieren Sie den Mauszeiger und klicken Sie.
1. 2.
Whlen Sie einen Ankerpunkt aus, indem Sie ihn anklicken. Halten Sie die Umschalt-Taste und klicken Sie auf die anderen Ankerpunkte, um diese ebenfalls auszuwhlen (Erneutes Klicken bei gehaltener Umschalt-Taste hebt die Auswahl wieder auf). Oder halten Sie beim Klicken eines Ankerpunkts Umschalt + Strg gedrckt, um alle Ankerpunkte der Linie auszuwhlen. Oder ziehen Sie den Mauszeiger diagonal, um ein Rechteck aufzuziehen. Alle Ankerpunkte im Rechteck werden ausgewhlt.
160
Formeditor-Werkzeug
Oder halten Sie die Umschalt-Taste gedrckt und ziehen Sie den Mauszeiger diagonal, um eine Auswahl zu erstellen. Hierbei werden alle Punkte innerhalb des Rechtecks den bereits ausgewhlten hinzugefgt. 3. Wenn die Linie einen oder mehrere markierte Ankerpunkte besitzt: Mit Ende bewegen Sie die Auswahl zum Ende der Linie. Mit Pos1 bewegen Sie die Auswahl zum Anfang der Linie. Mit Tab bewegen Sie die Auswahl in Richtung Ende zum nchsten Ankerpunkt auf der Linie. Mit Umschalt+Tab bewegen Sie die Auswahl zum nchsten Ankerpunkt in Richtung Anfang auf der Linie.
-
Hinweis: Die Anfangs- und Endpunkte sind beim Hinzufgen von Pfeilen wichtig.
Ankerpunkte lschen
Whlen Sie den oder die Ankerpunkte wie oben beschrieben aus und klicken Sie entweder auf die Schaltflche ANKERPUNKTE LSCHEN (Formeditor-Infoleiste) oder drcken Sie die Entf-Taste.
Ankerpunkte bewegen
Sie knnen einen oder mehrere ausgewhlte Ankerpunkte mit dem FORMEDITOR-WERKZEUG verschieben: Ziehen Sie die Ankerpunkte mit der Maus oder verwenden Sie die Pfeiltasten auf der Tastatur Geben Sie neue Werte in die Textfelder auf der Infoleiste ein, um einen einzelnen Ankerpunkt zu verschieben (siehe unten).
Die umgebenden X/Y-Felder zeigen die Koordinaten der Kurvenanfasser an beiden Seiten des ausgewhlten Punktes an. Voreingestellt sind die X-Y-Koordinaten in Druckdokumenten relativ zur linken unteren Ecke und fr Web-Dokumente zur linken oberen Ecke der Seite. Sie knnen das im Dialog Optionen > Raster und Lineal (auf Seite 447) ndern.
Formeditor-Werkzeug
Wenn sich der ausgewhlte Punkt am Ende einer geraden Linie befindet, zeigen die linken Felder Lnge und Winkel der Linie an. Sie knnen diese ndern indem Sie einen neuen Wert eingeben und die Eingabetaste drcken.
161
Lnge und Winkel der geraden Linie Position des ausgewhlten Punkts Position des Kurvenanfassers
Linien gltten
Hinweis: Gilt nur fr das FORMEDITOR-WERKZEUG . Bei importierten Formen oder Formen des Bitmap-Tracers (,der automatisch Bilddateien nachzeichnet,) sind mglicherweise unntige Punkte auf einer Linie vorhanden. Linien mit zu vielen Punkten lassen sich mglicherweise schwierig handhaben und knnen den Rendering-Prozess verlangsamen. MAGIX Web Designer 7 Premium kann die Linie gltten, um unntige Punkte zu entfernen. Whlen Sie auf dem Teil der Linie alle Punkte, die Sie gltten mchten (siehe oben). Einen Bereich mit dem FORMEDITOR-WERKZEUG auszuwhlen ist mglicherweise die einfachste Methode, viele Punkte gleichzeitig auszuwhlen.
Ziehen Sie den Regler GLTTUNG zum Ende der FORMEDITOR -Infoleiste.
Das Programm merkt sich entfernte Punkte, damit Sie spter durch Verschieben des Reglers weitere Glttungen der Linie vornehmen knnen. Entfernte Punkte werden gelscht, wenn Sie die Linie erneut bearbeiten, z. B. durch Ziehen eines Anfassers.
162
Formeditor-Werkzeug
Tipp: Um sicherzustellen, dass wichtige Punkte nicht gelscht werden, sollten Sie sich vergewissern, dass diese nicht ausgewhlt sind (Umschalt + Klick auf einen ausgewhlten Punkt hebt die Auswahl auf).
Kurven ndern
Verwendung des Kurvenanfassers
Durch Ziehen eines Kurvenanfassers ndern Sie die Biegung der umgebenden Kurvensegmente. Bewegen Sie den Kurvenanfasser in Richtung des Ankerpunkts oder entfernen Sie ihn davon, um die Kurve in die entsprechende Richtung zu ziehen.
Liniensegment ziehen
Sie knnen die Kurve durch Ziehen der Segmente zwischen den Ankerpunkten verndern.
Beachten Sie bitte den Unterschied zwischen dem Ziehen der Linie zum Verndern der Form und dem Anklicken der Linie, um einen neuen Ankerpunktanfasser hinzuzufgen. Das Ziehen einer geraden Linie ndert deren Form zu einem Kurvensegment.
Formeditor-Werkzeug
Spitze Verbindung erstellen
Normalerweise zeichnet MAGIX Web Designer 7 Premium eine geglttete Kurve durch einen Ankerpunkt. Hierzu werden die zwei Kurvenanfasser an beiden Enden der Ankerpunkte verkoppelt. Das Bewegen eines Kurvenanfassers bewegt also somit auch den anderen. In manchen Fllen wird eine spitze Verbindung bentigt. Trennen Sie hierfr die Kurvenanfasser: Doppelklicken Sie auf den Ankerpunkt. Oder whlen Sie den Ankerpunkt aus und klicken Sie auf die Schaltflche SPITZE VERBINDUNG oder drcken Sie die Taste Z. Sie knnen nun die beiden Kurvenanfasser unabhngig voneinander bewegen.
163
Kurven ausbalancieren
Durch Ausbalancieren sind die beiden Kurvenanfasser gleich Weit vom Punktanfasser entfernt. Dadurch wirken die Kurven glatter und symmetrischer. Um eine Kurve auszubalancieren, mssen Sie den Punktanfasser auswhlen und dann an einem der Kurvenanfasser mit gedrckter Umschalt-Taste ziehen. Sobald Sie an einem Kurvenanfasser ziehen, bewegt sich der andere mit. Beide sind dann gleich weit vom Punktanfasser entfernt.
164
Linien verbinden
Sie knnen Linien nur verbinden, wenn diese ausgewhlt sind (im ausgewhlten Zustand werden die Ankerpunkte auf beiden Linien angezeigt): Im AUSWAHL- Werkzeug, halten Sie die Umschalt-Taste gedrckt und klicken Sie auf die Linien um Sie auszuwhlen. (Falls Sie sich bereits im FORMEDITOR-WERKZEUG befinden, knnen Sie auch die Leertaste drcken, um vorbergehend zum AUSWAHL- Werkzeug zu wechseln). Halten Sie die Umschalt-Taste und klicken Sie, um die zweite Linie auszuwhlen und drcken Sie dann wieder Alt + S, um zum FORMEDITOR-WERKZEUG zurckzukehren.) Das Auswhlen von Objekten wird im Abschnitt Objekte auswhlen (auf Seite 111) ausfhrlich beschrieben. Ziehen Sie, sobald beide Objekte im FORMEDITORWerkzeug ausgewhlt wurden, den Endanfasser einer Linie ber das Ende der anderen. Whrend Sie den Mauszeiger ziehen, erscheint ein +-Symbol, um Ihnen anzuzeigen, dass die Linien verbunden werden.
Formeditor-Werkzeug
Falls die Enden der zwei Linien bereits sehr nah beieinander liegen, jedoch nicht verbunden sind, knnen Sie entweder hineinzoomen oder die Endpunkte zuerst auseinander und dann wieder bereinander ziehen. Ein + wird dann angezeigt, das Ihnen mitteilt, dass die Enden verbunden werden. Ziehen Sie die beiden anderen End-Anfasser zusammen, um eine ausgefllte Form zu erstellen. Da nur Endanfasser verbunden werden, knnen Sie nur Linien und keine Formen verbinden. Formen sind geschlossene Objekte und haben daher keine Endanfasser.
165
Formen unterteilen
Mchten Sie eine Linie oder Form auftrennen, so knnen Sie entweder einen vorhandenen Ankerpunkt auf der Linie oder dem Umriss der Form auswhlen oder einen neuen Ankerpunkt an der Stelle erstellen, an der Sie die Linie teilen mchten. Klicken Sie einfach mit dem FORMEDITOR-WERKZEUG auf die Linie (siehe oben). Klicken Sie auf die Schaltflche AN ANKERPUNKTEN AUFTRENNEN oder drcken Sie die Taste B.
Nach Trennen einer Linie ist zunchst keine nderung sichtbar. Wenn Sie jedoch den Ankerpunkt verschieben, bewegt sich lediglich ein Teil der Linie. Eine aufgetrennte Form wird zu einer Linie. Alle Fllungen verschwinden. Hinweis: Der Befehl FORMEN ZERSCHNEIDEN (unter ANORDNEN > FORMEN KOMBINIEREN ) ermglicht Ihnen auch, Formen in zwei separate Formen zu unterteilen. Das wird nher im Kapitel Arbeiten mit Formen (auf Seite 173) beschrieben.
Linienstrke ndern
Whlen Sie zuerst das Objekt oder die Objekte aus, bei denen Sie die Strke der Linie bzw. der Umrandung ndern mchten. Geben Sie eine neue Breite in das Textfeld auf der Standard-Symbolleiste ein oder whlen Sie eine der Standardbreiten aus dem Men aus. Die Linienstrke wird in der Regel in Punkten (pt) gemessen. 1 Punkt sind etwa 0,3 mm bzw. etwas weniger als die Breite eines Bildschirm-Pixels bei einer Betrachtung mit 100% Zoomeinstellung. Tipp: Sie knnen alle Standardmaeinheiten von MAGIX Web Designer 7 Premium verwenden. MAGIX Web Designer 7 Premium wandelt die Maeinheit dann in die richtige
166
Formeditor-Werkzeug
Punktzahl um. So knnen Sie z. B. 0,5cm eingeben, um eine 0,5 cm starke Linie zu erhalten. Es werden jedoch nur 14 Punkte angezeigt. Wenn Sie kein Objekt ausgewhlt haben und die Linienstrke trotzdem ndern, wird der Standardwert fr alle neuen Linien gendert. Hinweis: Der Wert KEINE stellt hier einen Sonderfall dar und sollte in der Regel nicht verwendet werden. Hiermit wird eine Linie mit einer Strke von einem Pixel der Anzeige erstellt. Somit ist die tatschliche Gre von dem Ausgabegert abhngig, auf dem die Zeichnung dargestellt wird. Auf einem Bildschirm ist ein Pixel eindeutig sichtbar und wird niemals mit Anti-Aliasing angezeigt. Auf Druckern, vor allem Fotodruckern, deren Auflsung um ein Vielfaches hher ist, ist die Linie fast unsichtbar (Die Liniengre Keine in importierten Dateien wird in 0,25 Punkte umgewandelt).
Linien-Galerie
Die LINIEN-GALERIE kann zum Anwenden von Linienstilen oder -attributen wie etwa Pinselstrichen, Strichmustern, Pfeilspitzen, etc. verwendet werden. So blenden Sie die LINIEN-GALERIE ein: Whlen Sie EXTRAS -> LINIEN-GALERIE (F12), Sie knnen auch auf die LINIEN-GALERIE -Schaltflche in der GALERIEN -Werkzeugleiste klicken.
Formeditor-Werkzeug
Die LINIEN -Galerie ist in verschiedene Bereiche unterteilt. Klicken Sie auf den kleinen Ordner innerhalb des Galeriefensters, um einen Bereich zu ffnen oder zu schlieen.
167
Linienstrke Verbindungsart Linienbegrenzung Um einen Linienstil oder ein Attribut aus der Galerie anzuwenden knnen Sie: Den bentigten Stil per Drag & Drop aus der Galerie auf die Form oder Linie ziehen. Oder auf den bentigten Stil in der Galerie doppelklicken. Oder Sie whlen den Stil aus und klicken dann auf die Schaltflche BERNEHMEN .
Linienstrke
Das Textfeld im oberen Bereich der Galerie gleicht dem Textfeld auf der STANDARD- Symbolleiste.
Pinselstriche
Es gibt mehrere Bereiche, die eine Auswahl verschiedener Pinselstile zeigen.
Strichmuster
Dieser Bereich stellt eine Auswahl von Strichstilen zur Verfgung.
Pfeilspitzen
Am einfachsten knnen Sie einer Linie eine Pfeilspitze mit dem LINIEN- & PFEIL-WERKZEUG (auf Seite 154), das bereits beschrieben wurde, hinzufgen. Sie knnen aber auch die
168
Formeditor-Werkzeug
Linien-Galerie verwenden. Ziehen Sie eine Pfeilspitze aus der Galerie auf das entsprechende Ende der Linie. Alternativ knnen Sie aber auch Folgendes tun, um eine Pfeilspitze anzuwenden: Doppelklicken Sie auf die Pfeilspitze in der Linien-Galerie. Sie knnen auch die Pfeilspitze auswhlen und dann auf die Schaltflche BERNEHMEN klicken. Web Designer Premium hat zwei Arten von Pfeilspitzendesigns: Anfang und Ende. Wenn die Linie bereits ber eine Pfeilspitze verfgt, so wird beim Anwenden eines Pfeilendes dieses automatisch am anderen Ende der Linie hinzugefgt. Wenn Ihre Linie noch nicht ber Pfeilspitzen verfgt und Sie eine Pfeilspitze anwenden, so wird diese am Ende der Linie eingefgt. Die Pfeilgre steht in Zusammenhang mit der Linienstrke. Breitere Linien haben proportional grere Pfeilspitzen. Wenn Sie die Strg-Taste gedrckt halten und dabei doppelklicken wird eine Pfeilspitze oder ein Endstil auf das andere Ende der Linie angewendet.
Bitte lesen Sie das Kapitel Arbeiten mit Dokumenten (auf Seite 99) fr allgemeine Informationen zu den Galerien.
Verbindungstyp ndern
Mit diesem Steuerelement oberhalb der LINIEN-GALERIE stellen Sie den Ecken-Stil ein. Um eine vorhandene Linie zu ndern, whlen Sie diese Linie aus. Heben Sie die Auswahl aller Linien auf, um den aktuellen Verbindungstyp zu ndern. Whlen Sie den bentigten Typ aus dem Men:
Formeditor-Werkzeug
Linienbegrenzung ndern
Oberhalb der LINIEN-GALERIE ndern Sie den Stil des Linienendes. Um eine vorhandene Linie zu ndern, whlen Sie die Linie aus. Dann whlen Sie den bentigten Typ aus dem Men aus.
169
170
Oder: Erstellen Sie ein offenes Objekt, bei dem sich alle Ankerpunkte an der richtigen Stelle befinden. Erstellen Sie das letzte Liniensegment nicht. Bewegen Sie den Mauszeiger ber den Startpunkt. Ein + erscheint rechts neben dem Mauszeiger, wenn Sie sich ber dem Startpunkt befinden. Klicken Sie, um das letzte Liniensegment zu erstellen und die Form zu schlieen. Oder: Whlen Sie das Werkzeug FORMEDITOR aus. Klicken Sie auf einen Anfangs- bzw. Endpunkt, um diesen auszuwhlen. Drcken Sie die Eingabetaste. Oder: Verwenden Sie das FREIHAND- UND PINSEL-WERKZEUG , um den Endpunkt zu erstellen. Jedes dieser Werkzeuge schliet die Form. Wenn eine Fllfarbe vorhanden ist, wird die Form mit dieser Farbe gefllt.
171
Formen zusammenfgen
Mit ANORDNEN > FORMEN ZUSAMMENFGEN knnen Sie Lcher in Formen erstellen. Da die berlappenden Teile zweier Formen mit keiner Farbe gefllt werden, sondern transparent bleiben, knnen Sie diesen Effekt verwenden, um Lcher in Formen zu erstellen. Dabei behalten Sie die Mglichkeit, die Lcher spter jederzeit wieder zu entfernen. Beispiel, um einen Ring zu erstellen:
1. 2. 3. 4.
Erstellen Sie eine Ellipse. Erstellen Sie eine zweite Ellipse ber der ersten (Die Farbe der zweiten Ellipse wurde in der Abbildung gendert, um die Darstellung offensichtlicher zu gestalten). Whlen Sie beide Formen aus. Whlen Sie ANORDNEN > FORMEN ZUSAMMENFGEN .
Dadurch entsteht eine Ellipse mit einem elliptischen Loch. Sie knnen mehrere Formen kombinieren oder verbinden. Das obere Objekt wird zum Ausschneiden des Lochs verwendet. Wenn es sich bei diesem Objekt um eine Gruppe handelt, knnen Sie in einem Schritt mehrere Lcher erstellen. Z. B. kann eine Gruppe aus drei Sternen folgende Form aus einem Rechteck ausstanzen:
Gruppen werden ausfhrlich im Kapitel Arbeiten mit Objekten (auf Seite 135) beschrieben.
172
Die verbundene Form auf der linken Seite zeigt die Anzahl der Segmente, die sich berlappen. Auf der rechten Seite befinden sich die drei Originalkreise in nicht verbundener Form.
Formen kombinieren
Die Menoption ANORDNEN > FORMEN KOMBINIEREN bietet viele Expertenoptionen, um Formen zu neuen Formen zu kombinieren, z. B. durch Hinzufgen, Ausschneiden oder Zerschneiden. Sie knnen jede Objektart kombinieren, einschlielich Bitmaps.
Whlen Sie AUSRICHTEN > FORMEN KOMBINIEREN > FORMEN SUBTRAHIEREN . Dieser Befehl entspricht der Option Formen zusammenfgen, mit folgenden Unterschieden: Die obere Form (oder obere Gruppe) erhlt ein Loch durch die anderen Ebenen bzw. Formen. Die Linienattribute und Farben der untergeordneten Formen bleiben unverndert. FORMEN KOMBINIEREN modifiziert die Linien physisch. Die Originalformen knnen nur durch die Rckgngig-Funktion wiederhergestellt werden. Die Anzahl der berlappenden Formen hat keine Auswirkung.
173
1. 2. 3.
Erstellen Sie zwei Kreise und das Rechteck. Whlen Sie alle drei Formen aus. Klicken Sie rechts und whlen Sie FORMEN KOMBINIEREN > FORMEN ADDIEREN.
Die neue Form bernimmt die Linienattribute und Farben von der obersten Form (in diesem Fall das Rechteck in der Illustration).
Schnittmengen ausschneiden
Beim Ausschneiden der Schnittmengen entsteht ein neues Objekt, das aus den Teilen der unteren Formen gebildet wird, die durch das obere Objekt abgedeckt werden. Whlen Sie die Formen, deren Schnittmengen Sie ausschneiden mchten.
Whlen Sie ANORDNEN > FORMEN KOMBINIEREN > FORMENSCHNITTMENGE . Dadurch wird eine neue Form erstellt. Die obere Form verschwindet.
Die Linienattribute sowie Farben der unteren Formen bleiben unverndert. Bereiche, die nicht von der oberen Form abgedeckt werden, werden gelscht. Die obere Form kann eine Gruppe fr komplexere Subtraktion sein. Gruppen werden ausfhrlich im Kapitel Arbeiten mit Objekten (auf Seite 135) beschrieben.
Formen zerschneiden
In MAGIX Web Designer 7 Premium knnen Sie Formen einfach in zwei oder mehrere Teile zerschneiden. Sie knnen entweder ein vollstndiges Objekt oder eine Linie zum
174
1. 2. 3.
4.
Erstellen Sie einen Kreis und darauf ein Dreieck. Whlen Sie beide aus. Whlen Sie ANORDNEN > FORMEN KOMBINIEREN > FORMEN ZERSCHNEIDEN . Die Rnder des Dreiecks schneiden dann den Kreis in zwei Formen. Danach verschwindet das Dreieck. Sie knnen nun das Segment aus dem Kreis herausziehen:
Die Linie sollte vollstndig durch das Objekt hindurch gezogen werden und hinausragen (wie in der Zeichnung dargestellt). Wenn die Linie zu kurz ist, wird ein dnner Streifen herausgetrennt.
Linienstrke ndern
Whlen Sie zuerst das Objekt oder die Objekte, um die Breite der Linie bzw. der Umrandung einer Form zu ndern: Geben Sie eine neue Breite in das Textfeld auf der STANDARD- Symbolleiste ein oder whlen Sie eine der Standardbreiten aus dem Men aus. Die Linienstrke wird in der Regel in Punkten (pt) gemessen. 1 Punkt sind etwa 0,3 mm bzw. etwas weniger als die Breite eines Bildschirm-Pixels bei einer Betrachtung mit 100 % Zoomeinstellung. Sie knnen den Wert in einer beliebigen Einheit eingeben. MAGIX Web Designer 7 Premium wandelt ihn dann in die richtige Punktzahl um. So knnen Sie z. B. 0,5 cm eingeben, um eine 0,5 cm breite Linie zu erhalten. Im Feld fr die Linienbreite werden aber nur die reichlich 14 pt angezeigt. Wenn Sie kein Objekt ausgewhlt haben und die Linienstrke trotzdem ndern, wird der Standardwert fr alle neuen Linien gendert.
175
Durch Auswhlen eines der Stile wird die Linie (bzw. der Umriss einer Form) verndert, von einer durchgngigen zu einer variablen Linienstrke. Das ist ein hervorgender Effekt, der oft bei der Erstellung von Cartoons verwendet wird. Diese Auswahl der Linienstrke sollte zur Vernderung der allgemeinen Linienstrke verwendet werden. Zum Wiederherstellen einer konstanten Linienstrke, whlen Sie im Dropdown-Men Konstant aus (oben links).
Ziehen Sie mit gehaltener Maustaste ein Rechteck auf dem Arbeitsbereich auf.
Quadrat erstellen
Halten Sie die Strg-Taste gedrckt, um ein Quadrat statt eines Rechtecks zu erstellen.
176
Sie ndern die Gre eines Rechtecks entweder mit dem RECHTECK-WERKZEUG (indem Sie an den Eckanfassern ziehen) oder mit dem AUSWAHL-WERKZEUG . Beachten Sie, dass das Seitenverhltnis der abgerundeten Ecken nicht verndert wird, wenn Sie das Seitenverhltnis eines abgerundeten Rechtecks ndern (indem Sie es nur in eine Dimension strecken). Wenn Sie jedoch mehrere Objekte auswhlen oder eine Gruppe strecken, die ein abgerundetes Rechteck beinhaltet, wird das Seitenverhltnis der Ecken nicht beibehalten.
Die Schaltflchen AUS RADIUS ERSTELLEN UND AUS DURCHMESSER ERSTELLEN erstellen automatisch Kreise.
Radius Durchmesser Begrenzung erstellen Wenn Sie die Schaltflche AUS BEGRENZUNG ERSTELLEN ausgewhlt haben, ziehen Sie bei gehaltener linker Maustaste eine Ellipse auf dem Arbeitsbereich auf. Halten Sie dabei Strg gedrckt um statt einer Ellipse einen Kreis zu erstellen.
177
Erstell-Modi: Radius/Durchmesser/Begrenzung Polygon Ellipse Stern Abgerundete Ecken Kanten wiederherstellen Seitenzahl Men Bearbeitbare Eintrge Felder bearbeiten
1. 2. 3.
Whlen Sie das QUICKSHAPE -Werkzeug (Umschalt + F2) Whlen Sie POLYGON . Whlen Sie die Anzahl der Seiten entweder aus dem Men aus oder geben Sie sie in das Textfeld ein.
Radius Durchmesser Begrenzung erstellen Von der Mitte nach auen (Schaltflche RADIUS ),
178
Das Polygon hat am Anfang der Rundung zustzliche Anfasser (Radiusanfasser). Um den Radius zu vergrern oder zu verkleinern, ziehen Sie an einem der Radiusanfasser. Abgerundete Ecken werden entfernt durch: Klicken der Schaltflche Runde Kanten oder doppelklicken Sie auf einen Eckanfasser.
Polygone bearbeiten
Das AUSWAHL-WERKZEUG ermglicht Ihnen, ein Polygon zu verschieben, zu drehen, zu skalieren und zu neigen. Das QUICKSHAPE-WERKZEUG ermglicht Ihnen vielfltige Bearbeitungen: Zum Skalieren des Polygons ziehen Sie an den Eckanfassern oder whlen Sie GRE & DREHUNG aus dem Men EIGENSCHAFTEN BEARBEITEN . Geben Sie die bentigten Werte in die Textfelder ein. Gre Drehung Sie knnen auch mit den Schaltflchen der rechten Seite die Werte in Schritten ndern. Zum Verschieben des Polygons ziehen Sie den Anfasser in die Mitte des Polygons oder verwenden Sie die Pfeiltasten auf der Tastatur oder whlen Sie MITTELPUNKT aus dem Men EIGENSCHAFTEN BEARBEITEN. Geben Sie die bentigten X-Y-Werte in die Textfelder ein.
179
Um kurvenfrmige Seiten wieder zu begradigen, halten Sie die Strg-Taste und klicken Sie auf eine Seite oder klicken Sie auf die Schaltflche KANTEN WIEDERHERSTELLEN. ndern Sie die Anzahl der Seiten durch Eingabe der Anzahl in das Hauptmen oder durch Auswahl des entsprechenden Menpunkts.
180
Achtung: Doppelklicken Sie auf den Rand des Sterns, nicht auf den Eckanfasser.
Sterne bearbeiten
Sie knnen Sterne auf die gleiche Weise wie herkmmliche Polygone bearbeiten (in einem frheren Absatz bereits beschrieben). So erhhen oder verringern Sie die Tiefe der Sternform: Ziehen Sie einen Stern-Anfasser oder whlen Sie STERNRADIUS & VERSATZ aus dem Men BEARBEITBARE FORMEN. Geben Sie die bentigten Werte in die Textfelder ein.
Sie knnen mit den Schaltflchen am rechten Rand auch die Werte schrittweise ndern. Verschieben von der Mitte Winkelverschiebung
Wenn Sie mit gedrckter Strg-Taste an einer Seite des Sterns ziehen, werden die Seiten symmetrisch verschoben. Strg+Umschalt verschiebt Seitenpaare als Spiegebilder. Halten Sie die Strg-Taste und doppelklicken Sie auf eine Seite oder klicken Sie auf die Schaltflche KANTEN WIEDERHERSTELLEN um alle Seiten wieder zu begradigen.
181
182
Farbanzeiger: Der uere Bereich des Farbanzeigers am linken Ende der Farbleiste zeigt die Linienfarbe an, das Zentrum zeigt die Fllung. Hierbei handelt es sich um die Farben eines ausgewhlten Objekts, ansonsten die aktuellen Farb-Attribute. ber diese Schaltflche erreichen Sie den Farbeditor (auf Seite 186). Verwenden sie die Pipette, um eine Farbe aus einem beliebigen Bereich des Dokuments oder des PC-Bildschirms auszuwhlen. Siehe Verwenden der Pipette zur Farbauswahl (auf Seite 187) fr mehr Informationen. KEINE FARBEN: Wendet Keine Farbe als Fllung an. Umschalt+Klick wendet Keine Farbe auf eine Linie an. Bitte beachten Sie, dass dies nicht dasselbe ist wie 100 % Transparenz. Keine Farbe und Transparenz sind unterschiedlich. Eine Form mit Transparenz bleibt eine volle Form, wobei eine Form, die mit Keine Farbe gefllt ist, gewissermaen hohl ist. Die Schaltflche KEINE FARBE knnen Sie auch dazu verwenden, einem Bild, dass mit einer Farbe eingefrbt wurde, wieder die Original-Farben zu geben. Aktuelle Fllfarbe Aktuelle Linienfarbe
FARBPIPETTE:
Wenn die Lnge der Farbleiste die Fensterlnge berschreitet, knnen Sie mit der darunter befindlichen Scrollleiste durch die Farbleiste scrollen, oder indem Sie die Farbleiste mit gedrckter Alt-Taste ziehen. MAGIX Web Designer 7 Premium bietet einige Optionen zur Einstellung der Angezeigten Gre der Farbleiste. Lesen Sie mehr dazu im Kapitel Web Designer Premium anpassen.
183
Benannte (Themen-)Farben: Zuerst erscheinen die benannten Farben, falls diese im Dokument vorhanden sind - siehe unten. Mit benannten Farben werden Templates und Designs bestimmte Themenfarben zugewiesen, so dass das Farbschema eines Designs einfach gendert werden kann, ohne dass das jedes Objekt einzeln bearbeitet werden muss. Verknpfte Farben werden auf der Farbleiste abweichend als kleinere, abgerundete Rechtecke dargestellt , dadurch ist es leichter zu unterscheiden, welches normale, unabhngige benannten Farben sind und welche mit einer Bezugsfarbe verbunden sind. Lesen Sie dazu den Abschnitt Herstellen eines Farbtones, einer Schattierung oder einer verknpften Farbe (auf Seite 194). Palettenfarben: Es gibt 46 vordefinierte Palettenfarben. Es gibt fnf Abstufungen mit sieben Standard-Farbtnen sowie zehn Abstufungen von Grau, Schwarz und Wei. Die Palettenfarben knnen nicht bearbeitet werden (es handelt sich hierbei nicht um benannte Farben). Die Standard-Palette ist als einfache, begrenzte Auswahl von Farben gedacht, die schnell durch Ziehen oder Klicken auf die Objekte angewendet werden knnen. Kleine Markierungen auf den Farb-Symbolen zeigen, welche benannten oder Palettenfarben ausgewhlten Objekten zugeordnet wurden. Diamanten zeigen die vom ausgewhlten Objekt benutzten Farben. Ein Diamant in der linken oberen Ecke markiert die Fllfarbe, in der rechten oberen Ecke die Linienfarbe. Kreuze zeigen die aktuellen Farb-Attribute, wenn kein Objekt ausgewhlt ist. Linienfarbe rechts, Fllfarbe links. Dreiecke zeigen bei angewendeten Farbverlufen die Verlaufsfarben. Das funktioniert auch beim Auswhlen einer Farbe mit der Farbpipette von bestehenden Objekten, siehe Farben mit der Pipette aufnehmen (auf Seite 187). Die Marker auf der Farbleiste werden dabei stndig entsprechend dem Objekt unter der Pipette aktualisiert.
184
LSCHEN
ffnet den Farbeditor mit der ausgewhlten Farbe (nicht fr Palettenfarben verfgbar) Ersetzen Sie die Fllfarbe des ausgewhlten Objekts mit dieser Farbe Benennen Sie eine benannte Farbe um (nicht verfgbar fr Palettenfarben) Lschen Sie eine benannte Farbe (nicht verfgbar fr Palettenfarben)
Wenn das ausgewhlte Objekt eine Bitmapgrafik ist, werden die Fllungs- und Linien-Optionen durch DUNKLE/HELLE CONTONE-FARBE ERSETZT. Lesen Sie Bitmap einfrben (auf Seite 235) fr weitere Informationen. Wenn Sie auf das Keine Farbe-Feld klicken, werden die Fllungs- und Linien-Optionen durch FLLFARBE ZURCKSETZEN/LINIENFARBE ZURCKSETZEN ersetzt. Dadurch werden die entsprechenden Attribute des Objekts auf Keine Farbe gesetzt.
Aktuelle Fllung einstellen (wird angezeigt, wenn man sich ber einer leeren Flche befindet). Anfangsfarbe einer Verlaufsfllung definieren (wird angezeigt, wenn man sich ber dem Anfang einer Fllung befindet).
185
Objektfarbe bearbeiten
So ndern Sie die Fllfarbe eines ausgewhlten Objekts: Whlen Sie EXTRAS > FARBEDITOR (Tastaturkrzel: Strg + E) oder klicken Sie auf das Farbeditor-Symbol in der Farbleiste oder doppelklicken Sie auf die Anzeige der aktuellen Fllfarbe (Mitte des Symbols in der Farbleiste ganz links) Gehen Sie folgendermaen vor, um die Linienfarbe des Objekts zu bearbeiten: Klicken Sie mit gedrckter Umschalt-Taste auf das Farbeditor-Symbol oder doppelklicken Sie auf die Anzeige der aktuellen Linienfarbe in der Farbleiste. (Rand des Symbols in der Farbleiste ganz links) Dadurch wird der FARBEDITOR geffnet, in welchem Sie eine Farbe aus dem gesamten Farbspektrum whlen knnen. Der Farbeditor kann geffnet bleiben, whrend Sie weiterarbeiten. Der Editor passt seine Einstellungen den jeweils selektierten Objekten direkt an, so dass schnell und effektiv Einfluss auf die Farbe des aktuellen Objekts genommen werden kann.
186
Wenn Sie eine Farbe bearbeiten, knnen Sie die Farbpipette dazu verwenden, um eine Farbe vom Bildschirm aufzunehmen, und das sogar aus anderen Fenstern. Whlen Sie die zu bearbeitende Farbe: Fllfarbe/Linienfarbe des ausgewhlten Objekts oder jede der benannten Grundfarben. Klicken Sie auf das Namensschild-Symbol um eine benannte Farbe zu erzeugen Klicken Sie, um die erweiterten Farbeinstellungen zu ffnen Vorherige Farbe Aktuelle Farbe Ziehen Sie hier, um eine Schattierung des ausgewhlten Farbtons zu whlen Ziehen Sie hier, um einen Farbton auszuwhlen Am einfachsten erzeugen Sie eine neue Farbe, indem Sie einen Farbton aus der Farbleiste am unteren Rand des Programms whlen. Im oberen Teil des Editors befindet sich ein Feld mit allen mglichen Schattierungen der Farbe; klicken und ziehen Sie in dem Feld, um eine neue Farbe auszuwhlen. Die aktuell ausgewhlten Objekte ndern ihre Farbe, whrend Sie diese im Farbeditor bearbeiten (dies wird Live-Preview genannt). Ein Beispiel: Um Rosa zu erhalten, also eine blassere Schattierung von Rot, whlen Sie Rot aus der Farbleiste aus und whlen dann eine sehr blasse und helle Schattierung von Rot aus, im Farbwhler also oben rechts.
187
188
Keine Fllfarbe Benannte Farben fr Frames/Ebenen lokal verfgbar machen Benannte Farbe umbenennen HSV-Farbwerte RGB-Hexwert Farbmodell (HSV, RGB, oder Graustufen) Farbtyp: Lesen Sie dazu Herstellen eines Farbtones, einer Schattierung oder einer verknpften Farbe (auf Seite 194) Hier knnen Sie genaue RGB (oder HSV) Farbwerte eingeben. In den meisten Fllen verwendet man fr Webgrafiken einen hexadezimalen RGB-Wert. Die H , S und V Felder geben Ihnen die Mglichkeit, eine Farbe als HSV zu definieren (Hue Saturation Value: Farbsttigungswert). Sie knnen einen RGB-Wert in hexadezimalen Zahlen (0-F) im Feld # eingeben. Sie finden hier auch die Schaltflchen Keine Fllfarbe und Hilfe.
189
Grundfarbenschemata
Viele der Web-Themenvorlagen aus der DESIGN-GALERIE und den separat angebotenen Themenpaketen enthalten alternative Farbschemata, welche einfach auf eine Website angewendet werden knnen, die diese Themenvorlage benutzen, um die gesamte Farbgebung auf einen Schlag zu ndern. Die Farbschemata befinden sich in den Themenordnern der DESIGN-GALERIE unterhalb der Seiten-Layouts und der anderen grafischen Elemente, die in der Themenvorlage enthalten sind. Um Sie in der DESIGN-GALERIE schnell zu identifizieren, enthalten sie alle den Namensbestandteil Farbschema. Um ein Farbschema auf die Website anzuwenden, ziehen Sie es von der DESIGN-GALERIE auf die Seite. Sie knnen auch versuchen, Farbschemata einer Themenvorlage auf Websites anzuwenden, die auf Grundlage einer anderen Themenvorlage erstellt wurden. Mit einigen Themen wird dies aber nicht besonders gute Resultate bringen. Sie sollten daher bei den zum jeweiligen Themenvorlage bereitgestellten Farbschemata bleiben. Eins der bereitgestellten Farbschemata entspricht den originalen voreingestellten Grundfarben der Vorlagen. Mit diesem knnen Sie immer schnell zu den Ausgangsversionen der Farben zurckkehren.
1.
Laden Sie eine der Seitenvorlagen eines Themas. Whlen Sie eine, die alle Farben des Themas darstellt. Sie knnen auch Elemente hinzufgen, um die gesamte Palette der Grundfarben darzustellen.
190
Um Ihr Farbschema auszuprobieren, ziehen Sie die Datei aus dem Explorer auf eine Seite, die mit der Themenvorlage in den Standard-Farbeinstellungen erstellt wurde. Sie sollte sich sofort komplett entsprechend dem neuen Farbschema umfrben.
Klicken Sie auf das Namensschild, um eine neue benannte Farbe zu erzeugen
191
192
Sollen die Farbwerte Ihres Dokuments bernommen werden, whlen Sie ANPASSEN. So verwenden alle Objekte mit einer benannten Farbe, dieselbe Version dieser Farbe. Sollen die importierten Objekte Ihre Werte behalten, whlen Sie NICHT ANPASSEN . So werden Ihrem Dokument neue benannte Farben hinzugefgt, ggf. durch eine Nummer ergnzt, falls die Namen schon existieren. So knnen importierte Objekte Ihre Original-Farben behalten. Wenn Sie Objekte aus vielen verschiedenen Designs importieren und die Farben nie anpassen, haben Sie am Ende sehr viele benannte Farben in Ihrer Farbleiste. Sie knnen auch NICHT ERNEUT FRAGEN whlen. Wenn Sie dieses auswhlen, wird die Option, die Sie danach ausfhren zuknftig immer ausgefhrt. Das gilt aber nur, solange Sie das Programm nicht neu starten. Danach werden Sie erneut gefragt, ob Sie die Farben anpassen mchten. Durch diese Anpassen-Option knnen Sie eine Vorlage whlen, die Grundfarben ndern und dann mehr Vorlagen desselben Themas importieren und die importierten Entwrfe werden sofort ihre modifizierten Grundfarben annehmen. Zum Beispiel: Importieren Sie eine rote Schaltflche aus der Design-Galerie, ndern Sie die Hauptfarbe von rot in grn und importieren Sie daraufhin ein rotes Logo des gleichen Themas. Wenn das Logo in Ihrem Entwurf erscheint, wird es nicht mehr rot sein, sondern Ihre grne Grundfarbe angenommen haben. Da die meisten Themen eine Hauptfarbe mit dem Namen Grundfarbe 1 beinhalten, knnen Sie auch Objekte aus verschiedenen Themen gut zusammenfgen.
193
Abtnungen
Abtnungen basieren auf anderen Farben (sog. Bezugsfarben) und sind immer blasser als ihre Bezugsfarben. Fr Abtnungen gibt es folgende zwei Hauptanwendungen: Die blassere Schattierung einer Bezugsfarbe soll relativ mitverndert werden, wenn die Bezugsfarbe gendert wird. Das Farbspektrum der Druckertinte soll erweitert werden. Beispiel: 25% von Rot ergibt Pink. Daher kann allein mit roter Tinte sowohl pures Rot als auch Pink erzeugt werden. Genauso lassen sich bei Schwarz-Wei-Drucken verschiedene Graustufen als Abtnung definieren. Es soll mit einer begrenzten Anzahl an Farben gedruckt werden. Abtnungen knnen auf jeder Farbe basieren - einschlielich einer anderen Abtnung. nderungen der Bezugsfarbe ndern auch alle Abtnungen. Beispiel: Pink lsst sich, wie gesagt, als Abtnung von Rot ableiten. Wird die Bezugsfarbe nun zu Orange gendert, wird das bisherige Pink zu Hellorange.
194
Verknpfte Farben
Verknpfte Farben sind hnlich zu Schattierungen, bieten jedoch eine grere Flexibilitt. Diese Farben basieren auf einer Stammfarbe, Sie knnen jedoch bestimmen, welche der Attribute Sie mit der Stammfarbe verknpft halten wollen. Beispielsweise knnen Sie eine Farbe erstellen, die weniger gesttigt ist als ihre Stammfarbe, bei der jedoch Farbton und Helligkeit der Stammfarbe folgen.
1. 2. 3. 4. 5.
Whlen Sie ein oder mehrere Objekte, auf welche Sie die neue Farbe anwenden mchten. ffnen Sie den Farbeditor im erweiterten Modus. Whlen Sie im Auswahlmen ABTNUNG , SCHATTIERUNG oder VERKNPFT MIT EINER
ANDEREN FARBE.
Whlen Sie im Dropdown-Men STAMM die Bezugsfarbe Ihrer neuen Farbe. ndern Sie die Abtnungen, Schattierungen oder verknpften Farben im oberen Bereich des Farbeditors.
Wenn die gewnschte Bezugsfarbe nicht im Men STAMM enthalten ist, bedeutet das wahrscheinlich, dass Sie noch keine entsprechende benannte Farbe erstellt haben, die Sie verknpfen knnen.
195
In der Abbildung links sehen Sie, wie eine Abtnung aus einer Bezugsfarbe erstellt wird. Im oberen Bereich des Editors knnen nur blassere Tne der Bezugsfarbe dargestellt werden. In der Abbildung rechts wird eine Schattierung erstellt. Hier knnen Sie hellere oder dunklere Varianten der Bezugsfarbe aussuchen. Fr den Fall, dass Sie die neue Farbe oft in Ihrem Dokument verwenden wollen, empfiehlt es sich, diese auch als benannte Farbe zu speichern, damit sie in der Farbleiste auftaucht und leicht handzuhaben ist. Am einfachsten ist es, auf das kleine Etikett-Symbol fr eine neue benannte Farbe am oberen Rand des Farbeditors zu klicken. Sie geben der Farbe einen Namen und knnen sie in der Farbleiste wiederfinden und auf jedes beliebige Objekt anwenden.
Bezugsfarbe bearbeiten
Der Sinn von Abtnungen, Schattierungen und verknpften Farben ist es, durch das ndern der Bezugsfarbe auch alle verknpften Farben entsprechend zu ndern. Verndern Sie dazu die BENANNTE FARBE , die als Bezugsfarbe dient (ziehen Sie diese aus der FARBLEISTE in den FARBEDITOR und verndern Sie sie). Objekte, die ABTNUNGEN, SCHATTIERUNGEN und VERKNPFTE FARBEN der Bezugsfarbe enthalten, werden sich parallel dazu ndern. Hinweis: ndern Sie die Farbe von Objekten mit ABTNUNGEN , SCHATTIERUNGEN und VERKNPFTEN FARBEN nicht direkt an den Objekten, da die Farben dann zu normalen, LOKALEN FARBEN werden.
196
Normale Effekte und Attribute in MAGIX Web Designer 7 Premium knnen auf Text angewendet werden: Fllungen, Randunschrfe, Transparenzen, Farbverlufe, Schatten - Trotzdem kann der Text weiter bearbeitet werden. Die Umrisse von Schriftzeichen knnen zu normalen Objekten bzw. Formen konvertiert werden, welche dann wie normale Formen modifiziert werden knnen.
Text an Kurve ausrichten. Jeder Text kann gedreht, geneigt und verzerrt werden.
197
SCHRIFTFAMILIE :
Ein Satz an hnlichen Schriften. Beispielsweise sind Garamond und Garamond Kursiv verschiedene Schriften einer Familie, nmlich Garamond.
AUSRICHTUNG :
Eine Mglichkeit, Textzeilen in ihrer Anordnung zu beschreiben. Linksbndiger Text wird auch links ausgerichtet oder Flattersatz genannt..
NICHTPROPORTIONAL :
Alle einzelnen Buchstaben einer nichtproportionalen (monospaced) Schrift haben dieselbe Breite. Manchmal wird dies auch fixed width (feste Breite) genannt. Bei Auflistungen kann dies sinnvoll sein. Courier ist der bekannteste Monospace-Font. Die meisten Schriftarten sind proportional in ihrer Breite, was heit, dass die Buchstaben nicht alle gleich breit sind.
PUNKT :
Text- oder Schriftgren werden in der Regel in Punkt (pt) angegeben. 1pt ist etwa 0,35 mm gro, was 1/72 Zoll entspricht, eine Schriftgre von 72pt wre also genau 1 Zoll gro (wobei manche Schriftarten derselben Punkt-Gre unterschiedlich gro sind).
Das Textwerkzeug
Das TEXT -Werkzeug (Tastaturkrzel F8) wird verwendet um Text einzugeben und zu bearbeiten.
198
Hochgestellt/Tiefgestellt Zeilenabstand Absatzabstand Aufzhlung (Liste) Nummerierte Liste Einzug vergrern Einzug verringern Rechtschreibprfung MAGIX Web Designer 7 Premium untersttzt drei Grundarten von Textobjekten Einfache Textzeilen: Einfach Seite anklicken und Text eingeben. Textspalten: Klicken und ziehen Sie die Maus horizontal, um eine Spalte zu erstellen und beginnen Sie zu schreiben. Textbereiche: Klicken und ziehen Sie diagonal, um einen rechteckigen Textbereich zu erstellen und beginnen Sie dann zu schreiben. Nachdem Sie ein Textobjekt erstellt haben, knnen Sie dieses transformieren (drehen, skalieren, neigen) und alle normalen Attribute, Fllfarben, Transparenzen sowie Randunschrfe mit den regulren Werkzeugen anwenden. Sie knnen es auch an eine Kurve binden. Der Text bleibt bearbeitbar.
199
Das Schriftarten-Men listet alle installierten Schriftarten auf und ist in drei Bereiche unterteilt. Im oberen Bereich werden die Schriftarten angezeigt, die im aktuellen Dokument verwendet werden. Im zweiten Bereich sehen Sie die websicheren Schriftarten. Diese werden von allen regulren Webbrowsern untersttzt und knnen daher sicher verwendet werden. Siehe Abschnitt ber websichere Schriftarten. Im unteren Abschnitt sehen Sie eine alphabetische Auflistung aller anderen installierten Schriftarten. Jeder Name einer Schriftart wird im Men in seiner eigenen Schrift angezeigt, wodurch die Auswahl einer Schriftart einfacher wird. Jene Schriftarten, fr die mehrere Schriftstile verfgbar sind, sind mit schwarzen Dreiecken im Men rechts gekennzeichnet. Halten Sie einfach den Mauszeiger kurz ber eine Schriftart und ein kleines Untermen erscheint rechts neben dem Hauptmen, in dem alle verfgbaren Stile aufgelistet sind. Whrend dieses Untermen angezeigt wird, knnen Sie den Mauszeiger darber bewegen, um den gewnschten Schriftartenstil auszuwhlen.
Websichere Schriftarten
Nur eine kleine Auswahl an Schriftarten kann sicher fr den Haupttext einer Website verwendet werden - nur die Schriftarten, von denen Sie wissen, dass Sie auf dem Computer, auf dem die Seite angeschaut wird, vorhanden sind. Obwohl es keine Garantie
200
Schriftarten-Vorschau in Echtzeit
Sobald Sie Ihren Mauszeiger auf eine der Schriftarten im Men bewegen, wird Ihre Ansicht im Dokument aktualisiert. Diese Vernderung tritt erst endgltig in Kraft, wenn Sie auf die Schriftart klicken. Wenn Sie nun den Mauszeiger weiter bewegen, wird die Schriftart so lange zur ursprnglichen Schriftart zurckgesetzt, bis Sie auf einer neuen Schriftart stoppen. So knnen Sie schnell viele Schriftarten durchprobieren. Um zu verhindern, dass die Vorschau sofort aktualisiert wird, halten Sie die Umschalt-Taste gedrckt, whrend Sie durch das Schriftarten-Men navigieren. Das hilft vor allem dann, wenn Sie nur langsam durch das Men navigieren knnen (weil Sie z. B. viel Text ausgewhlt haben).
Wie bei Pop-up-Reglern, die an anderer Stelle erscheinen, gibt es hier zwei Anwendungsmglichkeiten. Wenn Sie den Pfeil einmal anklicken und wieder loslassen, erscheint das Pop-up auf dem Bildschirm. Nun kann der Regler mit der Maus verschoben werden. Alternativ knnen Sie auch mit dem Mausrad die Werte schnell verndern. In diesem Fall bietet dies eine schnelle Mglichkeit, die Gre mit der Maus anzupassen und das Ergebnis direkt auf der Seite anzuzeigen, whrend Sie daran arbeiten. Die alternative Methode, den Pop-up Regler zu verwenden, ist auf die Schaltflche zu klicken, zu ziehen und wieder loszulassen. Dies ist eine etwas direktere Methode, den Regler einzustellen (erfordert weniger Klicks).
Sofortnavigation Schriftartenmen
Im Men Schriftarten knnen Sie die Anfangsbuchstaben der Schrift eingeben, um direkt zum jeweiligen Abschnitt des Mens zu springen. Wenn Sie z. B. ver eintippen, springt die Anzeige automatisch zur Schriftart Verdana.
201
Textspalten
Wenn Sie mit greren Textblcken ber mehrere Zeilen arbeiten wollen, ist die Verwendung einer Spalte wahrscheinlich die geschickteste Lsung. Wird die Breite der Spalte verndert, wird der Text automatisch neu verteilt. So legen Sie einen Text in einer Textspalte an:
1. 2. 3. 4.
Aktivieren Sie das TEXT-WERKZEUG . Positionieren Sie den Mauszeiger dort, wo Sie den Text beginnen mchten. Ziehen Sie nach rechts, um eine horizontale Linie in der Breite der Spalte aufzuziehen. Die rote Linie zeigt Ihnen nur die Breite der Spalte an, wird aber nie mitgedruckt. Geben Sie den Text ein. Sie mssen am Ende der Linie nicht manuell umbrechen. Der Text wird automatisch in die nchste Zeile umgebrochen, wenn er das Ende der Spalte erreicht.
Hinweis: Wenn Sie vor dem Schreiben auerhalb der Spalte auf Ihr Dokument klicken oder zu einem anderen Werkzeug wechseln, so wird die (leere) Textspalte entfernt. Beginnen Sie also direkt mit der Texteingabe, nachdem Sie die Spalte aufgezogen haben.
202
Textbereiche
Wenn Sie mit dem TEXT -Werkzeug auf die Seite klicken und bei gehaltener Maustaste den Maus-Cursor in diagonaler Richtung ziehen, so entsteht ein rechteckiger Textbereich. Der blinkende Cursor wird oben links platziert, wo man anschlieend Text schreiben oder einfgen kann. Ein Textbereich kann einen Textfluss enthalten. Damit ist gemeint, dass ein Text von einem Textbereich in den nchsten fliet. Wir sagen flieen, da, wie beim Wasser, Text in verbundene Textbereiche berluft, wenn man Text einem Bereich hinzufgt, oder zurck fliet, wenn man Text aus diesem entfernt. Luft der Text ber den Textbereich hinaus, so wird er grau dargestellt. Der Text kann weiterhin bearbeitet werden.
203
Abb.: Wenn Sie einen berlauf-Indikator von einem Textbereich in einen anderen ziehen, verbinden sich die zwei Bereiche, damit die Textteile ineinander flieen knnen. Sie knnen beliebig viele Textteile miteinander verbinden.
Tipp: Man kann Flietext auch sehr schnell auf Textbereiche verteilen: Wenn sich der Mauszeiger in einem Textbereich mit berlaufendem Text befindet, klicken und ziehen Sie den Mauszeiger an anderer Stelle, um dort einen neuen Textbereich zu erzeugen. Der neue Textbereich wird automatisch verbunden und der berlaufende Text fliet in den neuen Textbereich hinein. Sie knnen den Text auch in Textbereiche auf verschiedenen Seiten (auch vorherige) flieen lassen. Sie knnen hinauszoomen (dadurch die Seitengre verkleinern) und den berlauf-Indikator ber viele Seiten ziehen. Verbundene Textbereiche sind durch Pfeile erkennbar, die vom berlauf-Indikator des vorherigen zum jeweils nchsten Textbereich verlaufen. Zum Trennen zweier verbundener Textbereiche ziehen Sie einfach den berlauf-Indikator des vorherigen Textbereichs an eine andere Stelle. Lschen Sie einen Textbereich, der schon mit einem anderen verbunden ist, wird nur der Textbereich gelscht. Der Text selbst bleibt erhalten und fliet einfach in die anderen Textbereiche oder verbleibt als berlauftext.
204
Wenn Sie die Strg-Taste whrend des Drehens gedrckt halten, wird das Drehen auf 90 Grad Winkel beschrnkt.
Wrter zhlen
Die Anzahl der Wrter und Schriftzeichen wird in der Statusleiste angegeben. Hier wird ebenfalls die Anzahl der berlaufenden Wrter angezeigt. Bei der Auswahl eines Textbereichs wird stattdessen die Anzahl der darin befindlichen Zeichen angegeben.
205
1. 2. 3.
Normalen Text, einen Textblock oder einen Textbereich erzeugen (siehe oben). Markieren Sie Ihr Textobjekt und eine Kurve. Whlen Sie nun ANORDNEN -> TEXT AN KURVE ANPASSEN.
Alternativ dazu, whlen Sie eine Kurve oder Linie aus, wechseln Sie zum TEXT- Werkzeug, klicken Sie dort auf die Linie, wo der Text anfangen soll und beginnen Sie zu schreiben. Der Text luft dann genau an der Linie entlang. Sind Sie am Ende der Linie angekommen, wird der Text in eine neue Zeile, unterhalb der vorherigen, umbrochen. Wenn Sie nicht mchten, dass der Text auf eine neue Zeile umbricht, klicken Sie mit gehaltener Umschalt-Taste auf die Linie. Um die Linie auszublenden, damit sie unsichtbar wird, gehen Sie in das FORMEDITOR -Werkzeug, legen Sie KEINE FARBE (aus der Farbleiste) fest oder whlen Sie fr die Linienbreite KEINE aus der Symbolleiste. Sie knnen die Kurve trotzdem wie gewohnt bearbeiten. Farbgebung wird in Arbeiten mit Farben (auf Seite 182) eingehend erklrt.
206
Wenn Sie Text markiert haben, wird sich jede nderung der Textattribute nur auf die ausgewhlte Text-Region auswirken. Haben Sie nur den Cursor im Text platziert, wird jede nderung - etwa eine neue Farbe - dann erscheinen, wenn Sie neuen Text eingeben.
Textbereiche markieren
Um einen TEXTBEREICH auszuwhlen, gibt es ein praktisches Tastaturkrzel. Im Gegensatz zu Strg + A, das den Text markiert, drcken Sie dazu Esc. Das lsst zwar die Positionsmarke verschwinden, whlt aber den TEXTBEREICH aus (in der Statuszeile wird dies mit TEXTBEREICH besttigt). Nun knnen Effekte und Attribute auf den gesamten TEXTBEREICH angewandt werden. Beispiel: Um die Schriftgre eines ganzes Textes zu ndern, drcken Sie Strg + A und whlen die neue Gre aus der Infoleiste. Um einen Textbereich mit einem Schatten zu unterlegen, drcken Sie Esc und aktivieren das SCHATTEN-WERKZEUG .
207
Anfhrungszeichen
Wenn Sie die Zeichen ' oder " schreiben, werden sie automatisch in typografische (englische) Anfhrungszeichen konvertiert: 'Beispielwort' wird zu Beispielwort und "Beispielwort" zu Beispielwort.
Sonderzeichen eingeben
Es gibt ntzliche Tastenkombinationen fr die Eingabe von Sonderzeichen (z. B. oder TM). Lesen Sie dazu bitte den Abschnitt Sonderzeichen (auf Seite 472) im Kapitel Mens und Tastaturabkrzungen. Hinweis: Fast alle Tastenkombinationen entsprechen denen von Microsoft Word.
Blindtext einfgen
Beim Erstellen von Seitenlayouts ist es blich, einen beispielhaften Flltext, sog. Blindtext, zu verwenden. Dabei wird normalerweise eine Art Pseudo-Latein verwendet, das keinen Sinn ergibt, aber so aussieht, als wre es ein typisch deutscher Text (oder aus einer hnlichen, romanischen Sprache). Der bliche Blindtext beginnt mit Lorem ipsum dolor sit amet... Historischer Hinweis: Im Druckereigewerbe wird derselbe Text bereits seit ber 500 Jahren verwendet und Teile davon knnen auf Texte zurckgefhrt werden, die vor ber 2000 Jahren geschrieben wurden. Im TEXT-WERKZEUG knnen Sie einen solchen Lorem-Ipsum-Absatz einfgen, indem Sie Strg + Umschalt + L (L fr Lorem) drcken. Um einen greren Teil des Textes einzufgen, benutzen Sie einfach die gleiche Tastenkombination mehrmals nacheinander.
Rechtschreibprfung
Im Text-Werkzeug gibt es eine Rechtschreibprfung. Whlen Sie das RECHTSCHREIBPRFUNGS -Symbol auf der Infoleiste des TEXT -Werkzeugs, um sie zu aktivieren. Es ffnet sich dann ein Men.
208
Sprachauswahl
Sie sehen im Men, das sie ber die Rechtschreibprfungs-Schaltflche auf der Infoleiste ffnen, eine Liste aller installierten Wrterbcher der verschiedenen Sprachen. Voreingestellt ist die Spracheinstellung Ihres Systems. Sie knnen verschiedenen Textobjekten unterschiedliche Sprachen zuordnen, so dass Ihr Dokument verschiedene Sprachen enthalten kann. Um die Sprache, die einem Textobjekt zugeordnet ist, umzustellen, whlen Sie dieses aus und ndern Sie die Sprache im Rechtschreibprfungs-Men des Text-Werkzeugs. Anschlieend wird das Textobjekt in der ausgewhlten Sprache neu berprft. Sollten Sie viele Textobjekte in einer anderen Sprache als der Standardsprache eingeben wollen, knnen Sie das aktuelle Sprach-Textattribut ndern, damit Sie die Sprache nicht fr jedes Textobjekt einzeln einstellen mssen. Dafr steleln Sie sicher, dass kein Objekt ausgewhlt ist (klicken Sie auf eine leere Stelle mit dem Auswahl-Werkzeug). Whlen Sie dann im Rechtschreibprfungs-Men des Text-Werkzeug aus, welche Sprache Ihre aktuelle Sprache sein soll. Sie werden dann gefragt, ob Sie die Sprache zum aktuellen Sprach-Textattribut machen mchten. Klicken Sie auf bernehmen. Nun wird jedes neu erstellte Textobjekt mit dieser Sprache assoziiert. Wichtig ist aber, dass dieses Attribut nicht beibehalten wird, wenn Sie Ihr Dokument speichern und neu laden. Sie mssen also die oben beschriebenen Schritte jedes Mal wiederholen, wenn Sie nach erneutem Laden des Dokuments wieder die Sprache ndern mchten. Wenn Sie die Rechtschreibprfung fr ein Textobjekt ausschalten mchten, whlen Sie das Objekt aus und klicken Sie anschlieend im Rechtschreibprfungs-Men auf Keine Sprache (Ignorieren).
Benutzer-Wrterbuch
Sie knnen oft verwendete Wrter, die sich noch nicht im Wrterbuch von MAGIX Web Designer 7 Premium befinden zu diesem hinzufgen. Klicken Sie rechts auf das Wort und whlen Sie Zum Benutzer-Wrterbuch hinzufgen. Das Wort wird nun nicht mehr als falsch geschrieben angezeigt. Das Wrterbuch gilt fr alle Dokumente auf Ihrem Computer und fr alle Sprachen.
209
Geben Sie den Suchbegriff ein und dieser wird im Text hervorgehoben. Sie knnen nur das aktuelle Textfeld, die Seite oder das gesamte Dokument durchsuchen (Alle Textflsse auf allen Seiten). Die Option GANZES WORT lsst nur nach ganzen Wrtern, die dem Suchbegriff entsprechen, suchen. Bsp.: Suchen Sie nach Mit, wird nicht das Wort Mitte gefunden. GRO-/KLEINSCHREIBUNG BEACHTEN sorgt dafr, dass nur genau gleichgeschriebene Treffer angezeigt werden. Bsp.: Wenn Sie nach abc suchen, wird ABC nicht angezeigt.
210
Wenn Sie die Rnder und Zeileneinzge auf dem Lineal im TEXT-WERKZEUG aufziehen, erscheint eine vertikale Fhrungslinie, die es erleichtert, Balken und Zeileneinzge mit Objekten abzustimmen.
211
Tabulator
Tabulatoren definieren einen Abstand zwischen zwei Textblcken. Voreingestellt sind 0,5cm. Das heit, wenn Sie die Tabulator-Taste drcken, bewegt sich der hintere Text bis zum nchsten Tabulator-Stopp-Punkt. Sie mssen neue Tabulator-Stopp-Punkte nur dann definieren, wenn Sie einen anderen Tabulator-Abstand wnschen.
212
Benutzerdefinierte Tabulatoren
Um eine neue benutzerdefinierte Tabulator-Position zu erzeugen, klicken Sie einfach an der Stelle auf das Lineal, an der Sie gerne einen neuen Tabulator setzen wrden. Dieser ersetzt dann den voreingestellten Tabulator bis zu dieser Position auf dem Lineal. Zum Beispiel:
Klicken Sie mehrmals auf das Lineal, um mehrere Tabulatoren zu setzen. Um einen benutzerdefinierten Tabulator zu bewegen, ziehen Sie ihn einfach auf dem Lineal entlang. Um einen Tabulator zu entfernen, ziehen Sie ihn aus dem Lineal (dabei werden die voreingestellten Tabulatoren wieder eingefgt).
213
Dezimalkomma ausrichten: Die Dezimalkommas werden unabhngig von ihrer Lnge mit dem Tabulator ausgerichtet. Dies ist vor allem fr Listen ntzlich.
1. 2. 3.
Ziehen Sie den Marker fr den linken Rand im Lineal etwas nach rechts, um links Platz fr einen Einzug zu schaffen. Der Marker fr die Einrckung der ersten Zeile bleibt am alten Ort. Klicken Sie in das Lineal, um einen neuen Tabulator-Stopp-Punkt zu erstellen. Ziehen Sie den Tabulator-Stopp-Punkt direkt ber den Marker fr den linken Rand. Jetzt beginnt jede Zeile negativ eingerckt. Sie knnen smtliche Sonderzeichen bzw. -nummern einfgen und danach die Tab-Taste drcken, um an den linken Rand zu gelangen.
214
Um ein Objekt textabweisend zu machen, klicken Sie rechts darauf und whlen Sie TEXT Jeglicher Text auf der selben Ebene unter dem Objekt wird abgewiesen, mit einem voreingestellten Abstand von 5 Pixeln zwischen Text und Objekt. Bitte beachten Sie, dass textabweisende Objekte nur Text abweisen, der sich unterhalb eines Objekts befindet.. Darber befindlicher Text wird nicht abgewiesen. Oder sie klicken rechts auf das Objekt und whlen TEXT ABWEISEN & VERANKERUNG , um den entsprechenden Dialog aufzurufen.
215
Setzen Sie das Hkchen bei DIESE GRAFIK WEIST TEXT AB . Der Abstand eines Objekts zum Text lsst sich falls ntig einstellen. Wenn Sie eine verschiedene Breite und Hhe fr den Rand zwischen Objekt und Text wnschen, klicken Sie auf das Schloss-Symbol und geben eine Hhe in das Feld H (horizontal) und eine Breite in das Feld V (vertikal) ein. Klicken Sie auf OK . Um die Text abweisen-Funktion abzustellen, klicken Sie rechts auf das Objekt und whlen erneut TEXT DARUNTER ABWEISEN. Oder sie klicken rechts auf das Objekt und whlen TEXT ABWEISEN & VERANKERUNG , um den entsprechenden Dialog wieder aufzurufen. Entfernen Sie das Hkchen bei TEXT UM DIESE GRAFIK HERUM ABWEISEN und klicken Sie OK . Bitte beachten Sie, dass einzelne Textzeilen nicht auf abweisende Objekte reagieren, sondern nur Textbereiche und Textspalten. Um Text nur innerhalb der gleichen Ebene abzuweisen, siehe Ebeneneigenschaften (auf Seite 392)
Verankerte Grafiken
Sie knnen Grafiken oder Gruppen an eine bestimmte Position im Text binden (verankern), so dass sich die Grafik zusammen mit dem Text bewegt, wenn dieser bearbeitet wird und die relative Position der Grafik zum Text erhalten bleibt.
1.
2. 3.
Eine Grafik oder Gruppe am Text zu verankern geht am schnellsten, wenn Sie sie rechtsklicken und AN TEXT VERANKERN Wenn Sie auerdem die Verankerungseigenschaften bearbeiten wollen, klicken rechts auf das Objekt und whlen TEXT ABWEISEN & VERANKERUNG , um den entsprechenden Dialog aufzurufen. Setzen Sie das Hkchen bei GRAFIK MIT TEXT BEWEGEN . Voreingestellt ist NUR VERTIKALE BEWEGUNG ebenfalls aktiv, so dass sich die verankerte Grafik nur nach oben oder unten bewegen kann. Wenn Sie wollen, dass sich die Grafik auch horizontal mit dem Text bewegt, deaktivieren Sie diese Option.
216
4. 5. 6. 7.
Ein verankertes Objekt zeigt ein Ankersymbol und einen Pfeil, der auf den Ankerpunkt zeigt, dieser wird als rote Markierung im Text angezeigt. Diese Symbole verschwinden, wenn Sie schreiben, auer Sie sind in der Nhe des Ankerpunktes.
Hinweis: Wenn Sie den Verankerungspfeil an eine Stelle auf der Seite ziehen, wo kein Text ist, wird der Pfeil zu einem roten Anker, um anzuzeigen, dass das Objekt seine Verankerungs-Eigenschaften verliert, wenn der Anker dort abgelegt wrde. Das passiert auch, wenn der Anker auf dem Objekt selbst abgelegt wird. Das verankerte Objekt bewegt sich jedoch niemals aus der Seite heraus, wenn der Ankerpunkt von der Seite rutscht. Das verankerte Objekt bleibt dann am unteren Rand der Seite.
217
Hier als Beispiel eine Textspalte, in die links einige Grafiken eingefgt wurden. Jede dieser Grafiken am Anfang der Textzeile direkt rechts daneben verankert.
Sie knnen jede beliebige Grafik oder Gruppe verankern, sogar Gruppen, die Text enthalten, wie im Beispiel oben. Objekte knnen ber oder unter dem Text verankert werden. Die hellblaue Blume im Beispiel oben wurde so verankert und bewegt sich mit dem Text. Hinweis: Wenn ein verankertes Objekt auerdem textabweisend eingestellt ist, wird nur der verankerte Text abgewiesen. Hinweis: Fr wederholte Objekte ist das Textabweisen eingeschrnkt. Text in einer Wiederholungsgruppe wird nur durch textabweisende Objekte innerhalb dieser Gruppe abgewiesen. Einzelne wiederholte Objekte in einer Wiederholungsgruppe weisen nur Text ab, der sich auch in der Wiederholungsgruppe befindet. Wiederholungsgruppen als Ganzes knnen jeden Text abweisen, der sich unterhalb der Gruppe befindet.
218
Ankerpunkt anzeigen
Der Ankerpunkt eines verankerten Objekts wird nur angezeigt, wenn Sie das verankerte Objekt mit dem AUSWAHL-WERKZEUG anklicken oder mit dem TEXT-WERKZEUG in den Text in der Nhe des Ankerpunkts. Wenn Sie mit dem TEXT-WERKZEUG in einen Textbereich klicken, sehen Sie die Ankerpunkte als umgedrehtes T mit einem Pfeil Richtung Ankersymbol oben links an jedem verankerten Objekt. Am schnellsten sieht man also alle Ankerpunkte, indem mit dem TEXT-WERKZEUG in den Text klickt. Wenn Sie allerdings beginnen, den Text zu bearbeiten, verschwinden diese Symbole und der Pfeil, solange, bis Sie aufhren zu tippen. Wenn Sie in die Nhe des Ankerpunkts kommen, zeigt Web Designer Premium diese Symbole wieder an, um anzuzeigen, dass Sie sich in dessen Nhe befinden.
Weiche Gruppen
Sie knnen so auch weiche Gruppen (auf Seite 136), von denen Teile auf einer anderen Ebene sind, einfgen. Buttons mit Mouseover-Effekten oder Popups auf verschiedenen Ebenen knnen so z. B. verankert werden.
Ankerpunkt entfernen
Um einen Ankerpunkt von einem Objekt zu entfernen, klicken Sie mit der rechten Maustaste darauf und whlen Sie erneut IN TEXT VERANKERN, um die Option zu deaktivieren. Wenn Sie nun mit dem AUSWAHL-WERKZEUG auf das Objekt oder mit dem TEXT-WERKZEUG auf den Text klicken, wird das Ankersymbol nicht mehr angezeigt.
219
Geben Sie einen neuen Wert in das Textfeld auf der Infoleiste ein und drcken sie die Eingabetaste. Oder whlen Sie eine der SCHRIFTGREN aus dem Dropdown-Men der Infoleiste. Oder benutzen Sie den Pop-up-Regler Schriftgre (auf Seite 200). Sie knnen die Schriftgre auch manuell vergrern/verkleinern, indem Sie die Tastenkombinationen "Strg + >" und "Strg + <" verwenden. Dies gilt nur, wenn alle ausgewhlten Textbereiche dieselbe Schriftgre haben. Oder benutzen Sie das AUSWAHL-WERKZEUG um das gesamte Textobjekt zu skalieren.
Text unterstreichen
Klicken Sie auf die Schaltflche Unterstreichen der Infoleiste, um den ausgewhlten Text zu unterstreichen. Die Farbe und Gre der Unterstreichung ist automatisch durch die Textfarbe und -gre bestimmt.
220
richtet die linke Kante des Texts an der ersten Klickposition aus. zentriert den Text um die Klickposition. RECHTS : richtet die rechte Kante des Textes an der Klickposition aus. BLOCKSATZ: richtet den Text sowohl am linken als auch am rechten Rand aus. Blocksatz funktioniert nur, wenn der Text an einer Kurve ausgerichtet ist oder sich in einer Spalte befindet und sich mindestens ber eine Zeile erstreckt.
MITTIG :
LINKS :
Bei einfachem Text ist die Ausgangsposition fr die Ausrichtung die Stelle, an die Sie im Dokument zuerst klicken.
Einzge
Einzug des Absatz vergrern
Aufzhlung (Liste)
Sie knnen aus beliebigem Text eine Aufzhlung machen, indem Sie den Text auswhlen und das Symbol fr Aufzhlung auf der Infoleiste klicken.
221
Um einen Aufzhlungspunkt in einer bergeordnete Liste zu verschieben, stellen Sie den Textcursor in den Absatz und klicken Sie die Schaltflche fr Einzug verringern. Mit den Schaltflchen fr Einzug vergrern und verringern knnen Sie so verschachtelte Aufzhlungen leicht bearbeiten.
Nummerierte Liste
Auf die gleiche Weise wie Aufzhlungen knnen Sie mit der entsprechenden Schaltflche nummerierte Listen erstellen und bearbeiten.
222
Im Dialog knnen Sie verschiedene Nummerierungsschemata whlen und auch den Wert fr den ersten Eintrag festlegen, von dem ausgehend hoch gezhlt wird.
Zeilenabstand
ZEILENABSTAND
kontrollieren. Zeilenabstnde werden in Prozent (%) oder Punkt (pt) gemessen. Entweder Sie geben die Werte per Hand ein oder Sie klicken auf die Pfeile, um den Wert zu verschieben. Prozentwerte haben den Vorteil, dass sie sich mit verndern, wenn Sie die Schriftgre ndern. Sollen Prozentwerte fr einen Text mit mehreren Gren angewendet werden, ist die grte Schrift der Bezugspunkt. Beispielsweise wird in einem Textblock mit 90%- und 100%-Text der Zeilenabstand von 100% ausgehend errechnet.
Absatz-Abstand
Die letzten zwei Felder am Ende der Text-Werkzeug-Infoleiste ermglichen das Einstellen des Abstands zwischen Abstzen. Dies ist vor allem ntzlich wenn Sie einen halben Zeilenabstand zwischen Abstzen haben mchten. Wenn Sie sowohl einen Abstand ber als auch unter den Abstzen verwenden, entspricht, wie in Microsoft Word, der resultierende Absatzabstand dem jeweils greren Wert (nicht kumulativ). Ein Absatzabstand oberhalb eines Absatzes bewirkt, dass der erste Absatz innerhalb eines Textabschnitts nach unten verschoben wird.
223
1. 2. 3. 4.
Whlen Sie das TEXT-WERKZEUG und klicken Sie auf Ihren Text. Drcken Sie auf Esc, so dass das gesamte Textobjekt ausgewhlt wird. ffnen Sie den Namen-Dialog (EXTRAS -> NAMEN... ). Whlen Sie den Namen HTML Text entweder aus der Namen anwenden Dropdown-Liste, wenn dieser bereits im Dokument verwendet wird, oder geben Sie den Namen HTML Text ein. Klicken Sie dann auf Hinzufgen.
224
Textstil kopieren
Mit der Funktion ATTRIBUTE EINFGEN lsst sich der Stil eines Textes auf einen anderen Text bertragen: Whlen Sie den Quelltext, dessen Stil Sie kopieren mchten. Dies kann auch nur ein Wort sein (ein Doppelklick gengt). Whlen Sie BEARBEITEN > KOPIEREN (oder Strg + C). Markieren Sie den Textbereich, auf den Sie den Stil anwenden mchten. Whlen Sie BEARBEITEN > ATTRIBUTE EINFGEN (Tastaturkrzel Strg + Umschalt + A). Wenn Sie beim Einfgen von Attributen den Text-Cursor positioniert haben, werden die Absatzattribute in dem zugehrigen Absatz eingefgt.
225
Schriftarten einbetten
MAGIX Web Designer 7 Premium speichert die Zeichenformen aller Schriftarten, die in Ihrem Dokument verwendet werden. Das heit, wenn Sie jemand anderem Ihre Design-Datei geben oder die Datei auf einen anderen Computer bertragen, so wird dort dasselbe angezeigt wie bei Ihnen, selbst wenn die richtigen Schriftarten nicht auf dem Computer installiert sind. Dies gilt aber nur fr die Zeichen, die im Dokument verwendet werden (es wird keine komplette Schriftart mitgespeichert). Das heit also, wenn an Computern, an denen die Schriftarten fehlen, neuer Text eingegeben wird, der andere Zeichen enthlt, diesem die richtigen Zeichenformen fehlen werden.
Text-Kompatibilitt in Browsern
Unterschiedliche Browser zeigen leider denselben Text unterschiedlich an, meist mit leichten Unterschieden bei Gre und Zeilenlnge. Zum Zeitpunkt, als dieser Text geschrieben wurde, konnte nur ein Browser (Firefox 3 auf dem Mac) die Textgre richtig anzeigen; alle anderen Browser zeigen den Text meistens zu lang und runden die Gren auf ganze Pixel (10pt groer Text wird dann z. B. in 13 Pixeln angezeigt, da dies die nchste ganze Pixelgre ist).
226
Fll-Werkzeug
MAGIX Web Designer 7 Premium ist so programmiert, dass es das Verhalten der meisten Webbrowser nachbildet und Zwischengren auf ganze Pixel rundet und die Linienlnge der Textdarstellung auf Windows-Browsern nachempfindet. Sie knnen diese Anpassung im Optionen-Dialog im Reiter ALLGEMEIN abstellen (Men EXTRAS -> OPTIONEN ), indem Sie das Hkchen bei WINDOWS-KOMPATIBLE TEXTLNGEN ANZEIGEN wegnehmen. Hinweis: Wenn Sie MAGIX Web Designer 7 Premium verwenden oder diese Option ausstellen, wird der Text, wenn Sie eine Zwischengre wie 13,6 Pixel oder 10pt eingeben, genau richtig dargestellt. Die meisten Browser zeigen den Text jedoch etwas grer oder kleiner als in MAGIX Web Designer 7 Premium an. Ein zweiter Nachteil dieses (Fehl-)Verhaltens von Browsern ist, dass gerade bei kleinen Schriftarten die Schritte zwischen den Gren sehr gro sind. Sie knnen z. B. keine Schriftart zwischen 9 und 10 pix Gre haben. Die meisten Browser zeigen keine Zwischengren an(egal, ob Sie Punkt, ems oder jede andere Einheit verwenden). Die Textgren in MAGIX Web Designer 7 Premium springen also von einer zur anderen Gre, wenn Sie diese verndern.
Fll-Werkzeug
Linearen Farbverlauf erstellen
Die Vorgehensweise ist fr alle Arten von Fllungen gleich:
1. 2. 3. 4.
Whlen ein oder mehrere Objekte, auf die Sie die Fllung anwenden mchten. Aktivieren Sie das FLL-WERKZEUG (Tastaturkrzel F5). Whlen Sie den gewnschten Fllungstyp aus dem Men aus. Klicken und ziehen Sie ber das Objekt, um die Fllung zu erstellen. Es kann auch direkt an den Fllanfassern gezogen werden, um Gre und Position anzupassen.
MAGIX Web Designer 7 Premium zeigt eine interaktive, flssige Vorschau whrend Sie ziehen. Das hat einige Vorteile gegenber den Werkzeugen, die ber Dialoge arbeiten. Es sind weniger Mausklicks ntig, die Arbeitsgeschwindigkeit wird erhht und es besteht die Mglichkeit, die gewnschten Anfangs- und Endpositionen sofort festzulegen. Beim Ziehen erscheint ein Pfeil mit Anfassern fr die Richtung der Fllung. Die Fllanfasser knnen gegriffen und versetzt werden, um die Position und Winkel der Fllung zu verndern.
Fll-Werkzeug
Fllungen einfrben
Whlen Sie einen der Fllanfasser und klicken Sie auf eine Farbe in der FARBLEISTE oder ffnen Sie den FARBEDITOR , um eine neue Farbe zu definieren. Um zwischen den Fllanfassern zu wechseln, drcken Sie Tab.
227
Auswahl ndern
Im FLL-WERKZEUG wird ein Objekt durch Anklicken ausgewhlt; daher ist es nicht ntig, ins AUSWAHL-WERKZEUG zu wechseln, um andere Objekte zu markieren.
228
Fll-Werkzeug Fllungstypen
In Web Designer Premium gibt es folgende Arten von Farbfllungen:
EINFARBIGE FLLUNG - Die Oberflche der Form hat die gleiche Farbe ber die gesamte Oberflche.
LINEARE FLLUNG
- Die Farbe ndert sich gleichmig von einer Farbe in eine andere (Verlauf).
KREISFRMIGE FLLUNG - Die Farbe ndert sich von einem Punkt ausgehend in Kreisform nach auen.
ELLIPTISCHE FLLUNG
Die Farbe ndert sich von einem Punkt ausgehend in elliptischer Form nach auen..
KEGELFRMIGE FLLUNG - Der Farbverlauf dreht um einen einzigen Punkt. Dies hat den Effekt, dass die Fllung wie ein Kegel aussieht, der von einer Seite beleuchtet wird und auf der anderen Seite eine andere Farbe hat. DIAMANTFRMIGE FLLUNGEN - Diamantfrmige Fllungen funktionieren hnlich wie elliptische Fllungen, auer dass sie vier Kanten in der Art eines Diamanten haben. DREIFARB-FLLUNGEN
VIERFARB-FLLUNGEN
definierbaren Farben.
- Das Objekt wird mit einem Bitmap oder Foto einfach oder wiederholt (gekachelt) gefllt. Alle Fotos in MAGIX Web Designer 7 Premium sind mit Bitmaps gefllte Formen (i. d. R. Rechtecke). Jedes Foto oder Bitmap aus der BITMAP - oder FLL -Galerie kann verwendet werden.
BITMAP-FLLUNGEN FRAKTALWOLKEN
erzeugen ein fleckiges Zufallsmuster, welches sich besonders gut fr Wolken oder Nebel eignet.
FRAKTALPLASMA
Fll-Werkzeug
Sie knnen diese Fllungen mit dem FLL- Werkzeug auf ausgewhlte Objekte anwenden, bearbeiten und anpassen. Automatisch innerhalb auswhlen Mit dem Fll-Werkzeug wird automatisch innen ausgewhlt, wenn Sie auf ein Objekt klicken, das Teil einer Gruppe ist - also nur das Objekt und nicht die Gruppe als ganzes ausgewhlt. Dadurch wird es einfacher, an Fotos und Fllungen innerhalb einer Gruppe zu arbeiten. Wenn Sie die Fllungsattribute einer Gruppe als ganzes ndern mchten (was nicht sehr wahrscheinlich ist), whlen Sie zunchst die gesamte Gruppe mit dem AUSWAHL-WERKZEUG aus.
229
Infoleiste Fllwerkzeug
Flltyp
FLLTYP
Fllanfasser Anfasser-farbe / / Auflsung Krnung lsst Sie zwischen verschiedenen Arten whlen. Auswahl aus diesem Men:
Bitmap Name
mit einem ausgewhlten Objekt, wird die Fllung auf das Objekt angewandt; ohne ausgewhltes Objekt wird der aktuelle Flltyp festgelegt, der dann fr neu gezeichnete Objekte vergewendet wird.
FLLUNGS-KACHELUNG
wird meist bei Bitmap- oder Fraktalfllungen verwendet. Dies wird auch im Abschnitt Bitmap-Fllungen beschrieben. Fllungs-Kachelung beschreibt, ob und wie sich die Fllung wiederholt. Es bestehen folgende Optionen: Einfach: Die Fllung wird einmal verwendet, egal wie gro das Objekt ist. Der Bereich um die einzelne Kachel ist transparent. Wiederholt: Die Fllung wird wiederholt, um das gesamte Objekt auszufllen. Wiederholt invertiert: Diese Option steht nur fr Fraktal- und Bitmapfllungen zur Verfgung und ist eine Variante der normalen Wiederholung. Jedoch ist jede zweite Kachel umgekehrt. Dadurch werden die bergnge an den Kanten der Kacheln besser verborgen.
230
Fll-Werkzeug
FLLEFFEKT wird fr alle Fllarten verwendet. Damit bestimmt man wie die Fllfarbe vom Anfang zum Ende verluft:
VERLAUF
REGENBOGEN
berblendet linear zwischen zwei Farben. berblendet an der krzesten Kante des HSV-Farbrades. Beispielsweise luft eine berblendung von Gelb nach Zyan dann ber Gelb, Grn, Zyan.
Diese Option hat keine Auswirkungen bei Schwarz, Wei oder Graustufen.
ALT REGENBOGEN
hnlich wie Regenbogen, auer dass die berblendung an der lngsten Kante des Farbrades entlang luft. Gelb nach Zyan luft dann z. B. ber Gelb, Rot, Magenta, Blau, Zyan.
Bitmapname ffnet ein Dropdown-Men mit Vorschaubildern aller Bitmaps in der Bitmap-Galerie. Aus diesem knnen Sie das gewnschte Bitmap auwhlen.
FLL-ANFASSER : Zeigt an ob der Anfasser am Start oder Ende ausgewhlt ist. Bei einfarbigen Fllungen ist dieses Feld natrlich leer. BITMAPAUFLSUNG
(nur bei Bitmap- und Fraktalfllungen): Zeigt die Auflsung eines Bitmaps an (solange kein Fllanfasser angewhlt ist). Es kann ein entsprechender Wert auch numerisch eingegeben werden. Niedrige Auflsungen zeigen die einzelnen Pixel des Bitmaps. Es wird selten eine Auflsung ber 150 dpi bentigt - auch wenn es sich um Schriften handelt. 96 dpi reichen bei normaler Bildschirmauflsung.
FLLANFASSER-FARBE (auer Bitmap-Fllungen): zeigt die Farbe, welche auf den momentan ausgewhlten Anfasser angewandt wurde.
Einfarbige Fllungen
Um eine einfarbige Fllung anzuwenden oder zu ndern:
1. 2.
Whlen Sie Einfarbige Fllung aus dem Men Fllungstyp aus. Whlen Sie eine Farbe aus der FARBLEISTE .
Die Farbleiste wird im Kapitel Arbeiten mit Farben (auf Seite 182) behandelt.
231
1. 2. 3.
Whlen Sie LINEARE FLLUNG aus dem Men aus (Nicht notwendig, wenn die Fllung eine einfarbige Fllung hat). Positionieren Sie den Mauszeiger dort wo die Fllung beginnen soll (Dies kann auch auerhalb des Objekts liegen). Ziehen Sie den gedrckten Mauszeiger an die Position, an der Sie den Endpunkt der Fllung haben mchten (Kann ebenfalls auerhalb des Objekts liegen).
Der Pfeil, der dabei auf den gewhlten Objekten angezeigt wird, wird FLLPFEIL genannt. Er zeigt die Richtung und Weite des Verlaufs in der Fllung an. Beide Pfeilendpunkte knnen durch Klick markiert werden.
1. 2.
Bewegen Sie den Zeiger ber den Anfasser, den Sie bewegen mchten. Wenn der Zeiger ber dem Anfasser steht, ndert er sein Aussehen. Ziehen Sie am Anfasser.
1. 2.
Whlen Sie den Anfasser aus (oder die Anfasser, es funktioniert auch bei mehreren zugleich). Whlen Sie Ihre Farbe aus der Farbleiste. Dies ndert alle ausgewhlten Anfasser.
232
Elliptische Fllungen
Elliptische Fllungen funktionieren hnlich wie lineare Fllungen. Wenn Sie den Mauszeiger bewegen, erstellen Sie zunchst eine Kreisfllung mit zwei Anfassern. Dann knnen Sie die Anfasser verwenden, um die Ellipsenform zu erstellen. Umschalt + Ziehen bewahrt das Seitenverhltnis der Fllung. Strg + Ziehen beschrnkt Rotationen auf festgelegte Winkel. Der Umgang mit den Anfassern und das Verndern der Farben funktionieren wie bei linearen Fllungen.
Kegelfrmige Fllungen
Bei einer kegelfrmigen Fllung wird der Pfeil zur Bearbeitung der Fllung zu einem Halbkreis mit je einem Anfasser an jedem Ende. Der Anfasser kann an jedem Ende um das Zentrum gedreht werden, bis eine passende Schattierung entsteht. Die Gre des Halbkreises ist irrelevant und hat keinerlei Auswirkung auf die Fllung. Strg + Ziehen beschrnkt Rotationen auf festgelegte Winkel. Um die Position der Fllung zu bestimmen, verschieben Sie das Zentrum. Die Handhabung der Anfasser und das ndern der Farbgebung funktioniert wie bei linearen Fllungen.
Fll-Werkzeug Diamant-Fllungen
Diamantfrmige Fllungen funktionieren hnlich wie elliptische Fllungen. Whrend Sie den Mauszeiger bewegen, erscheint die gesamte Fllung als Rechteck mit zwei Endanfassern. Nun knnen Sie durch Ziehen an den Anfassern die Diamantform erstellen. Umschalt + Ziehen bewahrt das Seitenverhltnis der Fllung. Strg + Ziehen beschrnkt Rotationen auf festgelegte Winkel.
233
Dreifarb-Fllungen
Dreifarb-Fllungen erzeugen den Eindruck, drei farbige Schlaglichter auf ein Objekt zu setzen. Wenn Sie den Mauszeiger verschieben, werden die drei Fllungen als Dreieck mit drei Endanfassern angezeigt. Der Winkel zwischen den Fll-Pfeilen betrgt gewhnlich 90 Grad. Ziehen Sie mit gehaltener Umschalt-Taste an einem der Anfasser, um den Winkel zu ndern. Besonders hervorzuheben ist, dass auf jeden der Anfasser eine eigene Farbe gelegt werden kann (mittig am Ursprung und jeweils an den beiden Endpunkten) Das Objekt kann eine einzige oder mehrere Instanzen (Wiederholungen) der Fllung beinhalten.
Vierfarb-Fllungen
Vierfarb-Fllungen sind hnlich wie Dreifarb-Fllungen und erzeugen den Eindruck vierfarbiger Schlaglichter auf dem Objekt. Die Fllung wird durch ein Quadrat mit vier Anfassern definiert. Die Anfasser knnen verschoben werden, um ein Parallelogramm zu formen. Auf jeden der Anfasser bzw. Linien kann eine andere Farbe gelegt werden.
234
Fll-Werkzeug Bitmap-Fllungen
Flltyp Fllungs-Kachelung Nicht verwendet Bitmap-Name Auflsung Nicht verwendet Die Bitmap-Galerie wird unter Bitmap-Galerie (auf Seite 298) im Kapitel Arbeiten mit Fotos beschrieben, die Fll-Galerie finden Sie weiter unten (auf Seite 238). Bitmap-Fllungen sind eine der leistungsfhigsten Fllungsarten. Jedes Foto und jede Textur kann als Fllung fr jede Form verwendet werden, wobei Sie direkte und sofortige Kontrolle ber Gre, Drehwinkel, Position und Kachelverhalten haben. Bitmap-Fllungen knnen auerdem eingefrbt werden. Alle mglichen Arten von Bitmaps knnen als Fllung genutzt werden, einschlielich JPEG Fotos und Alpha-Kanal Bitmaps (halbtransparente Bitmaps). Wenn Sie ein Foto in MAGIX Web Designer 7 Premium importieren (z. B. ein JPG oder PNG), erscheint es als Form mit Bitmap-Fllung. Sie sehen es als Foto in der Statusleiste - im Endeffekt ist es aber das gleiche wie eine Form mit einem Foto als Bitmap-Fllung. Sie fllen folgendermaen eine Form mit einem Bitmap oder einem Foto: Ziehen Sie ein Bitmap aus der BITMAP-GALERIE oder dem Windows Explorer ber eine Form und halten Sie beim Fallenlassen die Umschalt-Taste gedrckt. Ziehen Sie eine Fllung aus der FLL-GALERIE auf Ihre Form (die Umschalt-Taste muss nicht gedrckt werden). Whlen Sie in der Infoleiste des Fll-Werkzeugs aus dem linken Men Bitmap und dann das gewnschte Bitmap aus dem Auswahlmen (hier werden nur bereits geladene Bitmaps angezeigt). Ein Objekt kann einfach oder gekachelt gefllt werden (dies sind Wiederholungen des Bitmaps).
Fll-Werkzeug
235
Wiederholt gekachelt
Die Fllung hat drei Anfasser. Skalieren und Neuausrichten von Bitmap-Fllungen (auf Seite 236). Ein anderer Weg, die Bitmapdimensionen einzustellen, ist numerisch dessen Auflsung ins Feld der Infoleiste einzugeben. Dazu mssen Sie zunchst die Fll-Anfasser abwhlen (irgendwo ins Bild klicken) und dann die Auflsung in DPI eingeben.
Bitmap-Fllungen ersetzen
Ist eine Form bereits mit einem Bitmap oder Foto gefllt, knnen Sie dieses einfach ersetzen, indem Sie ein neues Bitmap aus dem Windows Explorer auf Ihr existierendes Bitmap ziehen und es damit ersetzen. Das neue Bild wird an die Form optimal angepasst, so dass es genau hineinpasst. Dadurch werden auch alle anderen Versionen des Bildes auf der aktuellen Seite ersetzt. Wenn Sie die UMSCHALT-Taste whrend des Ersetzens gedrckt halten, werden Position, Skalierung und Ausrichtung der Bitmap-Fllung beibehalten.
Bitmap-Fllung einfrben
Die Bitmap-Fllung kann gefrbt werden, was blicherweise Contoning genannt wird (technisch handelt es sich um Duo-Tone-Farbe). Whlen Sie im FLL-WERKZEUG einen der Fll-Anfasser und eine Farbe oder ffnen Sie den FARBEDITOR . Drcken Sie die Tab-Taste, um den anderen Fll-Anfasser auszuwhlen. Hinweis: Bei einem schwarzen und einem weien Anfasser wird die Bitmap-Fllung in ein Graustufen-Contone-Bild konvertiert. Um die Farbe wieder zu entfernen, whlen Sie KEINE FARBE fr jeden Fllanfasser. Dadurch werden die Originalfarben des Bitmaps zurckgebracht.
Auf der INFOLEISTE wird die AUFLSUNG angegeben, die durch Bewegen der Fll-Anfasser oder numerische Eingabe definiert werden kann.
236
Fll-Werkzeug
Skalieren und Neuausrichten von Bitmap-Fllungen
Wenn Sie mit gehaltener Umschalt-Taste auf eine mit einem Bitmap gefllte Form klicken und die Maus ziehen, wird eine neue Bitmap-Fllung mit Zentrum am Klickpunkt angelegt. Wenn Sie zustzlich Strg gedrckt halten, beschrnken Sie den Drehwinkel, so dass es einfach ist, eine aufrechte Bitmap-Fllung zu erstellen. Ist die Fllung angelegt, knnen Sie sie innerhalb der Form verschieben, indem Sie mit gehaltener Maustaste ber das Bild ziehen.
Sobald die Maus ber die ueren Fllanfasser gefhrt wird, ndert sie sich in ein Dreh-Symbol. Durch das Ziehen an den ueren Anfassern wird die Bitmap-Fllung skaliert und gedreht, das Seitenverhltnis wird dabei beibehalten. Mit gedrckter Umschalt-Taste knnen Sie die horizontalen und vertikalen Seiten unabhngig voneinander verndern und damit die Fllung verzerren. Die Infoleiste zeigt die Auflsung der Fllung (Sie knnen diese und damit auch die momentane Bitmapgre durch numerische Eingabe eines neuen Wertes ndern).
Ein Beispiel
1.
ziehen Sie die Foto- oder Bitmap-Datei per Drag & Drop aus dem Windows Explorer (oder der Bitmap-Galerie, falls es sich bereits im Dokument befindet) ber die Ellipse. Anschlieend wird das Fll-Werkzeug ausgewhlt.
Fll-Werkzeug
2.
Wenn Sie nun an den Fll-Anfassern ziehen, knnen Sie Ausrichtung und Gre des Bildes anpassen.
237
Das hier gezeigte Beispiel besitzt einen einfachen Schatten - Fr weitere Informationen, beachten Sie bitte das Kapitel Schatten-Werkzeug.
Fraktalfllungen
MAGIX Web Designer 7 Premium bietet zwei Arten von Fraktalfllungen, welche durch einen mathematischen Algorithmus so erstellt werden, dass sie eine natrliche Textur wiedergeben. Besonders gut eignen sie sich, um Himmel, Wolken oder natrliche Oberflchen zu simulieren. Jedes Mal, wenn Sie eine neue Fraktalfllung erstellen, wird ein neues Muster generiert. Um ein bestehendes Fraktal mit einem neuen Muster zu versehen, whlen Sie nochmals FRAKTALWOLKEN bzw. FRAKTALPLASMA aus dem Fll-Men. Die FRAKTAL-KRNUNG in der INFOLEISTE erlaubt es, die Grobheit des Musters zu steuern. Niedrige Werte ergeben weiche, flieende Muster; hohe Werte eher raue Muster. Wie gewohnt kann auch direkt an den Fllanfassern gezogen werden, um Gre und Position anzupassen. Um die Auflsung und Gre zu sehen, mssen alle Fllanfasser abgewhlt sein (klicken Sie neben einen Anfasser).
238
Fll-Werkzeug
Beachten Sie bitte den Unterschied zwischen KRNUNG und AUFLSUNG . Die KRNUNG definiert wie weich und flieend das Muster erscheint. Die AUFLSUNG definiert die Gre der Bitmap-Kachel, u. a. also auch die Sichtbarkeit der einzelnen Pixel. Sie knnen die Start- und Endfarbe einer Fraktalfllung anpassen. Whlen Sie den Anfasser in der Mitte oder einen der ueren und frben Sie den Bereich mittels der Farbleiste ein. Um den Bereich frei von jeder Farbe zu machen, benutzen Sie das Kstchen KEINE FARBE .
Mehrfache Farbverlufe
Viele Farbverlufe in Fllungen (linear, kreisfrmig, elliptisch, kegelfrmig, Diamant) untersttzen mehrstufige Verlufe. Das bedeutet, dass sich Verlufe nicht nur auf zwei Farben - von einer Farbe zur anderen - beschrnken mssen, sondern durch mehrere verschiedene Stufen gehen knnen.
Um eine neue Stufe in den Verlauf zu bringen, whlen Sie das FLL-WERKZEUG , damit der Fllpfeil sichtbar wird: Setzen Sie entweder eine Farbe auf den Pfeil oder doppelklicken Sie auf den Fllpfeil, um einen neuen Anfasser zu erstellen, und weisen Sie ihm aus der Farbleiste oder dem FARBEDITOR eine neue Farbe zu. Anfasser knnen mit der Maus verschoben werden. Ist ein Anfasser angewhlt, kann mittels der Tab-Taste einfach zum nchsten gewechselt werden. Ist der Farbeditor geffnet, wird die Farbe des markierten Anfassers angezeigt. Um einen Anfasser zu lschen, markieren Sie ihn einfach und drcken die Entf-Taste.
Die Fll-Galerie
Die FLL -Galerie enthlt Bitmap-Texturen, die als Bitmap-Fllungen geeignet sind. Eine Fllung wird nur in den Speicher geladen, wenn sie auch verwendet wird. Anzeige der FLL -Galerie: Whlen Sie EXTRAS >GALERIEN >FLL-GALERIE. Oder drcken Sie Umschalt+F11.
Fll-Werkzeug
239
IMPORTIEREN:
Importiert die gewhlte Bitmap in das Dokument. Eine Kopie davon erscheint in der BITMAP-GALERIE . Sie knnen die Bitmap auch auf einen leeren Teil der Seite ziehen. Dies ist in der Regel einfacher, als auf IMPORTIEREN zu klicken. Importiert und wendet das Bitmap folgendermaen an:
FLLEN -
Als Bitmap-Fllung auf ein ggf. selektiertes Objekt. Oder, wenn keine Objekte ausgewhlt sind, wird das Bitmap in das Dokument als neues Foto-Objekt eingefgt. Das Bitmap kann auch per Drag & Drop auf ein Objekt gezogen werden, um es als Bitmap-Fllung zu verwenden. Es gibt Unterschiede beim Hineinziehen eines Bitmaps von der BITMAP - und der FLL-GALERIE ins Dokument: Beim Ziehen und Ablegen von Bitmaps aus der FLL-GALERIE auf Formen, um diese zu fllen, werden die Fllungen gekachelt, anstatt das Bitmap in die Form einzupassen. Dieses unterschiedliche Verhalten gegenber dem Ziehen und Ablegen aus der Bitmap-Galerie erfolgt deshalb, da Bitmaps aus der Fll-Galerie normalerweise als Texturen verwendet werden und diese gekachelt verwendet werden sollen und nicht eingepasst.
240
Fll-Werkzeug
TRANSP :
Eine Bitmap-Transparenz auf ein ggf. selektiertes Objekt. Andernfalls wird dieses Bitmap als Standardattribut fr Transparenzen definiert.
FLLUNGEN HOLEN : HINTERGRUND : ENTFERNEN :
Lscht ausgewhlte Fllungen oder Ordner. Sucht nach neuen Fllungen von CD oder Festplatte.
DISC-FLLUNG :
OPTIONEN : Erlaubt einige Einstellungen der Vorschaugre, Infos ber die Bitmaps sowie Funktionen zum Finden und Sortieren der Fllungen. LADEN ANHALTEN :
Wenn Sie eine recht langsame Internetverbinding haben, ist es hin und wieder sinnvoll, das Herunterladen anzuhalten, um spter damit fortzufahren.
Finden & Sortieren ist im Kapitel Arbeiten mit Dokumenten (auf Seite 99) beschrieben. Arbeiten mit Dokumenten (auf Seite 99) enthlt allgemeine Informationen ber Galerien.
Schatten
241
Schatten
Schatten-Werkzeug
Das SCHATTEN-Werkzeug (Tastaturkrzel Strg + F2) fgt Schatten hinzu, lscht diese und bietet alle entsprechenden Bearbeitungsmglichkeiten fr halb-durchsichtige und weiche Schatten. Weiche Schatten werden zum Rand immer durchsichtiger, was sehr realistisch aussieht. Schatten sind nicht pixelbasiert und deswegen unabhngig von Ihrer Auflsung. Sie knnen also verlustfrei skaliert werden
Kein Schatten Schatten-Typen Schattenunschrfe Schattentransparenz Profil Schattenposition MAGIX Web Designer 7 Premium bietet drei Arten von Schatten: Wandschatten: der Schatten wird an eine Wand hinter dem Objekt geworfen. Bodenschatten: Das Objekt scheint aufrecht auf einer Bodenflche zu stehen. Leuchten: um das Objekt herum wird ein Lichtschleier, ein Schein, gelegt.
Weiche Schatten werden zum Rand immer durchsichtiger, was sehr realistisch aussieht. Schatten sind nicht pixelbasiert und deswegen unabhngig von Ihrer Auflsung. Sie knnen also verlustfrei skaliert werden
Schatten erstellen
Wandschatten
So erstellen Sie einen Wandschatten:
242
Schatten
1. 2. 3. 4.
Whlen Sie das Objekt aus. Wechseln Sie zum SCHATTEN-WERKZEUG . Whlen Sie das Symbol fr WANDSCHATTEN aus der Infoleiste des SCHATTEN-WERKZEUGS . Der Schatten kann vom Objekt weg oder nher zum Objekt hin bewegt werden, um mehr oder weniger Distanz zur gedachten Wand herzustellen.
1. Whlen Sie das Objekt aus. 2. Aktivieren Sie das SCHATTEN-WERKZEUG . 1. Ziehen Sie die Maus vom Zentrum des Objekts in Richtung des Schattens. Bodenschatten
So erstellen Sie einen Bodenschatten:
1. 2. 3. 4.
Whlen Sie das Objekt aus. Aktivieren Sie das SCHATTEN-WERKZEUG . Whlen Sie BODENSCHATTEN aus der Infoleiste des SCHATTEN-WERKZEUGS Ziehen Sie die Maus vom Objekt weg oder zum Objekt hin, um die Gre zu ndern oder bewegen Sie die Maus im Kreis, um die Richtung zu ndern. Der Winkel kann von der Vertikalen aus 70 betragen.
Leuchten
Durch ein Leuchten oder einen Schein hinter einem Objekt kann man Grafiken Dramatik verleihen. So erstellen Sie einen Leuchteffekt:
1. 2. 3. 4.
Whlen Sie das Objekt aus. Aktivieren Sie das SCHATTEN-WERKZEUG . Whlen Sie das Symbol fr LEUCHTEN aus der Infoleiste des SCHATTEN-WERKZEUGS. Ziehen Sie die Maus vom Objekt weg oder zum Objekt hin, um die Gre des Scheins zu ndern.
Schatten
Schattenrnder weichzeichnen
Das Weichzeichnen der Rnder wirkt sich auf die Gre des Schattens aus. Wenig Unschrfe erzeugt die Illusion einer harten Lichtquelle, ein groer Weichzeichnungsradius die einer weit entfernten oder weichen Lichtquelle. Schatten leicht weichzuzeichnen ist immer empfehlenswert, da dies realistischer wirkt. So zeichnen Sie die Schattenkante weich:
243
1. 2. 3.
Markieren Sie das Objekt. Aktivieren Sie das SCHATTEN-WERKZEUG . Bewegen Sie den Weichzeichnungsregler auf der Infoleiste des SCHATTEN-WERKZEUGS oder geben Sie einen numerischen Wert in das Feld rechts davon ein.
Schattentransparenz verndern
Ein halbtransparenter Schatten ist realistischer als ein massiver. Daher kann die Strke der Transparenz angepasst werden.
1. 2. 3.
Markieren Sie das Objekt. Aktivieren Sie das SCHATTEN-WERKZEUG . Bewegen Sie den Transparenzregler auf der Infoleiste des SCHATTEN-WERKZEUGS oder geben Sie einen numerischen Wert in das Feld rechts davon ein.
244
Schatten
Am einfachsten ziehen Sie per Drag & Drop eine Farbe aus der Farbleiste auf den Schatten. Achten Sie darauf, dass Sie die Farbe direkt auf den Schatten und nicht auf das Objekt ziehen. Ein anderer, etwas komplizierterer Weg, der aber mehr Kontrolle ber das Ergebnis bietet: 1. 2. Markieren Sie den Schatten mit dem AUSWAHL-WERKZEUG . Achten Sie darauf, dass Sie den Schatten auswhlen und nicht das Objekt. Benutzen Sie den FARBEDITOR zur Bearbeitung der Farbe.
Hinweis: Weitere Informationen zu Farben, FARBEDITOR und Farbleiste finden Sie im Kapitel Arbeiten mit Farben (auf Seite 182).
Schatten entfernen
So wird ein Schatten entfernt:
1. 2. 3.
Markieren Sie das Objekt. Aktivieren Sie das SCHATTEN-WERKZEUG . Whlen Sie auf der Infoleiste KEIN SCHATTEN (das Symbol ganz links).
245
246
Transparenz
Transparenz
Das TRANSPARENZ -Werkzeug bestimmt, wie durchsichtig Objekte und Farben sind und wie sehr das Darunterliegende durchscheint.
Form Transparenztyp Kachelung Bitmapname Profil Anfasser/Auflsung Transparenz-Strke Es kann jeder Grad, von vollkommen transparent bis absolut deckend, eingestellt werden. Web Designer Premium bietet auerdem, im Gegensatz zu anderen Programmen, eine Auswahl transparenter Farbverlufe. Transparente Verlufe sowie flache Transparenzen knnen auf alle Objekte einschlielich Bitmaps angewendet werden. Einige Anwendungsbeispiele von Transparenzen: Wasser oder Glas simulieren. berall dort wo Sie Objekte ineinander laufen lassen mchten oder in den Hintergrund bergehen lassen mchten. Wolken oder neblige, fraktale Transparenzen sind dafr besonders gut geeignet. Mit speziellen Arten von Transparenzen knnen Sie Objekte und Fotos aufhellen, abdunkeln und Special-Effects kreieren. Schlaglichter und Reflexionen ins Leben rufen
Die Windschutzscheibe wurde mit mehreren, bereinandergelegten Objekten mit verschiedenen Transparenzen erstellt. Die Spiegelung ist in der Mitte 100% Wei deckend und wird elliptisch ausgeblendet.
247
1. 2. 3.
Selektieren Sie ein oder mehrere Objekte. Whlen Sie das TRANSPARENZ-WERKZEUG (Tastaturkrzel: F6). Bewegen Sie den Transparenzregler auf der Infoleiste.
MAGIX Web Designer 7 Premium bietet eine Vorschau in Echtzeit. Whrend Sie den Regler bewegen, verndern sich alle entsprechenden Objekte im Dokument, so dass Sie den Effekt sofort sehen knnen.
1. 2. 3.
Whlen Sie ein oder mehrere Objekte aus. Whlen Sie das TRANSPARENZ-WERKZEUG und ziehen Sie ber die Objekte, um eine verblassende, lineare Transparenz zu erstellen. Aus dem Flip-Men der Infoleiste knnen Sie alternative Transparenz-Varianten whlen.
Die Position und die Strke der Transparenz knnen Sie ber den Fllungsanfasser am Objekt verndern. Hinweis: Lesen Sie dazu auch das Kapitel Fllungen, um mehr ber das Arbeiten mit Fllungsanfassern und die verschiedenen Varianten von Fllungen (hier: Transparenzen) zu erfahren.
Mehrstufiger Transparenz-Verlauf
Man kann neben mehrstufigen Fllverlufen auch mehrstufige Transparenz-Verlufe erzeugen. So knnen Sie Ihre Transparenz z. B. von 50 % durchsichtig zu 25 % durchsichtig zurck zu absolut blickdicht, usw. verlaufen lassen.
248
Transparenz
Sie knnen bei jeder Stufe einen anderen Transparenz-Wert festlegen, indem Sie einen Anfasser auswhlen und den Transparenz-Regler einstellen. Doppelklicken Sie auf die Transparenz-Verlauf-Linie, um eine weitere Stufe hinzuzufgen. Lesen Sie das Kapitel zu Fllungen um mehr ber die Anfasser zu erfahren.
Transparenztypen
Der gebruchlichste Transparenz-Typ ist die Mix-Transparenz. MAGIX Web Designer 7 Premium untersttzt jedoch mehrere verschiedene Typen, die verschiedene Auswirkungen auf die Objekte haben. Es gibt folgende Transparenztypen: Mix Die Objektfarbe vermischt sich mit der Farbe der darunter befindlichen Objekte. Der Effekt ist mit dem Aufsprhen einer dnnen Farbschicht auf darunter befindliche Objekte vergleichbar. Buntglas Dieser Effekt tuscht die Betrachtung von Objekten durch buntes Glas vor und ist vor allem fr die Simulation von Glas und selektives Abdunkeln von Objekten sinnvoll. Farbe des Objekts bei angewendetem Buntglas-Effekt: Wei - Kein Effekt auf die Farben darunter befindlicher Objekte. Grau & Schwarz: Verdunkelt die Farben darunter befindlicher Objekte. Andere Farben: Verdunkelt darunter befindliche Farben und erhht die Sttigung (leichtes Rot ber leichtem Rot ergibt mittleres Rot; grn ber rot ergibt schwarz). Wenn Sie ein farbiges Objekt abdunkeln mchten, knnen Sie auch den einfacher zu benutzenden Transparenztyp ABDUNKELN verwenden. Technisch betrachtet handelt es sich um eine Subtraktion im RGB-Farbraum. Bleichen Die Funktion BLEICHEN ist hilfreich fr Schlaglichter, wenn die Lichtquelle nicht wei ist. Farbe des Objektes bei angewendetem Bleichen: Grau & Wei: Hellt die Farben in darunter befindlichen Objekten auf. Schwarz: Kein Effekt auf die Farben darunter befindlicher Objekte. Andere Farben: Darunter befindliche Farben werden in Richtung ungesttigte Farben aufgehellt (helles Rot ber hellem Rot ergeben blasses Rot: grn ber rot ergibt gelb). Wenn Sie ein farbiges Objekt zum Aufhellen nutzen aber die darunter befindlichen Farben nicht verschieben mchten, ist der Transparenztyp AUFHELLEN einfacher zu verwenden. Technisch betrachtet handelt es sich um eine Addition im RGB-Farbraum. Kontrast Fr gewhnlich wird Kontrast auf einem separaten Objekt angewendet, um die Farbe des darunterliegenden Objektes zu verndern (das Objekt wird also wie ein Filter verwendet). Je
Transparenz
nach gewhlter Farbe erhht sich der Kontrast der darunter befindlichen Farben (sie werden heller oder dunkler). Farbe des Objekts mit angewendetem Kontrast: Grau (weniger als 50% Schwarzwert) & Wei - erhhter Kontrast (Farbbereich stauchen) um die darunter befindlichen Farben aufzuhellen. Grau (mehr als 50% Schwarztnung) & Schwarz - Verdunkelung der darunter befindlichen Farben (grau). Andere Farben - Umwandlung der Farbe in den entsprechenden Grauton. (Gelb ergibt leichtes Grau, Rot dunkles Grau) und eine Erhhung oder Reduktion des Kontrasts darunter befindlicher Objekte. Sttigung Fr gewhnlich wird Sttigung auf einem separaten Objekt angewendet, um die Farbe des darunterliegenden Objektes zu verndern (das Objekt wird also wie ein Filter verwendet). Je nach gewhlter Farbe werden darunter befindliche Farben strahlender oder blasser. Farbe des Objekts mit angewendeter Sttigung: Grau (geringer als 50% Schwarz) & Wei - Erhht die Sttigung in den Farben darunter befindlicher Objekte in Richtung reine Farben. Grau (ber 50% Schwarz) & Schwarz - Reduziert die Sttigung (Frbung) in Richtung Schwarz. Andere Farben - Umwandlung der Farbe in den entsprechenden Grauton. (Gelb ergibt leichtes Grau, Rot dunkles Grau) und eine Erhhung oder Reduktion der Farbsttigung darunter befindlicher Objekte. Abdunkeln/Aufhellen Abdunkeln/Aufhellen ist ntzlich, um darunter liegende Objekte heller oder dunkler zu machen. Fr gewhnlich wird dies auf einem separaten Objekt angewendet, um die Farbe des darunterliegenden Objektes zu verndern (das Objekt wird also wie ein Filter verwendet). Abdunkeln/Aufhellen sind die Graustufen-Versionen der Transparenztypen Buntglas und Bleichen. Die Farbe des Objekts mit angewandtem Abdunkeln/Aufhellen: Wei - Kein Effekt auf die Farben darunter befindlicher Objekte. Grau & Schwarz: Verdunkelt die Farben darunter befindlicher Objekte bzw. hellt diese auf. Andere Farben - Umwandlung der Farben in den entsprechenden Grauton. (Gelb ergibt leichtes Grau, Rot dunkles Grau) und Verdunklung bzw. Aufhellung der Farben darunter liegender Objekte. Helligkeit Je nach gewhlter Farbe hellt dies die Farben des unteren Objektes auf oder dunkelt sie ab. Die Farbe des Objekts mit angewendeter Helligkeit: Grau (weniger als 50% Schwarz) & Wei - Erhht die Helligkeit der Farben darunter befindlicher Objekte. Der Effekt von Wei ist am grten. Grau (weniger als 50% Schwarz) & Wei - Verdunkelt die Farben darunter befindlicher Objekte. Schwarz hat den grten Effekt. Andere Farben - Umwandlung der Farben in den entsprechenden Grauton (Gelb ergibt leichtes Grau, Rot dunkles Grau) und Verdunklung bzw. Aufhellung der Farben darunter liegender Objekte.
249
250
Transparenz
Leuchtkraft Leuchtkraft verwendet ein Grauwert-quivalent der Farbe, um die Leuchtkraft darunter liegender Objektes zu kontrollieren. Beachten Sie, dass Leuchtkraft keinen Effekt auf graue, weie, oder schwarze Objekte hat. Die Farbe des Objekts mit angewendeter Leuchtkraft: Grau & Wei: Hellt die Farben in darunter befindlichen Objekten auf. Wei hat den grten Effekt und erzeugt gesttigte Farben. Schwarz - Bleibt ein schwarzes Objekt. Andere Farben - Umwandlung der Farben in den entsprechenden Grauton. (Gelb ergibt leichtes Grau, Rot dunkles Grau) und Erhhung der Leuchtkraft darunter befindlicher Objekte. Farbton Der Farbton des darunter liegenden Objektes wird verndert: Grau, Wei & Schwarz - Kein Effekt. Andere Farben: Der Farbton der darunterliegenden Farbe wird durch den Farbton des Objekts ersetzt. Sttigung und Leuchtkraft der darunter befindlichen Farbe wird verwendet. Fr weitere Informationen zum Thema HSV, siehe Kapitel Arbeiten mit Farben (auf Seite 182). Fr alle diese Typen steuert der Regler die Strke der Transparenz von voll deckend (0% Transparenz) zu vollkommen durchsichtig (100%). Eine einfarbige Transparenz eines Objekts schliet auch dessen Auenlinie mit ein. Verschiedene Transparenzen knnen dabei nicht gesetzt werden, jedoch kann die Auenlinie mit keine Farben oder keine Breite ausgeblendet werden. Um ein Objekt mit einer transparenten Fllung und einer nicht-transparenten Auenlinie zu erzeugen, benutzen Sie einen anderen, nicht einfarbigen Transparenztyp. Siehe Kapitel Arbeiten mit Farben (auf Seite 182) fr mehr Informationen zu Farben.
Transparenz Optimieren
Optimier-Transparenz kann jeden Teil Ihrer Zeichnung wie ein Foto mit dem Fotooptimierungs-Werkzeug verndern. Sie knnen also z. B. eine Form ber einen Teil Ihrer Zeichnung zeichnen, Optimier-Transparenz anwenden und dann die Helligkeit des Bereichs der Zeichnung, der von der Form berdeckt wird, ndern.
251
Optimier-Transparenz anwenden
Optimier-Transparenz anwenden
1. 2. 3.
4. 5. 6.
Zeichnen oder whlen Sie eine Form, auf die Sie die Optimier-Transparenz anwenden mchten. Wechseln Sie ins Transparenz-Werkzeug und whlen Sie in der Infoleiste OPTIMIEREN als TRANSPARENZ-TYP . Die Form scheint von Ihrer Seite verschwunden zu sein. Dies scheint so, weil sie nun Foto-Optimierungen auf darunter liegende Formen anwendet. Standard-Einstellung ist jedoch, dass die Werte keine Auswirkung auf darunter liegende Objekte haben. Deswegen sehen Sie die Form nicht. Ausgewhlt sollte die Form trotzdem sein. Wechseln Sie ins Foto-Optimierungs-Werkzeug. Regeln Sie die Helligkeit mit dem Regler in der Infoleiste hoch. Der Bereich unter Ihrer Form wird nun heller als der Bereich auerhalb. Sie knnen die Helligkeit, Kontrast, Sttigung und Temperatur anpassen. Wenn Sie die Form verschieben oder verndern, wird die Optimierung jeweils auf den Bereich unter der Form angewendet.
Normalerweise sollten Sie die Form mit dem Randunschrfe-Werkzeug etwas ausblenden, damit die bergnge zwischen Form und dem Rest der Zeichnung sanft sind.
252
Transparenz
Fotobearbeitung mit Optimier-Transparenz
Verwenden Sie die Optimier-Transparenz wie oben beschrieben, bleibt die Form ein unabhngiges Objekt, das nicht an ein bestimmtes Foto oder Objekt gebunden ist (solange Sie es nicht manuell gruppieren). Im Zusammenhang mit Fotobearbeitung gibt es daher eine bessere Methode, Optimier-Transparenz anzuwenden. Whlen Sie ein Foto aus, um eine Optimier-Transparenz auf diese oder einen Teil anzuwenden und wechseln Sie in den MASKEN-MODUS . Zeichnen Sie dort eine Form um den zu bearbeitenden Bereich. Wechseln Sie dann ins Foto-Optimierungs-Werkzeug und bearbeiten Sie das Foto mithilfe der Funktionen in der Infoleiste. Die Maskenform wird in eine Form mit Optimier-Transparenz konvertiert. Sie wird auerdem mit dem Foto zu einer Fotogruppe (auf Seite 293). Wenn Sie also das Foto bewegen oder verndern, wird die Optimier-Form automatisch mit verndert. Zudem wird sie am Rand des Fotos abgeschnitten. Weitere Informationen zur Optimier-Transparenz und Fotos finden Sie im Kapitel Foto-Werkzeug. Schrfen knnen Sie nur bei Optimier-Transparenz-Objekten anwenden, wenn sie teil einer Fotogruppe sind.
Profil
ndern Sie hier den Verlauf zwischen Start- und Endpunkt der Transparenz. Dies gilt fr alle verlaufenden Transparenzen, auer Dreipunkt- und Vierpunkt-Transparenzen (bei welchen diese Option nicht zur Verfgung steht). So wird das Profil einer Transparenz gendert:
1. 2. 3.
Whlen Sie das Objekt aus. Auf der Infoleiste des TRANSPARENZ-WERKZEUGES whlen Sie PROFIL. Im Dialog whlen Sie entweder ein vordefiniertes Profil aus dem Drop-Down-Men oder erstellen ein eigenes. Die oberste Einstellung im Drop-Down-Men (die gerade Linie) fhrt zu einem linearen bergang zwischen Anfang und Ende der Transparenz.
Transparenz Bitmaps
Hinweis: BITMAP - und FLL-GALERIE werden im Kapitel Arbeiten mit Bitmaps beschrieben. Wenn Sie den Transparenztyp BITMAP gewhlt haben, wird anfangs ein Standard-Bitmap verwendet. Klicken Sie auf BITMAP-NAME in der Infoleiste der Transparenz oder verwenden Sie die BITMAP - und FLL-GALERIE , um das Bitmap auszutauschen. Klicken Sie in der Galerie auf TRANSP oder benutzen Sie Drag & Drop. In der Grundeinstellung sind die hellen Farben im Bitmap die durchscheinendsten. Natrlich kann dies spter angepasst werden.
253
Anfasser/Auflsung
Ist ein Anfasser ausgewhlt, wird er in dieser Box gezeigt. Ist kein Anfasser markiert, wird der dpi-Wert einer Bitmap-Transparenz gezeigt.
254
Transparenz
Gruppentransparenz bei berblendungen
Hinweis: Weitere Information zu berblendungen finden Sie im Kapitel berblendungen. Wird ein Objekt, das Teil einer berblendung ist, mit einer Transparenz versehen, wirkt sich diese auf die gesamte berblendung aus. Sie wird wie eine Gruppentransparenz behandelt.
Wenn Sie mchten, dass jedes Objekt separat transparent wird, legen Sie die Transparenz zuerst auf die beiden Ausgangsobjekte der berblendung und berblenden Sie dann.
Kanten
255
Kanten
Kanten-Werkzeug
Das KANTEN-Werkzeug (Tastaturkrzel Strg + F3) erzeugt an einem Objekt den Eindruck von rumlicher Tiefe. Kanten sind nicht pixelbasiert und deswegen unabhngig von Ihrer Auflsung. Sie knnen also verlustfrei vergrert werden.
Kantentyp Schieberegler-Typ Regler und numerischer Wert fr ausgewhlte Parameter Auenkante Innenkante Verbindungsart Die meisten Objkettypen knnen mit Kanten versehen werden. Ausnahmen sind: Ein bestimmter Teil eines Textblocks (z. B. ein einzelner Buchstabe). Die Kante wird dann immer auf den gesamten Text gesetzt. Die Kurve an der sich ein Textblock ausrichtet. Objekte mit Konturen Live-Effekt - die Kante wird entweder vor der Anwendung des Effekts erstellt, wenn der Effekt Live ist, oder: Ist der Effekt gesperrt, wird er auf die gesamte Umrissgre (also auerhalb der Kante) angewendet.
Kante erstellen
So erstellen Sie eine Kante:
1. 2. 3.
Selektieren Sie das Objekt. Aktivieren Sie das KANTEN-WERKZEUG. Whlen Sie die gewnschte Kantenform aus der Liste der KANTENTYPEN aus.
256
Kanten modifizieren
Sie knnen folgende Modifikationen einer Kante vornehmen: Form, Richtung und Gre der Kante Richtungswinkel und Einfallwinkel des Lichts
Kantenausrichtung
Ein Objekt kann Auen- und Innenkanten haben. Auenkanten vergrern Objekte, Innenkanten ndern die Objektgre nicht. So ndern Sie die Kantenausrichtung:
1. 2.
Whlen Sie das Objekt aus. Whlen Sie die Schaltflche INNENKANTE oder AUENKANTE.
Kanten
1. 2.
Markieren Sie das Objekt. Ziehen Sie an der Pfeilspitze, um die Position der Lichtquelle zu ndern.
257
Hinweis: Die Mitte des Pfeiles kann nicht bewegt werden, nur die Spitze. Fr exakte Winkel whlen Sie aus der Liste der SCHIEBEREGLERTYPEN den LICHTRICHTUNGSWINKEL. Bewegen Sie dann den Regler oder geben Sie einen Wert in das Textfeld ein.
Sind mehrere Objekte mit Kanten ausgewhlt, werden die nderungen auf alle Kanten angewandt. Ziehen am Pfeil bewirkt lediglich das ndern der Objektkante (oder mehrerer), auf die sich der Pfeil bezieht.
1. 2.
Markieren Sie das Objekt. Whlen Sie aus der Liste der Schiebereglertypen die Option KONTRAST . Bewegen Sie dann den Regler oder geben Sie einen Wert in das Textfeld ein.
Sind mehrere Objekte mit Kanten ausgewhlt, werden die nderungen auf alle Kanten angewandt. Die verwendeten Farben wirken sich mitunter auf den Kontrast aus. Beispielsweise brauchen krftige Farben (mit hoher Sttigung) mehr Kontrast als schwache, um einen hnlichen Effekt zu erzielen. Fr beste Ergebnisse mssen Sie den Kontrast fr jedes Objekt einzeln anpassen.
1. 2.
Markieren Sie das Objekt. Whlen Sie aus der Liste der Schiebereglertypen die Option LICHTEINFALLSWINKEL . Bewegen Sie dann den Regler oder geben Sie einen Wert in das Textfeld ein.
258
Kanten
Fr runde Kanten empfehlen wir einen Lichteinfallswinkel von 30. Bei diesem Wert geht die Kante weich in das Objekt ber.
Kantengre ndern
So modifizieren Sie die Gre einer Kante:
1. 2.
Markieren Sie das Objekt. Ziehen Sie an einem der auen liegenden Doppelpfeile, um die Kante zu vergrern.
Alternativ:
1. 2. 3.
Markieren Sie das Objekt. Whlen Sie aus der Liste der Schiebereglertypen die Option GRE. Bewegen Sie dann den Regler oder geben Sie einen Wert in das Textfeld ein.
Kantentyp ndern
So ndern Sie den Kantentyp:
1. 2. 3.
Markieren Sie ein Objekt. Aktivieren Sie das KANTEN-WERKZEUG. Whlen Sie die gewnschte Kantenform aus der Liste der KANTENTYPEN aus (z. B. FLACH , ABGERUNDET 1 oder 2 , NACH INNEN GEWLBT usw.).
1. 2.
Markieren Sie die Kante mithilfe des AUSWAHL-WERKZEUGS . Achten Sie darauf, dass Sie die Kante auswhlen und nicht das Objekt. Benutzen Sie den FARBEDITOR zur Bearbeitung der Farbe.
Hinweis: Weitere Informationen zu Farben, FARBEDITOR und Farbleiste finden Sie im Kapitel Arbeiten mit Farben (auf Seite 182).
Kanten
ndern der Verbindungsart von Kanten
259
Haben Sie erst einmal eine Kante auf ein Objekt gelegt, kann die Art und Weise wie deren Ecken geformt sind, modifiziert werden. So wird die Verbindungsart einer Kanten modifiziert:
1. 2.
Whlen Sie das Objekt aus. Klicken Sie auf eine der entsprechenden Schaltflchen in der Infoleiste des KANTEN -Werkzeug.
Gehrung
Rund
Kante
Kanten entfernen
So wird eine Kante entfernt:
1. 2.
Markieren Sie das Objekt, von welchen Sie die Kante entfernen mchten. Aktivieren Sie das KANTEN-WERKZEUG.
260
Masken
Masken
Fr einige Bearbeitungen brauchen Sie eine Maske, die anzeigt, welcher Teil eines Fotos oder einer Zeichnung bearbeitet werden soll. Fr inhaltsabhngige Foto-Skalierung z. B. sollte ein Teil des Fotos ausgewhlt werden, der vom Skalieren ausgenommen wird. Ein weiteres Beispiel ist das Foto-Optimierungs-Werkzeug. Mithilfe einer Maskenform knnen Sie einen Teil eines Fotos markieren und anschlieend das Optimierungs-Werkzeug nur fr diesen Teil anwenden. Fr folgende Bearbeitungen knnen Masken verwendet werden: Inhaltsabhngige Foto-Skalierung Ausschneiden/Kopieren/Lschen Duplizieren und Klonen ClipAnsicht Formen kombinieren (Men Anordnen)
261
262
Masken
Wenn Sie die Esc-Taste drcken, wird jede Auswahl aufgehoben (es ist also kein Objekt ausgewhlt). Befinden sich mehrere Objekte auf der Masken-Ebene, knnen Sie diese auswhlen, indem Sie auf die Umriss-Linie der Form klicken (also die marschierenden Ameisen). In der Seiten- & Ebenen-Galerie knnen Sie ebenfalls Objekte auf der Masken-Ebene auswhlen. Es knnen alle Zeichen-Werkzeuge bei den ausgewhlten Formen auf der Masken-Ebene angewendet werden. Sie knnen diese kopieren, ausschneiden, einfgen, lschen, duplizieren usw. Anschlieend knnen Sie das Freihand- und das Formeditor-Werkzeug zum Anpassen des Umrisses der Masken-Form verwenden. Sie knnen auch Formen von normalen, sichtbaren Ebenen auf die Masken-Ebene kopieren und umgekehrt. Schalten Sie dazu am besten den Masken-Modus aus, kopieren Sie das gewnschte Objekt, schalten Sie den Masken-Modus wieder ein und fgen Sie das Objekt ein. Um alle Objekte der Maske zu lschen, klicken Sie einfach auf den rosafarbenen Bereich (alle Teile der Maske werden gewhlt) und drcken Sie die Entfernen-Taste Ihrer Tastatur. Wenn Sie in ein Loch der Maske klicken, werden die Objekte unter der Maske ausgewhlt.
Masken-Objekte bewegen
Wenn Sie an der rosafarbenen Maske mit gehaltener Maustaste ziehen, so werden alle Formen der Masken-Ebene verschoben. Haben Sie mehere Formen auf der Masken-Ebene ausgewhlt, mchten aber nur eine Form bearbeiten, lschen Sie die Auswahl (Esc) und klicken Sie auf den Rand oder das Innere der gewnschten Form.
ClipAnsicht
Man kann eine Zeichnung oder ein Foto so beschneiden, dass es innerhalb der Masken-Form liegt. Whlen Sie die zu beschneidenden Objekte, schalten Sie den Masken-Modus ein und zeichnen Sie eine Form auf der Maske. Whlen Sie nun ANORDNEN -> CLIPANSICHT (Tastaturkrzel: Q), damit die Zeichnung in den sichtbaren Bereichen der Maske beschnitten wird. Die ClipAnsicht ist nicht destruktiv. Die gesamte Zeichnung bleibt innerhalb der ClipAnsicht erhalten. Im Kapitel Arbeiten mit Objekten finden Sie weitere Informationen hierzu.
Masken
Ausschneiden, Kopieren, Lschen
Diese Operationen sind vor allem in Verbindung mit Masken sinnvoll, um Teile von Fotos auszuschneiden, Sie knnen Sie aber auch bei Objekten anwenden. Whlen Sie die Objekte, bei denen Sie die Operation durchfhren mchten, schalten Sie den Masken-Modus ein und zeichnen Sie die Masken-Form(en). Verwenden Sie dann Ausschneiden/Kopieren/Lschen.
263
Hier sehen Sie ein Foto mit einer Maske, auf der eine Ellipse gezeichnet wurde. Durch Ausschneiden oder Lschen wird der sichtbare Teil des Fotos ausgeschnitten oder gelscht.
Im linken Beispiel wurde die Maske invertiert. Jetzt wird nur der maskierte Teil geschtzt, wenn Sie ausschneiden oder lschen.
Masken knnen auf alle Zeichnungen oder Fotos gelegt werden. Ist eine Maskenform whrend dieser Operationen ausgewhlt, werden Sie gefragt, ob die Operation fr die Maskenform oder die Objekte darunter gelten soll. Dies ist so, weil Sie die Operationen auch fr die Masken-Form durchfhren knnen und nicht klar ist, was Sie mchten.
264
Masken
Duplizieren, Klonen
Hiermit werden die nicht maskierten Bereiche einer Zeichnung oder eines Fotos kopiert. Klonen setzt eine Kopie des Objektes genau auf das Original.
Inhaltsabhngige Foto-Skalierung
Sie schtzen einen Bereich vor der Skalierung, indem Sie im Masken-Modus mit dem Freihand-Werkzeug um den Bereich zeichnen. Wechseln Sie anschlieend in den Modus fr inhaltsabhngige Skalierung (zu finden im Ausklappmen des Foto-Werkzeugs). Lesen Sie auch den Abschnitt zu inhaltsabhngiger Skalierung (auf Seite 331).
Foto-Optimierungswerkzeug
Verwenden Sie eine Maske zum Anwenden von Helligkeit, Kontrast, Sttigung, Temperatur und Schrfe auf bestimmte Teile eines Fotos. Zeichnen Sie die Masken-Form im Masken-Modus, wechseln Sie ins Foto-Werkzeug und verwenden Sie die Optimierungs-Funktionen der Infoleiste. In den Kapiteln Foto-Werkzeug und Arbeiten mit Fotos (auf Seite 292) gibt es weitere Informationen.
Foto-Klon-Werkzeug
Das Klon-Werkzeug macht aus einer Masken-Form eine Klon-Form, die einen Teil eines Fotos an eine andere Stelle kopiert. Weitere Informationen hierzu finden Sie im Abschnitt Klon-Werkzeug des Kapitels Foto-Werkzeug.
Formen kombinieren
Sie knnen unter ANORDNEN -> FORMEN KOMBINIEREN Formen auf verschiedene Weisen kombinieren. Dazu knnen Sie auch Masken verwenden. Schneiden Sie z. B. einen Teil eines Fotos aus (wie eine Pltzchenform), indem Sie die Pltzchenform auf die Maske zeichnen und dann ANORDNEN -> FORMEN KOMBINIEREN -> FORMEN ZERSCHNEIDEN whlen. Hinweise zu Masken: Die Maske ist eine besondere Ebene. Wenn Sie den Masken-Modus einschalten, sehen Sie in der Seiten- & Ebenen-Galerie die Masken-Ebene. ber die Schaltflchen der Seiten- & Ebenen-Galerie zeigen, verbergen, sperren und entsperren Sie die Masken-Ebene. Mithilfe der Seiten- & Ebenen-Galerie knnen Sie Objekte auf der Masken-Ebene finden und auswhlen.
Web-Einstellungen-Dialog
265
Web-Einstellungen-Dialog
Der Dialog Web-Einstellungen hat mehrere Reiter, in denen Sie die meisten Web-Funktionen einstellen knnen und Einstellungen fr einzelne Objekte, Seiten oder die gesamte Website vornehmen. Sie ffnen ihn indem Sie auf ein Objekt rechtsklicken und WEB-EINSTELLUNGEN whlen oder ber das Men EXTRAS > WEB-EINSTELLUNGEN (Strg + Umschalt + W). Jeder Reiter kann auch direkt aufgerufen werden, ber die Schaltflchen der Ausklappleiste Web-Einstellungen auf der Web-Werkzeugleiste.
Links Website Seite Bild MouseOver Platzhalter Verffentlichen Navigationsleiste erstellen/bearbeiten Der Dialog ist nicht modal, Sie knnen ihn also geffnet lassen, whrend Sie verschiedene Seiten und Objekte auswhlen. So kann man schnell Einstellungen fr verschiedene Objekte und Seiten vornehmen. Mit OK bernehmen Sie Ihre nderungen und schlieen den Dialog, mit BERNEHMEN werden nur die nderungen bernommen, der Dialog bleibt offen. Beachten Sie: Wenn Sie ein Animations-Dokument erstellt haben, erscheint der WEB-EINSTELLUNGEN -Dialog in leicht abgewandelter Form. Einige Einstellungsmglichkeiten sind anders und viele deaktiviert, weil sie nicht fr Animationen gelten. Lesen Sie das Kapitel Flash (auf Seite 397) um zu erfahren, wie Sie diesen Dialog in Animationen verwenden. Im folgenden Abschnitt wird jeder Reiter des Dialogs beschrieben.
266
Web-Einstellungen-Dialog Links
Die Einstellungen in diesem Reiter gelten fr ausgewhlte Objekte oder ausgewhlten Text. Typischerweise nutzen Sie diesen Reiter, um einem Objekt (z. B. Button oder Foto) oder Text auf Ihrer Webseite einen Link hinzuzufgen, so dass Besucher beim Klicken darauf auf eine andere Seite weitergeleitet werden. Sie knnen auf andere Seiten Ihrer Website oder eine externe URL (Internetadresse) verlinken oder ein Popup-Fenster erscheinen lassen. Sie knnen auch bergangseffekte fr Links auswhlen, die dafr sorgen, dass die verlinkte Seite (in Ihrer Website oder extern) mit dem von Ihnen gewhlten bergang angezeigt wird. Linkbergnge knnen nur dann ausgewhlt werden, wenn ber den Link eine neue Seite geffnet wird. Sonst sind sie deaktiviert. Um einen Link auf nur einige Worte eines Absatz zu legen, gehen Sie ins TEXT-WERKZEUG und markieren Sie den Text, den Sie verlinken mchten. Geben Sie dann den Link in diesem Reiter ein. Der Hauptteil dieses Reiters ermglicht es Ihnen, auszuwhlen, was passiert, wenn Sie auf das ausgewhlte Objekt oder den Text klicken.
Web-Einstellungen-Dialog
Link auf Internetadresse
Geben Sie eine Internetadresse ein. Wenn Sie ADRESSE AUTOMATISCH KORRIGIEREN angewhlt lassen, wird Ihre Adresse automatisch angepasst, wenn Sie auf OK oder bernehmen klicken. Wenn Sie z. B. www.magix.de eingeben, wird dies in http://www.magix.de korrigiert. Wenn Sie eine E-Mail Adresse eingeben, wird durch Klicken auf den Link das E-Mail-Programm des Besuchers geffnet, in dem das Empfngerfeld schon ausgefllt ist. Sie knnen auch den Betreff festlegen, CC und BCC Adressen angeben und sogar den Text (body) der Mail festlegen. Diese Eingabe z. B. setzt die Empfngeradresse und alle vier optionalen Parameter: ihrname@irgendwo.de subject:E-Mail von der Website cc:anderer@irgendwo.de bcc:nocheinanderer@irgendwo.de body:Automatisch erstellte Mail Technischer Hinweis: Um sog. Spam-Roboter daran zu hindern, Ihre E-Mail Adresse auf der Website aufzuspren, wird diese von MAGIX Web Designer 7 Premium nicht im Klartext, sondern codiert dargestellt. Dafr muss Javascript im Browser aktiviert sein (derzeit haben dies mehr als 95% aller Browser).
267
Link auf
Mit dieser Option knnen Sie auf eine andere Seite der aktuellen Website oder in Prsentationen auf den nchsten oder vorherigen Prsentationsschritt verlinken. Aus der Dropdown-Liste whlen Sie die zu verlinkenden Seiten oder Schritte aus. Tipp: Es ist viel einfacher, bei Dokumenten mit vielen Seiten, jeder Seite einen Namen zu geben, da diese dann in der Liste nicht mehr als Seite 2, Seite 3 usw. angezeigt werden und einfacher wiederzufinden sind. Lesen Sie auch den Abschnitt zum Reiter SEITE (auf Seite 274), um zu erfahren, wie Sie Seiten Namen geben, oder bearbeiten Sie die Namen in der SEITEN- & EBENEN-GALERIE .
Sie knnen statt einer bestimmten Seite auch NCHSTE/R SEITE/PRSENTATIONSSCHRITT und VORHERIGE/R SEITE/PRSENTATIONSSCHRITT auswhlen. Nchste/vorherige Seite Damit verlinken Sie auf die nchste oder vorherige Seite Ihrer Website. In diesem Fall wird die Seitenreihenfolge durch die Reihenfolge der Seiten in MAGIX Web Designer 7 Premium
268
Web-Einstellungen-Dialog
vorgegeben. Die Seite vor der ersten Seite ist die letzte und die Seite nach der letzten ist die erste Seite. Nchster/Vorheriger Prsentationsschritt Damit verlinken Sie auf den nchsten oder vorherigen Prsentationsschritt Ihrer Website, wenn diese eine Prsentation ist. Die Reihenfolge der Prsentation wird hnlich wie bei vorheriger/nchster Seite durch die Reihenfolge der Schritte in MAGIX Web Designer 7 Premium bestimmt.
Sie knnen fr einen Link auf einen Ankerpunkt keine berblendung whlen.
Web-Einstellungen-Dialog
HINWEIS:
269
Sie knnen fr einen Link auf eine Datei keine berblendung whlen.
Popup-Ebenen
Sie knnen alles mgliche auf eine Ebene legen, die erscheint, wenn der Besucher Ihrer Seite auf einen Link klickt. Dies knnte z. B. die Beschreibung eines Fotos auf Ihrer Webseite sein, die beim Klick auf das Foto angezeigt wird. Zum Erstellen einer Popup-Ebene mssen Sie zunchst mit der SEITEN- & die Ebene erstellen und dieser die Popup-Inhalte hinzufgen.
EBENEN-GALERIE
Lesen Sie dazu das Kapitel ber die Seiten- & Ebenen-Galerie. Sie knnen die Ebene dann aus der Liste neben der Popup-Ebene-Option auswhlen. Der Klick eines Besuchers auf das Objekt lsst den Ebeneninhalt erscheinen. Wenn man woanders auf die Seite klickt, verschwindet er wieder. Beachten Sie, dass die Inhalte der Popup-Ebene bereits dann geladen werden, sobald Ihre Seite besucht wird. Wenn Sie viele Popup-Photos verwenden mchten, sollten Sie dafr stattdessen die spezielle Popup-Foto-Funktion (siehe unten) verwenden. Im Erste Schritte-Kapitel (auf Seite 74) finden Sie eine Schritt fr Schritt Anleitung zum Hinzufgen von Ebenen-Popups.
Popup-Foto
Mit dieser Option knnen Sie sehr leicht Popup-Fotos oder Foto-Galerien zu Ihrer Website hinzufgen, ohne zustzliche Ebenen einzusetzen. Importieren Sie Ihr Foto und benutzen Sie das AUSWAHL-WERKZEUG um es so zu skalieren, dass es nur als kleines Vorschaubild dargestellt wird. Whlen Sie es aus und benutzen Sie diese POPUP-FOTO -Option. Klicken Sie auf OPTIONEN. Das bringt Sie zum Reiter BILD , in dem Sie die Gre der Popup-Fotos, einen Titel und eine Beschreibung einstellen knnen und Ihnen weitere Optionen zur Verfgung stehen. Lesen Sie dazu unten den Abschnitt zum Reiter Bild (auf Seite 277). Die Popup-Foto-Optionen in den Reitern Link und Bild beziehen sich auf dieselbe Funktion und werden deshalb immer gleichzeitig aus-/abgewhlt.
270
Web-Einstellungen-Dialog
Gemeinsame Linkfarben der Website verwenden
Hier whlen Sie, wie Textlinks angezeigt werden sollen. Normalerweise ist diese Option angewhlt, so dass der Link in der Farbe angezeigt wird, die Sie fr die gesamte Site festgelegt haben. Diese Farbe stellen Sie im Reiter Website ein. Wenn Sie die Option abwhlen, behlt der ausgewhlte Textlink die Farbe, die Sie ihm auf der Seite geben. So knnen Sie verschiedenen Links unterschiedliche Farben geben.
Link ffnen in
Diese Option bewirkt nichts, wenn Popup-Foto oder Popup-Ebene ausgewhlt wurden. Ansonsten knnen Sie festlegen, wie das Linkziel geladen werden soll. Standardeinstellung ist Nicht festgelegt, was heit, dass der Browser den Link im selben Fenster und Frame ffnen wird. In der Dropdown-Liste finden Sie vier Optionen. Sie knnen eine dieser Optionen auswhlen oder den Namen eines Frames eingeben.
NEUES FENSTER (_BLANK) : GLEICHER FRAME (_SELF) :
ffnet den Link in einem neuen Browserfenster. ffnet den Link in demselben Frame, in dem sich das Objekt
befindet.
BERGEORDNETER FRAME (_PARENT)
: ffnet den Link im bergeordneten Fenster oder Frameset, indem sich der Frame befindet. ffnet den Link im Hauptfenster des Browsers und ersetzt alle
existierenden Frames. Wenn Sie wollen, dass der Link in einem speziellen Frame des Browsers geladen wird, geben Sie den Namen des Frames in das Feld ein.
Anklickbarer Bereich
Hier knnen Sie einstellen, wo auf das Objekt geklickt werden kann, um den Link zu ffnen. Dies wird jedoch nicht bei HTML-Seiten untersttzt (es wird immer das Rechteck um das Objekt benutzt) und funktioniert nur bei Flash.
OBJEKT-FORM : Der User muss innerhalb des genauen Umrisses des Objekts klicken, um den Link auszulsen. RECHTECK UM DAS OBJEKT:
Der User kann irgendwo innerhalb des Rechtecks klicken, welches das Objekt umgibt, um den Link zu ffnen.
Link-bergangseffekt
Diese Option ermglicht es, einem Link einen bergangseffekt zuzuordnen, so dass die verlinkte Seite (sowohl eine externe Seite oder auch eine der Seiten ihrer Homepage) mit dem entsprechenden bergangseffekt erscheint. Linkbergnge knnen nur dann ausgewhlt werden, wenn ber den Link eine neue Seite geffnet wird. Sonst sind sie deaktiviert.
Web-Einstellungen-Dialog
Hinweis: Wird der Link-bergangseffekt auf einen Link angewendet, der zu einer Seite fhrt, die Ihre eigenen bergangseffekte hat (lsst sich ber den Reiter Seite (auf Seite 274) zuordnen) dann wird der bergang des Links benutzt. Der Link-bergangseffekt setzt den Seiten-bergangseffekt auer Kraft.
BERGANGSEFFEKT:
271
Folgende bergangseffekte knnen fr einen Link ausgewhlt werden: Sofort (Standard) Hereingleiten von Hinausgleiten von Verlauf Schwarzblende Neue Seiten-, Ebenen- oder Schrittinhalte erscheinen direkt Neue Seiten-, Ebenen- oder Schrittinhalte gleiten aus verschiedenen Richtungen herein Aktuelle Seiteninhalte gleiten in verschiedene Richtungen hinaus. Neue Seiteninhalte erscheinen langsam
Aktueller Seiteninhalt wird auf schwarz geblendet. Anschlieend wird der neue Inhalt eingeblendet. Klappe Ein schwarzer Balken fhrt ber den Bildschirm und verbirgt den alten Inhalt. Anschlieend entfernt er sich wieder und zeigt den neuen Inhalt. Getrennt, vertikales/ Neuer Inhalt gleitet in zwei Hlften herein, entweder horizontal oder horizontales vertikal getrennt. Hereingleiten
GESCHWINDIGKEIT (SEK.): Stellt die Dauer des Effekts in Sekunden ein. Standard ist, dass die Objekte nur bis zum Rand der Webseite herein-/hinausgleiten. Wenn die Objekte am Rand des Browserfensters und nicht der Webseite starten sollen, whlen Sie AUF SEITENRAND BESCHNEIDEN im Reiter Website (auf Seite 272) des Web-Einstellungen-Dialogs ab.
Standard ist, dass die Objekte bei angewendetem bergang nur bis zum Rand der Webseite herein-/hinausgleiten. Wenn die Objekte am Rand des Browserfensters und nicht der Webseite starten sollen, whlen Sie AUF SEITENRAND BESCHNEIDEN im Reiter Website (auf Seite 272) des Web-Einstellungen-Dialogs ab. Hinweis: Diese Option ist inaktiv, wenn LINK AUF ANKER , LINK AUF DATEI , POPUP-EBENE oder POPUP-FOTO ausgewhlt sind.
272
Web-Einstellungen-Dialog Website
Die Einstellungen dieses Dialogs gelten fr das gesamte Dokument, es ist also egal, welches Objekt oder welche Seite Sie ausgewhlt haben.
TITEL, BESCHREIBUNG & SCHLAGWORTE :
Diese Felder werden im Abschnitt zum Reiter Seite (auf Seite 274) weiter vorne beschrieben. Sie knnen hier festlegen, dass die Felder nur dann fr die gesamte Seite gelten, wenn Sie nicht im Reiter Seite berschrieben werden. Eine Seite, deren Titel nicht unter Seite festgelegt wurde, bekommt also den Titel, den Sie hier festlegen.
HTML-CODE (HEAD) UND HTML-CODE (BODY):
Diese Schaltflchen haben dieselbe Funktion wie die Schaltflchen im Reiter Seite. Sie ermglichen es, groe Teile HTML-Code in die Header- oder Body-Abschnitte der Webseiten einzufgen.
Web-Einstellungen-Dialog
Wenn in dieses Feld im REITER WEBSITE Code eingegeben wird, wird er zustzlich zu dem individuell fr jede Seite eingegebenen Code auf jeder Seite eingefgt. So knnen Sie bestimmten Code auf jeder Seite einfgen und trotzdem jeder Seite individuell Code hinzufgen.
273
Weit verbreitet ist es, Links durch Unterstreichen im Text hervorzuheben, daher ist diese Option standardmig ausgewhlt. Whlen Sie sie ab, wenn Sie nicht wollen, dass Ihre Links unterstrichen sind.
MOUSEOFF FARBE :
Hier stellen Sie die Farbe fr alle Ihre Textlinks ein. Whlen Sie entweder eine benannte Farbe aus der Dropdown-Liste (wenn es benannte Farben in Ihrem Dokument gibt) oder klicken Sie auf Bearbeiten, um den Farbeditor zu ffnen.
MOUSEOVER FARBE : Wenn Sie den Mauszeiger ber einen Textlink bewegen, ndert sich die Farbe des Links in die hier ausgewhlte Farbe. BESUCHT
(visited): Wenn der Besucher die Seite, auf die mit dem Textlink verwiesen wird, bereits besucht hat, erscheint der Link in dieser Farbe (anstatt in der MouseOff-Farbe).
Web-Prsentationen
Klicken Sie das Kstchen PRSENTATIONSWEBSITE , um eine bestehende Website in eine Prsentation umzuwandeln. Hinweis:Wenn Sie Ihr Prsentationsdokument erstellt haben, indem Sie im Men DATEI > NEU die Vorlage 955 PIX PRSENTATION gewhlt haben, ist diese Option automatisch aktiv.
AUF SEITENRAND BESCHNEIDEN
(standardmig aktiv): Wenn Sie auf der Seite Objekte haben, die ber den Seitenrand hinaus ragen, werden diese am Seitenrand abgeschnitten, wenn die Option aktiv ist. Deaktivieren Sie diese Option, wenn das Objekt ber den Rand der Seite herausragen soll.
Hinweis: Haben Sie einer Ebene bzw. einem Prsentationsschritt bergangseffekte zugeordnet, beginnen Bewegungen von oben, unten oder den Seiten nicht mehr an den Seitenrndern, sondern am Rand des Browserfensters, wenn diese Option deaktiviert wird.
274
Web-Einstellungen-Dialog Seite
Die Optionen dieses Reiters beziehen sich auf die aktuelle Seite, nicht auf einzelne Objekte. Sie erkennen die aktuelle Seite durch schwarze Linien innerhalb der Seitenecken. Alle Felder in diesem Reiter sind optional, sie mssen hier nicht fr jede Seite etwas eintragen. Wenn Sie Titel, Beschreibung und Schlagwrter fr alle Seiten gleich haben mchten, so setzen Sie diese einmal im Reiter Website.
SEITEN-DATEINAME:
Hier stellen Sie den Namen der exportierten Seite ein. Soll die Seite also z. B. home.htm heien, geben Sie hier home ein.
blicherweise wird die erste Seite einer Website index.htm oder home.htm genannt. Wenn ein Besucher eine URL angibt, die keinen speziellen Seitennamen enthlt, sondern nur den Domainnamen (z. B. www.magix.de), wird in der Regel vom Webserver auf index.htm weitergeleitet. Beachten Sie, dass alle Zeichen, die hier eingegeben werden automatisch kleingeschrieben und ohne Akzente (z. B. Umlaute) verwendet werden und
Web-Einstellungen-Dialog
einige Zeichen nicht erlaubt sind. So verringert sich die Gefahr von Kompatibilittsproblemen mit Webservern, wenn Sie die Website verffentlichen.
SEITEN-TITEL:
275
Hier knnen Sie Ihrer Seite einen Titel geben. Dieser wird, falls vorhanden, von Webbrowsern oben in der Titelzeile des Fensters oder Reiters angezeigt. Beim Schreiben dieses Textes hat www.magix.de z. B. den Titel Musiksoftware, Fotosoftware, Videosoftware vom Marktfhrer.
Fr Profis: Der Titel wird in den Header der Seite mittels des <title> HTML-Tags eingefgt.
SEITEN-BESCHREIBUNG : Die Beschreibung der Seite wird von Suchmaschinen angezeigt. Eventuell wird sie auch von Webbrowsern und anderen Web-Services angezeigt.
Fr Profis: Die Beschreibung wird in die Metadaten des Seiten-Headers eingebaut. (<meta name="Beschreibung" ..).
SEITEN-SCHLAGWORTE: Hier knnen Sie einige Schlagwrter fr Ihre Seite eintragen, die dann von Suchmaschinen aufgegriffen werden. Geben Sie die Wrter ein, bei denen Sie glauben, dass Besucher danach suchen knnten.
Wenn Sie sich mit HTML auskennen: Die Schlagworte werden in den Seiten-Header als Metadaten eingetragen: Fr Profis: Die Schlagworte werden in die Metadaten des Seiten-Headers eingebaut. (<meta name="Schlagworte" ..).
HTML-CODE (HEAD):
ffnet den HTML-Code (head)-Dialog, in dem Sie HTML-Code direkt in den Header-Bereich Ihrer Webseite einfgen oder eingeben knnen. Der Code wird direkt vor dem schlieenden </head>-Tag eingefgt.
HTML-CODE (BODY): ffnet den HTML-Code (body)-Dialog, in dem Sie HTML-Code direkt in den Body-Bereich Ihrer Webseite einfgen oder eingeben knnen. Der Code wird direkt vor dem schlieenden </body>-Tag eingefgt.
Sie sollten bei diesen Dialogen vorsichtig sein, dass Sie keinen ungltigen Code eingeben, da sonst auf der ganzen Seite Probleme auftauchen knnen. Um denselben Code auf jeder Seite Ihrer Website einzubauen, benutzen Sie besser das HTML-Code (head) bzw. (body)-Feld im Reiter Website als ihn im Reiter Seite auf jeder Seite einzeln einzugeben.
BERGANGSEFFEKT: Whlen Sie einen bergangsefekt, der gezeigt wird, wenn der Besucher Ihre Webseite ffnet. Wenn Sie also z. B. eine Blende als bergang fr eine Seite whlen, wird die Seite nicht einfach geladen, sondern blendet sanft ein, wenn der Besucher auf einen Link zu dieser Seite klickt. Sie knnen so allerdings keinen bergangseffekt fr externe Links einstellen. Whlen Sie dazu Linkbergang (auf Seite 270) im Reiter Link.
276
Web-Einstellungen-Dialog
Folgende bergangseffekte knnen fr eine Seite ausgewhlt werden: Sofort (Standard) Hereingleiten von Hinausgleiten von Blende Schwarzblende Klappe Neue Seiten-, Ebenen oder Schrittinhalte erscheinen direkt Neue Seiten-, Ebenen- oder Schrittinhalte gleiten aus verschiedenen Richtungen herein Aktuelle Seiteninhalte gleiten in verschiedene Richtungen hinaus. Neue Seiteninhalte erscheinen langsam Aktueller Seiteninhalt wird auf schwarz geblendet. Anschlieend wird der neue Inhalt eingeblendet. Ein schwarzer Balken fhrt ber den Bildschirm und verbirgt den alten Inhalt. Anschlieend entfernt er sich wieder und zeigt den neuen Inhalt. Neuer Inhalt gleitet in zwei Hlften herein, entweder horizontal oder vertikal getrennt.
GESCHWINDIGKEIT (SEK):
Stellen Sie mit dem Regler eine bergangsgeschwindigkeit zwischen 0 und 5 Sekunden ein. Standard ist, dass die Objekte bei angewendetem bergang nur bis zum Rand der Webseite herein-/hinausgleiten. Wenn die Objekte am Rand des Browserfensters und nicht der Webseite starten sollen, whlen Sie AUF SEITENRAND BESCHNEIDEN im Reiter Website (auf Seite 272) des Web-Einstellungen-Dialogs ab.
Technischer Hinweis: Seitenbergnge werfen so umgesetzt, dass die Zielseite zuerst in einen versteckten iFrame geladen wird und dann dieser iFrame mit dem bergangseffekt eingeblendet wird. Am Schluss wird die Zielseite noch einmal normal geladen. Dieses zweite Laden der Zielseite ist normalerweise nicht sprbar, aber abhngig vom Computer des Betrachters und der benutzten Browserversion (gerade ltere Browser), kann manchmal am Ende der berblendung ein leichtes Flackern der Seite erkennbar sein.
Web-Einstellungen-Dialog Bild
277
Foto-Popup
Dieser Abschnitt des Reiters BILD erlaubt es Ihnen, Popup-Fotos und andere Fotogalerie-Funktionen zu Ihrer Website hinzuzufgen. Importieren Sie Ihr Foto und benutzen Sie das AUSWAHL-WERKZEUG um es zu skalieren, so dass es nur als kleines Vorschau-Bildchen auf der Webseite dargestellt wird. Bei ausgewhltem Foto klicken Sie nun das Kstchen Foto-Popup im Dialog. Im Feld Popup-Breite knnen Sie die Breite des Popups einstellen (Voreingestellt ist 500 Pixel). Klicken Sie in der Seitenvorschau auf das Thumbnail und es erscheint das Foto-Popup. Wenn Sie die Option Popup-Foto im Reiter BILD aktivieren, wird im Reiter LINK die entsprechende Funktion ebenfalls aktiviert. Weil ein Klick auf das Foto ja bereits das Popup-Foto auftauchen lsst, knnen Sie es ja nicht mehr anderweitig verlinken. Auch wird jeder andere Link entfernt, der eventuell vorher diesem Objekt ber den Reiter Link zugeordnet war.
278
Web-Einstellungen-Dialog
Ein weiterer Vorteil von Foto-Popups ist (im Vergleich zu Popup-Ebenen, wie oben im Abschnitt zum Reiter Link beschrieben), dass die groen Fotos erst geladen werden, wenn der Besucher auf die Vorschau klickt. Diese Methode passt also besser, wenn sich viele Bilder auf einer Galerie-Seite befinden, da nur die kleinen Vorschaubildchen vorher geladen werden mssen und das Laden der Seite insgesamt schneller wird. Diese Funktion kann auch fr andere Objekte als Fotos, wie Formen oder Gruppen, jedoch nicht auf Text, angewendet werden. Sie knnen diese Beschrnkung umgehen, indem Sie Text gruppieren. Popup-Titel Geben Sie dem ausgewhlten Foto eine berschrift, die ber dem Foto angezeigt wird. Beachten Sie, dass Sie auerdem die Option Popup-Titel im Dialog Popup-Foto-Optionen anschalten mssen (siehe unten), voreingestellt werden die Titel nicht angezeigt.
Popup-Foto-Optionen
Klicken Sie auf OPTIONEN um den Dialog Popup-Foto-Optionen anzuzeigen. Hier knnen diverse Optionen gewhlt werden, wie die Popup-Fotos prsentiert werden.
Mit dieser Option wird die gesamte Seite abgedunkelt, whrend das Popup angezeigt wird. Dadurch wird das Foto gegenber dem dunkleren Hintergrund der Seite besser hervorgehoben.
Web-Einstellungen-Dialog
SCHATTEN HINTER POPUP ZEIGEN : Es wird ein Schlagschatten hinter das Fenster des Popup-Fotos gelegt, wiederum um das Foto besser vom Seiten-Hintergrund abzuheben. BILDTITEL ZEIGEN :
279
Wenn Sie einen Titel fr das Foto festgelegt haben (siehe oben), knne Sie mit dieser Option diesen Titel im Popup-Fenster ber dem Foto anzeigen lassen.
Beachten Sie, dieser Titel ist etwas anderes als die Bildunterschrift, welche unter dem Foto erscheint. Mehr dazu siehe unten. Galerie-Optionen Die folgenden Optionen aktivieren Foto-Galeriefunktionen fr Ihre Popup-Fotos.
GALERIE-BROWSERSTEUERUNG ZEIGEN :
Diese erscheinen auf Ihrem Foto, wenn Sie die Maus ber das Foto bewegen. Damit kann ein Seitenbesucher auch die anderen Popup-Fotos auf der aktuellen Seite anzeigen, ohne
280
Web-Einstellungen-Dialog
erst das Popup-Fenster zu schlieen und ein anderes Vorschaubild anzuklicken. Der Besucher kann zum nchsten oder vorherigen Foto wechseln, oder er kann eine automatische Fotoshow starten und stoppen, bei der Bild fr eine Weile gezeigt wird und dann zum nchsten gewechselt.
BILDVORSCHAULEISTE UNTER POPUP ANZEIGEN :
Mit dieser Option aktivieren Sie eine Leiste mit kleinen Vorschaubildern unter dem Popup-Fenster. Damit kann ein Seitenbesucher zu jedem Ihrer Popup-Fotos auf der aktuellen Seite wechseln, indem er es auf der Vorschauliste anklickt,wiederum ohne erst das Popup-Fenster zu schlieen.
DIASCHAU AUTOMATISCH STARTEN : Schalten Sie das an, wenn Sie wollen, dass eine Diaschau startet, sobald eins der Popup-Fotos angeklickt wird. Sie knnen einstellen, wie viele Sekunden jedes Foto angezeigt werden soll.
Anmerkungen zur Galerie-Funktion Beachten Sie, dass nur die Fotos in der Fotogalerie angezeigt werden, die sich auf der aktuellen Seite befinden und die als Popup-Fotos gekennzeichnet sind. Alle anderen Fotos auf der Seite erscheinen nicht in der Galerie, um diese mit aufzunehmen, mssen Sie fr diese Fotos im Reiter Link die Option Popup-Foto aktivieren. Die Reihenfolge, in der Fotos in der Thumbnail-Leiste und in der Diashow erscheinen, muss nicht unbedingt mit der Reihenfolge der Fotos, wie sie auf Ihrer Seite erscheinen bereinstimmen. Die Reihenfolge wird durch die Tiefenstaffelung der Fotos auf Ihrer Seite bestimmt (von hinten nach vorne), so dass Sie, falls die Reihenfolge wichtig sein sollte, die Optionen im Men ANORDNEN nutzen knnen, um die Tiefenstaffelung Ihrer Fotos zu ndern.
Bildunterschriften
Sie knnen optional unter jedem Popup-Foto eine Bildunterschrift anzeigen. In diesem Feld im Reiter Bild knnen Sie eine Bildunterschrift angeben. Diese Funktion kann auch fr andere Objekte als Fotos, wie Formen oder Gruppen, jedoch nicht auf Text, angewendet werden. Sie knnen diese Beschrnkung umgehen, indem Sie Text gruppieren.
Web-Einstellungen-Dialog
281
Falls Sie sich mit HTML auskennen: Dieser Text wird auch als ALT-Text fr die exportierte Bilddatei verwendet, egal, ob das Bild ein Popup hat oder nicht. Webbrowser zeigen diesen Text anstelle des Bildes, falls dieses aus irgendwelchen Grnden nicht angezeigt werden kann.
Dateityp fr Webbilder
Die meisten Objekte, die Sie in MAGIX Web Designer 7 Premium sehen und auswhlen knnen, mssen whrend des Exports in Bitmaps umgewandelt werden. Dies geschieht bei der Vorschau und beim Export automatisch, Sie knnen in diesem Reiter jedoch einstellen, wie diese Bilder erstellt werden sollen. Denken Sie daran, dass alle Gruppen, Formen, berschriften, Logos, Fotos, Panel-Hintergrnde usw. als einzelnes Bild exportiert werden. Durch geschicktes Gruppieren der Objekte in Ihrem Design knnen Sie einstellen, wieviele Bilder exportiert werden. Zwei Formen, die nicht gruppiert sind, werden also auch als zwei separate Bilder exportiert. Wenn Sie beide Formen aber gruppieren (Strg + G), wird nur noch ein Bild exportiert.
282
Web-Einstellungen-Dialog
Dieser Abschnitt des Reiters Bild stellt ein, wie das ausgewhlte Objekt als Bild exportiert werden soll. Voreingestellt entscheidet MAGIX Web Designer 7 Premium fr Sie. Fotos werden blicherweise als JPEG (normalerweise das beste Format fr Fotos), andere Objekte als PNG (am Besten fr Grafiken) exportiert. Fotos, die auf der Seite gedreht wurden oder einen halb-transparenten Schatten haben, werden auch als PNG exportiert, da JPEG keine Transparenz untersttzt. Sie knnen fr ausgewhlte Objekte den Export als JPEG oder PNG erzwingen, indem Sie die entsprechende Option auswhlen. Wenn JPEG ausgewhlt wird, knnen Sie auch die Qualitt festlegen. Je hher die Qualitt, desto grer die JPEG-Datei.
Mouseover
Hier stellen Sie ein, was passiert, wenn der Besucher Ihrer Website seine Maus ber ein ausgewhltes Objekt bewegt. Sie knnen z. B. Text-Popups oder eine komplette Ebene mit Inhalt erscheinen lassen, wenn die Maus ber ein Foto auf der Seite bewegt wird. Hier legen Sie einen Pop-up-Text fr ein Objekt fest. Wird die Maus ber das Objekt gefhrt, erscheint dieser Text als Popup-Text im Browser. Zum Beispiel, wenn Sie eine Miniaturansicht eines Fotos haben, das durch Anklicken in einer greren Version dargestellt wird (siehe Reiter Bild fr eine Anleitung, wie Sie das machen), knnten Sie den Popup-Text auf Zum Vergrern anklicken setzen. Dieser Tooltip wird dann beim Mouseover ber dem Foto auf der Seite angezeigt. POPUP-EBENE ZEIGEN: Zustzlich zur Option, dass eine Ebene durch Klicken angezeigt wird (siehe Abschnitt zum Reiter Link), knnen Sie auch festlegen, dass sie erscheint, wenn die Maus ber ein Objekt gefhrt wird. Wird die Maus wieder vom Objekt weggefhrt, verschwindet die Ebene wieder. Whlen Sie diese Option und aus der Liste die Ebene aus, die erscheinen soll.
POPUP-TEXT ZEIGEN (TITEL):
So knnen Sie z. B. eine grere Version eines Fotos erscheinen lassen, sobald der Besucher seine Maus ber dieses bewegt. Beachten Sie, dass die Inhalte der Popup-Ebene bereits dann geladen werden, sobald Ihre Seite besucht wird. Daher sollten
Web-Einstellungen-Dialog
Sie auf diese Mglichkeit fr Popup-Fotos verzichten, wenn Sie viele Fotos auf Ihrer Seite haben. Sie sollten lieber auf die Popup-Foto (auf Seite 45) Funktion zurckgreifen.
283
Platzhalter
Der Reiter PLATZHALTER wird benutzt, manuell konfigurierbare Widgets hinzuzufgen und zu bearbeiten. Dies sind Widgets, die Sie zu Ihrer Website hinzufgen, indem Sie HTML-Code manuell ber die Zwischenablage einfgen oder Flash oder Videodateien importieren. Sie brauchen diesen Reiter nornmalerweise nicht, wenn Sie Widgets ber die DESIGN-GALERIE hinzufgen, denn Code und Dateine, die zur Funktion dieser Widgets bentigt werden, werden automatisch verwaltet. Lesen Sie dazu das Kapitel Widgets (auf Seite 373).
284
Web-Einstellungen-Dialog
Um ein beliebiges Objekt in einen Platzhalter fr ein Widget umzuwandeln, whlen Sie es aus und ffnen diesen Reiter des Webeinstellungen-Dialogs. Sie knnen HTML-Code von einer Seite oder eine Flash- bzw. Grafik-Datei benutzen. Suchen Sie die Datei auf oder fgen Sie den Code ein. Klicken Sie OK und Ihr Objekt wird zu einem Platzhalter-Objekt. Das bedeutet, das Objekt reprsentiert jetzt die Abmessungen und die Position des zugefgten Inhalts, in der exportierten Website wird das Objekt dann durch denn Code oder die eingefgte Datei ersetzt. Whlen Sie das Platzhalter-Objekt und ffnen Sie diesen Reiter des WEB-EINSTELLUNGEN -Dialogs. Whlen Sie dann aus den folgenden Optionen: In diesem Reiter knnen Sie externe Flash-, animierte GIF-Dateien oder fremden HTML-Code in Ihre Seite einbauen. Das ausgewhlte Objekt wird dann zum Platzhalter. Das bedeutet, das Objekt hat Abmessungen und Position der hinzugefgten Inhalte, aber in der exportierten Webseite wird das Objekt durch den richtigen Code bzw. die hinzugefgte Datei ersetzt. Es gibt aber auch noch eine einfachere Methode, Code oder Dateien zu Ihrer Seite hinzuzufgen. Ziehen Sie einfach Flash- oder animierte GIF-Dateien aus dem Windows-Explorer auf Ihre Seite. Es wird automatisch ein Platzhalter-Bild erzeugt und auf der Seite eingefgt. Eine Kopie der Datei wird in das Hilfsverzeichnis Ihres Designs kopiert, damit es zusammen mit Ihrer Site exportiert und verffentlicht wird. Wird die Website exportiert oder verffentlicht, wird das Platzhalter-Bild durch die richtige Datei ersetzt. Genauso knnen Sie HTML-Code, den Sie von einer Widget-Website eines Drittanbieters kopiert haben, einfach in MAGIX Web Designer 7 Premium einfgen. Stellen Sie dabei aber sicher, dass Sie mit dem Auswahl-Werkzeug arbeiten und nicht mit dem Text-Werkzeug, sonst wird der HTML-Code als Text eingefgt! MAGIX Web Designer 7 Premium erkennt den HTML-Code und benutzt ihn, um ein Platzhalterbild zu erzeugen, welches dann auf der Seite erscheint. Sie knnen auch direkt in den Header oder Body einer Seite HTML-Code einfgen. Klicken Sie dazu auf die Schaltflchen HTML-Code (head)/(body). Diese ffnen einen Dialog, in den Sie HTML-Code einfgen knnen. Wird die Website exportiert oder verffentlicht, wird das Platzhalter-Bild durch den Code ersetzt, so dass das Widget funktioniert. Fr weitere Informationen, lesen Sie das Kapitel Widgets (auf Seite 373).
Web-Einstellungen-Dialog
Die ausgewhlte Datei wird automatisch in den Hilfsordner des aktuellen Dokuments kopiert, so dass sie dort beim Export der Datei bereit liegt. Lesen Sie das Kapitel Arbeiten mit Dokumenten fr weitere Informationen zum Thema Hilfsordner.
285
286
Web-Einstellungen-Dialog
Es ist in der Regel jedoch einfacher, ein Bild direkt in MAGIX Web Designer 7 Premium zu importieren, um es auf der eigenen Website zu haben. Es ist jedoch ein einfaches Beispiel dafr, wie man HTML-Code dafr verwendet, auf eine externe Datei zu verweisen. Lesen Sie YouTube, Flash und andere Widgets einbetten (auf Seite 32) im Erste Schritte-Kapitel fr weitere Beispiele.
Platzhalter-Objekte
Das Platzhalter-Objekt wird in Ihre Website eingefgt und kann u. U. dem Besucher angezeigt werden. Wenn der Besucher z. B. kein Flash installiert oder dieses deaktiviert hat, zeigt der Browser anstelle einer Flash-Animation den Platzhalter. Daher sollten Sie nicht nur ein schwarzes Rechteck als Platzhalter benutzen oder ein akkurates Bild des Widgets, wie es auf der Seite erscheint. Sie knnten auch eine Gruppe als Platzhalter-Objekt verwenden, in der ein Text enthalten ist, in dem der Besucher gebeten wird, Flash zu installieren bzw. einzuschalten.
PLATZHALTERBILD AUTOMATISCH REGENERIEREN : PLATZHALTER
Ist diese Option unten im Reiter aktiv, wird das Platzhalter-Bild automatisch jedes Mal neu erzeugt, wenn sein Inhalt gendert oder das Platzhalter-Objekt skaliert wurde. Wenn Code eingefgt oder Dateien importiert wurde, wie weiter oben empfohlen, ist diese Option automatisch aktiv. Manchmal ist es aber ntzlich, diese Option abzustellen, nachdem Inhalte eingefgt worden sind und Sie mit dem Vorschaubild zufrieden sind.
Reiter Verffentlichen
Sie brauchen eine Webhosting-Firma, die einen Server fr Ihre Website zur Verfgung stellt. Sehr oft wird Ihr bestehender Internet-Anbieter auch Webspeicher (Speicherplatz auf einem Server) als Teil Ihres Vertrages anbieten. Auch die Liste Profile im Dialog enthlt ein oder mehrere Hosting-Angebote, die Sie nutzen knnten. Unten gibt es weitere Informationen. Oft knnen Sie sogar Ihren eigenen Domain-Namen kaufen (z. B. www.magix.de) und diesen auf Ihre Website verweisen lassen. Wenn MAGIX Web Designer 7 Premium Ihre fertige Website automatisch auf Ihrem Webspeicher verffentlichen soll, so dass sie live im Internet steht, so mssen Sie hier Ihre Verbindungseinstellungen vornehmen.
Web-Einstellungen-Dialog
287
Im oberen Abschnitt des Dialoges knnen Sie eins der vorkonfigurierten Profile auswhlen. Die Profilliste enthlt zwei Arten von Profilen: Solche, die Sie selbst erstellt haben und die auf Ihrem Computer gespeichert sind (unter Profil speichern (auf Seite 289) finden Sie weitere Informationen, wie Sie diese erzeugen). Auerdem ein oder mehrere Standard-Profile, die zusammen mit dem Programm installiert werden und einige Webhoster-Angebote zur Auswahl bereit stellen.
STANDARD-PROFILE : Wenn Sie ein Standard-Profil auswhlen, erscheint ein Banner unter der Profil-Liste. Dieses Banner wird von der Webhoster-Firma heruntergeladen (und erscheint daher nur, wenn Sie online sind). Klicken Sie auf eine Schaltflche im Banner, um mehr ber das Angebot dieser Hosting-Firma zu erfahren. Wenn Sie sich entschlieen, bei einem dieser Hoster Kunde zu werden, wird Ihnen ein Benutzername und ein Passwort mitgeteilt. Diese Daten geben Sie dann im Abschnitt FTP-DETAILS des Dialogs an. FTP-DETAILS :
Geben Sie hier die Benutzerdaten fr Ihren Webspeicher ein. Sie mssen mindestens die Host-Adresse und einen Benutzernamen angeben. Sie mssen an dieser
288
Web-Einstellungen-Dialog
Stelle kein Passwort eingeben, wenn Sie nicht mchten. Wenn es fehlt, mssen Sie es aber jedes mal eingeben, wenn Sie Ihre Website publizieren. Mithilfe des optionalen Unterordners, knnen Sie Ihre Website in einem Unterordner verffentlichen. Beispiel: Wenn Sie Ihre Website auf der magix.de Domain verffentlichen (was Sie natrlich nicht knnen) und als Adresse gerne folgende haben mchten magix.de/produkte/web_designer dann wrden Sie einen Unterordner Produkte/web_designer anlegen. Wenn Sie auf diese Weise einen Unterordner festlegen, werden alle Seiten Ihrer Website in diesem Ordner verffentlicht. Website-URL: Geben Sie hier die komplette URL Ihrer Website ein, falls Sie automatisch eine XML-Sitemap generieren lassen mchten. Dies ist eine LIste aller Seiten dieser Website und hilft Suchmaschinen, alle Seiten Ihrer Website zu finden. Beim Export Ihrer Website wird die Datei sitemap.xml im Export-Ordner abgelegt. Wenn Sie keine URL eingeben, wird beim Export auch keine Sitemap erzeugt. Hinweis: Da Sitemaps die komplette URL beinhalten mssen, kann die Sitemap nur dann erzeugt werden, wenn die URL verfgbar ist.
MEINE WEBSITE IN DIE BENUTZER-GALERIE AUFNEHMEN:
Diese Option ist nur ausgewhlt, wenn Sie eine gltige Website-URL eingegeben haben. Soll Ihre Website in die Xara oder MAGIX Benutzer-Galerie eingefgt werden, setzen Sie hier ein Hkchen. Nach dem Verffentlichen Ihrer Website generiert Web Designer Premium ein Vorschaubild Ihrer Website und fgt es der Galerie hinzu, in der Sie Websites finden, die von Web Designer Premium-Nutzern erstellt wurden. Klicken Sie auf MEHR INFOS, um mehr darber zu erfahren.
Web-Einstellungen-Dialog
Aber auch natrlich jeder andere, der Ihr Design hat! Daher raten wir fr den normalen Gebrauch von der Benutzung dieser Option ab, wegen des damit verbundenen Sicherheitsrisikos, das irgend jemand in den Besitz Ihres Dokuments kommt und damit in der Lage ist, auf Ihren Webspace Seiten zu berschreiben oder zu lschen.
289
Profil speichern
Wenn Sie mehr als eine Website beim gleichen Anbieter speichern wollen oder wenn Sie Ihre FTP-Verbindungsdaten nicht im Dokument speichern wollen, knnen Sie Ihre Verbindungsdaten auch in ein Profil auf dem Computer speichern. Damit knnen Sie diese Daten jedem Dokument schnell hinzufgen und mssen sie nicht jedes mal eingeben. Klicken Sie auf PROFIL SPEICHERN um die angezeigten Verbindungsdaten in ein Profil zu speichern. Es wird die Profil-Liste geffnet. Hier knnen Sie einen neuen Namen fr ein Profil eingeben oder Sie whlen ein bestehendes Profil aus, dieses wird dann berschrieben. Wenn Sie einen neuen Namen eingeben, whlen Sie einen aussagekrftigen, der beschreibt, wofr der Webspace benutzt wird. Standard-Profile lassen sich nicht berschreiben. Sie knnen natrlich auch mehrere Profile speichern, die sich nur in der Angabe des Unterordners unterscheiden. Dies erlaubt es Ihnen, schnell in verschiedene Unterordner in Ihrem Webspace zu verffentlichen. Wenn Sie nicht mchten, dass Ihr FTP-Passwort gespeichert wird, passen Sie auf, dass das Passwort-Feld leer ist, wenn Sie auf PROFIL SPEICHERNklicken.
Verffentlichen
VERFFENTLICHEN
Wenn Ihre Zugangsdaten einmal eingegeben sind, knnen Sie im Men DATEI -> WEBSITE auswhlen. Ihre Website wird dann verffentlicht.
290
Web-Einstellungen-Dialog
Anmerkung: Bei vielen Webservern sind Gro- und Kleinschreibung zu beachten. Zum Beispiel ist magix.de/produkte.htm nicht dieselbe wie magix.de/Produkte.htm. Um Verwirrung und Fehler zu vermeiden, sorgt Web Designer Premium dafr, dass alle Seitennamen klein geschrieben sind und nur erlaubte Zeichen enthalten. Leerzeichen sind in Seitennamen nicht erlaubt. Wir empfehlen einen Unterstrich als Trennungszeichen. Wichtig: Wenn Sie keinen speziellen Seitennamen angegeben haben, wird fr alle Seiten der Website der Name verwendet, den Sie zuletzt fr einen Export verwendet haben. Beispiel: Wenn Sie ein Website Template ffnen, dieses als Test auf Ihr Dateisystem exportieren und es anschlieend verffentlichen, wird es als test.htm auf Ihren Webserver bertragen und alle weiteren Seiten werden test_2.htm, test_3.htm usw. benannt. Wenn Sie noch keinen Dateinamen beim Export gesetzt haben, werden Sie beim ersten Verffentlichen gefragt, wie dieser lauten soll. index.htm ist der Standard-Name fr die erste Seite einer Website.
Web-Einstellungen-Dialog
Webspeicher durchsuchen
Wenn Sie die Werte fr die FTP-Hostadresse, den Benutzernamen und das Passwort eingegeben haben, klicken Sie die Schaltflche Webspeicher durchsuchen, um Ihre auf den FTP Server hochgeladenen Dateien zu sichten oder zu lschen. Sie knnen Dateien sehen und Ordner ffnen, um den Inhalt von Unterordnern zu sehen. Sie knnen auch einzelne oder mehrere Dateien lschen. Mehrere Dateien lassen sich durch Halten der Umschalt- oder Strg-Taste beim anklicken auswhlen, wie im Windows Explorer. Durch Anklicken der Spaltenberschrift lassen sich die Dateien nach dem entsprechenden Kriterium sortieren.
291
Scrollen Sie sich durch eine Liste Dateien, die Sie auf den FTP-Server hochgeladen haben
Stellt die originale Dateiansicht wieder ein, wie Sie beim ffnen des Webspeicher-Explorer-Dialogs vorlag. Eine Verzeichnisebene hher
292
Einfhrung
Fotos sind integraler Bestandteil heutiger kreativer Arbeit und finden Verwendung auf Websites, Flyern, Broschren, im DTP sowie in sonstigen Projekten. Das Arbeiten mit Fotos in MAGIX Web Designer 7 Premium unterscheidet sich von der Arbeit mit anderen Grafikprogrammen. In MAGIX Web Designer 7 Premium knnen Sie Fotos nach Belieben zuschneiden, kopieren, berblenden und maskieren sowie mit Randunschrfe versehen. Da die Arbeit in MAGIX Web Designer 7 Premium objektorientiert und nicht-destruktiv ist, knnen Sie Ihr Foto beliebig manipulieren, ohne dass das Original beschdigt wird. Das Original-Foto wird in der .web-Datei gespeichert. Sie knnen es also jederzeit ohne Qualittsverlust weiter bearbeiten. Sie knnen sogar die Beschneidung von Fotos nachtrglich aufheben. Weil die Fotobearbeitung so schnell ist, knnen Sie sogar ein 50 Megapixel Foto in Echtzeit bearbeiten oder drehen. Dieses Kapitel beschreibt die Grundstze der Bearbeitung von Fotos und Bitmaps in MAGIX Web Designer 7 Premium. Das Foto-Werkzeug wird in einem separaten Kapiel beschrieben.
*Benchmarks, basierend auf Fotokompositionen, die aus mehreren hochauflsenden JPG-Digitalfotos zusammengestellt wurden.
Foto-Objekte
In Web Designer Premium sind Fotos (oder Bitmaps) einfach ein weiterer Objekttyp auf der Seite. Sie knnen Fotos via Drag & Drop aus dem Datei-Explorer auf Ihre Seite ziehen und dann wie bei jedem anderen Objekt die Gre ndern, sie drehen, kopieren oder frei verschieben. Sie knnen Transparenz, auch abgestufte sowie Randunschrfe verwenden
293
Fotogruppen
Bearbeiten Sie ein Foto mit dem integrierten Rote-Augen-Werkzeug wird das Foto mit anderen Objekten, die es modifizieren, gruppiert. Die Ellipsen, die rote Augen entfernen, werden z. B. auf den roten Augen platziert und mit dem Foto gruppiert. Dies wird FOTOGRUPPE genannt (wie in der Statuszeile abzulesen ist, wenn Sie ein so modifiziertes Foto auswhlen). Wie bei einer normalen Gruppe dient sie dazu, das Foto mit den modifizierenden Objekten zusammen zu halten, aber im Gegensatz zur Gruppe wird sie vom Foto-Werkzeug und auch allen anderen Werkzeugen wie ein ganz normales Foto behandelt. Fotogruppen werden normalerweise automatisch in einer ClipAnsicht, die alle Objekte, die die Rnder des Fotos berlappen, abschneidet, platziert. Deswegen steht in der Statusleiste, wenn Sie eine Fotogruppe ausgewhlt haben, beschnittene Fotogruppe. Siehe ClipAnsicht im Kapitel Arbeiten mit Objekten zu Informationen ber die ClipAnsicht. Unterschiede zwischen Fotogruppen und Fotos: Fotogruppen vereinen ein Foto und Vektorbearbeitungen. Sie knnen ein Foto in seiner Form mit dem Fll-Werkzeug herumschieben. Bei Fotogruppen geht dies hingegen nicht. Whlen Sie entweder Innen aus oder klicken Sie rechts, um das Kontextmen zu ffnen und die beschnittenen Objekte auszuwhlen, die Sie dann im Auswahl-Werkzeug verschieben knnen. Einige Operationen machen Fotogruppen zu Fotos. Wenn Sie eine Fotogruppe in ein normales Foto-Objekt umwandeln mchten, benutzen Sie die Funktion EXTRAS > FOTO OPTIMIEREN . Beachten Sie aber, dass diese Funktion destruktiv arbeitet, das heit, dass Sie danach nicht mehr in der Lage sein werden, angewendete Fotobearbeitungen zu verndern. Bestimmte Operationen wie inhaltsabhngige Skalierung oder Einfrben (Contoning) wandeln Fotogruppen ebenfalls in normale Foto-Objekte um, da diese nicht in der Lage sind, die Fotogruppen-Struktur zu erhalten. In diesem Fall erscheint ein Warnhinweis.
294
Eine Bilddatei lsst sich am einfachsten ffnen, indem man sie aus dem Windows Explorer auf das Web Designer Premium-Fenster zieht. Oder Sie whlen die Funktion FFNEN oder IMPORTIEREN im Men DATEI . Wenn Sie ein Foto importieren wollen, welches hher oder breiter als 1920 Pixel ist (HD-Bildschirmauflsung), werden Sie gefragt, ob Sie stattdessen eine grenreduzierte Version importieren wollen. Fr Internetzwecke bentigen Sie sehr selten grere Fotos, daher ist der Import der reduzierten Version fast immer angebracht. Grenreduzierte Fotos zu benutzen ist auch empfohlen, um die Gre ihres Designs (.web oder .xar-Datei) klein zu halten und vor allem den Speicherbedarf des Programms beim Bearbeiten und Exportieren.
295
Fotos ersetzen
Wenn Sie eine Fotodatei ber ein bestehendes Foto ziehen und ablegen, wird dieses durch das neue Foto ersetzt, dabei werden jedoch die Gre des bestehenden Fotos und seine Begrenzungen beibehalten. Dadurch knnen Fotos in Templates leicht ersetzt werden. Mit dem FLL-WERKZEUG knnen Sie Gre, Position und Winkel des Fotos innerhalb seiner Umrisse anpassen. Dies gilt nicht fr Fotodokumente (auf Seite 318), bei denen ein Foto, das auf einer Seite abgelegt wird, immer als neues Dokument importiert wird. Beim Ersetzen einer Foto- oder Bitmapdatei wird die Gre immer so angepasst, dass das Bild am besten in die bestehenden Bildumrisse passt. Wenn Sie die Umschalt-Taste beim Ersetzen eines Fotos gedrckt halten, wird das neue Foto mit denselben (mglicherweise vernderten) Abmessungen und derselben Ausrichtung eingesetzt. Dies ist vor allem dann ntzlich, wenn die Skalierung, Drehung oder Fllung eines Bildes manuell angepasst wurde und wenn das Bild dann durch ein anderes mit den gleichen Abmessungen ersetzt werden soll. Wenn Sie beim Ziehen und Loslassen Strg gedrckt halten, wird das Bild einfach dem Dokument hinzugefgt und ein vorhandenes Bild wird nicht ersetzt. Es werden alle Kopien eines Fotos auf einer Seite ersetzt, wenn Sie per Drag & Drop eine Version ersetzen. Dies ist z. B. hilfreich, wenn Sie ein kleines Vorschaubild und eine groe Version des Bildes auf einer Popup-Ebene haben.
296
Wenn Sie ein Foto durch Drag & Drop ersetzen, wird die Gre des Fotos genau an das bestehende Objekt angepasst. Dies bedeutet, dass Gre und Auflsung von der Gre des bestehenden Objekts abhngen.
297
Das 96 dpi Bild links bekommt die doppelte Auflsung (192 ppi), wenn es auf die halbe Gre skaliert wird.
Fr jedes ausgewhlte Bild wird auf der Statuszeile die Auflsung angezeigt. Es ist wichtig, die volle Auflsung zu erhalten, denn das bedeutet, dass beim Hineinzoomen alle Details zu sehen sind und dass beim Druck die maximale Auflsung an den Drucker geschickt wird. Das bedeutet auch, dass Sie das gesamte Bild oder Teile davon vergrern knnen und die Originalqualitt erhalten bleibt. MAGIX Web Designer 7 Premium konvertiert Ihre Fotos automatisch in die fr Webseiten bentigte Auflsung, wenn Sie Ihre Website abspeichern (oder exportieren).
298
Hier sehen Sie verschiedene Kopien desselben Bildes, jede auf verschiedene Weise bearbeitet. Jede bewahrt die volle Auflsung des originalen JPEGs, wie Sie am rechten Bild erkennen knnen. Die Speichergre (RAM und Dateigre) ist nicht grer als die originale JPEG-Gre. Weil das gleiche Bild in verschiedenen Gren angezeigt wird, variiert die Auflsung (dpi oder auch ppi). Im obigen Beispiel hat das Auge 115dpi (weil das Bild vergrert wurde), whrend das linke Bild ber 1200dpi hat.
Bitmap-Galerie
Bitte lesen Sie das Kapitel Arbeiten mit Dokumenten (auf Seite 99) fr allgemeine Informationen zu den Galerien. In der BITMAP-GALERIE sehen Sie alle Bitmaps oder Fotos, die in einem Dokument vorkommen. Auerdem sehen Sie Informationen ber Pixel- und Dateigre. Sie wird ber das Symbol in der Galerieleiste oder ber das Men Extras -> Galerien oder die Taste F11 geffnet.
299
Hier sehen Sie die Bitmap-Galerie fr obiges Dokument. Sie sehen, dass das originale JPEG-Bild der Frau in die Web Designer Premium-eigene .web-Datei eingebettet ist. Wie bereits erwhnt, stammen alle angezeigten Kopien des Bildes von einem Master ab, daher wird hier auch nur ein Bild angezeigt und nicht alle vier Varianten, die auf der Zeichnung zu sehen sind. Folgende ntzliche Informationen zum Original-Bild werden angezeigt: Dateiname des originalen JPEG Der Dateityp, in diesem Falle JPEG und die Dateigre (1.006 kByte). (Dies ist die originale Dateigre und auch, wie viel Platz in der web-Datei durch dieses Bild belegt wird.) Die Pixel-Abmessungen des Originals und die Megapixel-Gre (in diesem Fall knapp 2MP) Die Farbtiefe (in diesem Fall 24 bit, manchmal auch true color genannt). Das Xara-Bild ist ein 4bit Bild. Die originale Auflsung, in diesem Fall 96 dpi. In der BITMAP-GALERIE finden Sie immer auch ein Standard-Bild, das graue Xara-Bild. Dieses wird als Standard-Bitmap fr Bitmap-Fllungen benutzt und eingefgt, falls ein Bitmap fehlt. Es ist auch ntzlich als Platzhalter. Wie bei allen Galerien, knnen Sie die Objekte aus der Galerie auf die Seite ziehen, um eine neue Kopie des Objekts zu erzeugen. Alternativ whlen Sie eines der Bilder in der Galerie aus und klicken auf eine der Schaltflchen oben in der Galerie. Der folgende Abschnitt erklrt einige der Funktionen der Bitmap-Galerie, vor allem fr fortgeschrittene Anwender.
300
Bitmap-Transparenz einstellen
Dies ist fr fortgeschrittene Benutzer. Sie knnen jedes Bitmap auch als Transparenz-Maske auf alle Formen oder Bitmaps anwenden. Die Helligkeit des Bitmaps bestimmt dabei, wie transparent das ausgewhlte Objekt wird. Die Gre der Bitmap-Transparenz, Drehung und Kachelung wird in der Infoleiste des TRANSPARENZ-WERKZEUGS eingestellt.
Speichern
Whlen Sie das Bitmap aus und klicken Sie auf SPEICHERN, um das Ursprungs-Bild separat zu speichern. Im Falle von eingebetteten JPEG-Bildern wird die originale JPEGDatei gespeichert, bei anderen Bitmap-Typen verwenden Sie am besten das PNG-Format.
Bitmap-Eigenschaften
Die EIGENSCHAFTEN -Schaltflche zeigt Informationen zum in der Galerie ausgewhlten Bitmap. Hier haben Sie auch die Mglichkeit, das Gltten von vergrerten Bildern zu unterdrcken. Normalerweise werden alle Bitmaps geglttet dargestellt, wenn Sie vergrert werden oder hineingezoomt wird. Mit dem Kontrollkstchen im EigenschaftenDialog knnen Sie diese Funktion deaktivieren, so dass beim Hineinzoomen einzelne Pixel sichtbar werden. Bitte beachten Sie, dass diese Option nur hochskalierte Bilder betrifft. Beachten Sie auch, dass NIE GLTTEN im Reiter ANSICHT des OPTIONEN-DIALOGS diese Option auer Kraft setzt. Auerdem werden Informationen ber die Animations-Eigenschaften des Bitmaps bereitgestellt. Dies betrifft nur animierte GIF-Bitmaps.
GIF ANIMATION:
301
Anzeigedauer des Frames auf dem Bildschirm. Bestimmt, was zwischen jedem einzelnen Frame im animierten GIF passiert. Nichts bedeutet keine Aktion. Viele Browser interpretieren dies genauso wie Nicht ndern. Nicht ndern zeigt die Bilder bereinander. Wenn die Frames Transparenz enthalten, sind unter Umstnden mehrere Frames gleichzeitig sichtbar. Manche Browser lschen die Animation nach jedem Schleifen-Durchlauf, manche nicht. Hintergrund stellt fr den von der Grafik abgedeckten Bereich die Hintergrundfarbe des GIFs wieder her. Vorheriges Bild stellt den Zustand vor dem Zeigen des Frames wieder her. Dies interpretieren einige Browser so, dass Sie vor jedem Frame das Bild lschen und die Hintergrundfarbe zeigen, andere wiederum zeigen die Bilder bereinander. Wegen dieses verschiedenen Verhaltens der Browser mssen Sie mit dieser Einstellung etwas experimentieren, um das gewnschte Ergebnis zu erhalten.
WIEDERHERSTELLEN:
Eingebettete JPEG-Dateien
JPEG-Dateien sind im Vergleich zum Ausgangsbild stark datenreduziert und sind bis zu zehn mal kleiner als das Original. Im obigen Beispiel wrde das originale, unkomprimierte Bild mehr als 7MB an Speicherplatz beanspruchen, es ist aber, wie in der BITMAP-GALERIE zu erkennen, nur etwa 1MB gro, eine magebliche Verringerung. Deshalb ist JPEG das Standard-Dateiformat fr die Digitalfotografie und die Nutzung von Bildern im Internet. Wenn Sie ein JPEG via Drag & Drop oder ber die ffnen oder Importieren Menfunktion laden, wird die ursprngliche JPEG-Datei in das Dokument aufgenommen und innerhalb einer .xar-Datei abgespeichert. Dies ist wichtig zu verstehen, denn dies unterscheidet sich von anderen Graphikprogrammen, sowohl Vektor- als auch Bitmap-orientierten. Andere Produkte dekomprimieren typischerweise das Bild und legen es als Rohdaten im Hauptspeicher ab und speichern diese auch so in ihre nativen Dateiformate. Auerdem werden fr jede angelegte Kopie des Bildes im Dokument die Rohdaten mehrfach gespeichert, wenn Sie z. B. vier Kopien eines Bildes anlegen und die Datei speichern, wird sie auch viermal so gro. In MAGIX Web Designer 7 Premium ist die Datei nicht grer, egal, wie viele Kopien sie anlegen. So wird durch das Einbetten der ursprnglichen JPEG-Datei im Gegensatz zum Abspeichern der unkomprimierten Rohdaten mehr als das Siebenfache an Speicherplatz gespart. Nimmt man hinzu, dass die Datei vier identische Kopien des Bildes enthlt, wrde man in diesem speziellen Fall sogar mehr als das 30fache einsparen. Dies bedeutet eine sehr groe Speicher- (und Zeit-)Ersparnis gegenber anderen Grafikprogrammen.
Original-JPEG extrahieren
Klicken Sie rechts auf ein Bild in der BITMAP-GALERIE und whlen Sie die Menoption SPEICHERN , um das originale JPEG zu speichern.
302
Der ursprnglich scharfe Bereich des Gesichts schaut im kombinierten Bild durch ein Loch, das durch einen Transparenzeffekt in der Mitte einer weichgezeichneten Kopie erzeugt wurde, die genau ber dem Original angeordnet wurde.
303
Anzeigequalitt fr Fotos
MAGIX Web Designer 7 Premium kann Fotos in fnf Qualittsstufen anzeigen. Die beiden hchsten Einstellungen gltten die Bildschirmdarstellung, so dass keine einzelnen Pixel oder abgestuften Objektkanten sichtbar werden (Antialias). ndern Sie die Qualittsstufe mit dem Meneintrag QUALITT im Men FENSTER .
SEHR HOHE QUALITT
(voreingestellt)
HOHE QUALITT
Bildanzeige mit bikubischer Abtastung. Dadurch werden Bilder in der bestmglichsten Qualitt angezeigt, insbesondere hochaufgelste Fotos, die verkleinert wurden oder bei sehr kleinen Zoomstufen. Mit Antialias, Bilder werden schneller, aber mit niedrigerer Qualitt dargestellt. Kein Anti-Alias, so dass dort einzelne Pixel sichtbar werden. Dies kann ntig werden, wenn Sie stark hineingezoomt haben und die einzelnen Pixel klar erkennen wollen. Der Nachteil ist, dass die Bilder im Allgemeinen nicht schn aussehen, wenn man Sie vergrert oder verkleinert. Es entstehen klar erkennbare Verpixelungen und Treppchen an den Objektkanten, besonders, wenn Sie ein Bild rotieren. Das ist insbesondere ntzlich, um die verschiedenen Stufen einer berblendung zu erkennen. berblendungen werden in MAGIX Web Designer 7 Premium nicht direkt untersttzt, knnen aber in importierten .xar-Dateien enthalten sein. Nur die Umrisse von Objekten werden dargestellt. Dies ist ntzlich, um Objekte zu finden und auszuwhlen, die schwer zu erkennen sind, weil sich andere Objekte davor oder dahinter befinden.
FARBE
Es gibt eine zustzliche Einstellung, mit der sich die Glttung beim Hineinzoomen bzw. grer Skalieren fr alle Bilder unterdrcken lsst. Anders ausgedrckt, Sie sehen dann beim Hineinzoomen die einzelnen Pixel statt eines gegltteten Bildes. ffnen Sie die BITMAP-GALERIE , rechtsklicken Sie ein Bild und whlen Sie Eigenschaften. Im Dialog deaktivieren Sie die Option Bei Hochskalieren gltten. Nun wird dieses Bild (und alle seine Kopien), unabhngig von der gewhlten Darstellungsqualitt, nicht mehr geglttet, wenn Sie hineinzoomen oder das Bild vergrern.
304
305
Fr eine Nutzung im Internet ist es sogar mglich, die Qualitt noch unter die empfohlenen 75% zu verringern, um die Ladezeit der Internetseite zu verkrzen. Das Vorschaufenster zeigt das Bild in der von Ihnen ausgewhlten Qualitt an. Tipp: Wenn Sie vorhaben, an den exportierten Bildern spter noch weitere Bearbeitungen vorzunehmen, zum Beispiel das Bild noch einmal in einer anderen Gre zu exportieren, empfehlen wir Ihnen ausdrcklich, auerdem auch eine .web-Datei zu speichern. Dies bewahrt das verlustfreie Master-Bild zusammen mit allen Vernderungen und Bearbeitungen.
Fotobearbeitungs-Attribute
Alle Bearbeitungen mit dem FOTO-WERKZEUG (auf Seite 321), wie nderungen von Helligkeit, Kontrast, Farbe oder Schrfen werden mit dem Foto-Objekt als MAGIX Web Designer 7 Premium-Attribute gespeichert. Genauso, wie Sie die Farbe einer Form oder Linie ndern knnen, ohne die dazugehrige Form zu verndern, so ndert das Foto-Werkzeug die sichtbare Erscheinung des Fotos, ohne das ursprngliche Bild zu verndern (dies wird nicht-destruktives Bearbeiten genannt). Sie knnen es auch so sehen, dass MAGIX Web Designer 7 Premium nur eine Liste mit Bearbeitungsschritten fr Ihr Foto speichert und Sie diese Bearbeitungen ndern,
306
307
Fr genauere Beschneidungs-Einstellungen, wie z. B. das Seitenverhltnis oder um eine genaue Pixelgre der Beschneidung einzustellen, verwenden Sie die BESCHNEIDEN- Schaltflche in der Ausklapp-Leiste des Foto-Werkzeugs.
Mit der Schaltflche Beschneidung entfernen knnen Sie das originale Bild wiederherstellen. Eine wichtige Eigenschaft ist es, dass die Beschneidung dynamisch und non-destruktiv ist. Sie knnen also die Beschneidung hinterher anpassen oder versteckte Teile des Fotos wieder anzeigen. Um die Beschneidung destruktiv auszufhren, also die unsichtbaren Bereiche eines Fotos unwiederbringlich zu lschen, knnen Sie die Funktion Foto optimieren verwenden.
308
Mit den Zeichen-Werkzeugen ist es einfach, auf Fotos Formen zu zeichnen und diese dann aus dem Hintergrund herauszulsen. Sie knnen alle Linienzeichnungs-Werkzeuge dafr benutzen. Am einfachsten ist es, mit dem FORMEDITOR-WERKZEUG eine Linie um die Form herum zu zeichnen, die Sie freistellen mchten. Zoomen Sie in das Foto hinein und dann: Benutzen Sie eine Art Verbinde die Punkte-Technik: Klicken Sie der Reihe nach einzeln rund herum um das Objekt, an detaillierteren Stellen setzen Sie die Punkte etwas enger, fr gerade oder leicht gekrmmte Linien reichen weniger Punkte. Wenn Sie einmal um das Objekt herum geklickt haben, verbinden Sie das letze Segment mit dem ersten und schlieen so die Linie zu einer ausgefllten Form. Diese ist dann typischerweise schwarz. Sie knnen nun diese Form aus dem Foto ausschneiden, indem Sie sowohl die Maskenform als auch das Foto auswhlen (Umschalt + Klick auf das Foto mit dem AUSWAHL-WERKZEUG ) und im Men ANORDNEN > FORMEN KOMBINIEREN > FORMEN-SCHNITTMENGE whlen. Fgen Sie dem Ergebnis noch etwas Randunschrfe hinzu, um die Kanten ineinander zu berblenden, indem Sie den Randunschrfe-Regler oben auf 1-2 Pixel aufziehen. Sie knnen diese Form noch weiter mit den Linien-Bearbeitungswerkzeugen bearbeiten. Die Form wirkt nur als Beschneidungs-Maske, die ber dem gesamten Foto liegt.
Abb.: In diesem Beispiel wurde der Kuh noch ein Bodenschatten mit dem SCHATTEN-WERKZEUG hinzugefgt.
309
BILDSCHIRMBEREICH:
Hier whlen Sie den Bildschirmbereich aus, der erfasst werden soll. Sie knnen den gesamten Bildschirm aufnehmen (Vollbild), das aktive Fenster als Ganzes oder nur den Inhalt des aktiven Fensters ohne seinen Rahmen. Hier legen Sie fest ob der Mauszeiger mit in der Aufnahme erfasst werden soll. Sie legen des Weiteren fest, ob Sie nur eine Aufnahme erstellen mchten oder ob das Werkzeug bis zum Schlieen des Programms (gesamte Sitzung) angeschaltet bleiben soll, so dass Sie weitere Aufnahmen machen knnen, jedes Mal, wenn Sie das zugewiesene Tastaturkrzel drcken.
OPTIONEN:
Im Abschnitt Ausgabe knnen Sie whlen, wie mit den Aufnahmen verfahren werden soll. Voreingestellt ist, dass diese direkt in das MAGIX Web Designer 7 Premium Design bernommen werden. Alternativ knnen Sie aber auch eine Windows Bitmap- (BMP) oder PNG-Datei in einen beliebigen Ordner speichern. Die erzeugten Dateien werden ScreenCapture + fortlaufende Nummer benannt. Mit der Schaltflche DURCHSUCHEN... whlen Sie den ZIELORDNER fr die Dateien aus.
310
Fotos einfrben
Whlen Sie irgend ein Foto aus und klicken Sie auf die Farbleiste, um die Farbe auf das Bild anzuwenden. Wenn Sie auf wei klicken und HELLE CONTONE-FARBE whlen, wird Ihr Foto schwarz/wei.
Klicken Sie einfach auf die blassgelbe Farbe in der Farbleiste, um ein gelb eingefrbtes Bild zu erzeugen.
Im Kontextmen knnen Sie nun auswhlen, ob Sie die Farbe als helle oder dunkle Contone-Farbe anwenden wollen.
311
Sie knnen die ursprnglichen Farben wiederherstellen, indem Sie auf das schraffierte Symbol Keine Farbe links in der Farbleiste klicken und aus dessen Kontextmen die Option Farbe wiederherstellen whlen.
XPE ist der einfache Xara Picture Editor. Ein Groteil seiner Funktionen wird nun durch das FOTO-WERKZEUG bernommen. Er wird hauptschlich nur noch aus Kompatibilittsgrnden bereitgestellt.
312
313
Um zum Beispiel das Foto rechts innerhalb seines Rahmens zu vergrern und zu drehen, whlen Sie das Fll-Werkzeug aus und ziehen an einer der beiden Pfeilspitzen. Zum Vergrern ziehen Sie die Pfeilspitze von der Mitte weg. Sie knnen durch Drcken der Strg-Taste den Winkel beschrnken. Um das Bild zu drehen, ziehen Sie eine der Pfeilspitzen um das Zentrum herum. Um das Bild zu verschieben, ziehen Sie irgendwo am Bild. Auf der Infoleiste des Fll-Werkzeugs knnen Sie Wiederholt gekachelt auswhlen, wodurch das Bild zu einer gekachelten Bitmap-Fllung wird. Wenn Sie an den Fllanfassern ziehen, knnen Sie die Kacheln skalieren und drehen. Es gibt keine bessere Demonstration der Geschwindigkeit von MAGIX Web Designer 7 Premium als dies mit einem viele Megapixel groen Foto zu bewerkstelligen.
Bei einer Foto-Gruppe, im Gegensatz zum einfachen Foto-Objekt, knnen Sie das Fll-Werkzeug nicht zum Skalieren und Drehen des Bildes verwenden. Sie mssen die Funktion Extras -> Optimieren verwenden, um eine Foto-Gruppe in ein normales Foto-Objekt, das Sie mit dem Fll-Werkzeug bearbeiten knnen, umzuwandeln. Beachten Sie aber, dass diese Funktion destruktiv arbeitet, das heit, dass Sie danach nicht mehr in der Lage sein werden, angewandte Fotobearbeitungen zu verndern.
314
Ziehen Sie mit dem FLL-WERKZEUG an einem der Fll-Pfeile, um die Gre und Drehung wie gewnscht anzupassen. Mit dem Anfasser in der Mitte knnen Sie das Bild verschieben, mit gedrckter Umschalt-Taste auch irgendwo anders im Bild.
Arbeiten mit Fotos Ein Foto auf seine volle Gre bringen
Die Schaltflche FOTO AUF 100% SKALIEREN auf der Infoleiste des Foto-Werkzeugs skaliert das ausgewhlte Foto auf seine volle Gre. Wenn das Foto beispielsweise auf 500 Pixel Breite verkleinert wurde, das originale importierte Foto aber 1000 Pixel breit war, wird das Foto auf der Seite wieder auf 1000 Pixel Breite vergrert. Bei 100% Zoom entspricht dann ein Pixel auf dem Bildschirm einem Pixel des Fotos.
315
316
Der ausgeschnittene Schmetterling ist immer noch mit dem Rest des Fotos verbunden. Dies knnen Sie leicht sehen, wenn Sie zum FLL-WERKZEUG wechseln und die Gre des Bildes innerhalb des Umrisses ndern. Die Teile des Bildes auerhalb des Schmetterlings sind aber im fertigen Dokument wahrscheinlich berflssig. Rechtsklicken Sie auf ein Foto und whlen Sie FOTO OPTIMIEREN oder whlen Sie EXTRAS > FOTO OPTIMIEREN. . Dieser Dialog hat drei Funktionen: unsichtbare Bildbestandteile entfernen die Auflsung von Fotos reduzieren PNG- oder Bitmap-Bilder in eingebettete JPEG-Dateien umwandeln, um die Dateigre zu optimieren
317
Die Voreinstellungen sind so, dass das Foto auf 96dpi (normale Bildschirmauflsung) als JPEG in der Gre, wie es auf der Seite erscheint, optimiert wird. Dies werden Sie wahrscheinlich fr Fotos auf einer Website wnschen. Sie knnen die Auflsung ndern, indem Sie entweder die Abmessungen des optimierten Bildes angeben (Hhe/Breite in Pixeln) oder eine andere DPI eingeben (z. B. 150 dpi fr Druckqualitt). Der bei DPI eingegebene Wert wird nur bis zum nchsten Beenden des Programms beibehalten. Sie knnen auch die aktuelle Auflsung beibehalten, indem Sie unter PPI die Option AKTUELL auswhlen. Sie knnen auch die Bilder als PNG optimieren (erzeugt grere Dateien, aber auch bessere Ergebnisse bei Grafiken und Bildern, die Text enthalten) oder die Qualitt der JPEG-Optimierung ndern (hhere Qualitt bedeutet grere Dateien) Ist Ihr Foto beschnitten, wird nur der sichtbare Teil des Bildes behalten. Fr den Druck sorgt eine Auflsung von 150 dpi schon fr gute Ergebnisse, 300 dpi liefert hchste Qualitt fr kommerzielle Druckerzeugnisse (die meisten Menschen knnen den Unterschied zwischen 150 und 300 dpi nicht erkennen, 300 dpi bentigen aber die vierfache Menge an Speicherplatz). Hinweis: Es wird ausdrcklich nicht empfohlen, JPEGs mit 100% Qualitt abzuspeichern sie sind praktisch nicht unterscheidbar von JPEGs mit 75% Qualitt, aber bentigen deutlich mehr Speicherplatz.
318
Foto-Dokumente
Manchmal ist es hilfreich, an einem einzelnen Foto zu arbeiten anstatt an Objekten auf der Seite. Dies wird in Web Designer Premium als Foto-Dokument oder Foto-Modus bezeichnet und darin verhlt sich das Programm mehr wie ein traditioneller Foto-Editor. Sie knnen ein Foto-Dokument auf verschiedene Arten anlegen: Z. B., indem Sie eine Foto-Datei aus Ihrem Dateibrowser auf die Titelzeile des MAGIX Web Designer 7 Premium-Fenster oder eine Werkzeugleiste ziehen. Whlen Sie Datei -> ffnen und whlen Sie eine Foto-Datei aus. Erstellen Sie ein leeres Foto-Dokument, indem Sie DATEI -> NEU > LEERES FOTO whlen. Foto-Dokumente verhalten sich in folgenden Punkten unterschiedlich zu herkmmlichen Web Designer Premium-Dokumenten: Es gibt keine sichtbare weie Seite. Die Seitengre wird nmlich an das Foto angepasst und automatisch erweitert, wenn irgendwelche anderen Objekte hinzugefgt werden. Foto-Dokumente haben ein 1-Pixel-Raster voreingestellt und das Ausrichten am Raster ist aktiviert. Dadurch wird das Einstellen pixelgenauer Beschneidungsbereiche erleichtert. Der Arbeitsbereich (der Bereich rund um das Foto) hat eine dunklere Farbe. Dadurch kann sofort leicht zwischen Foto- und Zeichnungs-Dokumenten unterschieden werden. Beim Laden eines Fotos wird die Vergrerung so eingestellt, dass das Foto die gesamte Ansicht ausfllt und das Foto-Werkzeug wird ausgewhlt.
319
In Foto-Dokumenten gibt es zwei zustzliche Funktionen. Die Schaltflchen VORHERIGES und NCHSTES blttern zwischen den Bildern im Ordner des geffneten Bildes hin und her. Dadurch wird das aktuelle Bild geschlossen und daher eventuell nachgefragt, ob Sie Ihr Bild speichern mchten.
Foto-Dateien bearbeiten
Sie knnen MAGIX Web Designer 7 Premium dazu benutzen, Ihre JPEG-Fotos zu bearbeiten und die nderungen in der JPEG Datei zu speichern. Im Gegensatz zu den meisten anderen Fotoprogrammen knnen Sie das auch mehrmals machen, ohne dass die Qualitt darunter leidet, obwohl JPEG ein verlustbehaftetes Format ist (siehe Verlustfrei oder verlustbehaftet weiter oben in diesem Kapitel). MAGIX Web Designer 7 Premium kann nmlich Ihre Bearbeitungen auf verlustfreie Weise speichern, zusammen mit dem Originalfoto. So funktioniert's: ffnen Sie das JPEG mit DATEI->FFNEN , Drag&Drop (auf eine Werkzeugleiste, nicht direkt auf die Seite) oder mit Rechtsklick im Windows Explorer auf die Datei und ffnen mit MAGIX Web Designer 7 Premium. Das Foto wird als Foto-Dokument geffnet. Bearbeiten Sie das Foto mit den Foto-Werkzeugen, wie oben beschrieben. Wenn Sie jetzt speichern (Men DATEI->SPEICHERN , Strg + S), wird die JPEG-Datei mit dem bearbeiteten Bild berschrieben. MAGIX Web Designer 7 Premium speichert Ihr Foto zustzlich im .xar-Dateiformat. Diese Datei liegt dann im Ordner Masters neben der JPEG-Datei. Sie hat den gleichen Namen wie die Fotodatei, aber die Dateiendung .xar. Die .xar-Datei enthlt das originale Foto ohne Bearbeitungen und die Bearbeitungsschritte.
320
BITMAP-GALERIE ,
Im Reiter Fotobearbeitung des Dialogs EXTRAS -> OPTIONEN knnen Sie das oben beschriebene Speicherverhalten ndern. Sie knnen festlegen, dass keine .xar-Datei im Masters-Ordner gespeichert wird, oder, dass dort stattdessen Ihre ursprngliche Foto-Datei liegen soll. Falls Sie ausstellen, dass das Originalfoto gesichert wird, verlieren Sie das Original, wenn Sie das Foto speichern.
Foto-Werkzeug
321
Foto-Werkzeug
Einstieg
Mit dem Foto-Werkzeug lassen sich Fotos und sogar hochaufgelste Digitalfotos blitzschnell zuschneiden, schrfen und in der Helligkeit anpassen. Dieses Werkzeug bietet: Automatisches Optimieren von Fotos mit nur einem Klick sehr hilfreich bei dunklen, unterbelichteten Fotos. Manuelles Anpassen von Helligkeit, Kontrast, Farbsttigung, Farbtemperatur, Schrfe und Weichzeichnung. Bilder beschneiden. Hierbei handelt es sich um ein Live-Werkzeug zum Beschneiden, daher kann der Beschnitt jederzeit angepasst oder wieder rckgngig gemacht werden. Eine Ein-Klick-Vergleichsfunktion dient zum schnellen Vergleichen mit dem Original. Einfaches Kopieren/Einfgen aller Foto-Optimierungen zwischen verschiedenen Bildern. Alle Funktionen sind interaktiv und reagieren in Echtzeit. Wenn Sie Werte ndern, wird das Bild unmittelbar aktualisiert. Auch sind alle Bearbeitungen nicht-destruktiv, das heit, das Ausgangsbild bleibt unangetastet und alle Anpassungen knnen im Nachhinein gendert oder entfernt werden. Auerdem gibt es ein Anti-Rote-Augen-Werkzeug
1. 2. 3.
es ist nicht-destruktiv es ist sehr schnell, auch bei sehr groen Bildern Fotobearbeitungen erfordern keinen Speicherplatz
Nicht-destruktiv bedeutet, alle Bearbeitungen lassen das Original unangetastet. Alle Anpassungen knnen im Nachhinein gendert oder entfernt werden, ohne das Original zu verndern. Dies ist ein wichtiger Unterschied zu den meisten anderen Foto-Editoren, bei denen Bearbeitungen meist permanente nderungen in den Fotodaten bedeuten. In Web Designer Premium knnen Sie die Einstellungen so oft verndern, wie Sie wollen, im sicheren Wissen, dass Sie die originalen Fotodaten nicht verndern. Sogar das Beschneiden ist nicht-destruktiv. Sie knnen die abgeschnittenen Bereiche wiederherstellen oder den Bereich zum Beschneiden verndern, auch nachdem Sie die Datei bereits gespeichert hatten. Der Geschwindigkeitsvorteil ist selbsterklrend, aber eine gute Demonstration dafr ist es, ein hochaufgelstes Foto zu drehen. In anderen Programmen mssen Sie blicherweise einen Winkel in Grad eingeben und dann warten, bis das Programm die Drehung ausgerechnet hat. In MAGIX Web Designer 7 Premium knnen Sie ein hochaufgelstes Foto einfach anfassen und in Echtzeit durch Ziehen (oder auch durch Eingabe eines Drehwinkels) drehen, und das bei bikubischem Resampling fr hchste Qualitt.
322
Foto-Werkzeug
Kein Speicherplatz bezieht sich auf die Tatsache, dass die meisten Foto-Editoren fr die Wiederherstellen-Funktion Kopien von Bitmaps im Arbeitsspeicher anlegen mssen blicherweise fr jeden einzelnen Bearbeitungsschritt. Fr groe, hochaufgelste Digitalfotos kann das bedeuten, dass fr die Fotobearbeitung groe Mengen Speicher bentigt werden (ein typisches 8 MB Digitalfoto bentigt 32 MB an Speicher, nach zehn Bearbeitungsschritten sind das dann schon 320MB). MAGIX Web Designer 7 Premium bentigt dafr keinen Speicher. Sie knnen so viele Bearbeitungsschritte anwenden und Kopien des Bildes im Dokument erzeugen, wie Sie wollen, ohne dass dadurch mehr Arbeitsspeicher bentigt wrde. Und schlielich werden JPEG Dateien in das eigene .xar Format eingebettet und nicht in Rohdaten umgewandelt wie in anderen Grafik-Werkzeugen. Das eigene Speicherformat ist normalerweise nur ein Zehntel so gro. In Kombination mit den Bitmap-Kopien im Dokument, die keinen zustzlichen Speicheraufwand erfordern, und der oben beschriebenen Echtzeitbearbeitung ist es mglich, dass die Dateien nur 1/30 der Gre haben, die sie mit anderen Grafikprogrammen htten. Und das bedeutet letztendlich, dass sie schneller geladen, bearbeitet, gespeichert und versendet werden knnen.
Ein Doppelklick auf ein Foto mit dem AUSWAHL-WERKZEUG bringt Sie direkt zum
FOTO-WERKZEUG .
Gemeinsame Foto-Funktionen
Diese Schaltflchen sind in der Infoleiste zu sehen, wenn Sie sich im Optimieren-, Beschnitt-, Rote-Augen- oder inhaltsabhngige Skalierungs-Werkzeug befinden.
Die zwei Drehen-Symbole drehen das ausgewhlte Foto um 90 im oder entgegen dem Uhrzeigersinn.
Foto-Werkzeug
Vorheriges & nchstes
323
Wenn Sie ein Foto ffnen (statt importieren), wird das Foto in ein neues Foto-Dokument geladen, weil MAGIX Web Designer 7 Premium annimmt, dass Sie das Foto selbst ansehen oder bearbeiten wollen, anstatt als Teil eines anderen Dokuments zu benutzen. Wenn Sie ein Foto so geffnet haben, knnen Sie mit den Schaltflchen fr Vorheriges/Nchstes Foto auf der Infoleiste des Foto-Werkzeugs das aktuelle Foto-Dokument schlieen und das nchste (oder vorherige) Foto aus demselben Ordner wie das aktuelle ffnen. Dadurch knnen Sie sich in einem Ordner durch die einzelnen Fotos klicken, ohne die Fotos einzeln ffnen und schlieen zu mssen. Wenn Sie an den einzelnen Fotos nderungen vornehmen und diese nicht gespeichert haben, werden Sie natrlich gefragt, ob Sie dies tun wollen, bevor ein anderes Foto mittels dieser Schaltflchen geladen wird. Siehe Foto-Dokumente im Kapitel Arbeiten mit Dokumenten fr mehr Informationen.
Der Zoom-Faktor fr das Dokument wird so eingestellt, dass das ausgewhlte Foto in 1:1 Auflsung angezeigt wird, das heit, ein Pixel des Fotos entspricht einem Pixel auf dem Bildschirm. Das ist ntzlich, um sich in einem Dokument mit verkleinerten Fotos diese schnell in voller Auflsung anzuschauen.
Wenn das Foto beispielsweise auf 500 Pixel Breite verkleinert wurde, das originale importierte Foto aber 1000 Pixel breit war, wird das Foto auf der Seite wieder auf 1000 Pixel Breite vergrert. Bei 100% Zoom entspricht dann ein Pixel auf dem Bildschirm einem Pixel des Fotos.
Optimierungs-Werkzeug
Mit einem Klick auf das Kamerasymbol knnen Sie das OPTIMIERUNGS-WERKZEUG auswhlen. Mit dem FOTO-WERKZEUG lassen sich Fotos und sogar hochaufgelste Digitalfotos blitzschnell zuschneiden, schrfen und in der Helligkeit anpassen. Dieses Werkzeug bietet: Automatisches Optimieren von Fotos mit nur einem Klick sehr hilfreich bei dunklen, unterbelichteten Fotos.
324
Foto-Werkzeug
Manuelles Anpassen von Helligkeit, Kontrast, Farbsttigung, Schrfe und Weichzeichnung. Bilder beschneiden. Hierbei handelt es sich um ein Live-Werkzeug zum Beschneiden, daher kann der Beschnitt jederzeit angepasst oder wieder rckgngig gemacht werden. Weiabgleich oder Farbstiche korrigieren. Ein-Klick-Vergleichsfunktion zum schnellen Vergleichen mit dem Original. Einfaches Kopieren/Einfgen aller Foto-Optimierungen zwischen verschiedenen Bildern. Alle Funktionen sind interaktiv und reagieren in Echtzeit. Wenn Sie Werte ndern, wird das Bild unmittelbar aktualisiert. Auch sind alle Bearbeitungen nicht-destruktiv, das heit, das Ausgangsbild bleibt unangetastet und alle Anpassungen knnen im Nachhinein gendert oder entfernt werden. Es gibt drei groe Vorteile dieses Werkzeugs:
1. 2. 3.
es ist nicht-destruktiv es ist sehr schnell, auch bei sehr groen Bildern Fotobearbeitungen erfordern keinen Speicherplatz
Nicht-destruktiv bedeutet, dass alle Bearbeitungen das Original unangetastet lassen. Alle Anpassungen knnen im Nachhinein gendert oder entfernt werden, ohne das Original zu verndern. Dies ist ein Unterschied zu den meisten Foto-Editoren, in denen Bearbeitungen meist permanente nderungen in den Fotodaten bedeuten. In <Programmname_short > knnen Sie die Einstellungen so oft verndern, wie Sie wollen, im sicheren Wissen, dass Sie die originalen Fotodaten nicht verndern knnen. Sogar das Beschneiden ist nicht-destruktiv. Sie knnen die abgeschnittenen Bereiche jederzeit wiederherstellen oder den Bereich zum Beschneiden verndern, sogar nachdem Sie die Datei bereits gespeichert hatten.
Die ersten sechs Schaltflchen auf der Infoleiste (oben nicht dargestellt) sind in allen Foto-Werkzeugen vorhanden und sind weiter oben beschrieben.
Auto-Optimieren Helligkeit Kontrast Farbsttigung Farbtemperatur Weichzeichnen / Schrfen Mit Originaleinstellungen vergleichen Mit diesem Werkzeug knnen Sie Helligkeit, Kontrast, Farbsttigung, Farbtemperatur und Weichzeichnung/Schrfe einstellen. Sie knnen entweder direkt Werte eingeben oder Sie benutzen die kleinen Popup-Regler, um die Werte interaktiv zu ndern.
Foto-Werkzeug
Pop-up-Schieberegler
Die Pop-up-Regler knnen auf zwei Arten benutzt werden:
325
1.
2.
Klicken Sie den Pfeil kurz an. Der Schieberegler bleibt sichtbar und Sie knnen den Wert durch Ziehen des Reglers so oft verndern, wie Sie wollen. Oder, wenn sich der Mauszeiger ber dem Regler befindet, knnen Sie den Wert auch mit dem Mausrad einstellen. Wenn Sie irgendwo anders hin klicken, wird der Regler wieder ausgeblendet. Oder Sie klicken und ziehen mit gedrckter Maustaste am Regler, um den Wert einzustellen. Wenn Sie die Maustaste loslassen, verschwindet der Regler. Dies ist eine schnellere, direktere Methode, die nur einen Klick bentigt.
Auto-Optimieren
Wenn Sie auf OPTIMIEREN klicken, werden die Gesamthelligkeit und der Bildkontrast analysiert und die Werte automatisch angepasst, um das bestmgliche Bild zu erhalten. Dies ist vor allem bei unterbelichteten (dunklen) Bildern wirkungsvoll. Nach Anwendung der automatischen Optimierung knnen Sie die ermittelten Werte in den Eingabefeldern noch feineinstellen. Mit Klick auf VERGLEICHEN knnen Sie das Ausgangsbild wiederherstellen, ein erneuter Klick stellt die letzten Werte wieder ein.
Helligkeit/Kontrast/Farbtemperatur/Sttigung
Helligkeit Kontrast Sttigung Farbtemperatur
Wenn Sie Werte ndern, wird das Bild unmittelbar aktualisiert. Sttigung ndert die Farb-Intensitt. In der Minimaleinstellung von -100 wird das Bild zu einem Schwarz-Wei-Bild. Farbtemperatur macht das Bild wrmer oder klter.
Weichzeichnen / Schrfen
Dieses Steuerfeld zeichnet das Bild weich, wenn der zugehrige Wert unter 0 eingestellt wird. Bei hheren Werten wird das Bild scharfgezeichnet. Frs Scharfzeichnen sind kleine Werte empfehlenswert (geeignet fr Bilder, die stark verkleinert worden sind).
326
Foto-Werkzeug
Da alle Bearbeitungen nicht-destruktiv sind, werden durch Vergleichen alle Bearbeitungen entfernt und das Original wiederhergestellt. Sie knnen diese Funktion jederzeit einsetzen, nachdem das Bild verndert wurde.
Dies ist eine nicht-destruktive Bearbeitung, das heit, Sie knnen den Ausschnitt nach dem Freistellen noch verndern oder auch das gesamte Bild wiederherstellen. Man knnte das Ganze auch so betrachten, dass man nur die Auengrenzen des Ausschnitts anpasst, whrend das gesamte Bild durch die rechteckige Auenlinie beschnitten wird. Deshalb wird auch vom Beschneiden-Werkzeug gesprochen und nicht vom Freistellungs-Werkzeug, obwohl es natrlich dem gleichen Zweck dient wie ein herkmmliches Freistellungs-Werkzeug. Sie knnen verschiedene Fotos durch Anklicken auswhlen, whrend Sie mit den Foto-Werkzeugen arbeiten. Das geht auch mit Fotos innerhalb von Gruppen.
Beschneidungs-Werkzeug
Alternativ wechseln Sie ber die Ausklapp-Leiste des Foto-Werkzeugs zum BESCHNEIDUNGS-WERKZEUG . Hier finden Sie einige zustzliche Optionen. Sie knnen genaue Pixelwerte eingeben und aus verschiedenen Seitenverhltnissen whlen. Um weitere Einstellungen zum Seitenverhltnis vorzunehmen, wechseln Sie in den BESCHNEIDEN-MODUS mithilfe der BESCHNEIDEN-WERKZEUG -Schaltflche. Dadurch sieht die Infoleiste folgendermaen aus:
Wenn Sie den Ausschnitt ber dem Foto aufziehen, wird er hervorgehoben dargestellt. Sie knnen ihn durch Ziehen an den Seiten- und Eckanfassern einstellen. Durch Ziehen irgendwo innerhalb des Bereichs knnen Sie ihn als Ganzes verschieben.
Foto-Werkzeug
Klicken Sie auf BESCHNEIDEN oder doppelklicken Sie auf den aufgezogenen Bereich, um das Beschneiden durchzufhren.
327
Beschnittene Fotos lassen sich von nicht beschnittenen anhand der Anzeige Beschnittenes Foto in der Statuszeile unterscheiden.
Lschen
Mit LSCHEN oder durch Klicken auerhalb des Bereichs knnen Sie den aktuellen Ausschnitt aufheben.
Drittel-Regel
Es gibt eine Grundregel in der Kunst der Bildkomposition, die man Drittel-Regel nennt (aus ihr kann der komplexere Goldene Schnitt abgeleitet werden). Einfach gesagt wird das Bild hierbei vertikal und horizontal in 3 Bereiche aufgeteilt. So ist es meist besser, den Horizont einer Landschaft an der Unterkante des oberen Drittels des Fotos zu positionieren und ihn nicht direkt in der Mitte verlaufen zu lassen. Wenn Sie ein Bild beschneiden, zeigt der Beschnittrahmen horizontal und vertikal zwei Unterteilungslinien an, um die Positionierung nach dieser Kompositionsregel zu erleichtern. Hinweis: Fr mehr Informationen zum Thema suchen Sie im Internet am besten nach Drittel-Regel.
Beschneidung entfernen
Klicken Sie auf BESCHNEIDUNG ENTFERNEN, um die Beschneidung von einem ausgewhlten Foto zu entfernen. Dadurch wird das Beschneiden-Auswahlrechteck wiederhergestellt, welches Sie nun entweder verndern knnen oder durch einen Klick auerhalb des Rechtecks ganz entfernen knnen. Wenn Sie BESCHNEIDUNG ENTFERNEN im BESCHNEIDUNGS-WERKZEUG whlen, wird die Auenlinie beschnittener Fotos wieder auf das komplette Foto zurckgesetzt, bei
328
Foto-Werkzeug
beliebigen anderen Formen mit Bitmap-Fllung auf die Rechteckform des Bitmaps oder Fotos, das als Fllung benutzt wurde. Eventuell mssen Sie noch auf Lschen klicken, um das Auswahlrechteck zu entfernen. Denselben Effekt hat ein Klick auerhalb des Rechtecks.
Beschneiden-Bereich bearbeiten
Um kleine nderungen an einem beschnittenen Foto durchzufhren, blenden Sie sich den Auswahlbereich fr den Beschnitt wieder ein, indem Sie BESCHNEIDUNG ENTFERNEN whlen. Die abgeschnittenen Rnder werden blasser dargestellt. Danach knnen Sie die Seiten des Beschnitt-Auswahlrechtecks einstellen. Ein Doppelklick in den Bereich stellt die Beschneidung wieder her.
Breite / Hhe
Nach dem Aufziehen des Bereichs knnen Sie auf der Infoleiste exakte Werte in die Felder fr Breite und Hhe eingeben.
Seitenverhltnis beibehalten
Setzen Sie das Kontrollkstchen fr SEITENVERHLTNIS BEIBEHALTEN, um beim Aufziehen ein bestimmtes Seitenverhltnis beizubehalten. Die Optionsfelder bestimmen das benutzte Seitenverhltnis. Whlen Sie Aktuell um das Seitenverhltnis des Fotos vor dem Beschneiden beizubehalten. Beachten Sie, dass das Auswahlrechteck seine Orientierung zwischen Quer- und Hochformat automatisch ndert, wenn Sie an den Eckanfassern ziehen. Wenn Sie nach der Seite ziehen, wird der Bereich im Querformat erstellt. Wenn Sie mehr nach unten hin ziehen, wird er im Hochformat erstellt. bliche Seitenverhltnisse sind ebenfalls vorhanden: 4:3 fr die meisten einfachen Digitalkameras und ltere TV- und Computerbildschirme, 3:2 fr traditionelle Filmkameras und Digital-Spiegelreflexkameras und 16:9 fr Breitbild-Fernseher. Durch Halten der Strg-Taste knnen Sie die Sperrung des Seitenverhltnisses auer Kraft setzen. Umgekehrt knnen Sie beim Aufziehen oder Anpassen eines Bereichs mit freiem Seitenverhltnis durch zustzliches Halten von Strg das letzte gewhlte Seitenverhltnis erzwingen.
Foto-Dokumente beschneiden
Im Foto-Modus gibt es ein ein-Pixel-Raster auf dem Foto (bei 96dpi, der Stadardauflsung). Dies erleichtert pixelgenaues Beschneiden. Fr akkurates, auf's Pixel genaues Ausschneiden empfehlen wir Ihnen daher, im Foto-Modus zu arbeiten und ausreichend hineinzuzoomen, um die einzelnen Pixel erkennen zu knnen. Bitte lesen Sie das Kapitel Foto-Dokumente (auf Seite 318) fr weitere Informationen.
329
3.
4.
5. 6.
330
Foto-Werkzeug Rote-Augen-entfernen-Werkzeug
Mit dem ROTE-AUGEN-WERKZEUG knnen Sie rote Augen von Gesichtern in Ihren Fotos entfernen.
Klicken Sie auf die Schaltflche oben, um in den Rote-Augen-Modus zu wechseln. Dann: Zoomen Sie die roten Augen in Ihrem Foto heran, entweder mit dem ZOOM-WERKZEUG (auf Seite 87) oder einfach mit Strg+Mausrad. Ziehen Sie mit gehaltener Maustaste vom Mittelpunkt des roten Auges nach auen, um einen kreisfrmigen Korrektur-Flicken fr das rote Auge zu erzeugen. Innerhalb dieses Kreises wird die rote Farbe vom Auge entfernt. Wiederholen Sie diesen Vorgang fr alle rote Augen im Bild.
Foto-Werkzeug
Jeder Korrektur-Flicken auf einem Foto lsst sich mit dem Rote-Augen-Werkzeug durch einfaches Anklicken auswhlen. Jetzt knnen Sie die Entfernen-Taste drcken, um den ausgewhlten Flicken zu entfernen. Oder Sie wechseln in das Quickshape-Werkzeug und bearbeiten den ausgewhlten Flicken, genau so, als ob Sie normale elliptische Formen bearbeiten. Daher knnen Sie die Korrektur-Flicken auch elliptisch verzerren, um den roten Bereich in den Augen besser zu berdecken. Siehe Quickshape-Werkzeug fr Informationen, wie Sie Ellipsen mit diesem Werkzeug bearbeiten. Allerdings sind die vorgegebenen kreisfrmigen Flicken fr die meisten Fotos ausreichend. Am Rand der Korrektur-Flicken ist standardmig eine 3 Pixel breite Randunschrfe angewandt, um sichtbare Kanten zwischen dem Korrekturbereich und dem restlichen Auge zu vermeiden. Den Randunschrfe-Bereich knnen Sie einfach variieren, indem Sie (siehe oben) die Ellipse auswhlen und den Randunschrfe-Wert mit dem Schieberegler justieren (oben rechts auf der Haupt-Werkzeugleiste), genau wie bei normalen Formen. Die vom Rote-Augen-Werkzeug angebrachten Flicken bilden mit dem Foto zusammen eine Dadurch knnen Sie das Foto im Dokument umherschieben oder anderweitig transformieren und die Korrektur-Flicken werden zusammen mit dem Foto verschoben. Beachten Sie, dass Sie daher, wenn Sie nicht im Rote-Augen-Werkzeug sind, um die Ellipse auszuwhlen eine Auswahl innen durchfhren mssen (beim Anklicken die Strg+Taste gedrckt halten). Lesen Sie das Kapitel Arbeiten mit Fotos fr zustzliche Informationen ber Fotogruppen (auf Seite 293). Ein Klick auf ALLE LSCHEN auf der Infoleiste des Rote-Augen-Werkzeugs entfernt alle Korrektur-Ellipsen vom ausgewhlten Foto.
331
FOTOGRUPPE .
332
Hier ist ein Beispielfoto, das weltberhmte Torii-Tor in Japan. Eindeutig ist das Tor selbst das wesentliche Element des Fotos.
Hier wurde das Foto mit der normalen Skalierung durch das Auswahl-Werkzeug gestreckt. Sogar bei dieser leichten Dehnung ist eindeutig zu erkennen, dass die Proportionen des Tors verzerrt sind.
Dehnung mit der Inhaltsabhngigen Foto-Skalierung. Es sieht immer noch vllig natrlich aus. Die Proportionen des Tors sind intakt, selbst bei dieser extremen Verzerrung auf die doppelte Breite des originalen Bildes. Die verzerrte Kstenlinie wirkt immer noch natrlich.
Foto-Werkzeug
Vorbereitung des Fotos
Inhaltsabhngige Skalierung ist ein Teil des FOTO -Werkzeugs. Markieren Sie Ihr Foto und whlen Sie aus dem Ausklappmen des Foto-Werkzeugs die Option INHALTSABHNGIGE SKALIERUNG. Am rechten Ende der Infoleiste sehen Sie nun einige Schaltflchen.
333
Whlen Sie ein Foto aus und gehen Sie in das Foto-Werkzeug, die Infoleiste sollte so aussehen: Klicken Sie zunchst auf VORBEREITEN , um das Foto fr das Skalieren zu prparieren. Dadurch wird eine Analyse des Foto gestartet, die ermittelt, welche Bereiche des Fotos gestreckt werden knnen und welche Bereiche erhalten werden mssen. Dieser Prozess kann einige Zeit in Anspruch nehmen, je nach Auflsung des Fotos und zur Verfgung stehender Prozessorleistung. Fr sehr hochaufgelste Bilder wird empfohlen, die Auflsung vorher zu reduzieren, wenn die maximale Auflsung nicht bentigt wird. Tun Sie dies vor der Analyse. Um die Auflsung des Fotos zu reduzieren, klicken Sie OPTIMIEREN und geben Sie eine Pixelbreite oder Auflsung in dpi ein. Die angezeigte Gre des Bildes ndert sich nicht, nur die Auflsung (die Anzahl der Pixel im Foto) Sobald das Bild vorbereitet ist, erscheinen neue Anfasser fr die Grennderung an den Seiten des Fotos. Ziehen Sie an diesen Anfassern, um das Bild zu strecken oder zu stauchen.
Optimieren
Wenn Fotos fr das Inhaltsbasierte Skalieren vorbereitet wurden, werden eine groe Menge zustzlicher Daten gespeichert, um nachtrgliche nderungen zu ermglichen. Beim Speichern eines Dokuments werden diese Daten auch mit gespeichert, das heit, dass Sie nach dem Laden eines solchen Dokuments die Hhe oder Breite des Fotos nachtrglich verndern knnen, ohne das Foto erneut analysieren zu mssen. Wenn Sie mit dem Skalieren des Fotos fertig sind, wird empfohlen, die nderungen mit der Optimieren-Funktion zu fixieren. Dadurch wird das gestreckte Foto in ein normales eingebettetes JPEG-Bild zurck konvertiert, in jeder geforderten Auflsung und Sie erzielen eine entscheidende Verringerung der Dateigre ihrer Designs. Wenn Sie das Foto in der gleichen Auflsung optimieren wollen, notieren Sie sich die Auflsung (der dpi-Wert wird in der Stauszeile angezeigt) und geben diesen Wert im Optimieren-Dialog auf dem Reiter Bitmap wieder ein. Zurcksetzen Mit Zurcksetzen wird das Bild in seinen Ausgangszustand zurck versetzt, Skalierung und Masken werden entfernt.
334
Foto-Werkzeug
Inhaltsabhngige Skalierung mit Masken nutzen
Unter Einsatz der Masken-Funktion erhalten Sie noch bessere Kontrolle ber das Endergebnis, in dem Sie gezielt Bereiche im Bild vor einer Verzerrung schtzen knnen. Maskierte Bereiche werden berhaupt nicht verzerrt. Im Kapitel Masken (auf Seite 259) gibt es mehr Informationen ber die Maske, hier nur eine kurze Zusammenfassung, wie Sie die Maske mit der Inhaltsabhngigen Skalierung nutzen. Um einen oder mehrere Bereiche vor einer Verzerrung zu schtzen, whlen Sie die Maske unten in der Werkzeugleiste aus oder benutzen Sie den Menbefehl FENSTER -> MASKEN-MODUS AN . Mit der Masken-Schaltflche schalten Sie den Masken-Modus an.
Jetzt ist das gesamte Fenster von einer rosafarbenen Masken-Ebene bedeckt. Nun benutzen Sie die normalen Zeichenwerkzeuge, um Lcher aus der Maske zu schneiden. Am schnellsten geht das mit dem Freihand-Werkzeug, indem Sie einfach um das zu schtzende Objekt herum zeichnen und dabei Anfangs- und Endpunkt verbinden, um die Form zu schlieen. Die rosafarbenen Bereiche der Maske sind die geschtzten Bereiche, daher mssen Sie am Schluss noch die gesamte Maske invertieren, da Sie ja die Bereiche schtzen wollen, um die herum Sie gezeichnet hatten und nicht den Rest. Klicken Sie auf Maske invertieren auf der Infoleiste oder whlen Sie diesen Befehl im Men Fenster. Klicken Sie nun auf Vorbereiten, wird dieser Bereich vor Verzerrung geschtzt. Ggf. mssen Sie vorher das Foto auswhlen, um die Schaltflche drcken zu knnen. Klicken Sie dazu im Foto-Werkzeug auf das Bild. Beachten Sie, dass Sie nicht mehr als die Hlfte des Bildes maskieren knnen. Sie erhalten sonst eine Fehlermeldung beim Vorbereiten.
1. 2. 3.
Whlen Sie ZURCKSETZEN und zeichnen Sie die Maske neu. Klicken Sie so oft Rckgngig, bis Sie die Maske wieder angezeigt bekommen und bearbeiten Sie sie mit dem Formeditor-Werkzeug. Oder kopieren Sie die Maske vor dem Vorbereiten in die Zwischenablage. Dann knnen Sie sich nach einem Zurcksetzen des Bildes den Maskenmodus wieder einschalten und die Maske wieder aus der Zwischenablage einfgen.
Alternativ knnen Sie das Foto auch mit der OPTIMIEREN -Funktion fixieren und danach eine neue Maske anwenden. Das ist in den meisten Fllen aber nicht ratsam, da dabei die Qualitt verringert wird.
Foto-Werkzeug
Inhaltsabhngiger Foto-Zoom
Alternativ zur inhaltsabhngigen Skalierung kann das Foto die gleiche Gre beibehalten und nur der Inhalt intelligent gezoomt werden. Hier ein Beispiel fr diesen Effekt.
335
Verwenden Sie den Zoom-Regler der Infoleiste fr inhaltsabhngigen Foto-Zoom. Das Bild bleibt gleich gro, das Programm erkennt aber automatisch interessante Inhalte und skaliert (zoomt) diese. Beachten Sie, dass das Mdchen nicht nur ausgeschnitten wurde, sondern jedes Element Wolken, Gras auch in der gezoomten Variante da ist. Das Programm erkennt den Surfer automatisch als interessant und vergrert ihn. Weiteres Beispiel:
Das Programm hat die Blumen nicht die Bltter im Hintergrund als interessant erkannt und skaliert. Mit der Masken-Funktion knnen Sie Teile von Bildern vor einer Vernderung schtzen, die beiden Beispiele kommen aber ohne Masken aus.
336
Foto-Werkzeug
Rechts sehen die Gebude zu verzerrt aus.
Wenn Sie die Alt-Taste whrend Sie an den Anfassern ziehen gedrckt halten, wird mit einem anderen Algorithmus intelligent skaliert.
Dasselbe Bild, das mit der alternativen Methode skaliert wurde, sieht perfekt aus.
Panorama-Funktion
MAGIX Web Designer 7 Premium beinhaltet ein Werkzeug, das bis zu sechs Fotos automatisch zu einem einzigen, breiten Panoramafoto zusammenfgen kann. Das Erstellen von Panoramafotos in Top-Qualitt ist sehr aufwndig und kompliziert. Oft ist eine spezielle Kamera-Ausrstung bzw. ein passendes Objektiv notwendig. Zustzlich mssen die Fotos genau belichtet und ausgerichtet werden. Die Panorama-Funktion von MAGIX Web Designer 7 Premium erfordert dies nicht, daher kann jeder mit einer alltagstauglichen Digitalkamera Panoramafotos in guter Qualitt erstellen. Funktionen dieses Werkzeugs: Keine Profi-Kamera erforderlich, kein Stativ erforderlich Automatische Einschtzung der Brennweite zum Reduzieren von Fischaugen-Effekten Automatische Tonnen-/Kissenentzerrung und Vignettierungskorrektur Automatische Belichtungskorrektur Automatische Erkennung von berlappungen und Verbindungspunkten Automatisches Zuschneiden des Endergebnisses
Zum Erstellen eines Panoramas bentigt man eine Fotoserie, die von einer zentralen Position aufgenommen wurde. Im Idealfall sollten sich die Fotos um etwa 30% berlappen, obwohl eine geringere berlappung auch ausreichen kann. Ein Panorama lsst sich sehr einfach erstellen:
1. 2. 3.
Importieren Sie alle Fotos und ordnen Sie diese auf der Seite von links nach rechts in der richtigen Reihenfolge an. Die berlappungen mssen nicht genau angeglichen werden. Whlen Sie alle Fotos, die Sie zusammenfgen mchten. Klicken Sie PANORAMA auf der Infoleiste des FOTO-WERKZEUGS.
Der Zusammenfge-Vorgang beginnt und wird im Hintergrund fortgefhrt. In einem Popup wird der Fortschritt angezeigt, whrend man MAGIX Web Designer 7 Premium weiter
Foto-Werkzeug
verwenden kann. Nachdem der Prozess abgeschlossen wurde, wird das resultierende Panoramabild in die Seite importiert. Bitte beachten Sie, dass die Originalbilder nicht ersetzt werden. Sollten diese nicht mehr bentigt werden, knnen Sie sie lschen.
337
Drei Beispielfotos fr eine Landschaft. Alle Bilder berlappen sich (in diesem Fall etwas mehr als notwendig).
Bilder optimieren
MAGIX Web Designer 7 Premium fgt die Bilder immer bei voller Auflsung zusammen, auch wenn die Gre des Bildes auf der Seite reduziert wurde. Hierbei wird die beste Qualitt und hchste Auflsung verwendet. Es bedeutet aber auch, dass der Zusammenfge-Vorgang einige Minuten dauern kann. Daher ist es oft sinnvoll, die Auflsung der Bilder vor dem Zusammenfgen zu reduzieren, vor allem, wenn z. B. im Endergebnis nur eine mittlere Auflsung bentigt wird, z. B. fr das Internet. Zum Reduzieren der Auflsung eines Bildes verringern Sie die Gre auf der Seite und nutzen Sie dann die Option EXTRAS > FOTOS OPTIMIEREN . Whlen Sie den Reiter BITMAP-GRE sowie die erforderliche Auflsung aus dem Auswahlmen. Eine hhere Auflsung ist manchmal vorteilhafter. Hierdurch wir das Foto durch ein JPEG mit niedrigerer Auflsung ersetzt.
338
Foto-Werkzeug
Bitte beachten Sie, dass die Panorama-Erzeugung besser bei hheren Auflsungen funktioniert (hier knnen die zusammengehrigen Punkte auf den Fotos besser gefunden werden). Wenn das Bild zusammengefgt wurde, wird es als PNG in MAGIX Web Designer 7 Premium gespeichert. Hierbei handelt es sich zwar um die hchste Qualitt, es wird jedoch viel Arbeitsspeicher und Speicherplatz bentigt, vor allem, wenn es sich um ein hoch aufgelstes Panorama handelt (die BITMAP-GALERIE zeigt Ihnen den Speicherbedarf an). Daher ist es in der Regel sinnvoll, die Auflsung des endgltigen Bildes zu reduzieren und dieses stattdessen in ein JPEG umzuwandeln. Verwenden Sie hierzu die Option EXTRAS > FOTOS OPTIMIEREN . Anmerkungen: Die Panorama-Funktion erwartet, dass alle Bilder dieselbe Auflsung haben. Versuchen Sie es zu vermeiden, Bilder mit bewegten Objekten aufzunehmen, da dasselbe Objekt an unterschiedlichen Stellen oder gar nicht erscheinen kann. Versuchen Sie den Horizont bei jedem Foto ungefhr an gleicher Stelle zu behalten. Hinweis: Die grte vertikale Abdeckung erhalten Sie bei Aufnahme von Fotos im Hochformat.
3D-Extrusions-Werkzeug
339
3D-Extrusions-Werkzeug
Das EXTRUSIONS-WERKZEUG bietet eine schnelle und einfache Mglichkeit, 2D-Formen und Texte in hochwertige 3D-Extrusionen mit farbigen Lichteffekten und hochqualitativen Schatten umzuwandeln. Es basiert auf der in Xara 3D verwendeten Technologie. Es erlaubt Ihnen durch Ziehen mit der Maus auf dem Bildschirm die 3D-Objektrotation in Echtzeit, die Anpassung der Extrusionstiefe und das Verschieben von drei Lichtquellen im 3D-Raum um das Objekt herum.
Die Infoleiste ermglicht die Auswahl der Kantentypen, die entlang der Extrusion gezeichnet werden knnen. Sie knnen aus mehr als 25 unterschiedlichen Kantentypen whlen.
340
Infoleiste Extrusions-Werkzeug
Extrusion an/aus Schieberegler-Typ Regler und numerischer Wert fr ausgewhlte Parameter Kantentyp Regler und Wert fr Kantengre Lichtquellen an/aus Glnzend/Matt Ecken abgerundet/auf Gehrung Ein extrudiertes 3D-Objekt kann unmittelbar auf der Seite (wie oben beschrieben) oder aber durch Verwendung der Steuerelemente auf der Infoleiste verndert werden.
3D-Extrusions-Werkzeug
Extrusion ein- und ausschalten
Extrudieren an/aus
341
Nachdem eine Form oder ein anderes Objekt extrudiert wurde, knnen am Original nur noch begrenzte Modifikationen vorgenommen werden, solange die Extrusion aktiv ist. Wenn Sie z. B. eine Form extrudiert haben, knnen Sie diese Form danach nicht mehr im Formeditor bearbeiten, da es sich nicht mehr um eine einfache 2D-Form handelt. Mit dieser Schaltflche knnen Sie jedoch die Extrusion vorbergehend deaktivieren, damit Sie das darunter befindliche Objekt sehen und mithilfe anderer Werkzeuge bearbeiten knnen, bevor Sie die Extrusion wieder aktivieren. Nach einer Vernderung am Objekt und Reaktivierung der Extrusion wird die Extrusion erneut auf Ihr modifiziertes 2D-Objekt angewendet, wobei dieselben 3D-Attribute verwendet werden, die es vor dem Abschalten der Extrusion hatte. Bitte beachten Sie, dass in Fllen, wenn sich die Form des Objekts erheblich ndert, nachdem die Extrusion deaktiviert wird (z. B. zum Verndern in einen vollstndig anderen Typ), die angewendeten 3D-Extrusionsattribute nicht erhalten werden knnen. In derartigen Fllen sollten Sie die ATTRIBUTE EINFGEN -Funktion verwenden, um diese Attribute von einer Kopie der Extrusion vor der Modifikation zu bertragen. Lesen Sie hierzu auch das Kapitel Styles kopieren; Attribute einfgen (auf Seite 141).
Extrusionstiefe
Am einfachsten lsst sich, wie oben beschrieben, die Extrusionstiefe durch Klicken und Ziehen der Extrusion verndern. Sie knnen jedoch auch den Regler auf der linken Seite der Infoleiste des Extrusionswerkzeugs verschieben, um die Werte zu verndern. Bitte stellen Sie sicher, dass Extrusionstiefe in der Auswahlliste links des Reglers (das ist die Standardeinstellung) ausgewhlt ist und passen Sie dann mit dem Regler die Extrusionstiefe an. Die aktuelle Extrusionstiefe wird in Zahlenwerten rechts neben dem Regler angegeben. Sie knnen auch die Werte der Extrusionstiefe direkt in das Feld eingeben, um die genaue Extrusionstiefe einzustellen.
342
3D-Extrusions-Werkzeug
LIchtquellen
LICHTQUELLEN AN/AUS
Sie knnen die Beleuchtung Ihrer Form im 3D-Raum durch Einschalten der Lichtquellen regulieren. Es gibt drei Lichtquellen, von denen jede eine eigene Farbe und Position innerhalb des 3D-Raums um die 3D-Form herum haben kann.
In diesem Beispiel ist die Farbe der Frontseite wei. Sie erscheint jedoch grn, da das grne Licht fast genau von vorn auf die Form trifft.
Durch Anpassen der Farben auf der Frontseite und der Extrusion sowie der Positionen der drei Lichtquellen knnen Sie den Realismus der 3D-Objekte Ihres Designs beeinflussen. Hinter dem Objekt befindet sich eine beige-/orangefarbene Lichtquelle. Ein weiteres violettes Licht ist ebenfalls vorhanden. Beide Lichtquellen verursachen Reflexionen auf der Seite. Durch ndern der Farbe oder des Einfallswinkels der Lichtquellen werden die Reflexionen angestrahlter Elemente verndert. Verschieben Sie einfach den Lichtpfeil, um eine Lichtquelle um ein 3D-Objekt herum zu verschieben. Wenn ein Licht so eingestellt ist, dass es sich hinter einem 3D-Objekt befindet und daher nicht mehr anwhlbar ist, kann es mithilfe des linken Reglers auf der Extrusions-Infoleiste wieder angewhlt werden. Whlen Sie einen der Lichtrichtungswinkel aus der Liste links vom Regler (z. B. LICHT 2 RICHTUNGSWINKEL 1 ) aus und verndern Sie dann die Regler-Einstellung. Das Licht bewegt sich um das 3D-Objekt in Ihrem Entwurf herum. Die unterschiedlichen Lichtrichtungswinkel-Optionen in dieser Liste ermglichen es, alle Lichtquellen in einer beliebigen Richtung innerhalb des 3D-Raums zu verschieben, um die gewnschte Position zu erhalten. In den meisten Fllen werden jedoch gute Ergebnisse durch Ziehen der Lichtpfeile direkt auf der Seite erzielt. Die Farben des Lichts knnen durch Ziehen und Ablegen der Farben aus der Farbleiste auf den Lichtpfeilen verndert werden. Um eine Lichtfarbe mit dem Farbeditor zu bearbeiten, doppelklicken Sie auf den Lichtpfeil, den Sie ndern mchten. Bei geffnetem Farb-Editor knnen durch Anklicken der unterschiedlichen Lichtpfeile, der Vorderseiten oder der
3D-Extrusions-Werkzeug
extrudierten Seiten schnell die unterschiedlichen Farben Ihrer Extrusion zur Bearbeitung ausgewhlt werden. Das Ausklapp-Menu des Farb-Editors passt sich entsprechend an.
343
Glnzend/Matt
Verwenden Sie diesen Schalter, um die Reflexion der Oberflche eines 3D-Objekts zu verndern. Wenn die GLNZEND -Option aktiv ist, werden Lichtquellen, die an der richtigen Position hinter dem Objekt platziert wurden, an den Seiten des Objekts reflektiert, und erzielen damit einen guten Effekt.
Dieser Effekt wird folgendermaen erstellt: Extrudieren Sie ein Foto. Drehen Sie es leicht. Erstellen Sie dann eine reflektierte Kopie mit dem AUSWAHL-WERKZEUG und passen Sie den 3D-Winkel an, damit die Reflexion passt. Diese erhlt dann noch einen Transparenzverlauf, um das Ausblenden der Reflexion zu erzielen.
344
3D-Extrusions-Werkzeug
Sie knnen jedes Foto und jede Textur auf der Vorderseite der Extrusion verwenden. Importieren Sie entweder Ihr Bild und extrudieren Sie es wie oben beschrieben oder ziehen Sie es mit gehaltener Umschalt-Taste auf eine vorhandene Extrusion. Hierdurch wird das Foto bzw. die Textur auf die Vorderseite des extrudierten Objekts angewendet.
Text extrudieren
Extrudieren Sie den Text auf die gleiche Weise, wie Sie eine Form extrudieren. Klicken und ziehen Sie einfach den Text mit dem EXTRUSIONS-WERKZEUG. Bei mehr als nur ein paar Wrtern bentigt das Extrudieren von Text sehr viel Rechenleistung und wird daher nicht empfohlen.
Da Text in der Regel schwarz ist, wird das extrudierte Ergebnis ebenfalls vllig schwarz und somit nicht leicht zu erkennen. Wir empfehlen daher, die Farbe des Textes vor der Extrusion zu ndern (obwohl sie diesen auch danach durch Anklicken einer Farbe ndern knnen). Wie bei anderen extrudierten Objekten kann, wenn Sie den Text bearbeiten wollen, die Extrusion durch die Schaltflche am linken Rand der Extrudieren-Infoleiste deaktiviert werden. Bearbeiten Sie nun den Text und aktivieren Sie die Extrusion dann wieder mit derselben Schaltflche.
3D-Extrusionsattribute kopieren
Es kann der Stil einer 3D-Extrusion aus einem Objekt kopiert und in ein anderes eingefgt werden. Dies funktioniert auf die gleiche Weise wie fr alle Web Designer Premium-Attribute. Kopieren Sie einfache das extrudierte Ausgangs-Objekt in die Zwischenablage, whlen Sie dann ein anderes 3D-Objekt aus und whlen Sie anschlieend BEARBEITEN > ATTRIBUTE EINFGEN . Beachten Sie, dass 3D-Attribute nur in andere extrudierte 3D-Objekte eingefgt werden. Daher mssen zuerst alle Formen extrudiert werden, bevor die 3D-Attribute eingefgt werden knnen. Hierbei werden alle 3D-Attribute wie z. B. Extrusionstiefe, Lichtfarben, Kantentyp, sowie die Vorderseiten- und Seitenfarben kopiert.
345
346
Navigationsleisten
Navigationsleisten
Die meisten Internetseiten haben eine Navigationsleiste, entweder waagerecht oder senkrecht, ber die alle wichtigen Seiten der Site erreicht werden knnen.
MAGIX Web Designer 7 Premium enthlt eine spezielle Untersttzung fr Navigationsleisten (kurz auch NavBars genannt), die es erleichtert, solchen Leisten Schaltflchen hinzuzufgen, diese zu bearbeiten oder zu lschen. Die Schaltflchen der NavBar knne ihre Breite automatisch der Beschriftung anpassen und werden nach jeder nderung automatisch neu angeordnet. Sie knnen der Leiste Mens und Untermens zuordnen, es gibt auch die Mglichkeit, Schaltflchen automatisch hinzuzufgen und zu entfernen, wenn Seiten hinzugefgt oder entfernt werden. Fortgeschrittene Nutzer knnen Ihre eigenen Navigationsleisten erstellen, ausgehend von selbst gestalteten Schaltflchen oder die Gestaltung einer Schaltflche in einer bestehenden NavBar ndern, diese nderung wird dann auf die gesamte Leiste angewendet.
NavBar-Vorlagen verwenden
Sie knnen selber NavBars aus jeder Schaltflche erzeugen, die meisten Nutzer werden aber lieber eine der vielen vorlagen benutzen wollen. Die NavBars finden sich in der DESIGN-GALERIE . Wenn Sie trotzdem Ihre eigenen erstellen wollen, dies wird in einem spteren Abschnitt in diesem Kapitel beschrieben. Alle NavBar-Designs der Galerie sind mit einer bestimmten Themen-Vorlage verknpft und so gestaltet, das sie in dieses Thema passen. Daher knnen die meisten Websites erzeugt werden, ohne dass Sie erst extra eine NavBar hinzufgen mssen sie sind bereits in den Seitenvorlagen fr jedes Thema enthalten. Jedoch enthlt jedes Thema die NavBars auch als eigenstndiges Element. Die Farben einer NavBar-Vorlage knnen Sie genauso anpassen wie die Farben anderer Themen-Elemente, indem Sie ein neues Farbschema aus der Design-Galerie anwenden oder die Themenfarben einzeln bearbeiten. Lesen Sie das Kapitel Erste Schritte fr weitere Informationen.
347
In der oberen Hlfte des Dialogs bestimmen Sie diverse Eigenschaften der Navigationsleiste. In der unteren Hlfte knnen Sie Schaltflchen und Mens hinzufgen und entfernen und die Beschriftungen und Links jeder Schaltflche und jedes Meneintrags bearbeiten. Der Dialog ist modal, das heit, solange er offen ist, knnen Sie nicht mehr im Hauptfenster arbeiten. Allerdings werden alle nderungen an der NavBar, die Sie im Dialog vornehmen, sofort im Design dargestellt. Alle nderungen, die Sie bei geffnetem Dialog vornehmen, werden besttigt wenn Sie OK klicken und zurckgenommen, wenn Sie ABBRECHEN klicken.
Ausrichtung
Whlen Sie, ob die NavBar waagerecht oder senkrecht verlaufen soll. Bei senkrechten NavBars sollten alle Schaltflchen gleich breit sein (so breit wie die breiteste Schaltflche),
348
Navigationsleisten
damit die Leiste insgesamt rechteckig ist (und nicht ausgefranst). Siehe die Option ALLE SCHALTFLCHEN GLEICH BREIT HALTEN unten.
Ausrichtung
Whlen Sie, wie sich Ihre Leiste verhalten soll, wenn Sie Beschriftungen ndern und Schaltflchen hinzufgen bzw. entfernen. Eine LINKS AUSGERICHTETE Leiste verlngert sich nach rechts, wenn Sie Schaltflchen hinzufgen oder lngere Beschriftungen aufbringen. Die linke Kante der Leiste bleibt am selben Ort auf der Seite. Genauso behlt eine RECHTS AUSGERICHTETE Leiste die Position der rechten Kante bei und wchst nach links. Eine ZENTRIERT AUSGERICHTETE Leiste wchst gleichermaen nach beiden Seiten. Whlen Sie die Option zentriert, wenn Sie eine mittig angeordnete waagerechte Leiste wollen. Bei senkrechten Leisten ndern sich die Ausrichtungs-Optionen in Oben, Zentriert und Unten. Wie bei den waagerechten Leisten bestimmt die Einstellung, ob die Leiste nach oben (Unten), nach unten (Oben) oder in beide Richtungen (Zentriert) wchst.
Schaltflchen-Abstand
Hier knnen Sie einen Abstand zwischen den Schaltflchen einer waagerechten NavBar einstellen, wenn Sie nicht mchten, dass jede Schaltflche direkt an die nchste grenzt. Geben Sie die Anzahl an Pixel fr den Abstand ein, das Resultat wird sofort auf der Seite sichtbar. Sie knnen auch negative Werte benutzen, wenn sich die Schaltflchen berlappen sollen. Das ist ntzlich, um unerwnschte Stokanten zwischen den Schaltflchen zu vermeiden.
Site-Navigationsleiste
Diese sehr wichtige Option im Navigationsleisten-Dialog aktiviert das automatische Hinzufgen und Verlinken von Schaltflchen bei neu hinzugefgten Seiten. Auerdem werden alle nderungen, die Sie an einer solchen Navigationsleiste vornehmen, sofort auf alle Seiten der Site bertragen, sobald Sie den Dialog schlieen.
Navigationsleisten
Sie brauchen diese Option normalerweise nur dann, wenn Sie wollen, dass die Navigationsleiste auf allen Seiten Ihrer Site auftaucht. Sie knnen aber die Leiste auch auch von einzelnen Seiten manuell lschen.
349
350
Navigationsleisten
Vorlagen und Site-Navigationsleisten
Bei allen Vorlagen von einzelnen Seiten in der Design-Galerie sind die NavBars als Site-Navigationsleiste ausgefhrt, um damit ein neues Website-Dokument zu starten. Sie knnen also ganz schnell eine kleine Website mit mehreren Seiten zusammenbauen, bei der alle Seiten schon untereinander verlinkt sind, ohne Schaltflchen und Links auf die Seiten manuell hinzufgen zu mssen. Auch alle Vorlagen fr ganze Websites haben Site-Navigationsleisten. Sie knnen diese Option aber auch deaktivieren, wenn Sie das nicht wollen. Die eigenstndigen Navigationsleisten zu jedem Thema in der Galerie sind keine Site-Navigationsleisten. Das ist so, weil es unwahrscheinlich ist, dass manuell hinzugefgte Leisten auf allen Seiten auftauchen sollen und Links auf alle anderen Seiten haben sollten.
Weitere Hinweise
Wenn Sie eine Schaltflche lschen, die auf eine bestimmte Seite fhrt, oder den Link auf ihr ndern, das er woanders hin fhrt, wird keine spezielle Aktion unternommen, diese Verlinkung wieder her zu stellen. Es wird davon ausgegangen, dass Sie so entschieden haben, dass kein direkter Link auf diese Seite von der Site-Navigationsleiste ausgehen soll. Schaltflchen und Links werden nur automatisch hinzugefgt, wenn eine neue Seite hinzugefgt wird.
Navigationsleisten
Sie knnen die Schaltflchen-Beschriftung jederzeit wieder bearbeiten, indem Sie zuerst in die entsprechende Zeile klicken, um sie auszuwhlen und dann in die Spalte fr die Beschriftung. Um den Link fr eine Schaltflche einzustellen, doppelklicken Sie das Feld URL, oder, falls die Zeile schon ausgewhlt ist, reicht auch ein einfacher Klick. Der Reiter Link des WEB-EIGENSCHAFTEN-DIALOGS . Das ist der selbe Link-Dialog (auf Seite 266), der auch fr das hinzufgen von anderen Links auf der Seite benutzt wird, daher haben Sie auch die selben Link-Optionen. Es gibt ein paar wenige Ausnahmen, die ausgegraut sind, z.B. Popup-Foto, welche nur auf Fotos anwendbar sind. In der dritten Spalte kann fr jede Schaltflche der Tooltip-Text festgelegt werden. Die Bearbeitung erfolgt genau wie beim Beschriftungstext. Der hier eingegebene Text erscheint als Tooltip beim berfahren von Schaltflchen oder Meneintrgen mit der Maus.
351
Men-Trennzeichen
Trennzeichen fgen Sie in Ihr Men mit der Schaltflche TRENNZEICHEN HINZUFGEN unten im Dialog ein. Das Trennzeichen wird nach dem aktuell ausgewhlten Meneintrag eingefgt. Trennzeichen erlauben es Ihnen, zusammengehrige Eintrge im Men visuell zu gruppieren.
352
Navigationsleisten
Men-Stil
Mit der Schaltflche MENSTIL... ffnen Sie den gleichnamigen Dialog. Damit knnen Sie Aussehen und Verhalten der Mens anpassen.
Schrift whlen Sie die Schriftart fr die Mens aus. Nur websichere Schriftarten stehen zur Auswahl, die bei allen Website-Besuchern vorhanden sind. Sie knnen die Schrift fett machen und einen Schriftgrad festlegen. Hinweis: Dadurch wird nicht die Schriftart der Schaltflchen-Beschriftungen gendert, nur die Schriftart der Mens. Wie die Schriftart auf den Schaltflchen gendert wird, erfahren Sie weiter unten in diesem Kapitel. Richtung Whlen Sie die Richtung aus, in die sich die Mens ffnen. Fr waagerechte Navigationsleisten sollten Sie runter benutzen, fr senkrechte rechts oder links, je nachdem, wo auf der Seite die Leiste angeordnet ist. Abstand Mit dieser Einstellung knnen Sie zwischen den Meneintrgen einen Abstand festlegen, wodurch das Men auseinandergezogen und insgesamt grer wird.
Navigationsleisten
Rahmen Fgen Sie um die Flchen Ihres Mens einen Rahmen hinzu, indem Sie die Breite des Rahmens in Pixeln angeben. Animation Voreingestellt ffnen sich die Mens sofort, hier knnen Sie aber bestimmen, das sie sich animiert ffnen. Transparenz Hier knnen Sie festlegen, dass die Mens halb-transparent sind, so dass die Seite durch die Mens hindurch sichtbar bleibt. Geben Sie die Strke der Transparenz in Prozent ein. Horizontaler/Vertikaler Versatz Sie knnen die Menfelder waagerecht oder senkrecht gegenber den Schaltflchen verschieben. Geben Sie den erforderlichen Versatz in Pixeln ein.
353
354
Navigationsleisten
wrde. Whlen Sie die gewnschte Schriftart aus. Hat Ihre Leiste MouseOver-Zustnde, wird in diesen auch die neue Schriftart eingestellt. Auf die gleiche Weise lsst sich die Schriftgre mit dem Schriftgren-Steuerelementen daneben ndern.
Navigationsleisten
Text auf der Schaltflche Jeder zustand der Schaltflche muss ein Gruppen-Objekt sein, bestehend aus der Form des Schalters und einem Textobjekt, das die Beschriftung der Schaltflche enthlt. Dieses Textobjekt muss einfacher Textsein, keine Textspalte oder Textfeld. Das heit, es wird angelegt, indem man auf die Seite klickt und los schreibt, nicht durch Aufziehen einer Textzeile oder eines Textfeldes. Schaltflchenzustnde weich gruppieren Hat die Schaltflche mehrere Zustnde wie MouseOver und MouseOff, mssen diese weich gruppiert sein, damit sie zusammen bleiben, wenn die Schaltflche verschoben oder anderweitig verndert wird.
355
Schaltflchenrnder
Rnder sind hier die Abstnde zwischen der Schaltflchenbeschriftung und den Kanten der Schaltflchen. Fr dehnbare Schaltflchen (mit der Option Schaltflchenbreite an Beschriftungen anpassen aktiv) werden diese durch die erste Schaltflche bestimmt, die, die als Ausgangspunkt der Navigationsleiste benutzt wird. Indem Sie die Rnder dieser Master-Schaltflche einstellen, beeinflussen Sie die Rnder der anderen Schaltflchen der Leiste, die auf dieser Schaltflche basieren. So stellen Sie die Rnder der ersten Schaltflche ein:
1. 2. 3.
4. 5.
ffnen Sie den NAVIGATIONSLEISTEN-DIALOG Schalten Sie die Option SCHALTFLCHENBREITEN AN BESCHRIFTUNGEN ANPASSEN ab, so dass sich die Briete der Schaltflche nicht mehr zusammen mit der Beschriftung ndert. ndern Sie die Beschriftung der Master-Schaltflche (die erste Schaltflche, es sei denn, Sie haben mehrere Schaltflchen als Basis Ihrer Leiste benutzt - siehe unten). Benutzen Sie irgendwelchen Blindtext, er muss nur die richtige Lnge haben, damit an der Schaltflche so viel Rand bleibt, wie sie haben wollen. Schalten Sie die Option SCHALTFLCHENBREITE AN BESCHRIFTUNGEN ANPASSEN wieder an. Alle Schaltflchen erhalten jetzt den Rand um die Beschriftung, den Sie fr die Master-Schaltflche eingestellt haben. ndern Sie den Beschriftungstext der Master-Schaltflche wieder zurck auf den richtigen Text.
Ursprngliche Leiste
356
Navigationsleisten
Haben Sie NavBars mit abweichenden Designs fr die erste und/oder letzte Schaltflche (siehe unten), haben Start-und Ende-Schaltflche ihre eigenen Randeinstellungen.
Bearbeiten innen
Fr einige Leisten knnen Sie einige Bearbeitungen direkt auf der ersten Schaltflche vornehmen, indem Sie innen auswhlen benutzen. Damit knnen Sie die Form innerhalb der Schaltflchen-Gruppe auswhlen. Siehe Informationen zum Auswahl-Werkzeug im Kapitel Arbeiten mit Objekten zum Innen-Auswhlen. Sie knnen Innen-Bearbeiten jedoch nicht benutzen, wenn die folgenden Optionen im NavBar-Dialog aktiv sind.
SITE-NAVIGATIONSLEISTE SCHALTFLCHENBREITEN AN BESCHRIFTUNG ANPASSEN
In diesem Fall wird Ihnen angeboten, den Dialog zu ffnen, um die Optionen zu deaktivieren und es noch einmal zu versuchen. Mit deaktivierten Optionen knnen Sie die Formen der Schaltflchen mit den blichen Zeichenwerkzeugen bearbeiten. Wichtig: Denken Sie daran, dass die erste Schaltflche die Master-Schaltflche Ihrer Leiste ist. Sie mssen also die erste Schaltflche bearbeiten. Diese nderungen werden dann sofort auf alle anderen Schaltflchen der Leiste bertragen. Wenn Sie eine andere Schaltflche als die erste ndern, gehen diese nderungen verloren, so bald Sie etwas anderes an der Leiste ndern.
AUFLSEN
Navigationsleisten
Hinweis: Hatte Ihre Leiste die Option Site-Navigationsleiste aktiv, mssen Sie diese nach dem Wieder-Gruppieren extra wieder anschalten. Ist die Gruppe aufgelst, ist Ihre Leiste nicht lnger eine Navigationsleiste. Sie haben jetzt eine Anzahl einzelner Schaltflchen-Gruppen fr jeden Schaltflchenzustand. Auerdem, wenn die Option Alle Schaltflchen gleich breit an war, ndern sich die Breiten der Schaltflchen durch das Auflsen der Gruppe, weil diese Option nur innerhalb der Leiste wirkt. Obwohl Sie Ihre nderungen nur an der Masterschaltflche vornehmen mssen, sollten Sie die anderen Schaltflchen auf der Seite belassen. Sie werden gebraucht, wenn Sie Ihre Navigationsleiste wieder gruppieren, um die Schaltflchenbeschriftungen, Links usw. wieder herzustellen, damit Sie diese nicht wieder eingeben mssen. Haben Sie einen MouseOver-Zustand, wird die Master-Schaltflche durch zwei Gruppen gebildet, die miteinander weich gruppiert sind und zusammen verschoben werden knnen. Um diese zu trennen, mssen Sie im Men ANORDNEN ->WEICHE GRUPPE AUFHEBEN (Strg+Alt+U) whlen. Danach knnen Sie in der jeweiligen Ebene (MouseOver und MouseOff) jeweils noch die Gruppe fr den entsprechenden Zustand auflsen (Strg+U), um das Design zu bearbeiten. Siehe Abschnitt Ihre eigenen Mouseover-Schaltflchen erzeugen (auf Seite 71) im Kapitel Erste Schritte fr mehr Informationen. Denken Sie daran, die Zustnde jeweils nach der Bearbeitung wieder zu gruppieren. Dafr stellen Sie zunchst sicher, das beide Ebenen in der Seiten- & Ebenen-Galerie (auf Seite 383) auf sichtbar und bearbeitbar stehen, whlen Sie beide Gruppen der Schaltflchenzustnde aus und whlen Sie ANORDNEN ->WEICHE GRUPPE BILDEN . Sie Kapitel Arbeiten mit Objekten (auf Seite 136) fr mehr Informationen ber weiche Gruppen. Sie sollten Ihre Schaltflche in der Vorschau testen, bevor Sie die Leiste wieder zusammenbauen. Nun whlen Sie die bearbeitete Schaltflche aus und klicken Men ANORDNEN ->NAVIGATIONSLEISTE ERSTELLEN...
357
Solche Navigationsleisten bentigen 2 (falls nur ein Ende unterschiedlich aussehen soll) oder 3 (wenn beide Enden betroffen sind) Schaltflchen-Designs. Ordnen Sie die Schaltflchen-Designs nebeneinander oder untereinander in der richtigen Reihenfolge an fr eine waagerechte beziehungsweise senkrechte NavBar. Whlen Sie dann alle drei Schaltflchen aus und fhren Sie ANORDNEN ->NAVIGATIONSLEISTE ERSTELLEN aus.
358
Navigationsleisten
Beim Erstellen von NavBars aus mehr als einer Schaltflche muss MAGIX Web Designer 7 Premium wissen, wie die Schaltflchen innerhalb der Leiste benutzt werden sollen. Daher wird ein Auswahldialog angezeigt, wo Sie entsprechende Optionen whlen knnen.
Alle Schaltflchen identisch: Whlen Sie diese Option, wenn alle Schaltflche der Leiste wie die erste aussehen sollen.
ERSTE SCHALTFLCHE UNTERSCHIEDLICH:
Die letzte Schaltflche in diesem Beispiel ist unterschiedlich, denn Sie hat am rechten Rand keine Trennlinie
ERSTE UND LETZTE SCHALTFLCHE ANDERS : Mit dieser Option legen Sie fest, das erste und letzte Schaltflche unterschiedlich sein sollen, dadurch knnen Sie runde Enden der Leiste realisieren. Dafr mssen dann natrlich 3 Schaltflchen ausgewhlt sein.
Website-Prsentationen.
359
Website-Prsentationen.
MAGIX Web Designer 7 Premium erlaubt die Erstellung von Prsentationen im Microsoft Powerpoint-Stil, also Diashows mit animierten bergangseffekten zwischen den einzelnen Schritten und bei den Seitenwechseln. Ihre Web-Prsentation kann der Betrachter der Reihe nach Seite fr Seite anschauen, fr den nchsten Schritt Bild runter oder rechte Pfeiltaste, um zurck zu gehen, die Bild hoch oder linke Pfeiltaste. Ebenen (von denen im Rahmen einer Prsentation als Prsentationsschritt gesprochen wird) lassen sich mit bergangseffekten versehen. Diese Ebenen oder Schritte enthalten ein oder mehrere Grafiken und/oder Text, die dann auf dem Bildschirm auf animierte Art erscheinen. Wenn innerhalb einer Seite keine weiteren Schritte mehr aufzudecken sind, wird die nchste Seite der Prsentation angezeigt, wobei Seiten Ihre eigenen bergangseffekte haben knnen. Neben dem Navigieren durch die Prsentation per Tastatur knnen Sie auch Links anbringen, beispielsweise auf Schaltflchen, mit denen der Betrachter zum nchsten oder vorherigen Schritt kommt. Das macht den eigentlichen Unterschied zwischen normalen Websites und Prsentationen aus - durch Websites kann der Nutzer nicht mit Tasten navigieren. Sie knnen ein Dokument mit der Option Prsentationswebsite im Reiter Website (auf Seite 272) des Webeinstellungs-Dialogs zwischen Website und Prsentation umschalten. Das ist ntzlich, um eine bestehende Website in eine Prsentation umzuwandeln, anstatt bei Null anzufangen. Siehe ber bergangseffekte fr eine Liste der bergnge. Hinweis: Eine Website muss keine Prsentation sein, um bergangseffekte benutzen zu knnen. Seiten- und Link-bergnge knnen auf den Reitern Seite (auf Seite 274) bzw. Link (auf Seite 270) des Webeigenschaften-Dialogs eingestellt werden und funktionieren auch mit normalen Links auf Seiten. Genauso knnen Popup-Ebenen, die ber einen Link auf einer Seite aufgerufen werden, ebenfalls einen bergangseffekt haben, dieser wird im Reiter Web-bergang (auf Seite 58) des Dialogs Ebenen-Eigenschaften eingestellt. Der Unterschied zwischen einer Prsentation und einem normalen Webdokument ist also der, dass bei einer Prsentation die Mglichkeit besteht, schrittweise mit den Keyboardtasten durch eine Prsentation zu gehen, genau wie bei Powerpoint-Prsentationen.
360
Die Werkzeugleiste erlaubt Ihnen: Erzeugt einen neuen Prsentationsschritt, der alle ausgewhlten Objekte enthlt. Sie knnen schnell einen Schritt erstellen, indem Sie Objekte auf die Seite ziehen oder einfgen, alle auswhlen und auf diese Schaltflche klicken. Auch wenn sich die ausgewhlten Objekte bereits auf einem Schritt befinden, werden Sie durch diese Schaltflche auf einen neuen Schritt verschoben. Die ausgewhlten Objekte werden auf die MouseOff-Ebene verschoben, so dass sie nicht mehr Teil eines Prsentationsschrittes sind und als Hintergrundobjekte stndig sichtbar sind. Den aktuellen Prsentationsschritt duplizieren (vielleicht die schnellste Methode, einen neuen Schritt zu erzeugen) Der gesamte Schritt wird dupliziert, nicht nur die in ihm enthaltenen Objekte. Ersetzen Sie nun das kopierte Objekt durch neue Inhalte. Den aktuellen Prsentationsschritt lschen. Der gesamte Schritt, der das ausgewhlte Objekt enthlt, wird gelscht, inklusive aller anderen Objekte, die in diesem Schritt enthalten sind, auch wenn diese nicht ausgewhlt waren. Die Position des Schrittes, der das ausgewhlte Objekt enthlt, innerhalb der Reihenfolge der Schritte ndern. Wenn Sie, zum Beispiel, ein Objekt auf Schritt 2 auswhlen und dann in dieser Liste Schritt 1 auswhlen, wird Schritt 2 an die erste Stelle verschoben, und Schritt 1 wird daher zu Schritt 2. Zeigt den Reiter Web-bergang im Dialog Ebeneneigenschaften (auf Seite 392), wo Sie einen bergangseffekt fr den Prsentationsschritt einstellen knnen, der das aktuell ausgewhlte Objekt enthlt.
Website-Prsentationen.
Starten Sie mit einer leeren Prsentation (auf Seite 362), indem Sie alle bentigten Elemente, Text, Grafik und Fotos auf die Seite laden und dann die Inhalte in Prsentationsschritte und Seiten einsortieren. Wandeln Sie eine bestehende Website/Web-Dokument in eine Prsentation um (auf Seite 362).
361
Vorlagen anpassen
ffnen Sie die DESIGN-GALERIE , indem Sie auf den Reiter DESIGN-GALERIE -in der Galerieleiste klicken oder whlen Sie DATEI > NEU AUS DER DESIGN-GALERIE .
Suchen Sie den Ordner INTERAKTIVE PRSENTATIONEN und erweitern Sie ihn mit Doppelklick. Die Webthemen-Ordner in der Galerie enthalten eine Auswahl an Prsentations-Designs und dazu passenden Grafikdateien mit einem speziellen Thema. Schauen Sie sich die verschiedenen Themenordner an und wenn Sie ein Design finden, dass Ihnen gefllt, doppelklicken Sie auf das erste Vorschaubild, das Prsentation heit. Es wird ein neues Prsentationsdokument geffnet, mit mehreren Seiten, die jeweils eine Anzahl Prsentationsschritte enthalten. Seiten und Prsentationsschritte haben bereits eine Reihe von bergangseffekten. Klicken Sie WEBSITE EXPORTIEREN UND VORSCHAU , um alles in Aktion zu erleben.
Schlieen Sie die Vorschau. Passen Sie Text und Fotos wie bei normalen Websitedokumenten an.
362
Website-Prsentationen.
Ihre eigene Prsentation von Grund auf neu erstellen
Whlen Sie aus dem DATEI -Men NEU > 955 PIXEL PRSENTATION . Ein neues leeres Dokumentenfenster wird geffnet, im Reiter oben wird das Symbol fr Prsentationen angezeigt.
Wenn Sie dem leeren Dokument jetzt Inhalte hinzufgen, werden diese standardmig und sind daher sofort sichtbar, wenn die Seite geladen wird.in der MouseOff-Ebene platziert Um Schritte einzufgen, die einer nach dem anderen aufgedeckt werden knnen, whlen Sie Objekte aus und klicken auf die erste Schaltflche in der Prsentations-Werkzeugleiste, wodurch diese in einen neuen Prsentationsschritt verschoben werden.
Im Website-Dokument, klicken Sie rechts auf die Seite und whlen Sie EIGENSCHAFTEN um den Webeigenschaften-Dialog anzuzeigen. Klicken Sie im Reiter Website das Kstchen PRSENTATIONSWEBSITE an, um eine bestehende Website in eine Prsentation umzuwandeln. Im Reiter oben wird jetzt das Symbol fr Prsentationen angezeigt.
Anmerkung: Ebenen im Dokument werden nicht automatisch in Prsentationsschritte umgewandelt, wenn eine Website in eine Prsentation umgewandelt wird. Sie mssen jede Ebene manuell in einen Prsentationsschritt umwandeln - siehe Ebene in einen Prsentationsschritt umwandeln (auf Seite 364). Wenn Sie jedoch anders herum eine Prsentation in eine Website umwandeln, werden die Schritte in Ebenen umgewandelt und in Schritt 1 usw. umbenannt.
Prsentationsschritte bearbeiten
Fr das Verwalten der Prsentationsschritte knnen typischerweise: ein Objekt eines Schrittes mit rechts anklicken, PRSENTATION whlen und dann die gewnschte Aktion aus dem Untermen auswhlen die Schaltflchen der Prsentations-Werkzeugleiste (auf Seite 360) benutzen die SEITEN- & EBENEN-GALERIE benutzen
Website-Prsentationen.
Whlen Sie die Objekte aus und klicken Sie die Schaltflche NEUER in der Prsentations-Werkzeugleiste oder klicken Sie rechts und whlen PRSENTATION > ZU SCHRITT VERSCHIEBEN > NEUER SCHRITT .
PRSENTATIONSSCHRITT
363
Im Listenfeld der Prsentationswerkzeugleiste wird die Nummer des Prsentationsschrittes angezeigt. Wenn es bereits Schritte auf der Seite gibt, wird der neue Schritt der letzte Schritt mit der hchsten Nummer. Der voreingestellte bergangseffekt fr neue Schritte ist SOFORT . Das knnen Sie aber leicht ndern - siehe bergangseffekte anwenden. Wahlweise knnen Sie auch in der SEITEN- & EBENEN-GALERIE die Seite auswhlen, wo der Schritt hinzugefgt werden soll und NEUE EBENE klicken. Klicken Sie mit der rechten Maustaste auf die Ebene und whlen Sie EBENENEIGENSCHAFTEN. Aktivieren Sie die Option PRSENTATIONSEBENE im Reiter Web-bergang des Dialogs Ebeneneigenschaften. In diesem Reiter knnen Sie fr den Schritt auch gleich den bergangseffekt einstellen.
Klicken Sie ANWENDEN und die neue Ebene wird als Schritt angezeigt. Solange dieser Schritt der aktuell ausgewhlte ist, werden alle neuen Objekte automatisch diesem Schritt hinzugefgt.
364
Website-Prsentationen.
Stellen Sie sicher, dass MAGIX Web Designer 7 Premium den Schritt anzeigt, den Sie duplizieren wollen (klicken Sie auf ein Objekt des Schrittes - die Schrittnummer wird in der Schrittliste der Prsentations-Werkzeugleiste angezeigt Klicken Sie rechts und whlen Sie PRSENTATION > SCHRITT DUPLIZIEREN oder klicken Sie die Schaltflche SCHRITT DUPLIZIEREN auf der Werkzeugleiste Prsentation. Wahlweise knnen Sie den Schritt auch in der SEITEN- & EBENEN-GALERIE rechtsklicken und EBENE DUPLIZIEREN auswhlen. Web Designer Premium zeigt den Inhalt des duplizierten Schrittes und positioniert ihn so, dass das Muster vorheriger Schritte beibehalten wird. Zum Beispiel erhlt ein duplizierter Listeneintrag den gleichen Abstand wie bereits bestehende Listeneintrge. Whlen Sie jetzt den duplizierten Inhalt aus und bearbeiten ihn wie gewnscht. Im Listenfeld der Prsentationswerkzeugleiste wird die Nummer des neuen Prsentationsschrittes angezeigt. Der neue Schritt wird direkt hinter dem duplizierten Schritt eingefgt.
1. 2. 3. 4.
Klicken Sie rechts auf die Ebene in der SEITEN- & EBENEN-GALERIE und whlen EBENENEIGENSCHAFTEN oder klicken Sie auf die Schaltflche EIGENSCHAFTEN oben in der Galerie. Aktivieren Sie die Option PRSENTATIONSEBENE im Reiter Web-bergang des Dialogs Ebeneneigenschaften und klicken Sie BERNEHMEN . Der Ebenenname ndert sich zu Prsentationsschritt 1. Wiederholen Sie das fr alle Ebenen, die Sie in Prsentationsschritte umwandeln wollen. Der Prsentationsschritt behlt den bergangseffekt, der der Ebene zuordnet ist. Wenn Sie jetzt die Vorschau der Prsentation aufrufen, kann jeder Schritt durch Drcken der Pfeiltasten oder durch Links zum nchsten/vorherigen Schritt auf der Seite aufgerufen werden.
Website-Prsentationen.
Wahlweise knnen Sie die Objekte auch in der SEITEN- & EBENEN-GALERIE in den entsprechenden Prsentationsschritt verschieben oder sicherstellen, das die Prsentationsebene, der Sie Inhalte hinzufgen wollen, der aktuell ausgewhlte Schritt ist, bevor Sie neue Objekte hinzufgen oder erstellen. Jeder neue Inhalt wird immer auf der aktuellen Ebene eingefgt. Lesen Sie den Abschnitt Schritte und die SEITEN- & EBENEN-GALERIE (auf Seite 371) fr weitere Informationen. Hinweis: Falls Sie Objekte versehentlich in die falsche Ebene/Schritt platziert haben, knnen Sie sie einfach in den richtigen Schritt verschieben, siehe Objekte von einem Schritt in einen anderen verschieben (auf Seite 365).
365
366
Website-Prsentationen.
Schrittreihenfolge ndern
Die Reihenfolge, in der die Schritte sichtbar werden, entspricht der Reihenfolge, wie die Schritte in der SEITEN- & EBENEN-GALERIE angeordnet sind und der Schrittnummer. Sie knnen die Reihenfolge ndern, indem Sie entweder auf ein Objekt rechts klicken und PRSENTATION > SCHRITTNUMMER auswhlen und eine neue Schrittnummer festlegen oder die neue Schrittnummer im Listenfeld der Prsentations-Werkzeugleiste einstellen. Sie knnen auch die Schritte mit Drag & Drop in der SEITEN- & EBENEN-GALERIE in die richtige Reihenfolge bringen.
367
368
Website-Prsentationen.
Whlen Sie einen Effekt aus der Drop-Down-Liste BERGANGSEFFEKT aus und stellen Sie mit dem Schieberegler die GESCHWINDIGKEIT des Effekts ein (0-5 Sekunden) und klicken Sie BERNEHMEN .
Erweiterte Prsentations-Informationen
Fr das Verwalten der Prsentationsschritte knnen Sie die SEITEN- & EBENEN-GALERIE benutzen.
Website-Prsentationen.
Prsentations-Option im Ebeneneigenschaften-Dialog gesetzt ist. Wird diese Option aktiviert, wird der Name der Ebene in der SEITEN- & EBENEN-GALERIE durch den Namen Prsentationsschritt N ersetzt, wobei N die Nummer des Schrittes darstellt.
369
Sie knnen die Reihenfolge der Schritte umsortieren, indem Sie die ebenen in der Galerie umsortieren. Die Schrittnummer wird dabei automatisch angepasst Sie knnen auch Popup-Ebenen und Prsentationsebenen in einer Prsentation zusammen verwenden, aber dabei lassen sich natrlich nur die Prsentationsebenen mit den Pfeiltasten steuern. Sowohl Ebenen als auch Prsentationsschritte zu verwenden ist ntzlich, wenn Sie auch in den Prsentationen Popup-Ebenen verwenden wollen. Mit der Option PRSENTATIONSEBENE im Reiter Web-bergang des Dialogs Ebeneneigenschaften (auf Seite 392) knnen Sie Ebenen in Schritte umwandeln und umgekehrt.
370
Website-Prsentationen.
Wenn Sie einen neuen Schritt anlegen, ist diese Option automatisch angeschaltet. Wen Sie sie abschalten, wird der Schritt in eine normale Ebene umgewandelt und der Schritt aus der Prsentation entfernt, die Inhalte und auch die bergangseffekte dieser Ebene bleiben jedoch erhalten. Die umgewandelte Ebene wird jetzt jedoch nicht mehr durch Tasten oder die Verlinkungen zum nchsten/vorherigen Prsentationsschritt gesteuert.
Website-Prsentationen.
Anzeige des Schrittinhalts in der Seiten- & Ebenen-Galerie
Klicken Sie auf einen Schritt, um ihn auf zu klappen. Alle darin enthaltenen Objekte werden angezeigt.
371
Klappen Sie einen Schritt in der Seiten- & Ebenen-Galerie auf, um seinen Inhalt anzuzeigen.
372
Website-Prsentationen.
Gastgeber einer Prsentation sein
Wenn Sie eine Prsentation veranstalten wollen, brauchen Sie zunchst eine Anmeldung in der MAGIX Online Welt. Falls Sie nicht bereits eine haben, gehen Sie zu Startseite des Manager fr ferngesteuerte Prsentationen http://rdir.magix.net/?page=37MNGWRN5SVY und klicken Sie die Schaltflche MAGIX ONLINE WELT KONTO ERSTELLEN und folgen Sie den Anweisungen. Wenn Sie bereits ein Konto haben, melden Sie sich an. Gehen Sie zur Startseite des Manager fr ferngesteuerte Prsentationen, geben Sie Ihre E-Mail-Adresse und Ihr Passwort ein und klicken ANMELDEN. Unter PRSENTATION ERSTELLEN, geben Sie einen Titel fr Ihre Prsentation ein und die URL zur Internetseite, die Ihre Prsentation enthlt. Hinweis: Die angegebene URL muss wirklich auf eine Prsentation verweisen, und nicht auf eine normale Website, sonst funktioniert der Manager nicht. Schreiben Sie eine Willkommensbotschaft in das Feld NACHRICHT FR BETRACHTER . Diese Nachricht wird zu Beginn der Sitzung angezeigt, so sollte sie Datum und Uhrzeit der Sitzung enthalten und eine kurze Information ber den Inhalt der Sitzung Klicken Sie die Schaltflche PRSENTATION ERZEUGEN. Ihre Prsentation wird jetzt rechts aufgelistet. Das Passwort, welches die Teilnehmer eingeben mssen, wird unter CODE angezeigt. Kopieren Sie dieses und schicken Sie es an die Teilnehmer, zusammen mit der URL der Prsentation, diese lsst sich mit der Schaltflche URL KOPIEREN erzeugen. Sie knnen die URL auch sehen, wenn sie die Prsentation mit STARTEN aufrufen. Die URL wird oben links im Browserfenster angezeigt. Wenn die Zeit fr die Sitzung gekommen ist, klicken Sie die Schaltflche STARTEN neben Ihrer Prsentation. Wenn sich die anderen Teilnehmer anmelden, indem sie auf den Link klicken und das bermittelte Passwort eingeben, werden ihre Namen oben links im Fenster in einer Liste angezeigt. Sie knnen nun durch die Prsentation gehen, indem Sie die linke und rechte Pfeiltaste drcken oder Schaltflchen fr den nchsten/vorherigen Schritt in Ihrer Prsentation anklicken. Diese Schaltflchen sind fr die Zuschauer aber deaktiviert, so dass nur Sie bestimmen, wann der nchste Schritt oder die nchste Seite angezeigt werden soll. Die Prsentation wird synchronisiert, so dass alle Teilnehmer den selben aktuellen Schritt bzw. Seite sehen, unabhngig davon, zu welchem Zeitpunkt der Prsentation sie hinzukommen.
Website Widgets
373
Website Widgets
Dieses Kapitel erklrt, wie Sie dynamische Inhalte zu Ihrer Website hinzufgen, wie Videos, Animationen, Formulare oder andere der unzhligen Gadgets, die es im Netz gibt, wie Zugriffszhler oder Whrungsrechner. Wir bezeichnen diese mit dem allgemeinen Ausdruck Website-Widgets oder kurz Widgets.
374
Website Widgets
Der Platzhalter ist normalerweise ein Bild, das das Widgets in statischem Zustand zeigt, kann aber auch nur ein einfaches Rechteck oder ein beliebiges anderes Objekt sein. Der Platzhalter sollte dieselben Abmessungen haben wie das Widget, damit Sie es im Hinblick auf die anderen Seitenelemente richtig platzieren knnen. Die Platzhalter-Bilder werden normalerweise von MAGIX Web Designer 7 Premium automatisch erzeugt werden.
Widget-Typen
Es gibt drei Typen von Widgets, die sich in der Art und Weise unterscheiden, wie sie in MAGIX Web Designer 7 Premium angepasst und konfiguriert werden. Hier folg eine Kurzbeschreibung, mehr Details zu den einzelnen Typen gibt es weiter unten in diesem Kapitel. Alle drei Typen haben gemeinsam, dass sie per Doppelklick auf das Platzhalterbild konfiguriert werden.
Website Widgets
Um ein Widget hinzu zu fgen, ziehen Sie es einfach aus der Galerie auf Ihre Seite. Was nun passiert, hngt vom Typ des Widgets ab. Ist es ein Widget mit Webkonfiguration, ffnet sich ein Browserfenster, in welchem Sie das Widget auf der Website des Anbieters konfigurieren knnen. Ist es ein Widget mit lokaler Konfiguration, wird ein Platzhalter eingefgt. Ein Doppelklick auf den Platzhalter ffnet dann ein neues Dokument in Web Designer Premium, in dem Sie das Widget anpassen knnen.
375
Das Browserfenster ffnet sich mit der Website des Widget-Anbieters. Hier finden Sie gegebenenfalls mehr Informationen ber das Widget, knnen Daten angeben, die das Widget zum Funktionieren bentigt und knnen in den meisten Fllen sein ueres anpassen. blicherweise zeigt die Webseite auch eine Vorschau des fertigen Widgets inklusive aller Ihrer Anpassungen.
Einfgen
HILFE
am unteren Rand des Fensters gibt Hinweise speziell fr diese Widget-Seite. Bei den meisten Widgets mssen Sie an den Punkt gelangen, wo Ihnen die Website HTML-Code anbietet, den Sie auf Ihrer Seite einfgen mssen. Sobald dieser angezeigt wird, knnen Sie unten auf Einfgen klicken. MAGIX Web Designer 7 Premium findet den HTML-Code und fgt ihn auf Ihrer Seite ein.
376
Website Widgets
Bei einigen Widgets schafft es MAGIX Web Designer 7 Premium nicht, den HTML-Code selbst aufzufinden, in diesem Fall kopieren Sie den Code manuell. Whlen Sie den Code im Browserfenster aus und drcken Sie Strg+C. Viele Widgets bieten dafr auch eine eigene Schaltflche an. Nachdem der Code kopiert wurde, klicken Sie auf EINFGEN.
Automatische Platzhaltererstellung
Nach dem erfolgreichen Einfgen des Widget-Code errechnet MAGIX Web Designer 7 Premium ein Platzhalter-Bild, dieses taucht nach ein paar Sekunden auf Ihrer Seite auf. Bei den meisten Widgets hat es genau die Abmessungen des Widgets. Positionieren Sie es mit dem AUSWAHL-WERKZEUG frei auf der Seite. Mit der Webseiten-Vorschau knnen Sie nun Ihr Widget in Aktion erleben!
Website Widgets
ndern Sie auf allen entsprechenden Seiten Text und Fotos. Einige Objekte knnen gesperrt sein (es passiert nichts, wenn man darauf klickt), das zeigt an, dass sich diese Eigenschaft des Widgets nicht ndern lsst oder sie muss ber andere, nicht gesperrte Objekte auf anderen Seiten gendert werden. Diese gesperrten Objekte dienen nur als visuelle Hilfestellung.
377
Inhalte hinzufgen
Bei einigen Widget knnen Inhalte hinzugefgt werden, indem die angezeigten Seiten dupliziert werden (Rechtsklick auf die Seite und AKTUELLE SEITE DUPLIZIEREN auswhlen). Einem Fotoshow-Widget knnen Sie auf diese Weise weitere Fotos hinzufgen. ndern Sie nach dem Duplizieren der Seite Text und Fotos wie gewnscht. Die Beschreibung gibt an, ob Inhalte hinzugefgt werden knnen oder nicht. Wenn Sie nderungen vornehmen, von denen die Anleitung angibt, dass sie nicht mglich sind, werden diese nderungen normalerweise ignoriert. Es knnte aber passieren, das ein Widgets nach solchen nderungen nicht mehr funktioniert, daher empfehlen wir, nur die ausdrcklich empfohlenen nderungen vorzunehmen.
Grennderung
Widgets mit lokaler Konfiguration sind im Allgemeinen nicht in der Gre vernderbar, ndern Sie daher die Gre des Platzhalters auf der Seite nicht, und auch nicht die Seitengre des Bearbeitungsdokuments.
nderungen speichern
Wenn Sie mit den Anpassungen fertig sind, schlieen Sie das Dokument, Sie werden gefragt, ob Sie das Dokument speichern wollen. Sie knnen auch Strg + S zum Speichern drcken. Das Bearbeitungsdokument wird geschlossen und Sie gelangen wieder in Ihr Webdesign zurck. Das Platzhalterobjekt Ihres Widgets sollte sich aktualisieren und die nderungen der ersten Seite des Bearbeitungsdokuments widerspiegeln. Benutzen Sie die Webvorschau, um Ihre nderungen am fertigen Widget in Aktion zu sehen.
378
Website Widgets
MP4 und FLV Videodateien
Wenn Sie eine MP4- oder FLV-Datei importieren, untersucht MAGIX Web Designer 7 Premium die Datei und erkennt so das Bildseitenverhltnis und andere Eigenschaften des Videos. Es kopiert dann die Videodatei sowie einige andere Dateien fr einen Flash-Videoplayer in das Hilfsverzeichnis. Ein Platzhalter-Bild mit stilisiertem Mediaplayer wird auf der Seite eingefgt. Mit dem Auswahlwerkzeug verschieben Sie den Platzhalter an die richtig Stelle und passen die Gre an. ffnen Sie die Vorschau. Klicken Sie am Video-Player auf abspielen, um das Video zu starten (Flash muss installiert sein). Das war es schon! Der Video-Player enthlt einfache Steuerelemente fr die Lautstrke, starten und stoppen des Videos und zum Springen innerhalb des Videos.
Weitere Film-Formate
Weitere Formate werden von MAGIX Web Designer 7 Premium nicht untersttzt. Auf dieser Seite http://rdir.magix.net/?page=H1Q9XX0777AR der MAGIX Website finden Sie aber Informationen, wie Sie Filme schnell in ein kompatibles Format umwandeln.
Flash-Dateien
Um Flash-Animationen in Ihre Seite einzubetten, importieren Sie eine Flash-datei (*.swf). Eine Kopie der Flash-Datei wird in das Hilfsverzeichnis Ihres Designs kopiert, damit es zusammen mit Ihrer Site exportiert und publiziert wird. Und es wird ein Platzhalter-Bild erzeugt und auf der Seite eingefgt. Flash-Animationen lassen sich skalieren, benutzen Sie einfach das AUSWAHL-WERKZEUG , um den Platzhalter auf die bentigte Gre zu skalieren und die Animation auf der Seite zu verschieben. Wenn Sie die Vorschau einschalten, sehen Sie eine funktionierende Flash-Animation auf der Seite. Flash muss natrlich installiert sein.
Animierte GIFs
Animierte GIFs werden genau wie Flash-Dateien hinzugefgt. Importieren Sie die GIF-Datei oder ziehen Sie sie auf die Seite. Sie wird ins Hilfsverzeichnis kopiert, es wird ein Platzhalter-Bild erzeugt und auf der Seite eingefgt. Mit dem Auswahlwerkzeug verschieben Sie den Platzhalter an die richtig Stelle und passen die Gre an. ffnen Sie die Vorschau!
PDF-Dateien
PDF-Dateien lassen sich auf zwei verschieden Weisen in das Webdesign integrieren. Entweder sie wird importiert, so dass der Inhalt der PDF-Datei auf der Seite eingefgt wird (wie bei Foto-Dateien). Oder Sie verlinken auf eine Kopie der Datei auf der Website, die zusammen mit der Website publiziert wird. Wenn Sie also eine PDF-Datei importieren, werden Ihnen diese beiden Optionen angeboten.
Website Widgets
Wird Hinzufgen als Link gewhlt, wird eine Kopie der PDF-Datei in das Hilfsverzeichnis Ihres Designs kopiert und zusammen mit Ihrer Site exportiert und publiziert. Ein Link wird auf der Seite hinzugefgt, der auf der Seite so aussieht:
379
Wird der Link auf der exportierten Seite angeklickt, wird normalerweise das PDF geffnet, aber das genaue Verhalten hngt von den konkreten Browsereinstellungen ab.
Widgets skalieren
Sie knnen die PLatzhalter-Bilder fr Flash, MP4/FLV-Videos und animierte GIFs skalieren und damit deren Gre auf der exportierten Seite anpassen, da sich diese Inhalte skalieren lassen. Aber die meisten anderen Widgets untersttzen das nicht und werden immer in der gleichen Gre angelegt. Bei diesen Widgets bestimmt die Gre des Platzhalterobjekts eher die Grenzen des Bereichs, in dem das Widget dargestellt wird, wenn Sie also den Platzhalter zu klein fr das Widget machen, wird er auf der Webseite beschnitten dargestellt. Das Platzhalter-Bild wird
380
Website Widgets
nach jedem Skalieren neu gezeichnet und stellt so auch jeden resultierenden Beschnitt dar, wie in diesem Beispiel zu sehen.
Platzhalter in Standard-Gre
Verkleinerter Platzhalter
Hier sehen sie die PayPal-Schaltflche BuyNow, mit deren Hilfe Sie ber Ihre Website Waren anbieten und verkaufen knnten. Dies ist eins der in der Design-Galerie angebotenen Widgets. Genauso erzeugt das Vergrern des Platzhalters fr solche Widgets einen Leerraum um das Widget herum, auf der Web-Seite und um das Platzhalter-Bild. Fr Widgets wie dieses, die sich nicht skalieren lassen, ist es besser , bei der Standardgre zu bleiben. Einige Widgets knnen durch das Skalieren des Platzhalters aber auch verbessert werden, auch wenn das Widget selbst nicht skalierbar ist. Manche Widget enthalten falsche Grenangaben und erscheinen auf der Seite viel grer, als notwendig wre, wobei unntige leere Bereiche auf der Seite entstehen. Sie knnen mit den Platzhaltern solcher Widgets ruhig etwas herumexperimentieren und die Widgets dadurch kleiner machen, ohne essentielle Bestandteile des Widgets zu verlieren. Dieses Formular-Widget zum Beispiel wird viel zu breit und zu hoch eingefgt und so rechts und unten sehr viel Platz verschwendet. Wird es verkleinert, wird die Gre des eigentlichen Formulars nicht verndert, aber es wird an den Rndern beschnitten. Das Ergebnis ist ein viel hbscherer Formular-Platzhalter, der viel weniger Platz auf der Seite beansprucht.
Platzhalter in Standard-Gre
381
Der Link rechts oben ffnet ein Fenster, das den HTML-Code fr diese Karte zeigt.
Wenn Sie die Anpassen Option anklicken, knnen Sie die Kartengre verndern und verschiedene andere Optionen einstellen. In MAGIX Web Designer 7 Premium wechseln Sie jetzt zum AUSWAHL-WERKZEUG. Fgen Sie den Code mit Strg + V ins Programm ein. Es wird als HTML-Code erkannt und es wird automatisch ein Platzhalter-Bild erzeugt, mit dem zugehrige Code. Das Bild erscheint auf
382
Website Widgets
Ihrer Seite. Schieben Sie es jetzt an die gewnschte Position und aktivieren Sie die Seitenvorschau. Sie sollten eine funktionierende Google Map sehen.
Flash-Datei einfgen
Flash-Dateien (mit der .swf Dateiendung) knnen auf dieselbe Weise eingebaut werden. Benutzen Sie DATEI -> IMPORTIEREN um Ihre Flash-Datei zu importieren. Oder ziehen Sie die Datei aus dem Explorer auf Ihre Seite. Es wird ein Platzhalter-Bild erzeugt und auf der Seite eingefgt. Wenn Sie die Vorschau einschalten, sehen Sie eine funktionierende Flash-Animation. Es gibt jedoch einen wichtigen Unterschied bei Flash-Platzhaltern - Sie knnen den Platzhalter in der Gre anpassen und das Flash wird automatisch auf diese Gre skaliert. Zudem knnen Sie transparente und halb-transparente Flash-Animationen auf Ihrer Seite haben. Die meisten anderen Widgets haben eine feste Gre und erscheinen immer in der gegebenen Gre auf der Website, unabhngig von der Gre des Platzhalters. Wenn Sie eine Flash-Datei auf diese Weise mit einem Platzhalter verknpfen, wird die Flash-Datei im _Dateien-Ordner neben dem Web-Dokument gespeichert. Wenn Sie die HTML-Datei bewegen oder kopieren, sollten Sie auch den _Dateien-Ordner kopieren, um sicher zu gehen, dass die Flash-Dateien mit kopiert werden.
Mehr Informationen
Siehe die Website xara.com/widgets http://www.xara.com/widgets (in Englisch) fr noch mehr Informationen zu Widgets. Und behalten Sie auch die Design-Galerie im Auge, die regelmig mit neuen Widgets versorgt wird.
383
In der SEITEN- & EBENEN-GALERIE sehen Sie alles in Ihrem Dokument Seiten, Ebenen und einzelne Elemente der Seite. Sie knnen dort Elemente auswhlen, verbergen, sperren und neu anordnen. Sie zeigt viele verschiedene Stufen an. Ganz oben sehen Sie nur die SEITEN , die Sie schnell neu anordnen (durch Ziehen), umbenennen, kopieren und lschen knnen. In der Stufe darunter sehen Sie die EBENEN und PRSENTATIONSSCHRITTE einer Seite deren Reihenfolge knnen Sie auch ndern und zustzlich umbenennen (nur Ebenen), sperren oder verbergen. Die Stufe darunter zeigt Ihnen die Hierarchie der OBJEKTE einer Seite. Sie sehen also z. B. die Gruppen und knnen diese ausklappen, um zu sehen, welche Elemente diese enthalten (z. B. auch weitere Gruppen). Sie kennen dieses System sicher aus der Ordner-Verwaltung des Windows Explorers. Die Hierarchie der Elemente ist folgendermaen: Seiten Ebenen/Schritte Seiten-Elemente, auch Gruppen Gruppen-Inhalt ...usw.
384
385
Die SEITEN- & EBENEN-GALERIE eines fnfseitigen Web-Dokuments, mit zusammengeklappten Seiten. Seite 4 (News) ist ausgewhlt.
386
Ebenen-Modus die Seite News wurde ausgeklappt, indem auf den Pfeil nach rechts geklickt wird. Es werden alle Ebenen der Seite angezeigt. Die unterste Ebene Seiten-Hintergrund wurde gesperrt. Die aktuelle Ebene ist die MouseOff-Ebene. Auf dieser erscheinen alle neuen Objekte. Die 5 oberen Ebenen sind verborgen (geschlossenes Auge), man sieht also nur die MouseOff- und die Hintergrund-Ebene.
387
Hier sehen Sie, wie die MouseOff-Ebene ausgeklappt wurde und der Inhalt der Ebene angezeigt wird. Man sieht eine Navigationsleisten-Gruppe, verschiedene andere Gruppen, Textspalten-Elemente und ein paar Schatten-Gruppen. Wenn Sie mit der Maus ber ein Vorschaubild fahren, wird eine grere Version des Elements angezeigt. Ganz rechts stellen Sie ein, ob die Elemente bearbeitet (weier Pfeil) werden knnen oder gesperrt (Schloss) sind und ob man die Elemente auf der Seite sieht (helles geffnetes Auge) oder nicht (dunkleres geschlossenes Auge). Wenn Sie auf diese Symbole klicken, ndert sich der Sichtbar- oder Bearbeitbar-Zustand des Objekts.
388
und LSCHEN machen das, was man dahinter vermutet. Sie mssen zunchst eine Seite (per Klick) auswhlen, damit sie auf Seiten angewendet werden knnen. (Wenn Sie stattdessen eine Ebene auswhlen, wird die Aktion fr Ebenen ausgefhrt.)
Sie knnen auch auf eine Seite rechtsklicken und NEUE SEITE , AKTUELLE SEITE KOPIEREN und AKTUELLE SEITE LSCHEN auswhlen.
NEUE SEITE
erzeugt eine neue leere Seite mit derselben Gre wie die aktuell ausgewhlte.
Sie knnen die Seite aufklappen (ffnen), um den Inhalt anzuzeigen, indem Sie auf den kleinen Pfeil klicken oder auf das Vorschaubild doppelklicken. Wenn Sie das erneut machen, wird die Seite wieder zugeklappt (geschlossen).
Ebenen
Was sind Ebenen? Stellen Sie sich vor, Sie legen nach und nach Bltter auf Ihren Schreibtisch, genau so wird auch jedes neue Element in Ihrem Dokument auf alle anderen gelegt. Natrlich knnen Sie jedes Element auswhlen und bewegen, in komplexeren Dokumenten mit hunderten (oder sogar tausenden) von Elementen, wird die bersicht sehr schwierig. Elemente werden z. B. von anderen verdeckt.
389
Aktuelle Ebene
Neue Objekte werden automatisch in der aktiven, oder aktuellen Ebene erstellt. Normalerweise heit diese Ebene in einem leeren Dokument Ebene 1 bzw. - in Web-Dokumenten - MouseOff. Die aktuelle Ebene wird mit einem Auswahl-Pfeil angezeigt. . Wichtig: Alle neu erstellten Elemente, Formen, Fotos, Text und alle eingefgten Elemente werden auf der aktuellen Ebene eingefgt, die durch das Symbol gekennzeichnet ist. Die aktuelle Ebene whlen Sie aus, indem Sie auf die entsprechende Reihe in der SEITEN- & EBENEN-GALERIE klicken. Sie knnen auch Objekte auf einer oder mehreren Ebenen auswhlen, die nicht die aktuelle Ebene sind. Die durch den Pfeil gekennzeichnete aktuelle Ebene zeigt nur an, wo neue Elemente eingefgt werden.
390
Die SEITEN- & EBENEN-GALERIE im Beispiel zeigt als aktuelle Ebene die MouseOver-Ebene (auf der aktuellen Seite News). Neu gezeichnete Objekte werden also auf der MouseOver-Ebene platziert. Man sieht auch, dass eine Schatten-Gruppe im Dokument ausgewhlt ist (blau hervorgehoben). Diese befindet sich innerhalb einer anderen Gruppe, die auf einer anderen Ebene mit dem Namen Prsentationsschritt4 liegt. Die MouseOver-Ebene ist verborgen. Die Ebenen Page background und Pasteboard background (Seitenhintergrund und Arbeitsbereichs-Hintergrund) wurden gesperrt.
Aktuelle Ebene immer sichtbar machen Die aktuelle Ebene kann auch verborgen oder gesperrt sein. Nur weil man auf eine Ebene klickt und sie damit zur aktuellen Ebene macht, ndert sich nicht, dass sie unsichtbar oder
391
Ebenen-Aktionen
Wenn Sie auf EBENEN in der Seiten- & Ebenen-Galerie klicken, werden nur die Ebenen der aktuellen Seite angezeigt. Dies ist ein Modus - die Ebenen- Schaltflche bleibt gedrckt. Wenn Sie im Ebenen-Modus durch die Seiten gehen, werden immer die Ebenen der aktuellen Seite angezeigt und die Knoten aller anderen Seiten zugeklappt. Zum Abstellen dieses Modus klicken Sie noch einmal auf EBENEN . Sie knnen die Reihenfolge der Ebenen einfach per Drag & Drop in der Seiten- & Ebenen-Galerie ndern. Klicken Sie ein zweites Mal (langsam) auf den Ebenennamen, um diesen zu ndern. (Beim ersten Klick wird die Ebene ausgewhlt.) Das Umbenennen funktioniert genau so wie im Windows Explorer. Wenn Sie den Mauszeiger ber eines der Symbole fr Ebenen halten ( Vorschau des Ebenen-Inhalts angezeigt. ), wird eine
LSCHEN
Bei ausgewhlter Ebene (klicken Sie darauf), machen die Optionen NEU , DUPLIZIEREN und in der Seiten- & Ebenen-Galerie das, was man von Ihnen erwartet. NEU erstellt eine neue leere Ebene ber allen anderen Ebenen. Sie knnen die Ebene anschlieend an die gewnschte Position verschieben. kopiert die aktuelle Ebene und Ihren Inhalt und fgt sie ber allen anderen
DUPLIZIEREN
Ebenen ein.
392
Hilfslinien verwenden
Im Reiter Hilfslinien knnen Sie durch Eingabe prziser numerischer Werte Hilfslinien erstellen und eine Farbe fr Hilfsobjekte auswhlen. Weitere Informationen zur Verwendung von Hilfslinien finden Sie im Abschnitt HILFSOBJEKTE & HILFSLINIEN im Kapitel Arbeiten mit Objekten (auf Seite 133).
393
In diesem Reiter knnen Sie animierte bergangseffekte fr eine Ebene auswhlen, wenn sie als Popup-Ebene auf einer Webseite verwendet wird oder eine Prsentationsebene ist. Die Ebene wird dann mit dem bergangseffekt auf der exportierten Webseite angezeigt. Mit dem Schieberegler knnen Sie die bergangsdauer zwischen 0 und 5 Sekunden einstellen. Folgende bergangseffekte knnen fr eine Ebene ausgewhlt werden: Sofort (Standard) Hereingleiten von Neue Seiten-, Ebenen- oder Schrittinhalte erscheinen direkt Neue Seiten-, Ebenen- oder Schrittinhalte gleiten aus verschiedenen Richtungen herein
In Prsentationen knnen Sie eine Ebene als Prsentationsebene einstellen, indem Sie ein Hkchen bei PRSENTATIONSEBENE setzen. Siehe Website-Prsentationen (auf Seite 359). Hinweis: Wenn die Option PRSENTATIONSEBENE abgewhlt wird, wird der Schritt aus der Prsentation entfernt. Standard ist, dass die Objekte bei angewendetem bergang nur bis zum Rand der Webseite herein-/hinausgleiten. Wenn die Objekte am Rand des Browserfensters und nicht der Webseite starten sollen, whlen Sie AUF SEITENRAND BESCHNEIDEN im Reiter Website (auf Seite 272) des Web-Einstellungen-Dialogs ab.
394
Es gibt einige besondere Arten von Ebenen. Man findet sie in der SEITEN- & und kann sie wie gewohnt an- und ausschalten. Sie verhalten sich jedoch etwas anders.
HINTERGRUND-EBENEN werden nicht gedruckt und erscheinen unter allen anderen Ebenen. Wenn Sie dem Seitenhintergrund eine andere Farbe geben (Farbe aus der Farbleiste auf die Seite ziehen), so wird automatisch eine SEITEN-HINTERGRUND-Ebene (page background) angelegt. Diese ist normalerweise gesperrt.
Auerdem knnen Sie die Farbe des Arbeitsbereichs (Bereich neben der Seite) durch Ziehen einer Farbe aus der Farbleiste auf den Arbeitsbereich ndern. So entsteht automatisch eine Ebene ARBEITSBEREICH-HINTERGRUND . Diese Ebene ist ebenfalls gesperrt. Beim Speichern einer Website, werden die Hintergrund-Ebenen automatisch zum Hintergrund der Webseite. Siehe Kapitel Erste Schritte (auf Seite 22) fr weitere Informationen zu Webseiten-Hintergrnden und Hintergrund-Ebenen. Auf der HILFSEBENE befinden sich Hilfslinien und Hilfsobjekte. Sobald eine Hilfslinie angelegt wird, wird auch eine Hilfsebene erstellt. Wenn Sie die Hilfsebene auswhlen, knnen Sie dort jedes beliebige Objekt platzieren, das sich an Hilfslinien ausrichtet (wenn die Option An Hilfslinien ausrichten ausgewhlt ist). Fr weitere Informationen lesen Sie den Abschnitt Hilfsobjekte und Hilfslinien im Kapitel Arbeiten mit Objekten.
Ebenen verbergen
Die zwei rechten Spalten Symbole in der Seiten- & Ebenen-Galerie stellen die Sichtbarkeit und Bearbeitbarkeit der Ebenen ein. Wenn Sie auf das offene Auge klicken Symbol zu einem geschlossenen Auge sichtbar. , wird die Ebene auf der Seite verborgen und das . Nochmaliges Klicken macht die Ebene wieder
Sobald ein Element verborgen wird, wird es unsichtbar und kann nicht mehr ausgewhlt werden. Um es wieder sichtbar zu machen, mssen Sie auf das geschlossene Auge . Sie knnen auch auf die Schaltflche MEHR... klicken und ALLE ANZEIGEN klicken auswhlen. So werden alle Elemente auf der Seite sichtbar.
Solo-Modus
Klicken Sie auf eins der -Symbole in der Spalte gleich neben den Ebenen, wird diese Ebene Solo angezeigt, das heit alles andere auer dieser Ebene wird verborgen. Sie
395
-Symbolen ziehen,
Um den Solo-Modus zu verlassen, klicken Sie entweder noch einmal auf das oder auf das etwas grere -Symbol oben in der Galerie.
-Symbol
Auf hnliche Weise knnen Sie den Solo-Modus mit einzelnen Objekten oder Gruppen auf jeder Ebene der Objekthierarchie in der Galerie verwenden. Klicken Sie auf das -Symbol neben einem Objekt, um alle anderen Objekte zu verbergen. So bleibt nur das eine Objekt brig und Sie knnen es einfach bearbeiten. Sie knnen auch mit gehaltener Maustaste die Spalte mit den S-Symbolen hoch- und runterfahren, um schnell durch die Objekte zu schalten und das gesuchte Objekt zu finden. Sobald Sie im Solo-Modus ein neues Objekt zeichnen, wird dieser beendet.
Ebenen sperren
Ein Klick auf das Vorhngeschloss-Symbol am rechten Rand der Galerie sperrt eine Ebene (Das Symbol wird zu einem geschlossenen Vorhngeschloss ). Sie knnen nun Objekte auf dieser Ebene nicht mehr auswhlen. Jeder Klick auf ein gesperrtes Element geht durch dieses hindurch, so als sei es nicht da, es wird ein darunter liegendes Element ausgewhlt. Wenn Sie erneut auf das Schloss klicken, wird die Ebene wieder entsperrt. Sie knnen auch auf die Schaltflche MEHR... klicken und ALLE ENTSPERREN auswhlen. Weiche Gruppen Es gibt eine Ausnahme bei gesperrten Objekten. Ist ein gesperrtes Element (oder Element einer gesperrten Ebene) Teil einer weichen Gruppe (auf Seite 136), ist dieses Element auch betroffen, wenn die weichen Gruppe ausgewhlt und bearbeitet wird (das ist bei weichen Gruppen ein gewnschtes Verhalten).
Mit diesen beiden Symbolen in der Seiten- & Ebenen-Galerie knnen Sie schnell alle Elemente anzeigen oder entsperren lassen. Sie berschreiben vorbergehend die individuellen Einstellungen der Objekte und Ebenen. Wenn Sie erneut auf diese Symbole klicken, wird der alte Zustand wiederhergestellt. So kann man schnell alle Elemente anzeigen und bearbeitbar machen, Bearbeitungen durchfhren und dann in den Ursprungs-Zustand zurck. Wenn Sie diese Schaltflchen drcken, ist es nicht mglich, den Zustand einzelner Elemente zu ndern. Wenn Sie dies mchten, mssen Sie also zunchst die Auswahl dieser Schaltflchen aufheben.
396
Flash-Animationen
397
Flash-Animationen
Einfhrung
MAGIX Web Designer 7 Premium bietet einen traditionellen Ansatz zur Flash-Animation. Sie erstellen die Schlsselbilder (oder Snapshots) Ihrer Animation und MAGIX Web Designer 7 Premium erstellt automatisch alle Zwischenbilder fr Sie. Hinweis: MAGIX Web Designer 7 Premium verfgt nicht ber Zeitleisten.
Abb.: Beim nchsten Hauptbild wurde die Sternform verschoben, gedreht, verkleinert und in einer anderen Farbe eingefrbt.
Abb.: MAGIX Web Designer 7 Premium erstellt eine gleichmig ablaufende Flash-Animationsdatei, wobei die Zwischensequenzen automatisch erstellt werden. Dieser Prozess wird traditionell als Tweening bezeichnet.
398
Flash-Animationen
Es untersttzt jedoch viele Effekte, u. a. die einfache Transparenz. Wenn Sie z. B. einen Stern im oben abgebildeten zweiten Frame auf 100 % Transparenz einstellen, erhalten Sie eine Animation, bei der der Stern sich bewegt, die Gre reduziert wird und dieser dann ausgeblendet wird.
Abb.: Dasselbe Beispiel, jedoch mit Zwischenframes und ebenfalls bei Einsatz einer Transparenz.
Wie MAGIX Web Designer 7 Premium basiert Flash auf Vektorgrafiken, was bedeutet, dass Sie Objekte verlustfrei vergrern knnen. Weiterhin knnen Flash-Dateien sehr stark komprimiert sein, was fr das Herunterladen von Webseiten ideal ist. Um zu verdeutlichen, wie klein und kompakt MAGIX Web Designer 7 Premium-Flashanimationen sein knnen, wurde im o. g. Beispiel mehr als eine Sekunde mit 24 Frames animiert (damit der Film mit ruckelfreien 24 Frames/Sek. abspielt) - heraus kam eine Flash-Datei mit nur 700 Byte Gre.
1. 2. 3. 4. 5. 6.
Bewegen: Sie knnen Objekte von einer Stelle zur anderen bewegen. Skalieren: Objekte lassen sich vergrern oder verkleinern. Stauchen oder Neigen: Objekte knnen gestaucht oder geneigt werden. Drehen: Drehen von Objekten. Transparenz: Die gesamte (gleichmige) Transparenz des Objektes kann gendert werden. Farbnderung: Die (gleichmige) Fllfarbe von Objekten kann gendert werden..
Letzteres gilt auch fr eingefrbte Fotos. Sie knnen zwar kein normales Vollfarben-Foto in ein eingefrbtes transformieren, aber Sie knnen ein eingefrbtes Foto mit einer anderen Farbe frben. Hinweis: Obige sechs Kerntransformationen sind absolut notwendig fr alle Flashanimationen. Wenn Sie Beispiele von Flashanimationen im Internet betrachten, werden Sie feststellen, dass fast alle nur aus diesen Effekten bestehen. Objekte werden ein- und ausgeblendet und flitzen ber den Bildschirm. Manchmal drehen sie sich oder die Gre wird verndert. Dies kann mit den Animationen in MAGIX Web Designer 7 Premium sehr einfach dargestellt werden.
Flash-Animationen
Nicht mglich ist allerdings die Vernderung der Form eines Objektes zwischen den Keyframes.
399
Grundstzliches zu Flash
Flash-Animationen knnen neben animierten Objekten auch unanimierte, statische Objekte beinhalten, bei denen zwischen den Keyframes kein Tweening stattfinden soll. Um MAGIX Web Designer 7 Premium zu vermitteln, welche Objekte zu animieren sind und welche nicht, muss jedes Objekt einen individuellen Namen erhalten. Dies erfolgt mit der Schaltflche NEUE NAMEN ERSTELLEN auf der Infoleiste des AUSWAHL-WERKZEUGS . Hinweis: Weitere Information zum Benennen von Objekten finden Sie unter Objekte benennen im Kapitel Arbeiten mit Dokumenten (auf Seite 142). Folgendes wre ein typischer Prozess beim Erstellen einer neuen Animation von Grund auf:
1.
Zeichnen Sie Ihren ersten Frame. Benennen Sie die Objekte, die Sie animieren mchten.
400
Flash-Animationen
2. 3. 4. 5.
Erstellen Sie einen neuen Hauptframe (erfolgt in der Regel durch Kopieren des frheren Frames). Verschieben und transformieren Sie die Objekte nach Belieben. Betrachten Sie die Vorschau der Ergebnisse. Wiederholen Sie die Schritte 2 bis 4.
Im weiteren Verlauf dieses Kapitels werden die einzelnen Schritte noch genauer besprochen.
Abb.: Die Schaltflche Frame kopieren auf der Animationsleiste.
MAGIX Web Designer 7 Premium bietet ein einfaches Verfahren, um neue Schlsselbilder (Keyframes) als Kopie des vorherigen Frames zu erstellen. Die FRAME-GALERIE bietet eine Liste mit allen bisher angelegten Keyframes. Sie knnen die Reihenfolge und Anzeigedauer verndern. Die FRAME-GALERIE wird in diesem Kapitel spter genauer beschrieben. Wenn Sie sich bereits mit der Funktionalitt animierter GIF-Dateien beschftigt haben, wird Ihnen der gesamte Prozess sehr bekannt vorkommen. Anmerkung: Objekte, die von einem Frame zum nchsten animiert werden sollen, bentigen einen Namen. Alle anderen Objekte bleiben fr die Anzeigedauer des Frames sichtbar, aber statisch. Um ein Objekt aus einer Animation zu lschen, lschen Sie es einfach aus dem Keyframe, ab dem es nicht mehr erscheinen soll.
Flash-Animationen
1. 2. 3.
Zeichnen Sie eine Form, z. B. ein abgerundetes Rechteck mit dem Rechteck-Werkzeug (oder jede andere Form). Whlen Sie NAMEN ZUWEISEN in der Infoleiste des AUSWAHL -Werkzeugs und nennen Sie es Form. Klicken Sie die Schaltflche Frame kopieren, um den zweiten Keyframe zu erstellen. Verwandeln Sie die Form je nach Bedarf. Dies knnen Sie auf eine der sechs weiter vorne beschriebenen Animations-Typen machen. Drcken Sie auf FLASH-VORSCHAU, um die Animation zu betrachten.
401
4.
Die Anzeigedauer fr jeden Keyframe betrgt eine halbe Sekunde. Siehe Movie Frame Rate und Tween Steps in diesem Kapitel, um zu erfahren wie eine lngere Animation erstellt wird. Sie knnen auch mehr als ein sich bewegendes Objekt pro Keyframe haben. Solange diese in irgendeiner Form zwischen den Keyframes verndert werden und einen Namen tragen, werden Sie animiert. Hier ist ein weiteres Beispiel.
Im ersten Keyframe sehen Sie einen Text und eine einfache Form in einem statischen Rechteck.
402
Flash-Animationen
Im nchsten Keyframe wurde der Text vergrert und dunkler gemacht und das blaue Rechteck um 90 Grad gedreht und seine Transparenz erhht.
Keyframe 1
Keyframe 2
Bei dieser Animation wird der Text grer whrend das Rechteck sich dreht und ausgeblendet wird.
Hierdurch wird die SWF-Datei nun in dem von Ihnen ausgewhlten Ort gespeichert.
Flash-Animationen
Die Vorschau-Seite zeigt Ihnen Ihre fertige Flash-Animation sowie weitere ntzliche Informationen an, z. B. Umfang der Animationen, Dateigre sowie geschtzte Downloadzeiten. Dies beinhaltet auch Anweisungen fr das Einfgen Ihrer Flash-Animation in eine Webseite.
403
Hinweis: Sie mssen den Namen der SWF-Datei im Code gegen den tatschlichen Namen Ihrer SWF-Datei austauschen. Weiterhin mssen Sie Ihre SWF-Datei im selben Verzeichnis wie Ihre Website ablegen, damit der Code funktioniert. Wenn Sie die Datei in einem anderen Ordner ablegen mchten, mssen Sie auch den HTML-Code anpassen.
ANIMATION *.AVI
404
Flash-Animationen
Der Dialog AVI-Eigenschaften wird angezeigt. Auswahl des benutzten Codecs Einstellung der Qualitt des AVI-Videos (bis 100%) Ein- und Ausschalten der Keyframes und Einstellen der Frequenz. Klicken Sie auf OK um die AVI-Animation zu exportieren.
Frame-Galerie
Whlen Sie EXTRAS > GALERIEN > FRAME-GALERIE, um die FRAME-GALERIE zu ffnen, oder klicken Sie auf die Schaltflche FRAME-GALERIE in der Symbolleiste. Hierdurch wird eine Liste der in Ihrem Dokument enthaltenen Keyframes angezeigt. Klicken Sie in der Galerie einfach auf einen Keyframe, um diesen zu betrachten.
Die FRAME-GALERIE zeigt die Frames von oben nach unten sortiert an, so dass der erste Frame sich oben befindet und jeder neue Frame am Ende der Liste hinzugefgt wird. Sie knnen die Frames neu sortieren, indem Sie sie verschieben. Fr die Hauptfunktionen FRAMES LSCHEN , AUSGEWHLTE FRAMES KOPIEREN und NEUE, LEERE FRAMES ERSTELLEN sind entsprechende Schaltflchen vorhanden.
Flash-Animationen
Die Schaltflche EIGENSCHAFTEN ist sehr wichtig; sie fhrt zum Dialog ANIMATIONSEIGENSCHAFTEN , der viele Aspekte nicht nur des ausgewhlten Frames, sondern auch der gesamten Animation anzeigt.
405
Der Dialog ANIMATIONSEIGENSCHAFTEN lsst sich auch durch einfaches Doppelklicken des Frame-Namens in der FRAME-GALERIE anzeigen. Die Schaltflchen ALLE FRAMES SICHTBAR (Auge) und ALLE FRAMES (Pfeil) in der FRAME-GALERIE ermglichen es, alle Frames zusammen bzw. bereinander zu betrachten oder zu bearbeiten. Dies ist vor allem dann ntzlich, wenn Sie mehrere Objekte auf verschiedenen Frames auswhlen mchten.
BEARBEITEN
Bei Kopieren eines Frames wird immer der ausgewhlte Frame kopiert und am Ende abgelegt. Um einen neuen Frame z. B. zwischen Frame 4 und 5 einzufgen, whlen Sie Frame 4, klicken auf die Schaltflche KOPIEREN und ziehen dann die neue Kopie vom Ende zur gewnschten Position zwischen den Frames 4 und 5. Hinweis: Frame-Namen knnen beliebig gewhlt werden. Sie mssen nicht Frame 1, Frame 2, etc. lauten. In Animationen werden die Frames immer in der Reihenfolge von oben nach unten gespielt, unabhngig davon, wie sie benannt wurden.
406
Flash-Animationen
Objekte kopieren
Sie knnen Objekte von einem Frame in einen anderen kopieren (z. B. indem Sie den Inhalt kopieren, den neuen Frame auswhlen und dann in den neuen Frame einfgen). Die Option BEARBEITEN > AN POSITION EINFGEN (Strg + Umschalt + V) ist hierfr besonders ntzlich, da die Objekte immer genau an der ursprnglichen Position, jedoch im neuen Frame eingefgt werden. Beim Kopieren eines Objekts wird dessen Name mitkopiert. Achten Sie jedoch darauf, dass sich nicht mehrere Objekte mit dem gleichen Namen im Frame befinden. Andernfalls entstehen Fehler.
Fotos
Da Flash-Dateien in der Regel aus Vektorformen bestehen und deren Umwandlung relativ einfach ist, knnen diese sehr klein sein. Fotos und Bitmaps lassen sich in Flash-Animationen einbetten, allerdings entstehen dabei, wenn man nicht aufpasst, sehr groe Animationsdateien. Sie knnen alle Kern-Flashtransformationen mit Bitmaps oder Fotos durchfhren (z. B. Verschieben, Skalieren, Stauchen, Drehen, Ein-/Ausblenden und Umfrben). Genau wie .Xar-Dateien knnen Flash-Dateien sowohl PNG- als auch JPEG-Bilder enthalten, Web Designer Premium erzeugt beim Erzeugen von Flash automatisch Fotos in der passenden Auflsung. Wenn Sie zum Beispiel ein hochaufgelstes Digitalkamera-Foto laden und dieses auf 200 Pixel skalieren, wird ein 200-Pixel-Bild eingebettet anstelle des hochaufgelsten JPEG-Bildes. Wenn hochaufgelste Fotos fr die Aufnahme in die Flashdatei herunterkonvertiert werden, knnen Sie ber die JPEG-Kompressionseinstellungen (Dialog Animations-Eigenschaften, Reiter Flash-Optionen) steuern, wie stark Ihre JPEG-Fotos komprimiert werden. (siehe weiter unten) Beim Tweenen der Fotos oder Bitmaps wird nur eine Kopie des Bitmaps in der Flash-Datei gespeichert, daher lassen sich Transformationen des Bitmaps mit wenig Kapazitt durchfhren. In anderen Worten: Nur weil das Bitmap in den Frames 1, 2 und 3 Ihrer Animation erscheint, bedeutet das nicht, dass drei Versionen des Bitmaps in der Flash-Datei eingebettet sind.
Flash-Animationen
Hinweis: Diese JPEG-Kompressionseinstellung betrifft nur die automatisch generierten JPEG-Bitmaps, die aus anderen Bitmaptypen gewonnen werden. JPEG-Dateien werden direkt in ihrer Originalauflsung eingebunden. Bitmaps mit 256 Farben oder weniger (z. B. GIF-Dateien) werden nicht wie JPEGs kodiert und daher mittels PNG-Kompression eingebunden, welches die beste Qualitt fr diese Bildarten liefert.
407
Bitmap-Qualitt
Der Flash-Player 8 (und hher) verfgt ber eine hhere Bitmap-Qualitt als die vorherigen Versionen. Dies ist vor allem beim Drehen oder Skalieren von Bitmaps und Fotos wichtig, wo ltere Player-Versionen pixelige und ruckelige Bewegungen erzeugten. Hinweis: Die Flash-Player Version lsst sich durch Rechtsklick auf eine Flash-Animation in Ihrem Webbrowser (Option ber...) herausfinden. Wir empfehlen daher, Ihre Flash-Animation fr die Version 8 zu exportieren, falls Sie Bitmaps oder Fotos verwenden. Dies kann in den Flash-Optionen des Dialogs ANIMATIONS-EIGENSCHAFTEN eingestellt werden.
408
Flash-Animationen
Beim Erstellen eines Keyframes knnen Sie bestimmen, wie lange der Zeitraum bis zum nchsten Keyframe sein soll. Ist z. B. das Frame auf eine halbe Sekunde eingestellt, bedeutet dies, dass die Animation von diesem Keyframe zum nchsten eine halbe Sekunde dauern wird. Die Zwischenschritte werden nicht angezeigt und erst beim Generieren der Flash-Datei erstellt.
Abb.: Die FRAME-GALERIE zeigt die Anzeigedauer fr jeden Key-Frame an. In diesem Beispiel wurden vier Frames, d. h. drei Abschnitte angelegt, so dass die gesamte Animation 7 Sekunden dauert, bevor sie wiederholt wird.
Um den Tween-Effekt zu verlngern, d. h. die Animation zu verlangsamen, erhhen Sie die Anzeigedauer im Dialog ANIMATIONS-EIGENSCHAFTEN. Die Anzeigedauer eines Frames lsst sich am einfachsten ndern, wenn Sie auf den Frame doppelklicken, den Sie ndern mchten, dann die neue Anzeigedauer in Sekunden eingeben und abschlieend auf OK bzw. ANWENDEN klicken.
Ausschnitte animieren
Nehmen wir an, Sie haben eine typische Flash-Animation erstellt, wie sie vielfach im Internet erscheint, d. h. mit animierten Texten oder sich bewegenden Fotos. Sie mchten nun die Animation auf die Rahmengre anpassen. Am besten verwenden Sie dafr CLIPANSICHTEN . Wenn Sie ein Rechteck als CLIPANSICHT -Objekt verwenden, wandert Ihre Animation nie aus dem Rechteck heraus, so dass das Rechteck zu einem Rahmen wird. Eine halb abgelaufene Animation wrde also z. B. folgendermaen aussehen:
Flash-Animationen
So erstellen Sie eine solche Animation: Erstellen Sie den ersten Key-Frame, d. h. zeichnen Sie Rechteck, Text und Formen an ihren Startpositionen (Text und Form knnen sich zu Beginn auch vollstndig auerhalb des Rahmens befinden, so dass sie erst im Lauf der Animation ins Bild laufen). Benennen Sie die Objekte, die Sie animieren mchten. Im Beispiel oben sind dies der Text und die Sternform. Stellen Sie sicher, dass der rechteckige Rahmen das hinterste Objekt ist (whlen Sie im Zweifelsfall das Objekt aus und dann ANORDNEN > EINS NACH HINTEN bzw. Strg + B). Dies ist notwendig, da das hinterste Objekt zum Beschneiden der Form verwendet wird. Whlen Sie alle Objekte aus und dann ANORDNEN > CLIPANSICHT ANWENDEN . Klicken Sie auf die Schaltflche RAHMEN KOPIEREN, um den zweiten Key-Frame zu erstellen. Whlen Sie ANORDNEN > CLIPANSICHT ENTFERNEN , um wieder an unterschiedlichen Objekten arbeiten knnen. ndern Sie nach Bedarf Text und Sternform sowie deren Position. Whlen Sie erneut alle Objekte aus und dann ANORDNEN > CLIPANSICHT ANWENDEN. Drcken Sie die FLASH-VORSCHAUTASTE , um die Animation zu betrachten.
409
Hinweis: Wenn eine Warnmeldung erscheint, dass das Verbinden von nicht abgerundeten Linien und stumpfen Enden nur von SWF 8 untersttzt werde, knnen Sie diese entweder ignorieren oder die Flash-Version 8 aus dem Men ANIMATIONS-EIGENSCHAFTEN whlen (klicken Sie auf EIGENSCHAFTEN im Men FRAME-GALERIE) . Obwohl die Option INNEN AUSWHLEN zum Auswhlen der Objekte benutzt werden kann, ist es in der Regel einfacher, die CLIPANSICHT zu entfernen, dann den Frame-Inhalt nach Bedarf zu bearbeiten, danach ALLES AUSWHLEN zu whlen und schlielich die CLIPANSICHT erneut anzuwenden. Bitte beachten Sie, dass das CLIPANSICHT -Objekt immer das hinterste der Auswahl sein muss.
Animationsgeschwindigkeit
Der Standardwert fr Keyframes liegt bei einer halben Sekunde. Das bedeutet, dass die Animation von diesem Keyframe zum nchsten eine halbe Sekunde dauert. Je lnger dieser Zeitabschnitt eingestellt wird, desto langsamer wird die Animation. Um den Zeitraum fr einen Frame einzustellen, whlen Sie zuerst den gewnschten Frame aus der FRAME-GALERIE (durch Anklicken) und klicken Sie dann auf die Schaltflche ANIMATIONS-EIGENSCHAFTEN (oder doppelklicken Sie einfach auf den Namen des Frames).
410
Flash-Animationen
Das ndern der Einstellung FRAME ANZEIGEN FR auf z. B. zwei Sekunden bedeutet, dass die Animation zwei Sekunden bentigt, bevor der nchste Frame erreicht wird. Anmerkung: Der Dialog ANIMATIONS-EIGENSCHAFTEN ist non-modal und kann dauerhaft auf dem Bildschirm verbleiben. Durch die Schaltflche ANWENDEN anstelle von OK wird der Dialog weiterhin angezeigt. Die Inhalte des Dialogs werden aktualisiert, wenn Sie andere Frames auswhlen. Die bentigte Anzeigedauer kann fr jeden Frame separat eingestellt werden.
Abb.: Im Reiter FLASH-OPTIONEN kann die Filmgeschwindigkeit und die zu exportierende Flash-Version eingestellt werden.
Flash-Animationen
Anmerkung: Je mehr Bilder pro Sekunde gezeigt werden, desto grer wird die Flash-Datei. Wenn Ihre Animation hauptschlich aus ein- und ausblendenden Objekten besteht, knnen Sie die Frame-Rate geringer als 24 Frames pro Sekunde einstellen. Wenn in Ihrem Video viel Bewegung ist, kann es sinnvoll sein, die Framerate zu erhhen. Frame-Raten ber 50 Frames/Sek. sind jedoch selten angebracht.
411
Drehung
Bei einer Drehung berechnet MAGIX Web Designer 7 Premium automatisch, wie die Formen von einem Keyframe zum nchsten transformiert werden mssen, und generiert die Tween-Frames entsprechend. Dabei gibt es jedoch mehrere Mglichkeiten. Ein Beispiel. Nehmen wir an, Sie tweenen von einer Uhranzeige zur nchsten:
Mglicherweise erwarten Sie eine Drehung im Uhrzeigersinn, jedoch knnte sich der Zeiger genauso gut gegen den Uhrzeigersinn drehen:
Es gibt sogar noch andere Mglichkeiten. Die oben genannten Beispiele nehmen an, dass der Zeiger sich um das eine Ende dreht, jedoch knnten Sie genauso gut von einem Zustand in den anderen tweenen, indem Sie ber eine gerade Linie vom Mittelpunkt des Objektes ausgehend tweenen. Dies wrde in folgendem Ergebnis resultieren:
412
Flash-Animationen
Wenn Sie genauer hinschauen, werden Sie feststellen, dass der Zeiger sich um seinen Mittelpunkt statt um das eine Ende dreht und dass sich der Mittelpunkt in einer geraden Linie von einem Key Frame zum nchsten verschiebt. Standardmig dreht MAGIX Web Designer 7 Premium Objekte auf diese Weise.
Rotate-Befehl (Drehen)
Um eine Rotation um einen anderen Punkt zu erzwingen, knnen Sie das Wort rotate an den Anfang des Objektnamens setzen (siehe NAMEN-GALERIE ). Mit rotate+ wird ein Drehung im Uhrzeigersinn erzwungen, mit rotate- eine Drehung gegen den Uhrzeigersinn. Nehmen wir das Beispiel oben mit zwei Keyframes, wobei der Stundenzeiger von 12 Uhr auf 8 Uhr bewegt werden soll. Wenn Sie das Zeigerobjekt mit rotate+zeiger benennen, erhalten Sie eine Animation, in der der Zeiger der Uhr im Uhrzeigersinn bewegt wird. Wenn Sie es rotate-zeiger nennen, wird sich der Zeiger gegen den Uhrzeigersinn bewegen. Wird kein bestimmter Befehl zum Drehverhalten des Objekts angegeben, verwendet die berblendung den krzesten direkten Weg zwischen den Objekten in den Keyframes. Wird am Objektnamen eine Drehung angegeben, wird diese vom tatschlichen Drehpunkt aus mitberechnet (im obigem Beispiel am greren Ende des Zeigers). Hinweis: Es ist nicht mglich, ein Objekt um volle 360 zu drehen, wenn der Drehpunkt nicht im Zentrum liegt. Um also beispielsweise eine volle Rotation des Uhrzeigers zu erzeugen, msste ein Zwischenkeyframe erzeugt werden.
Gruppen
Gruppen werden in Animationen speziell behandelt. Damit Sie nicht jeden einzelnen Teil der Gruppe benennen mssen, wird der gesamten Gruppe ein Name gegeben. So kann diese zum nchsten Keyframe kopiert werden. MAGIX Web Designer 7 Premium wird also die Gruppe als Ganzes zwischen den Keyframes animieren. Sie knnen die gewhnlichen Transformationen an der Gruppe vornehmen (Skalierung, Drehung, Neigung - nicht aber Transparenz, s. u.). Sollen einzelne Objekte einer Gruppe separat animiert werden, mssen sie separat benannt werden (Strg + Klick, um ein Objekt innerhalb einer Gruppe auszuwhlen und es wie gewohnt zu benennen). Wenn Sie eine Gruppe auflsen, um Vernderungen vorzunehmen, und anschlieend wieder gruppieren, sollten Sie folgendes beachten: Sie mssen der neuen Gruppe wieder den ursprnglichen Namen zuweisen (Gruppe auswhlen und dann in der NAMEN-GALERIE auf den richtigen Namen doppelklicken). Die Objektanordnung (vorne/hinten) darf nicht verndert werden. Es drfen keine Objekte der Gruppe hinzugefgt oder weggenommen werden.
Flash-Animationen
Transparenz bei Gruppen
Bei einer Gruppe muss die Transparenz bei jedem Objekt in der Gruppe einzeln eingestellt werden. Dies kann auf zwei verschiedenen Wegen geschehen: Whlen Sie nacheinander jedes Objekt in der Gruppe aus und stellen Sie dessen Transparenz ein oder deaktivieren Sie die Option GRUPPEN ALS GANZES TRANSPARENT MACHEN ber das Auswahlkstchen im Optionen-Dialog (EXTRAS > OPTIONEN > ALLGEMEIN). So wird spter, wenn Sie die Transparenz einstellen, die Transparenz jedes einzelnen Objekts geregelt.
413
Welche Features aus MAGIX Web Designer 7 Premium werden von Flash untersttzt?
Der Vector-Renderer von Flash ist gegenber dem Renderer von MAGIX Web Designer 7 Premium recht einfach, daher kann man einige Funktionen von MAGIX Web Designer 7 Premium bei Flash nicht anwenden, so z. B. Randunschrfe, komplexe Transparenzen und Fllungen oder weiche Schatten. Linien knnen nur eine konstante Linienstrke und abgerundete Enden haben. Strichelung wird nicht untersttzt. Linien mssen auch mindestens einen Pixel breit sein - MAGIX Web Designer 7 Premium verbreitert dnnere Linien automatisch fr Flash auf einen Pixel. Man beachte zwei Aspekte beim Produzieren von Flash-kompatiblen Zeichnungen. Zum einen sollte man sich auf die Funktionen beschrnken, die der Flashplayer verarbeiten kann. Zweitens gibt es in Animationen nur wenige Eigenschaften die getweent (weich bergehend transformiert) oder animiert werden knnen. Zeichenfunktionen in MAGIX Web Designer 7 Premium, die von Flash untersttzt werden: Alle normalen Linien- und Formzeichnungen (Flash ist jedoch weniger genau als MAGIX Web Designer 7 Premium. Daher knnen Ungenauigkeiten Bei Linien und Formen entstehen. Einfarbige, lineare, kreisfrmige Fllungen und elliptische Farbverlufe. Mehrstufige Farbverlufe, inkl. linearer und elliptischer Fllungen. Achtfarbig ist jedoch das Maximum. Gleichmige Transparenz. Nur Typ Mix. Transparenzverlauf wird in einfarbig gefllten Objekten untersttzt. Also kann man Objekte mit Farbverlauf und gleichmiger Transparenz oder monochrome Objekte mit Transparenzverlauf haben; beides ist jedoch nicht mglich. Formen mit gleichmig breiten Auenlinien mit runden Enden und Linienverbindungen (ab Flash Version 8 werden auch andere End- und Verbindungs-Typen untersttzt). Text, einschlielich Unterschneidung. Alle Schriftarten knnen verwendet werden. Die Umrisse aller verwendeten Schriften, werden in die Flash-Datei mit eingebunden. Dies ist wesentlich effektiver als beispielsweise Schriften, die in PDF-Dateien eingebunden sind. Text auf einer Kurve. Hinweis: Damit die Animation funktioniert, muss die Linie, die als Kurve verwendet wird, unsichtbar gemacht werden. Bitmaps und Bitmapfllungen. Eingefrbte Bitmaps und Bitmapfllungen.
414
Flash-Animationen
Foto-Sttigung, Farbtemperatur und Weichzeichnung (aber nicht Wechsel von Helligkeit/Kontrast). Fraktalwolken und Plasmafllungen funktionieren, werden aber zu Bitmaps konvertiert. Folglich sind sie nicht sonderlich effektiv. Effekte wie weiche Schatten funktionieren zwar in statischen Dateien, werden jedoch als Bitmaps ins Flash exportiert, weswegen sie sich nicht gut fr die Animation eignen. Folgendes kann animiert werden: Wie schon am Anfang dieses Kapitels aufgezhlt, finden Sie nun die goldenen Regeln, was von einem zum nchsten Keyframe gendert werden darf: Bewegen: Sie knnen Objekte von einer Stelle zur anderen bewegen. Skalieren: Objekte lassen sich vergrern oder verkleinern. Stauchen oder Neigen: Objekte knnen gestaucht oder geneigt werden. Drehen: Drehen von Objekten. Transparenz: Die gesamte (gleichmige) Transparenz des Objektes kann gendert werden. Farbtransformation: Ermglicht die Vernderung der (einfachen) Fllfarbe von Objekten. Eine Kombination der oben genannten Vernderungen ist ebenso mglich.
Zustzlich gibt es einige Spezialflle von Foto-Farbvernderungen, die Flash untersttzt. Sie knnen die Sttigung ndern (z. B. um ein farbiges Bild in ein Schwarz/Wei-Bild zu verwandeln), die Farbtemperatur umstellen (warm/kalt) und die Bildschrfe. Damit knnen Sie z. B. ein unscharfes Bild in ein scharfes Bild umwandeln lassen. Dies funktioniert aber nur fr Weichzeichnen, nicht fr Schrfen. Flash zeichnet Fotos auch etwas anders weich. Flash zeichnet das gesamte Bild weich, whrend MAGIX Web Designer 7 Premium nur das Innere des Bildes weichzeichnet und die Rnder scharf lsst. Eine weitere Besonderheit: Sie knnen Text auf einer Kurve animieren. Das ist auergewhnlich, da man Text, der an einer Kurve entlang luft, stufenlos in Text morphen kann, der an einer vllig anderen Kurven entlangluft. Tatschlich wird dabei von einer Position des Schriftzeichens im entsprechenden Keyframe auf die Position im nchsten Keyframe bergeblendet. So knnen einige interessante Effekte erzeugt werden. Hinweis: Damit die Animation funktioniert, muss die Linie, die als Kurve verwendet wird, unsichtbar gemacht werden.
Unbewegte Objekte
Sie knnen Ihrer Animation statische Objekte hinzufgen, indem Sie sie direkt in einen Keyframe einsetzen. Dann werden die Objekte in der Animation an dem betreffenden Keyframe auftauchen, bis zum nchsten Keyframe sichtbar bleiben und danach verschwinden (es sei denn, das Objekt wird in den nchsten Keyframe kopiert).
Flash-Animationen
Um Objekte in allen Frames statisch zu zeigen, ist es am einfachsten, sie in alle Keyframes zu kopieren. Die Speicher-Optimierung von MAGIX Web Designer 7 Premium fr Flash ist sehr effizient; ein kopiertes Objekt vergrert kaum die Dateigre.
415
Transparenz
Wie schon erwhnt knnen Sie flache Transparenzen von Objekten (nicht Gruppen!) animieren - Flash untersttzt dies sowohl fr statische Objekte als auch fr durch Tweens herbeigefhrte Transparenzvernderungen. Die ausblendenden Transparenzen von MAGIX Web Designer 7 Premium werden nicht von Flash untersttzt. Es gibt nur einen Fall, in dem man ausblendende Transparenzen verwenden kann: auf Objekten mit flacher Farbfllung.
Es ist mglich, flache Transparenzen auf allen Arten von Objekten, Formen, Text und Fotos anzupassen und zu animieren.
Verlaufstransparenzen (linear, kreisfrmig und elliptisch) knnen hingegen nicht in ihrer Transparenz animiert werden. Die Farbe dieser Transparenz allerdings schon.
416
Erweiterte Flashbefehle
Beschleunigen und Verlangsamen
Normalerweise sind die Schritte zwischen den Einzelbildern im Tween gleichmig weit auseinander, so dass von einem zum nchsten Keyframe eine lineare, gleichmige Animation entsteht. Indem Sie < oder > vor den Objektnamen setzen, lassen sich Objekte beschleunigen oder auch verlangsamen. Ein Objekt mit einem > vor dem Namen startet schnell und wird dann langsamer. Das Gegenteil: <Name wrde also langsam starten und dann schneller werden. Beide Parameter knnen auch in Kombination gesetzt werden. Ein Objekt <>Name wrde langsam beginnen, dann schneller werden und am Ende der Bewegung wieder langsamer werden. Der Grad, in welchem ein Objekt seine Geschwindigkeit ndert, kann mit Nummern (0 - 9) definiert werden. <2Name wre eine sehr weiche Beschleunigung, whrend <9Name extrem schnell beschleunigen wrde. Entsprechend ergibt >2Name ein langsames Abbremsen. Wird keine Zahl vergeben (>Name), entspricht dies dem Mittelwert >5Name. Beispiel: Unter den FLASH-BEISPIELEN gibt es eine .xar-Datei namens Pendulum (whlen Sie DESIGN HERUNTERLADEN in der DESIGN-GALERIE ). Die Animation verwendet eine Mischung aus <> und der Drehfunktion. Ein anderes Beispielt gibt die Datei Zoom6.xar.
Flash-Animationen
Stop und Goto
Sie knnen einem Frame-Namen die Befehle ;Stop und ;Goto (abgetrennt mit einem Semikolon) anhngen, um das Spielverhalten der Animation entsprechend zu beeinflussen. Heit Ihr erster Frame also Frame 1;Goto Frame 6, wird die Animation von Frame 1 direkt zu Frame 6 springen. Es kann dadurch unter Umstnden zu Fehlern im Tween kommen. Auf hnliche Weise wird ;Stop benutzt, um die Animation anzuhalten, wenn das entsprechende Keyframe erreicht wird. Spezielle Arten von URL-Verknpfungen knnen dabei auf Objekte gelegt werden, so dass die Animationssequenz per Mausklick auf bestimmte Einzelbilder an bestimmten Keyframes fortgesetzt wird.
417
Wenn Sie den Sprung durch Bewegen der Maus ber das Objekt auslsen wollen, whlen Sie den MouseOver Tab stattdessen und whlen dieselbe Option.
418
Flash-Animationen
Wenn Sie nun in der Animation ein Objekt anklicken oder mit der Maus darber fahren, wird die Animation an dem neuen Frame fortgesetzt. Sehen Sie sich dazu die Beispieldatei Die Themse in der DESIGN-GALERIE an. Dort wird ein Goto-Befehl verwendet, um eine Schleife (Loop) von Frame 4 zu Frame 3 zu erzeugen. Der Link Wiederholen in der oberen linken Ecke fhrt zu Frame 1 . Tipp: Das Tastaturkrzel Strg + Umschalt + W ist ein besonders schneller Weg, um den Web-Einstellungen-Dialog zu ffnen.
Flash-Animation - Zusammenfassung
Keyframes in MAGIX Web Designer 7 Premium sind wie feste Stationen Ihrer Animation. MAGIX Web Designer 7 Premium erzeugt automatisch eine berblendung (Blend) oder eine Transformation (Tween) von Objekten von einem Keyframe zum nchsten und stellt so eine flssige Flash-Animation her. Es gibt keine Zeitleiste (Timeline). Stattdessen zeigt die FRAME-GALERIE Ihre Keyframes im zeitlichen Verlauf (von oben nach unten). Klicken Sie einfach auf den Namen des Keyframes, um diesen zu bearbeiten. Wenn Sie die Anzeigezeit eines Keyframes auf z. B. zwei Sekunden setzen, wird es zwei Sekunden dauern, bis die Objekte in der Animation von ihrer Startposition im aktuellen Keyframe zu ihrer Zielposition im nchsten Keyframe gewechselt haben. Benutzen Sie den Dialog EIGENSCHAFTEN > ANIMATION aus der FRAME-GALERIE , um die Anzeigezeit festzulegen. Um MAGIX Web Designer 7 Premium zu zeigen, welche Objekte ineinander berblendet oder transformiert werden sollen, benennen Sie sie einfach. Fr ein neues Objekt, das Sie animieren wollen, whlen Sie NEUE NAMEN ERSTELLEN in der Infoleiste des Auswahlwerkzeugs und benennen sie es. Das Objekt muss in allen folgenden Keyframes diesen Namen tragen. Neue Keyframes erstellt man am einfachsten durch das Kopieren des vorherigen Keyframes. So erhalten Sie eine exakte Kopie aller Objekte und ihrer Namen. Im neuen Keyframe knnen Sie die Objekte wie gewnscht weiter bewegen. Alle anderen (unbenannten) Objekte bleiben fr die jeweilige Dauer des Keyframe statisch, bewegen sich also nicht. Sie knnen die Objekte bewegen, skalieren, drehen, zerren oder die Farbe sowie Transparenz zwischen den Keyframes ndern. Fr die Bildrate der Flash-Animation gilt: Je mehr Bilder pro Sekunde eingestellt sind, desto weicher werden die bergnge. Da jedes Einzelbild in MAGIX Web Designer 7 Premium ein Bild der gesamten Animation ist, sollten alle Objekte, die in Keyframes auftauchen, dort auch zu sehen sein. Ein Objekt kann nicht von Frame 1 zu Frame 3 berblendet werden, ohne in Frame 2 aufzutauchen. Sie knnen Formen auf sechs verschiedene Arten transformieren. Mglich ist Bewegung, Skalierung, Zerren/Neigen, Drehen, flache Transparenz und Farbvernderung. Wird die Form auf irgendeine andere Art und Weise verndert, fhrt dies zu keinem Ergebnis. Haben Sie weitere Fragen zur Flash-Animation, wenden Sie sich bitte an die Programmhilfe in MAGIX Web Designer 7 Premium. Diese ist im Men HILFE zu finden (Tastaturkrzel F1).
419
Animation ffnen
Um ein animiertes GIF zu erstellen, mssen Sie zuerst ein Dokument vom Typ Animation ffnen. Gehen Sie zu DATEI > NEU > ANIMATION . Danach haben Sie auch Zugang zur FRAME-GALERIE .
Animation erstellen
So erstellen Sie ein animiertes GIF:
1. 2. 3. 4. 5. 6.
Whlen Sie EXTRAS > GALERIEN > FRAME-GALERIE bzw. klicken Sie auf das GIF-Symbol FRAME-GALERIE in der GALERIENLEISTE . Erstellen Sie die Zeichnung, die im ersten Frame erscheinen soll. Klicken Sie auf NEU in der FRAME-GALERIE , um den nchsten Frame zu erstellen. Setzen Sie nach Wunsch Hintergrund- und berlagerungsmarkierungen. Erstellen Sie die Objekte, die in diesem Frame erscheinen sollen. Wiederholen Sie die Schritte 3 bis 5, bis Sie die gewnschte Frame-Sequenz aufgebaut haben.
Animation exportieren
Whlen Sie DATEI > ANIMATION EXPORTIEREN , um die Animation zu speichern. Whlen Sie als Dateiformat Animiertes GIF(.gif) aus.
Frame
Im Reiter FRAME knnen Sie folgende Optionen einstellen: des Frames. Dies ist nur fr Sie zur Kontrolle und wird nicht mit dem animierten GIF exportiert. HINTERGRUND : ist diese Option aktiviert, zieht sich der Frame durch alle anderen. So wird praktisch ein Hintergrund geschaffen, auf welchem alle anderen Frames aufbauen. Oft ist der erste Frame in einer Animation der Hintergrundframe. Wird kein Frame als
NAME
420
Flash-Animationen
Hintergrund bestimmt, wird von der GIF-Animation der Seitenhintergrund als Hintergrund der Animation verwendet. BERLAGERND : Dadurch wird der aktuelle Frame mit dem vorherigen berlagert. VERZGERUNG : Hier legen Sie fest, wie lange der Frame in der Animation angezeigt wird. FRAME ANZEIGEN: Hiermit wird der Frame in die Animation einbezogen und angezeigt.
Flash-Optionen
Hier einige Mglichkeiten fr Flash-Animationen, die meisten werden oben beschrieben. Link auf die gesamte Animation anwenden (auf Seite 416) Geschwindigkeit Flash-Film (auf Seite 410) JPEG-Qualitt (auf Seite 407) Speicherbereich (auf Seite 408)
GIF-Optionen
Im Reiter GIF-OPTIONEN knnen Sie die in der Animation verwendeten Farben einstellen: legt die bevorzugten Palettenfarben fr das animierte GIF fest. Diese Option ist nur bei der Verwendung optimierter Paletten verfgbar. Fr einfache Grafiken knnen Sie die Anzahl der Farben in der Palette reduzieren. Hierdurch werden ohne Qualittsverlust kleinere Dateien erstellt. Mglicherweise mssen Sie ein wenig experimentieren, um das optimale Gleichgewicht zwischen Dateigre und Qualitt zu finden. DITHERING : Whlen Sie aus drei Streurastertypen. TRANSPARENZ: Whlen Sie diese Option, um das Bitmap an den Stellen durchsichtig zu machen, an denen es keine Objekte gibt.
PALETTENFARBEN: ANZAHL FARBEN AUF PALETTE:
Animation
Im Reiter ANIMATION knnen Sie die Animationsrate und Frequenz ndern:
SCHLEIFE/ENDLOSSCHLEIFE:
Hiermit spezifizieren Sie die Anzahl der Wiederholungen. Geben Sie hier einen Wert ein, wenn Sie die gleiche Pause zwischen jedem Frame in der Animation festlegen mchten. Verwenden Sie den Reiter FRAME , um unterschiedliche Pausen fr individuelle Frames festzulegen (oben beschrieben). Wenn die Animation mehr als eine Pause hat, wird hier VIELE angezeigt.
JEDEN FRAME ANZEIGEN FR:
Vorschau in Browser
Viele Einstellungen zur GIF-Animation lassen sich direkt in einem Webbrowser Ihrer Wahl in einer Vorschau kontrollieren. Hier knnen Sie einige Einstellungen zur Browser-Vorschau vornehmen. Legen Sie fest, welchen Hintergrund das animierte GIF haben soll, um ein bestmgliches Ergebnis zu erhalten. ZUSTZLICHE INFORMATIONEN : Hier lassen sich ntzliche Informationen in der Vorschau anzeigen, wie z. B. Downloadzeiten in einer Webseite. GIF BROWSER-VORSCHAU: ffnet die Vorschau im Webbrowser.
HINTERGRUNDOPTIONEN :
421
Drucken
Druckrnder zeigen
ber FENSTER > DRUCKRNDER ZEIGEN lassen sich eine gelbe und eine rote Linie (die nicht mitgedruckt werden) einblenden, die die Seiten- und Druckrnder anzeigen. Die rote Linie zeigt dabei den Druckrand an, der vom aktuellen Drucker abhngig ist. Bei manchen Druckern kann der druckbare Bereich verndert werden, allerdings gibt es nur wenige, die bis ganz an den Seitenrand drucken knnen. Liegen Objekte also auerhalb der roten Linie, werden sie hchstwahrscheinlich nicht mitgedruckt.
Neben dem aktuellen Drucker kann hier auch die Papiergre und Ausrichtung festgelegt werden. Beachten Sie, dass diese Werte (Gre und Ausrichtung) den tatschlichen Papierseiten im Drucker entsprechen sollten - anders als die Abmessungen des Dokuments, das gedruckt werden soll.
HOCHFORMAT
druckt die Seite, ohne sie zu drehen, QUERFORMAT druckt die Seite mit einer Drehung von 90 Grad (Die gleichen Schaltflchen kommen auch im spter beschriebenen Druckoptionsdialog vor). Wir empfehlen, die Einstellungen hier einfach in ihrer Ausgangsposition zu belassen.
Hinweis: Wir knnen Ihnen leider keine Auskunft ber das Installieren und primre Einrichten Ihres Druckers geben, da dies grundstzliche systemadministrative Aufgaben sind. Sollten Sie damit Probleme haben, wenden Sie sich bitte an den Hersteller Ihres Rechners oder Druckers.
422
Drucken
Eigenschaften
Diese Schaltflche ffnet einen Dialog, in dem Sie verschiedene Einstellungen fr Ihren Drucker vornehmen knnen. Dieser Dialog wird nicht von Web Designer Premium verwaltet, sondern vom jeweiligen Druckertreiber.
Netzwerk
Ist Ihr Computer in ein Netzwerk eingebunden, knnen Sie hier die verfgbaren Drucker im Netzwerk ansteuern. Dieser Dialog wird nicht von Web Designer Premium verwaltet.
Drucken-Dialog
Whlen Sie DATEI > DRUCKEN (Tastaturkrzel Strg + P), um den Drucken-Dialog zu ffnen.
Drucken
Wenn alle Optionen und Einstellungen vorgenommen sind und Sie Ihr Dokument ausdrucken mchten, klicken Sie auf die Schaltflche DRUCKEN .
Drucker...
Diese Schaltflche ffnet den Dialog zur DRUCKEINRICHTUNG (auf Seite 421).
Drucken
Optionen
Diese Schaltflche ffnet einen Dialog, in dem noch weitere Druckoptionen zu finden sind. Diese werden weiter oben (auf Seite 424) erklrt.
423
Seiten
ALLE SEITEN:
Druckt smtliche Seiten des Dokuments. Druckt die aktuelle Seite oder Doppelseite.
AKTUELLE SEITE(N) :
GEWHLTE OBJEKTE: Diese Option erscheint nur dann, wenn Objekte im Dokument markiert sind. Ist diese aktiv, werden nur gewhlte Objekte gedruckt. Beachten Sie, dass nur die ausgewhlten Objekte gedruckt werden. Andere Objekte, die sich im Bereich der ausgewhlten Objekte befinden, werden nicht gedruckt.
Objekte auf der Hintergrundebene sowie Hilfslinienebenen werden nicht gedruckt. Lesen Sie bitte das Kapitel zur Ebenen-Galerie fr weitere Details. Ermglicht Ihnen auszuwhlen, welche Seiten Sie gerne drucken mchten. Sie knnen einzelne Seitenzahlen durch Komma trennen bzw. Seitenbereiche durch einen Bindestrich zwischen den Seitenzahlen auswhlen.
SEITENBEREICH:
Beispiele fr Seitenbereiche: 2 druckt nur Seite 2. 1,3,5-7 druckt nur die Seiten 1, 3, 5, 6 und 7. 2, 3, 6-8, 11-12 druckt nur die Seiten 2, 3, 6, 7, 8, 11 und 12. Der Dialogbereich Optionen zeigt an, ob Ihre Auswahl gltig oder ungltig ist.
Ausgabe in Datei
Die Option AUSGABE IN DATEI erzeugt eine Datei, die Sie an eine Druckerei weitergeben knnen (sofern diese das Format akzeptiert). Mit dieser Option fhrt das Bettigen von DRUCKEN zum ffnen eines normalen SPEICHERN ALS -Dialogs. Dort knnen Sie Namen und Speicherort der Datei bestimmen. Druckdateien haben als Standard die Dateiendung .prn.
Anzahl Kopien
Legt fest, wie viele Exemplare des Dokuments gedruckt werden sollen.
424
Ebenen drucken
Es gibt zwei selbsterklrende Varianten: VORDERGRUND (ALLE) drucken Nur VORDERGRUND (SICHTBARE) drucken. Hinweis: Beachten Sie, dass in beiden Fllen nur Vordergrundebenen gedruckt werden. Hintergrundebenen und Hilfsebenen werden nicht gedruckt.
Drucken als...
NORMAL
Manche Drucker geben Farben nicht sonderlich konsistent wieder, wenn es sich um Vektorgrafiken oder Bitmaps mit derselben Farbe handelt. Bemerkbar macht sich dies, wenn Objekte auf Bitmaps berlappen oder transparent auf anderen liegen. In diesem Fall sollten Sie BITMAP oder ANTI-ALIAS-BITMAP auswhlen und den Vorgang wiederholen.
Drucken
Ob Sie BITMAP oder ANTI-ALIAS-BITMAP whlen, hngt vom Drucker und persnlichem Vorzug ab. Einige Drucker erzielen die besten Ergebnisse, wenn Anti-Aliasing ausgeschaltet ist - besonders bei dnnen Linien.
425
Transparenz-Auflsung
Beim Druck werden Transparenzen in MAGIX Web Designer 7 Premium vorbergehend zu Bitmaps konvertiert. Diese Option steuert die Auflsung der Bitmaps, wenn sie zum Drucker bermittelt werden. Meistens ist die Einstellung AUTOMATISCH passend. Bei Offsetdruck (Filmbelichtungs-Drucktechnik) oder anderen hochauflsenden Drucken stellen Sie die Auflsung besser manuell mit dem richtigen Wert ein. Hinweis: Moderne Drucker werden oft damit angepriesen, dass sie 1000 dots-per-inch (dpi) drucken knnen. Diese Angabe ist nicht mit Pixel-per-inch (ppi) zu verwechseln, wie sie bei Monitorbeschreibungen blich ist. Im Allgemeinen ist es selten ntig, mit 600dpi zu drucken, meist liefern bereits 300dpi perfekte Resultate.
Fllqualitt
Mit dieser Option knnen Sie die Anzahl der Schritte von abgestuften Fllungen beim Ausdrucken Ihres Dokuments bestimmen. Die Einstellung NORMAL ist fr die meisten Zwecke ausreichend. Bei PostScript-Druckern ist die Option ausgegraut.
Textoptionen
Sollte Ihr Drucker Probleme haben, Schriften zu drucken, whlen Sie die Funktion TEXTE ALS FORMEN . Dann wird Text zuerst zu Formen vektorisiert und dann an den Drucker gesandt. Das ist mglicherweise etwas langsamer, wird aber genau das, was Sie auf dem Bildschirm sehen, wiedergeben.
426
Die meisten Einstellungen unter Layout sind ausgegraut, wenn Sie AUTOMATISCH ANPASSEN oder OPTIMALE ANPASSUNG gewhlt haben. Der Einfachheit halber sollten Sie eine dieser Einstellungen auswhlen. Selbstverstndlich knnen diese Werte auch individuell definiert werden (siehe unten bei Benutzerdefiniert).
Optimale Anpassung
Diese Option ist bestens geeignet, wenn Sie ein greres oder kleineres Bild haben, das Sie an die Seite anpassen mchten. Ihr Bild wird zentriert und entsprechend der Seitengre vergrert bzw. verkleinert.
Automatisch ausrichten
Mit dieser Option wird Ihre Zeichnung fr den Druck ausgerichtet, ohne dass dabei die Gre gendert wird. Diese Option ist empfehlenswert, wenn Sie fr Ihre Zeichnung eine bestimmte Gre festgelegt haben und diese nicht ndern mchten.
Drucken
Benutzerdefiniert
Diese Option ermglicht Ihnen, Ausrichtung, Gre und Rnder des Ausdrucks manuell einzustellen. Mit den Schaltflchen fr AUSRICHTUNG legen Sie das Hoch- oder Querformat fest. Die Gre wird ber das Eingabefeld SKALIERUNG festgelegt. Die Randbereiche lassen sich anhand der Schaltflchen OBEN und LINKS einstellen (diese legen fest, an welcher Position auf dem Papier die linke, obere Ecke der Seite auf dem Ausdruck erscheint). ber BREITE und HHE knnen Sie ebenfalls die Druckskalierung einstellen (beim ndern einer dieser Einstellungen wird die andere jeweils automatisch angepasst, um das Seitenverhltnis beizubehalten).
427
Mehrfach
Diese Option whlen Sie, um mehrere Kopien auf eine Seite zu drucken. Die Anzahl der Kopien bestimmen Sie ber die Anzahl der ZEILEN und SPALTEN , in denen die Kopien aneinander gereiht werden. STEG bestimmt den Abstand zwischen den Kopien.
428
Empfohlene Formate
Die Standard-Exportformate, die im Internet am weitesten verbreitet sind, sind BMP (Bitmap), GIF, PNG und JPEG. Diese sehen garantiert auch so aus, wie sie in MAGIX Web Designer 7 Premium dargestellt werden. PNG wird vor allem fr Grafiken, JPEG fr Fotos verwendet.
Importformate fr Bitmaps
Windows Bitmap (*.bmp) Halo CUT 256-farbig (*.cut) Digital Imaging and Communications in Medicine (DICOM) Bildformat (*.dokumaster) DCX (*.dcx) Fax- Bildformat, das mit einem Fax empfangen oder mit einer Fax-Software erzeugt wurde. (*.fax) Graphics Interchange Format (*.gif) Microsoft Windows Icon 16-farbig (*.ico) JPEG (*.jpg) MAGIX Bitmap (*.mxb) UNIX monochrom (*.pbm) PhotoCD (*.PCD) PICT (*.pct) PCX Paintbrush (*.pcx) PDF (*.pdf) - siehe Importieren einer PDF-Datei
429
EPS Importformate
Illustrator EPS (*.ai) Illustrator EPS (*.eps) ArtWorks EPS (*.eps) CorelDraw 3 & 4 EPS (*.eps) Freehand 3.0 EPS (*.eps) Photoshop EPS (*eps) (Um Dateien aus Photoshop in MAGIX Web Designer 7 Premium zu importieren, verwenden Sie PSD-Dateien anstelle von EPS-Dateien. Dies erzielt bessere Ergebnisse.) .EPS Xara
Andere Importformate
Adobe Color Swatch (*.aco) Adobe Color Table (*.act) Xara Studio (*.art) Xara Webster Dateien (*.web) Acorn Draw (*.aff) CorelDraw (3, 4 & 5) (*.cdr) CotrelDraw Template (*.cdt) Corel CMX 5 & 6 (*.cmx) Acorn Draw (*.drw) GIF Platzhalter (*.gif) Grafiken in HTML Seiten (*.htm, *.html) Windows Metadatei 16Bit (*.wmf) Erweiterte Windows Metadatei (*.emf / *.wmf) Flash-Video-Platzhalter (*.flv) MP4-Video-Platzhalter (*.mp4) MAGIX Photo Clinic Image (*.pai) CorelDraw, Windows and PaintShopPro Paletten (*.pal)
430
Exportformate Exportformate fr Bitmaps - Beachten Sie auch die bersicht zum GIF, PNG und JPEG-Exportdialog (auf Seite 435)
CompuServe GIF (*.gif) Animierte GIF-Dateien (*.gif) Lesen Sie dazu das Kapitel Animierte GIF-Dateien erstellen (auf Seite 419) JPEG (*.JPG) Photoshop (*.psd) Lesen Sie dazu Import und Export von PSD-Dateien (auf Seite 434) PNG (*.png)
Andere Exportformate
AVI-Animation (.avi Animations-Dokumente) EMF/WMF Dokumente (*.emf;*.wmf) Webseiten und Websites (.html,*.htm) Flash-Animation; lesen Sie dazu das Kapitel Flash-Animationen (auf Seite 397) (*.swf) Rich Text Format (*.rtf) Xara-Dokumente (*.wix; *.web, *.xar)
Dateien importieren
So werden Dateien importiert: Whlen Sie im Men DATEI -> IMPORTIEREN - dadurch wird der Inhalt der Datei in das Dokument eingefgt. Bei einigen Formaten haben Sie die Wahl, ob Sie das Dokument in die aktuelle Seite einfgen wollen oder ob Sie es als neue Seite anhngen mchten. Bei einigen anderen Formaten haben Sie die Mglichkeit, die Daten entweder normal zu importieren oder stattdessen einen Link auf die Datei einzufgen und es Ihrer verffentlichten Website hinzuzufgen. Sie knnen auch im Men DATEI -> FFNEN whlen - dadurch wird die Datei als ein neues Dokument geffnet. Sie knnen Dateien in MAGIX Web Designer 7 Premium per Drag & Drop einfgen. Wenn Sie eine Datei aus dem Dateibrowser auf MAGIX Web Designer 7 Premium ziehen, wird die Datei importiert und auf der aktuellen Seite zentriert zum Ablagepunkt abgelegt. Wird die Datei auf der Titelleiste oder einer der Werkzeugleisten abgelegt, wird die Datei als ein neues Dokument geffnet.
Bilddateien auswechseln
Sie knnen jedes bereits geladene Bild oder jede Bitmap-Fllung durch ein eigenes Bild ersetzen. Um ein Bild zu ersetzen, ziehen Sie das neue Bild (JPEG, GIF, PNG, BMP) einfach auf das zu ersetzende Bild und setzen Sie es dort ab. Das neue Bild wird
431
PDF-Dateien importieren
PDF ist ein komplexes Vektorgrafikformat welches sich in den letzten 10 Jahren fortentwickelt hat und mehrere Unterformate und Einstellungen bietet. PDF wurde als portables Dokumentenformat zum Betrachten und Drucken eingefhrt und nicht, um Daten zwischen verschiedenen Anwendungen auszutauschen. Nichtsdestotrotz kann MAGIX Web Designer 7 Premium die meisten PDF-Dateien laden. PDF ist die empfohlene Methode, Vektor-Dateien von Adobe Illustrator zu MAGIX Web Designer 7 Premium zu bertragen. Speichern sie als PDF und importieren Sie die Datei in MAGIX Web Designer 7 Premium. Folgendes sollte beachtet werden: Mehrseitige PDF-Dateien werden als mehrseitige Dokumente in MAGIX Web Designer 7 Premium eingefgt. Text in PDF-Dateien ist typischerweise ber viele einzelne Textobjekte innerhalb der PDF-Datei verteilt. Das macht zur Ansicht und zum Druck keinen Unterschied, beim Import heit es aber, dass Text, der wie ein oder mehrere Abstze Flietext aussieht, keiner ist. MAGIX Web Designer 7 Premium versucht, Zeilen und Abstzen in bearbeitbaren Text zu verwandeln, oft werden Sie jedoch feststellen, dass Text in mehrere Text-Objekte auseinander gerissen wurde. Um es einfacher zu machen, Text aus einem PDF zu extrahieren, wird eine neue Ebene angelegt, die nur Text enthlt. Benutzen Sie die SEITEN- & EBENEN -Galerie, um diese Ebene zu betrachten. Folgendes wird vermutlich nicht funktionieren: Viele PDF-Dateien verwenden eingebettete Schriften. Sie knnen diese nicht extrahieren und auf Ihrem System installieren. Besitzen Sie diese Schriften also nicht, wird ein Substitut verwendet. Dateien, die auf irgendeine Weise verschlsselt oder mit Passwrtern gesperrt sind, knnen nicht importiert werden.
432
1. 2. 3.
Whlen Sie DATEI > AUS DEM INTERNET IMPORTIEREN... (Alt +W) Geben Sie die Webadresse der Seite oder Grafik ein, die Sie importieren mchten. Wenn die URL sich auf eine Webseite bezieht, werden alle auf der Seite befindlichen Bilder importiert. Klicken Sie auf IMPORTIEREN .
Dateien exportieren
So exportieren Sie eine Datei: Whlen Sie DATEI > EXPORTIEREN oder drcken Sie Strg + Umschalt + E. Whlen Sie im EXPORTDIALOG einen Dateinamen und aus dem Flipmen von SPEICHERN das bentigte Format. Einige Formate werden unten detailliert aufgefhrt.
ALS...
433
Bitmapformate exportieren
Bei den Bitmapformaten JPEG, GIF und PNG handelt es sich um Standardformate, die von den meisten Anwendungen untersttzt werden. PNG hat die hchste Qualitt. JPEG ist fr Fotos besser geeignet und erstellt kompakte Dateien in akzeptabler Qualitt (Dateiqualitt und Dateigre knnen eingestellt werden).
434
Wichtig
Bitmaps werden entsprechend der aktuellen Anzeigequalitt ausgegeben. Fr beste Ergebnisse stellen Sie im Men FENSTER -> QUALITT die Anzeigequalitt auf SEHR HOCH .
PHOTOSHOP
Ebenen
Ebenen in MAGIX Web Designer 7 Premium bleiben beim Export als PSD erhalten. Jede Ebene wird als individuelle PSD-Ebene samt Namen gerastert. Die Ebenensichtbarkeit wird ebenso mit bernommen, so dass unsichtbare Ebenen in Photoshop auch unsichtbar sein werden. Sie knnen die Sichtbarkeit der Ebenen in Photoshop ber die Ebenen-Palette anund ausschalten.
Text
Text kann aus MAGIX Web Designer 7 Premium so exportiert werden, dass er in Photoshop editierbar bleibt, muss dafr aber auf einer separaten Ebene stehen (Beim Import werden Sie wahrscheinlich gefragt, ob Sie den Text so wiederherstellen mchten, dass er in Photoshop bearbeitet werden kann). Text auf Ebenen mit anderen grafischen Objekten wird mitgerastert, ist also nicht mehr editierbar.
435
Fr Bilder, die auf dem Bildschirm dargestellt werden sollen, reicht eine niedrige Auflsung (z.B. 72 dpi) aus. Sollten Sie Ihre Arbeiten drucken wollen, whlen Sie einen hheren dpi-Wert. Sie knnen angeben, ob Sie die gesamte Seite oder nur die Bereiche mit sichtbaren Objekten aus MAGIX Web Designer 7 Premium exportieren mchten.
Zusammenfassung
Um hchstmgliche Kompatibilitt in Photoshop zu erhalten: Alle Teile Ihrer Zeichnung, die Sie als jeweils separate Ebene in Photoshop haben mchten, mssen auf separate Ebenen in MAGIX Web Designer 7 Premium gelegt werden. Wollen Sie Text in Photoshop editieren, legen Sie diesen auch auf eine eigene Ebene ohne andere Objekte.
436
1. 2. 3. 4.
Whlen Sie die zu exportierenden Objekte auf der Seite aus. Gehen Sie in das Exportieren-Men oder drcken Sie Strg + Umschalt + E, geben Sie dort einen Namen ein und whlen Sie aus dem Auswahl-Men einen Dateityp aus. Bei den wichtigsten Dateitypen wird obiger Vorschaudialog angezeigt. In diesem Vorschaudialog knnen die Einstellungen angepasst werden. Sie knnen auch diesen Dialog berspringen, wenn Sie mit den Standardeinstellungen zufrieden sind. Klicken Sie auf EXPORTIEREN
Fr die zwei meistgenutzten Formate JPEG und PNG knnen Sie in Schritt 2 stattdessen auch die direkten Befehle im Men DATEI: JPEG EXPORTIEREN und PNG EXPORTIEREN benutzen. Im folgenden Exportieren-Dialog gibt es eine Schaltflche Einstellungen,die Sie zum Einstellungsdialog fr den Bitmapexport fhrt. Die meisten Exporteinstellungen werden fr den nchsten Export gespeichert. Wenn z. B. die JPEG-Qualitt verndert wird, bleibt die Einstellung fr den nchsten Export von JPEGs erhalten. Gre des exportierten Bildes Die voreingestellte Exportgre des Bildes ist die Gre, mit der das Bild bei 100% Zoom-Einstellung (Originalgre) auf dem Bildschirm angezeigt wird. Die Pixelgre wird unterhalb des Vorschaufensters angezeigt. Die Pixeldimensionen knnen angepasst werden, indem vor dem Exportieren entweder auf der Seite die Objektgre gendert wird oder durch Eingabe alternativer Pixel- oder DPI-Werte im Dialog BITMAP-GRE .
Bedienelemente
Hier knnen Sie die Bildvorschau verndern. Dies hat jedoch keinerlei Auswirkung auf die exportierte Datei.
ZOOMWERKZEUG:
437
Klicken Sie auf eine Vorschau, um diese zu vergrern. Halten Sie beim Klicken die Umschalt-Taste gedrckt, um herauszuzoomen. Ziehen Sie mit gedrckter Maustaste ber die Vorschau, um in den aufgezogenen Bereich hineinzuzoomen. Hiermit knnen Sie das Bild im Vorschaufenster
VERSCHIEBEWERKZEUG:
bewegen.
AUF SEITENGRE ZOOMEN: AUF 100 % ZOOMEN:
hat keinerlei Auswirkung auf GIF-Dateien. Skaliert das Bild so, dass ein Pixel im Bitmap einem Pixel auf dem Bildschirm entspricht. Dies ist fr eine detaillierte Vorschau im Bitmap sinnvoll.
Das folgende Bedienelement ist nur fr Dateien relevant, die weniger als 256 Farben verwenden. Bewegen Sie den Zeiger ber die Grafik, um die Farbe unter dem Zeiger zu markieren. Klicken Sie, um diese Farbe in der Palette auszuwhlen. Sie knnen dann die u. g. PALETTENOPTIONEN verwenden, um die Farbe zu ndern.
FARBWHLER:
Diese Schaltflche ist in allen Reitern des Dialogs verfgbar. Hiermit werden die Vorschaufenster aktualisiert, um alle vorgenommenen nderungen wiederzugeben.
VORSCHAU:
Palettenoptionen
Hier knnen Sie einstellen, wie die Farben in Ihrem exportierten Bild gehandhabt werden.
Farbtiefe
Whlen Sie die Anzahl der Farben, die in Ihrem Bitmap vorkommen sollen. Je mehr Farben gewhlt sind, umso grer wird (meistens) die Datei, aber auch die Qualitt. TRUE COLOR legt die Palette auf 16 Millionen Farben fest. TRUE COLOR + ALPHA (nur PNG) schliet auerdem noch einen Farbkanal fr Halb-Transparenzen wie z. B. Schatten mit ein. Dieses Format wird fr Anwendungen empfohlen, die Alpha-Kanle in PNG-Dateien untersttzen. Bei 256 Farben oder weniger kann mit einfachen Transparenzen gearbeitet werden (beachten Sie das Glassymbol). Halb-transparente Pixel werden nicht untersttzt, sondern nur vollkommen deckend oder vllig durchsichtig. Dies kann ausgefranste Kanten nach sich ziehen.
438
Farbe sperren
Sie knnen die Anzahl der Farben in der Palette des zu exportierenden Bitmaps beliebig bestimmen. Mchten Sie, dass bestimmte Farben immer in der Palette auftauchen, so knnen Sie diese ganz einfach sperren (abschlieen). Klicken Sie auf die Farbe, um sie auszuwhlen, und klicken Sie dann auf das Vorhngeschloss (FARBE SPERREN). Die Farbe hat jetzt ein kleines Quadrat in ihrer unteren linken Ecke, um zu zeigen, dass sie gesperrt ist.
439
Bitmapgre
Hier knnen Sie die Gre des exportierten Bildes ndern.
GRE: Geben Sie die bentigte Breite oder Hhe ein. Bitte beachten Sie, dass das Seitenverhltnis fest ist, so dass die nderung einer Seite automatisch die Anpassung der anderen bewirkt. GRE ist besser geeignet als SKALIERUNG , wenn Sie ein Bitmap mit einer bestimmten Grenangabe in Pixeln erstellen mchten. SKALIERUNG (bei JPEG & PNG ausgeblendet): Hiermit knnen Sie das Bitmap grer oder kleiner skalieren. SKALIERUNG ist gnstiger als GRE , wenn Sie z. B. ein Bitmap 50% grer als das Original bentigen. AUFLSUNG (ausgeblendet bei GIF): Geben Sie die Auflsung in das Feld DPI ein. Wenn Sie ein Bild zum Betrachten auf einem Bildschirm exportieren (z. B. einer Webseite), bentigen Sie maximal 96dpi. Bei dieser Auflsung wird gewhrleistet, dass das Bitmap dieselbe Gre hat wie spter auf dem Bildschirm (bei 100% Vergrerung).
Speicherbereich
Das Bitmap kann aus einem der folgenden Bereiche des Dokuments erstellt werden:
SEITE:
ZEICHNUNG:
der gesamte Seitenbereich. der durch die Objekte abgedeckte Bereich. AUSWAHL: der Bereich, der durch die markierten Objekte abgedeckt wird (nur verfgbar, wenn Objekte ausgewhlt wurden).
Antialiasing (Kantenglttung)
Antialiasing verbessert das Erscheinungsbild durch Gltten der eckigen Rnder der Rasterung: Das exportierte Bitmap verwendet dieselbe Positionierung wie auf dem Bildschirm angezeigt. Hierdurch knnen die Rnder der Objekte leicht unscharf erscheinen, da sie nicht genau auf den Pixelbegrenzungen liegen. SICHTBARES ANTIALIASING MINIMIEREN: Hierdurch werden die Objekte um Bruchteile eines Pixels neu positioniert, um das Anti-Aliasing am Rand des exportierten Bitmaps zu minimieren. Im Zweifelsfall sollte diese Option ausgewhlt werden.
BILDSCHIRM-ANTIALIASING BEIBEHALTEN: HTML-TAG IN ZWISCHENABLAGE BERNEHMEN
Hiermit knnen Sie die HTML-IMG-Tag-Informationen mit dem Bitmap zusammen speichern. Danach knnen Sie den Tag in Ihren Text oder HTML-Editor einfgen.
440
Vorschau in Browser
Mithilfe der Vorschaufenstern A und B im Dialog EXPORT (oben abgebildet) knnen Sie den bestmglichen Kompromiss zwischen Dateigre und Qualitt der Webgrafiken herausfinden. Am besten ist es jedoch zu berprfen, wie eine Grafik im Web-Browser aussehen wird. In diesem Reiter finden Sie zahlreiche Optionen fr diese Vorschau. Klicken Sie auf die Schaltflche VORSCHAU IM BROWSER , um die Grafiken vor dem Export im Web-Browser zu betrachten.
441
Mit Stichworten oder ber die Rubriken finden Sie sich dort leicht zurecht. Lesen Sie das Kapitel ARBEITEN MIT DOKUMENTEN (auf Seite 99) um mehr ber Galerien zu erfahren. Wenn Sie die Galerie ffnen und online sind, werden automatisch Designs und Widgets von den Web Designer Premium-Servern heruntergeladen, die auch sofort in der Design-Galerie zur Verfgung stehen. Schauen Sie regelmig nach, um die neuesten
442
443
1. 2. 3.
ffnen Sie ein bestehendes Dokument (Datei > ffnen oder Strg + O) oder klicken Sie auf die Schaltflche NEU auf der STANDARDWERKZEUGLEISTE , um ein neues leeres Dokument zu beginnen (Tastaturkrzel: Strg + N). Nehmen Sie notwendige nderungen vor (nderung der Seitengre, Hinzufgen eines Logos oder einer Nachricht). Sie knnen das Vorlagendokument wie ein gewhnliches Dokument bearbeiten. Wenn Sie mit den nderungen zufrieden sind, whlen Sie "Datei" > "Vorlage speichern" und geben Sie einen Namen an.
Um Ihre neue Vorlage als Standardvorlage einzustellen (diese wird beim ffnen von Web Designer Premium oder beim Drcken von "Strg + N" geladen), aktivieren Sie beim Speichern die Option ALS VORLAGE BENUTZEN.
444
Lassen Sie nun in einem beliebigen Webbrowser eine Vorschau anzeigen. Am schnellsten geht das ber die Vorschau-Symbole und das MAGIX Web Designer 7 Premium-Vorschaufenster. Dort whlen Sie rechts oben den gewnschten Webbrowser. Der Reiter Ihrer Webseite wird nun, wie im Beispiel zu sehen, mit dem angepassten Symbol gezeigt.
Pro Website kann nur ein Favicon verwendet werden. Verffentlichen Sie die Website und rufen Sie sie auf, um das Favicon zu sehen. Tipp: Internet Explorer und Chrome zeigen das Favicon nicht an, wenn die Seite von der lokalen Festplatte geladen wird, wie das normalerweise der Fall ist, wenn Sie sich die Website-Vorschau ansehen. Firefox zeigt auch lokal das Favicon an, also testen Sie das Favicon am besten im Firefox. Die publizierte Site zeigt in allen Browsern das Favicon.
Mit der Schaltflche OK speichern Sie diese und schlieen den Dialog gleichzeitig. speichert die nderungen, der Dialog bleibt aber geffnet. So knnen Sie weitere nderungen vornehmen.
BERNEHMEN
445
446
Objektlasso-Modus
Hier stellen Sie die Standard-Einstellungen der Lasso-Auswahl ein. Sie knnen einstellen, dass Objekte ausgewhlt werden, die vom Auswahlrechteck berhrt werden oder nur solche, die sich vollstndig innerhalb dieses Rechtecks befinden.
Beschrnkungswinkel
Wenn bei gedrckter Strg-Taste ein Objekt bewegt oder gedreht wird, rastet es in einem Beschrnkungswinkel ein. Hier knnen Sie die mglichen Beschrnkungswinkel festlegen. Sie knnen entweder aus dem Men auswhlen oder einen Wert in Grad eingeben.
447
Schrittweite
SCHRITTWEITE
Der Wert im Textfeld bestimmt, wie weit die Objekte bei jedem Schritt verschoben werden. Wenn das Dokument Mastbe verwendet (z. B.: 1cm entspricht 1 Meter), dann wird der entsprechende Wert in diesem Textfeld angezeigt (Wenn Sie schrittweise verschieben, vergrern Strg und Umschalt die Abstnde relativ mal 5 und mal 10).
Abstand Duplizierung
BEARBEITEN > DUPLIZIEREN
(Strg+D) erstellt eine leicht vom Originalobjekt versetzte Kopie. In diese Textfelder wird der Versatzabstand der Kopie eingegeben. Bei Eingabe positiver Werte wird die Kopie rechts oder oberhalb des Originals erstellt. Bei negativen Werten wird die Kopie unterhalb oder links des Originals erstellt.
448
legt den Hauptabstand fr Raster und Lineal fest. Die Einheiten, die fr Raster und Lineal verwendet werden, werden von der Einheit dieses Hauptabstands definiert. Geben Sie also beispielsweise 2cm als Hauptabstand an, werden Raster- und Linealeinheiten in Zentimetern gerechnet, unabhngig von den Standardeinheiten, die Sie im Reiter Einheiten eingestellt haben. Anzahl der Unterteilungen des Hauptabstands.
ANZAHL UNTERTEILUNGEN:
Koordinatenrichtung
Hier stellen Sie die Richtung der Seitenkoordinaten ein.
Maus
Diese Seite beschreibt die Mouse tab des Dialoges unter Extras > Optionen.
Maustasten-Funktion
Web Designer Premium bietet einige Funktionen, die Sie sowohl fr die linke als auch die rechte Maustaste einstellen knnen. Linkshnder mchten mglicherweise die rechte Maustaste als primre Funktionstaste verwenden. Normaler Klick knnte dazu also auch der rechten Maustaste zugewiesen werden (Sollten Sie dies wollen, knnen Sie auch beide Tasten mit den gleichen Funktionen belegen). Belegungsoptionen:
449
Klicken Sie auf ZURCKSETZEN, um die ursprnglichen Einstellungen wiederherzustellen. Dies geschieht dann sofort, ohne dass Sie es mit OK oder BERNEHMEN besttigen mssen. In den Windows-Systemeinstellungen kann die Maustastenbelegung ebenfalls vertauscht werden.
450
Den Seiten Ihres Dokuments knnen in diesem Dialog unterschiedliche Seitengren zugeordnet werden, wenn die Option ALLE SEITEN DER WEBSITE IN DERSELBEN GRE nicht ausgewhlt ist. Whlen Sie eine der vorgegebenen Seitengren im Auswahlmen oder whlen Sie Benutzerdefiniert, um Ihre eigene Hhe und Breite einzugeben.
Sicherheitskopien
Der Reiter Sicherheitskopien des Optionen-Dialogs erlaubt Ihnen, die automatische Sicherheitskopie an- oder abzustellen. Diese Funktion speichert Kopien von allen genderten offenen Dokumenten in regelmigen Abstnden. Wir empfehlen, diese Option aktiviert zu lassen, damit Ihre Arbeit regelmig gesichert wird. Sie knnen dort auch auswhlen, ob Sie beim Schlieen des Programms eine Sicherheitsabfrage ber ungespeicherte nderungen bekommen wollen, oder ob stattdessen alle offenen Dokumente automatisch gesichert und beim nchsten Start wiederhergestellt werden sollen. Siehe Kapitel Arbeiten mit Dokumenten (auf Seite 93) fr ausfhrliche Informationen.
451
Vollbildmodus
Bei Web Designer Premium gibt es zwei Konfigurationen der Symbolleisten: Eine Konfiguration erscheint, wenn das Fenster in normaler Gre dargestellt wird. Die zweite Konfiguration erscheint, wenn Sie FENSTER > VOLLBILD auswhlen. Alle nderungen der einen Konfiguration (z. B. Gre ndern oder verschieben) wirken sich nicht auf die andere Konfiguration aus. nderungen an einzelnen Schaltflchen gelten sowohl im Normal- als auch im Vollbildmodus.
Neben dem Namen jeder Symbolleiste befindet sich ein Kstchen. Ein Hkchen zeigt an, dass die zugehrige Symbolleiste derzeit eingeblendet ist. Klicken Sie auf das Kstchen, um diese Leiste ein- oder auszublenden.
452
Angedockte Symbolleiste
Sie knnen eine freischwebende Symbolleiste entweder ber den o. g. Dialog SYMBOLLEISTEN oder ihr Schliefeld (x) ausblenden. Um eine Symbolleiste freischwebend zu machen, ziehen Sie sie einfach vom Fensterrand auf die Arbeitsflche oder aus dem Web Designer Premium-Fenster. Um eine Symbolleiste anzudocken, ziehen Sie sie ber den Fensterrand, die Menleiste oder eine andere Symbolleiste. Der Umriss einer freischwebenden Symbolleiste wird beim Ziehen zu einer Doppellinie. Diese ndert sich nach Andocken zu einer Einzellinie. Halten Sie die Strg-Taste gedrckt, um die Symbolleiste beim Verschieben immer freischwebend zu belassen.
Symbolleisten lschen
Sie knnen nur leere Symbolleisten lschen, daher verschieben Sie vor dem Lschen alle Symbole auf eine andere Leiste. Schlieen Sie die Symbolleiste (klicken Sie entweder auf SCHLIEEN oder verwenden Sie den Dialog SYMBOLLEISTEN ). Die Symbolleiste wird beim Schlieen von Web Designer Premium automatisch gelscht.
1. 2.
Bewegen Sie Ihren Mauszeiger ber die Schaltflche, die Sie bewegen wollen. Halten Sie Alt (die linke Alt-Taste) um Schaltflchen in Werkzeugleisten zu verschieben oder Alt Gr (die rechte Alt-Taste), um diese zu kopieren. In der vordefinierten Schaltflchen-Palette bewirken beide Alt-Tasten lediglich ein Kopieren der Schaltflche. 3. Ziehen Sie die Schaltflche zu: Einem anderen Ort auf derselben Symbolleiste.
453
Eine andere Symbolleiste. Oder aber auch auf die Arbeitsflche von Web Designer Premium um eine neue Symbolleiste zu erstellen.
Sie knnen von der Infoleiste keine Schaltflchen entfernen oder welche hinzufgen.
SYMBOLLEISTEN
454
Men Datei
Neu (Standardsymbolleiste oder Strg + N)
Erstellt ein neues Dokument.
455
Schlieen (Strg+W)
Schliet das aktuelle Dokument. Web Designer Premium wird nicht geschlossen. Es erscheint eine Warnmeldung, wenn die Datei nicht gespeicherte nderungen enthlt.
Speichern unter
Das Dokument kann unter einem anderen Namen und/oder an einem anderen Ort gespeichert werden.
Alles speichern
Speichert alle geladenen Dokumente.
Vorlage speichern
Speichert das aktuelle Dokument als Vorlage. Bitte lesen Sie hierfr das Kapitel Web Designer Premium anpassen (auf Seite 443).
Exportieren (Strg+Umschalt+E)
Sie knnen auch rechtsklicken und EXPORTIEREN whlen. Ermglicht Ihnen, das Dokument in einem beliebigen durch Web Designer Premium untersttztem Format zu exportieren (Siehe Importieren & Exportieren (auf Seite 427) fr eine List der Formate).
456
PNG exportieren
Auch in der Export-Werkzeugleiste. Sie knnen auch rechtsklicken und EXPORTIEREN > PNG EXPORTIEREN whlen. Lsst Sie die ausgewhlten Objekte, eine Seite oder das gesamte Dokument als PNG exportieren.
Website-Vorschau
Exportieren des aktuellen Website-Dokuments und Vorschau der Site. Das Dokument wird immer an denselben Ort wie beim letzten Mal exportiert (wobei ggf. Dateien berschrieben werden), bzw. in ein temporres Verzeichnis, wenn die Site noch nicht exportiert wurde. Anschlieend sehen Sie in einem Browser-Fenster die erste Seite der Website. So knnen Sie am schnellsten eine Vorschau der Website anzeigen. Dies geht auch, indem Sie die Schaltflche in der Web-Werkzeugleiste anklicken.
457
Website verffentlichen
Diese Option macht dasselbe wie die Schaltflche auf der Web-Werkzeugleiste. Zunchst wird die Website exportiert und anschlieend auf Ihrem Webspace verffentlicht. Falls Sie noch keine FTP-Verbindungsdaten eingegeben haben, wird zunchst der Reiter des WEB-EINSTELLUNGEN -Dialogs angezeigt. Anschlieend wird der Export-Dialog geffnet, falls Sie die Website noch nicht lokal exportiert haben. Dann wird die Website auf Ihren Webspace hochgeladen. Sie sehen whrenddessen einen Fortschrittsbalken. Lesen Sie das Kapitel Erste Schritte um weitere Informationen ber das Verffentlichen von Websites zu erhalten.
VERFFENTLICHEN
Flash-Vorschau
Diese Option kann nur ausgewhlt werden, wenn Sie an einem Animations-Dokument arbeiten. Ihre Animation wird dann als Flash exportiert und in einem Popup-Fenster angezeigt. Dort finden Sie auch einige Informationen ber Ihr Flash, wie die Dateigre. Sie erreichen diese Funktion schnell ber die Schaltflche auf der Animations-Werkzeugleiste.
Dokumenteigenschaften
Diese Option zeigt einen Infodialog zum ausgewhlten Dokument an, einschlielich der im aktuellen Dokument verwendeten Schriftarten.
Seitenoptionen
Sie knnen auch rechtsklicken und SEITENOPTIONEN auswhlen. Dort knnen Sie Seitenlayout, Gre usw. bearbeiten.
458
Druckoptionen
Hier lassen sich verschiedene Einstellungen einschlielich Ausrichtung und Gre vornehmen Weitere Informationen sind unter Drucken (auf Seite 421) zu finden.
Drucken (Strg + P)
Hier knnen Sie zuerst alle ntigen Einstellungen vornehmen und dann Ihr Dokument ausdrucken. Weitere Informationen sind unter Drucken (auf Seite 421) zu finden.
Beenden
Schliet alle Fenster und beendet Web Designer Premium. Sie werden gewarnt, falls nderungen noch nicht gespeichert wurden.
Men Bearbeiten
Rckgngig (Standardsymbolleiste oder Strg + Z)
Macht den letzten Vorgang rckgngig. Der weitere Wortlaut ist entsprechend der Aktion flexibel; z. B. RCKGNGIG AUSSCHNEIDEN. Lesen Sie dazu auch den Abschnitt Rckgngig & Wiederherstellen (auf Seite 110).
459
An Position einfgen
Dieselbe Funktion wie EINFGEN , mit der Ausnahme, dass das Objekt an derselben Stelle eingefgt wird, von der es kopiert wurde. Damit kann man sehr gut ein Objekt von einer Ebene oder Seite auf eine andere bewegen, ohne seine relative Position auf der Seite/Ebene zu ndern.
Format/Attribute einfgen
Behlt Formatierung (z.B. Schriftart und -gre) oder Stilattribute (z.B. Linien- und Fllfarbe) des eingefgten Objekts bei.
Position einfgen
Diese Aktion bertrgt die Position des kopierten Objekts in der Zwischenablage auf das aktuell ausgewhlte Objekt, das auf dieselbe Position verschoben wird wie das kopierte Objekt. Wenn mehrere Objekte in die Zwischenablage kopiert worden sind, behandelt Web Designer Premium sie so, als wren sie eine Gruppe und bewegt das aktuell ausgewhlte Objekt auf die Position der ganzen kopierten Gruppe. Das aktuell ausgewhlte Objekt wird auf die Mittelposition des kopierten Objekts bzw. der kopierten Objektgruppe verschoben oder dort eingefgt.
Gre einfgen
Diese Aktion bertrgt die Gre des kopierten Objekts in der Zwischenablage auf das aktuell ausgewhlte Objekt, das um seinen Mittelpunkt auf die genaue Gre des kopierten Objekts skaliert wird. Wenn mehrere Objekte in die Zwischenablage kopiert worden sind, behandelt Web Designer Premium sie so, als wren sie eine Gruppe und skaliert das aktuell ausgewhlte Objekt um seinen Mittelpunkt auf die genaue Gre der ganzen kopierten Gruppe.
Ersetzungs-Auswahl einfgen
Diese Funktion ist vergleichbar mit POSITION EINFGEN , nur dass das aktuell ausgewhlte Objekt durch das kopierte Objekt in der Zwischenablage ersetzt und die Position des gelschten Objekts beibehalten wird.
460
Klonen (Strg + K)
Verdoppelt das ausgewhlte Objekt wie DUPLIZIEREN , jedoch wird die Kopie direkt ber dem Original platziert.
Seiten
Sie knnen auch rechtsklicken und SEITEN whlen. Das Untermen fr Seiten erlaubt Ihnen, diese hinzuzufgen oder zu lschen, zu duplizieren oder nach oben oder unten zu verschieben. Lesen Sie auch detailliert ber mehrseitige Dokumente (auf Seite 89).
461
462
Ausrichtung (Strg+Umschalt+L)
Sie knnen auch rechtsklicken und AUSRICHTEN whlen. Wird zum Ausrichten von Objekten verwendet. Funktioniert bei ausgewhltem einzelnen Objekt nicht (Bitte lesen Sie das Kapitel Arbeiten mit Objekten (auf Seite 137) fr weitere Informationen).
463
Mehr dazu finden Sie im Kapitel Arbeiten mit Objekten (auf Seite 147).
Men Extras
Galerien Ebenen-Galerie (Galerie-Symbolleiste oder F10)
Blendet die EBENEN-GALERIE ein/aus. Lesen Sie dazu Objekt-Galerie und Ebenen (auf Seite 383).
464
Farbeditor (Strg+Umschalt+E)
Sie knnen auch rechtsklicken und FLLFARBE whlen. ffnet den FARBEDITOR (siehe Kapitel Arbeiten mit Farben).
Namen
Sie knnen auch rechtsklicken und NAMEN whlen. ffnet den Dialog Namen anwenden/entfernen (auf Seite 142).
Foto optimieren
Sie knnen auch rechtsklicken und FOTO OPTIMIEREN whlen. Bitmap-Auflsung zur Verwendung in MAGIX Web Designer 7 Premium optimieren. Siehe Foto-Optimierung (auf Seite 315) fr weitere Details.
Animation
Dieses Men ist nur in animierten Dokumenten verfgbar und bietet drei Optionen: Mit diesem Dialog knnen Sie die Eigenschaften fr die Animation sowie fr jeden Frame anpassen. VORSCHAU ALLER FRAMES : Zeigt alle Frames der Animation in der Vorschau. Bei Flash-Animationen ist das nicht sinnvoll, da nur die Keyframes ohne Zwischenschritte angezeigt werden. VORSCHAU DER ANIMATION IM BROWSER : Die Auswahl dieses Menpunkts erstellt ein animiertes GIF aus den Frames Ihres Dokuments und ffnet dieses in Ihrem Web-Browser damit Sie sehen knnen, wie es aussehen wird. Es gibt auf der Animations-Leiste eine Schaltflche fr den Schnellzugriff auf diese Option. VORSCHAU DER FLASH-ANIMATION IM BROWSER: Sie knnen anzeigen lassen, wie Ihre Animation nach dem Export in einem Browserfenster aussehen wrde. Benutzen Sie
ANIMATIONSEIGENSCHAFTEN :
465
Optionen (Strg+Umschalt+O)
Sie knnen auch rechtsklicken und SEITENOPTIONEN auswhlen. ffnet den Dialog OPTIONEN (beschrieben in Web Designer Premium anpassen (auf Seite 443)).
Men Fenster
Auswahl lschen/Aktuelle Attribute zurcksetzen (Esc)
Auswahl aller Objekte aufheben. Wurde nichts ausgewhlt, werden die aktuellen Attribute (auf Seite 61) zurckgesetzt. Dies geschieht ebenfalls, wenn Sie zweimal Esc drcken.
Mehrseitige Anzeige
Sie knnen auch rechtsklicken und MEHRSEITIGE ANZEIGE whlen. Standard ist, dass Web Designer Premium nur die aktuelle Seite des gerade geffneten Dokuments anzeigt. Mehrseitige Anzeige sorgt dafr, dass alle Seiten Ihres Dokuments angezeigt werden.
Neues Fenster
ffnet ein neues Fenster mit dem aktuellen Dokument.
Ansichten anordnen
Ordnet alle Web Designer Premium-Fenster nebeneinander an.
Animation
Anzeige der Animations-Werkzeugleiste in Animations-Dokumenten.
Scrollleisten anzeigen
Scrollleisten werden an der Seite und unten im Web Designer Premium-Fenster angezeigt.
466
Qualitt
Legt fest, wie die Objekte dargestellt werden. Lesen Sie dazu auch das Kapitel Arbeiten mit Dokumenten.
Dokumentenreiter anzeigen
Die Dokumentenreiter, mit denen Sie auf alle geffneten Dokumente zugreifen knnen, werden oben im Web Designer Premium-Fenster angezeigt. Durch Klicken auf einen Reiter wird ein Dokument ausgewhlt. Ein * nach dem Dokumentennamen heit, dass es noch nicht gespeicherte nderungen gibt.
Vollbild (8 im Ziffernblock)
Schaltet zwischen dem Vollbild- und Normalbildmodus um.
467
Geladene Dokumente
Unten im Men wird eine Liste der aktuell geladenen Dokumente angezeigt. Durch Klick auf einen Namen wird das dazugehrige Dokument ausgewhlt (mit Strg + F6 kann zwischen den geffneten Dokumenten hin- und hergeschaltet werden). Ein * nach dem Dokument zeigt an, dass es ungespeicherte nderungen gibt.
Men Hilfe
MAGIX Web Designer 7 Premium Hilfe
Mit diesem Befehl ffnen Sie die Startseite der Programmhilfe. Von dort aus knnen Sie die Hilfe Schritt fr Schritt durcharbeiten und ber die Baumstruktur auf der rechten Seite zu bestimmten Kommandos springen.
Hilfe
Dieser Befehl ist an fast allen Stellen des Programms verfgbar und ruft die Programmhilfe mit dem passenden Themeneintrag auf. Nutzen Sie diesen Befehl, um Hilfe ber irgendeine Funktion von MAGIX Web Designer 7 Premium zu erhalten. Tastaturkrzel: F1
Filme
ffnet eine Webseite, auf der Tutorialvideos fr Web Designer Premium zu sehen sind.
Programm aktualisieren
Es wird online nach Programmaktualisierungen gesucht. Zunchst wird Ihnen angezeigt, ob es eine neue Version von MAGIX Web Designer 7 Premium gibt, auf die Sie umsteigen knnten. Anschlieend wird, wenn Sie das Programm registriert haben, nach einer Programmaktualisierung Ihrer Version gesucht. Gibt es eine Aktualisierung, wird diese automatisch heruntergeladen und anschlieend installiert. Das Programm wird dazu automatisch geschlossen und wieder neu gestartet.
468
Affiliate-Programm
Sollten Sie sich nicht beim Freischalten von MAGIX Web Designer 7 Premium fr das Affiliate-Programme angemeldet haben, knnen Sie ber diese Option dem Programm beitreten. Der Affiliate-Dialog mit Informationen ber das Programm ffnet sich. Sie knnen ber Ihre MAGIX Web Designer 7 Premium-Website Geld verdienen oder das Geld einer wohlttigen Organisation spenden. Whlen Sie einfach eine der drei Optionen.
Info-Popups
Sie knnen Tooltips mit Popup-Informationen anzeigen lassen, die erscheinen, wenn Sie mit der Maus ber Werkzeugleisten, Schaltflchen, die Farbleiste und andere Elemente fahren.
Registrieren
Registrieren Sie Ihr Produkt online bei MAGIX, um kostenlose Programmaktualisierungen herunterladen zu knnen und ber Angebote und Neuigkeiten informiert zu werden.
469
Zoom-Werkzeug
Galerien
Designs-Galerie Fll-Galerie Frame-Galerie Ebenen-Galerie Bitmap-Galerie Linien-Galerie Umschalt + F10 Umschalt + F11 Umschalt + F12 F10 F11 F12
Zoomen
Vorheriger Zoom Zoom auf Auswahl Zoom auf Zeichnung Zoom auf Seiten Hineinzoomen (vergrern) Herauszoomen (verkleinern) Auf 100 % zoomen Auf 200 % zoomen Auf 300 % zoomen Auf 400 % zoomen Auf 50 % zoomen Strg + R Strg + Umschalt + Z Strg + Umschalt + J Strg + Umschalt + P Strg + '+' auf dem Ziffernblock Strg + '+' auf dem Ziffernblock 1 2 3 4 5
Mit dem Mausrad knnen Sie bei gehaltener Strg-Taste zoomen und das Dokument umherschieben (Mausrad zum Verschieben halten).
Objekte bearbeiten
Befinden Sie sich im Textwerkzeug, haben Tastaturkrzel, die hier mit einem * gekennzeichnet sind, eine andere Funktion als normalerweise (siehe weiter unten).
470
Ausgewhltes Objekt bewegen (im Auswahlwerkzeug): Pfeiltasten. Lesen Sie bitte auch Objekte schieben (auf Seite 115). Ausgewhlter Objektanfasser bewegen (in anderen Werkzeugen als dem Auswahlwerkzeug): Pfeiltasten.
Dokumente bearbeiten
Befinden Sie sich im Textwerkzeug, haben Tastaturkrzel, die hier mit einem * gekennzeichnet sind, eine andere Funktion als normalerweise (siehe weiter unten).
471
Text-Werkzeug
Text-Cursor nach links, rechts, hoch oder runter um jeweils einen Buchstaben bewegen. Text-Cursor an den Anfang der Zeile bewegen. Text-Cursor an das Ende der Zeile bewegen. Text-Cursor jeweils ein Wort nach links oder rechts bewegen. Text-Cursor an den Anfang der ersten Zeile bewegen. Text-Cursor an das Ende der letzten Zeile bewegen Alles in einem Textobjekt markieren. Text fett drucken. Text kursiv laufen lassen. Markierten Text in die Zwischenablage kopieren. Die Zeile, in der sich der Text-Cursor befindet, markieren. Blindtext einfgen (Lorem Ipsum). Text am Text-Cursor einfgen (wenn Text in der Zwischenablage ist). Den Buchstaben rechts des Text-Cursors zum Grobuchstaben ndern. Trennungsstrich einfgen (nur bei Zeilenumbruch). Pfeiltasten
Pos1 Ende Strg + Pfeiltaste links/rechts Strg + Pos1 Strg + Ende. Strg + A Strg + B Strg + I Strg + C Strg + L Strg + Umschalt + L Strg + V Strg + W Strg + -
472
Rcktaste
TM
Strg + Ziffernblock '-' Strg + Alt + Ziffernblock '-' Strg + Alt + . (Punkt) Strg + Alt + C Strg + Alt + R Strg + Alt + T Strg + Alt + B
Sonstiges
Farbeditor Optionsdialog ffnen Masken-Modus an Maske invertieren Maske entfernen MAGIX Web Designer 7 Premium Hilfe Strg + E (zum ffnen und Schlieen) Strg + Umschalt + O Strg + M Strg + Umschalt + I Strg + D F1
Juristisches
473
Juristisches
Copyright
Die vorliegende Dokumentation ist urheberrechtlich geschtzt. Alle Rechte, insbesondere das Recht der Vervielfltigung und Verbreitung sowie der bersetzung, bleiben vorbehalten. Kein Teil dieser Publikation darf ohne schriftliche Genehmigung des Urheberrechtsinhabers in irgendeiner Form durch Fotokopie, Mikrofilm oder andere Verfahren reproduziert oder in eine fr Maschinen, insbesondere Datenverarbeitungsanlagen, verwendbare Sprache bertragen werden. Smtliche Wiedergaberechte bleiben vorbehalten. Irrtum und inhaltliche nderungen sowie Programmnderungen vorbehalten. Xara ist ein eingetragenes Warenzeichen der Xara Group Ltd. Xara Group Ltd. Ist ein Konzernunternehmen der MAGIX AG MAGIX ist eine eingetragene Marke der MAGIX AG. Bei den brigen genannten Produktnamen kann es sich um eingetragene Marken des jeweiligen Herstellers handeln. This product uses MAGIX patent pending technology. Copyright Xara Group Ltd., 1994-2011. All rights reserved.
474
Juristisches MAGIX Web Designer 7 Premium End User License Agreement (EULA)
2011 Xara Group Ltd
WICHTIGER HINWEIS: Das Urheberrecht an der Software MAGIX Web Designer 7 Premium (Software) liegt bei der Xara Group Limited (Xara) mit Hauptsitz Gaddesden Place, Hemel Hempstead, Herts, HP2 6EX, United Kingdom. Die Software darf ohne Lizenz von Xara weder kopiert noch auf einem Rechner gespeichert werden. Ihnen wird eine Lizenz gem der nachstehenden Lizenzvereinbarung (EULA) eingerumt. Wenn Sie die Lizenzbedingungen akzeptieren, klicken Sie bitte auf Annehmen. Durch Klicken auf Annehmen und die Installation der Software besttigen Sie Ihr Einverstndnis mit den Bedingungen der EULA. Bitte lesen Sie sich daher vor Installation der Software die Lizenzbedingungen sorgfltig durch. Wenn Sie mit den Lizenzbedingungen nicht einverstanden sind, drfen Sie die Software nicht installieren. Wenn Sie diese Bedingungen nicht akzeptieren und Sie die Software gekauft haben, knnen Sie innerhalb von 14 Tagen die CD-ROM mit der Software unverwendet und in einwandfreiem Zustand zurckgeben bzw. im Falle eines Downloads eine schriftliche Besttigung, dass die Software zerstrt wurde, zusammen mit dem Kaufnachweis einreichen um den vollen Betrag rckerstattet zu bekommen. MAGIX WEB DESIGNER END USER LICENSE AGREEMENT (EULA) Sie drfen: 1. die Software laden oder herunterladen und sie auf einem einzelnen Computer benutzen (es sei denn, Sie haben eine Netzwerklizenz erworben, setzen Sie sich dazu mit der Vertriebsabteilung ber www.magix.com in Verbindung); davon abgesehen drfen Sie 2. die Software von einem Computer auf einen anderen bertragen, wenn Sie sicherstellen, dass sie nur von Ihnen und nur auf einem PC gleichzeitig verwendet wird. Die Kopie muss ebenfalls das Xara Copyright enthalten; 3. die Software (gemeinsam mit der zugehrigen Dokumentation) und diese Lizenz auf eine andere Person bertragen. Dies gilt aber nur unter der Voraussetzung, dass diese Person den Bedingungen dieses Vertrages zugestimmt hat und Sie gleichzeitig alle vorhandenen Kopien der Software dieser Person bergeben oder zerstren. Wenn der Erwerber diesen Bedingungen nicht zustimmt, erlischt die Lizenz automatisch. Beim Veruerer verbleiben nach Abschluss der bertragung keine der durch diesen Vertrag eingerumten Rechte an der Software. Sie drfen nicht:
Juristisches
(a) die Software auf einem Computer oder System benutzen, auf das ein elektronischer Zugriff von mehr als einem Benutzer mglich ist (es sei denn, Sie haben eine Netzwerklizenz erworben, setzen Sie sich dazu mit der Vertriebsabteilung ber www.magix.com in Verbindung); (b) die Software vermieten, verleasen, sublizenzieren, verleihen, kopieren (es sei denn, dieser Vertrag erlaubt dies ausdrcklich), verndern, anpassen, vermengen, bersetzen, nachahmen, dekompilieren, disassemblieren oder Derivate erzeugen, die auf der Software, Teilen hiervon oder der zugehrigen Dokumentation basieren, es sei denn, dies ist gesetzlich zulssig; (c) die Software in jeglicher Weise benutzen, reproduzieren oder mit ihr handeln, soweit es diese Vereinbarung nicht ausdrcklich erlaubt. LAUFZEIT Die Lizenz endet, wenn Sie die Software und deren Dokumentation gemeinsam mit allen Kopien zerstren. Sie erlischt ebenfalls bei Nichteinhaltung dieser Vereinbarung. Sie erklren sich bereits jetzt damit einverstanden, nach Beendigung alle Kopien der Software und die zugehrige Dokumentation zu zerstren, inklusive smtlicher Versionen, die auf Festplatten Ihrer Computer gespeichert sind. Wenn Sie eine Testversion (Trial Version) der Software benutzen, dann erlschen smtliche Rechte zur Nutzung der Software oder der hiermit erzeugten Bilddateien mit Ablauf der Testphase. EIGENTUM Sie besitzen lediglich das Eigentum an der CD-ROM (oder dem zulssigen Ersatzdatentrger), auf der die Software geliefert wurde, wenn sie nicht herunter geladen wurde. Sie drfen eine solche CD-ROM auch nach Beendigung behalten, vorausgesetzt die hierauf befindliche Software wurde vom Computer gelscht. Xara bleibt zu jedem Zeitpunkt Eigentmer der Software auf der Original-CD-ROM und aller Kopien davon. Diese Vereinbarung bezieht sich nur auf die Vergabe der Lizenz, nicht auf den Kaufvertrag ber die CD-ROM. BEINHALTETER ONLINE-ZUGRIFF AUF SOFTWARE DRITTER Die Software bietet evtl. Online-Zugriff auf Software Dritter, z. B. Widgets oder Gadgets, die von Dritten online angeboten werden. Dieser Zugriff kann nur gewhrt werden, wenn Ihr PC mit dem Internet verbunden ist. Wenn Sie diesen Lizenzbedingungen zustimmen, stimmen Sie auch zu, dass die Software solchen Zugriff auf Software Dritter gewhren knnte. Um dies klarzustellen: Xara ist weder Besitzer dieser Software Dritter noch bernimmt Xara irgendeine Verantwortung und/oder Haftung fr solche Software Dritter. Xara garantiert vor allem nicht die Verfgbarkeit der Software Dritter. EINSCHRNKUNGEN Diese Lizenz umfasst das Recht, mit der Software erzeugte Bilddateien zu verffentlichen, zu verbreiten und auszustellen und die in der Software enthaltenen Vorlagen, Fotos, Schriftarten und Fllungen mit folgenden Einschrnkungen einzuarbeiten:
475
476
Juristisches
1. Die Vorlagen, Grafiken, Fotos und Schriftarten, die mit der Software mitgeliefert werden, drfen nicht als Teil einer Bildsammlung neu vertrieben, verkauft oder verffentlicht werden. Dies gilt insbesondere, jedoch nicht ausschlielich, fr Sammlungen von Templates, Cliparts, Schriftarten, Texturen oder Fotos, egal ob auf Websites oder auf Datentrgern wie CDs oder Disketten. Sie drfen auch kein Teil eines anderen Produktes sein, weder kommerziell noch anderweitig. Unabhngig von den vorherigen Ausfhrungen, drfen Sie die Vorlagen, Grafiken, Fotos oder Schriftarten als Teil einer Website, die mit Web Designer Premium fr Sie selbst oder Ihre Kunden erstellt wurde, verwenden. 2. Die in den Vorlangen der Software enthaltenen Fotos drfen fr private Zwecke verwendet und verteilt werden; jegliche kommerzielle Nutzung erfordert jedoch einen Kauf einer erweiterten Lizenz von Xara oder seinen Lizenzgebern. Fr Einzelheiten wenden Sie sich bitte an XARA Group Limited. 3. Copyright-Hinweise im HTML, Javascript oder anderem Code, der aus der Software exportiert wird, drfen nicht entfernt oder verndert werden. 4. Einige Schriftarten und Cliparts werden von Dritten zur Verfgung gestellt, die sich ihre Rechte als Urheber vorbehalten haben. In allen Fllen verbliebt das Urheberrecht bei Xara oder deren Lizenzgebern und wird durch internationales Urheberrecht geschtzt. 5. Die in dieser Software enthaltenen und mit dieser Software erstellten Bilddateien drfen nicht fr gesetzlich verbotene Zwecke genutzt werden. 6. In Anbetracht der oben aufgefhrten Beschrnkungen, drfen Sie Websites fr sich selbst oder Ihre Kunden erstellen. GEWHRLEISTUNG UND HAFTUNG 1. Xara gewhrleistet fr einen Zeitraum von 90 Tagen ab Kaufdatum, dass der Datentrger, auf dem die Software ausgeliefert wurde, bei blicher Nutzung fehlerfrei in Bezug auf Material und Beschaffenheit ist. Wenn whrend dieses Zeitraums bei einer CD ein Defekt auftritt, knnen sie die CD Ihrem Verkufer zurckgeben und erhalten von diesem kostenfrei Ersatz. 2. Xara gewhrleistet, dass die Software grundstzlich gem der beiliegenden Dokumentation brauchbar ist (vorausgesetzt, dass die Software auf dem Computer ordnungsgem und unter dem Betriebssystem, fr das sie ausgelegt ist, genutzt wird). Wenn Xara ein wesentlicher Fehler in der Software innerhalb eines Zeitraums von 90 Tagen ab Kaufdatum mitgeteilt wird, wird Xara nach eigenem Ermessen entweder einen solchen Fehler innerhalb angemessener Zeit korrigieren (auch durch Ersatzlieferung, wenn Xara eine solche whlt) oder den Kaufpreis zurckerstatten (gegen Rckgabe der Software und Dokumentation). 3. Die in o. g. Abstzen 1 und 2 genannte Gewhrleistung steht anstelle aller Gewhrleistungsbedingungen oder sonstigen genannten Bedingungen oder gesetzlich vorgeschriebenen oder sonstigen Bestimmungen, die hierdurch in vollem Mae, soweit gesetzlich zulssig, ausgeschlossen werden. Die in den Ziffern 1 und 2 genannten Ansprche stellen zudem die alleinigen Gewhrleistungsansprche gegenber Xara dar. 4. Insbesondere gewhrleistet Xara nicht, dass die Software Ihren persnlichen Anforderungen gengt oder dass die Software ununterbrochen oder fehlerfrei arbeitet oder dass alle Fehler korrigiert werden knnen. Das Laden und die Nutzung der Software geschieht auf eigenes Risiko. In keinem Fall haftet Xara fr Schden oder Verlust jeglicher Art, unabhngig davon, ob diese fahrlssig oder auf andere Weise verursacht werden (mit Ausnahme von Personenschden oder Todesfllen, die von Xara fahrlssig verursacht werden), einschlielich entgangenem Gewinn sowie mittelbaren und unmittelbaren Folgeschden, die durch die Nutzung oder Nichtnutzbarkeit der Software oder durch
Juristisches
Fehler oder Mngel innerhalb der Software hervorgerufen werden, es sei denn, eine solche Haftung ist in dieser Vereinbarung ausdrcklich vorgesehen VERBRAUCHER Nichts in dieser Vereinbarung soll Ihre gesetzlich vorgeschriebenen Rechte als Verbraucher berhren. LIZENZBESTIMMUNGEN ANDERER HERSTELLER Sollte das Lizenzprodukt eine zustzliche Software enthalten oder dieser eine zustzliche Software beigelegt sein - z.B. JQuery (oder hnliche) Widgets oder Gadgets-, sind auerdem die Nutzungs- und Lizenzbedingungen des Herstellers von der zustzlich mitgelieferten Software zu beachten. Diese zustzlichen Lizenzbestimmungen wedren angezeigt, wenn die zustzliche Software konfiguriert wird oder auf der Website des Widgetanbieters, wenn das Widget ber eine solche Seite konfiguriert wird. RECHT Diese Vereinbarung unterliegt englischem Recht. Wenn Sie Fragen zu dieser Vereinbarung haben, schreiben Sie bitte an Xara Group Limited, Gaddesden Place, Hemel Hempstead, Herts, HP2 6EX, United Kingdom.
477
Danksagungen
Die Schriftart Geotype wurde freundlicherweise von Gary Bouton zur Verfgung gestellt und bleibt dessen Eigentum. Gary Bouton, siehe www.theboutons.com. Einige Schriftarten: Copyright FontBank Inc. Alle Rechte vorbehalten. Andere Schriftarten und Clip-Arts werden von Dritten zur Verfgung gestellt, die sich ihre Rechte als Urheber vorbehalten haben. In allen Fllen verbleibt das Urheberrecht bei Xara oder deren Lizenzgebern und wird durch internationales Urheberrecht geschtzt. Xara ist ein eingetragenes Warenzeichen der Xara Group Ltd. Der Inhalt dieser Dokumentation und die dazugehrige Software MAGIX Web Designer 7 Premium sind Eigentum der Xara Group Ltd und urheberrechtlich geschtzt. Vervielfltigung, auch von Teilen hiervon, ist streng verboten. Wenden Sie sich fr weitere Kopien bitte an die Xara Group Ltd (http://www.xara.de). MAGIX Web Designer 7 Premium Lizenzbedingungen. Die Teile von Microsoft MSVC und MFC, die weiter verbreitet werden drfen (Redistributables), unterliegen dem Urheberrecht der Microsoft Corporation. Windows und Internet Explorer, Windows und Windows Vista sind entweder Markenzeichen oder eingetragene Warenzeichen der Microsoft Corporation in den USA und/oder anderen Lndern. Adobe, Encapsulated PostScript, Illustrator, Photoshop, Flash, Dreamweaver, Fireworks, Freehand, Flash und Type Manager sind entweder eingetragene Handelsmarken oder Marken von Adobe Systems Incorporated in den USA und/oder anderen Lndern. MAGIX ist eine eingetragene Marke der MAGIX AG.
478
Juristisches
Apple, Macintosh und TrueType sind eingetragene Marken von Apple Computer, Inc. Corel, CorelDraw und Paintshop Pro sind entweder Markenzeichen oder eingetragene Warenzeichen der Corel Corporation. MAGIX Web Designer 7 Premium benutzt den Mersenne Twister Zufallszahlen-Genarator , Copyright (C) 1997 - 2002, Makoto Matsumoto and Takuji Nishimura, and 2000 - 2003, Richard J. Wagner. . Alle Rechte vorbehalten. Weitere Angaben zum Urheberrecht sind in der Datei MTRand.txt zu finden, die sich im Ordner HelpAndSupport Ihrer MAGIX Web Designer 7 Premium-Installation befindet. Ein Teil des Programmcodes unterliegt dem Urheberrecht 1996 Silicon Graphics Computer Systems, Inc. Weitere Angaben zum Urheberrecht sind in der Datei sg.txt im Ordner HelpAndSupport Ihrer MAGIX Web Designer 7 Premium-Installation zu finden. Ein Teil des Programmcodes ist 1994 Hewlett-Packard Company. Weitere Angaben zum Urheberrecht sind in der Datei MTRand.txt zu finden, die sich im Ordner HelpAndSupport Ihrer MAGIX Web Designer 7 Premium-Installation befindet. Einige Import- und Exportfilter (einschlielich PDF) verwenden Farbprofile von Adobe Systems Inc. Die Lizenzvereinbarung befindet sich im Ordner Filters\pdfxfilter\icc Ihrer Web Designer Premium-Installation. Diese Software basiert zum Teil auf der Arbeit der Independent JPEG Group. MAGIX Web Designer 7 Premium verwendet die zlib compression library www.zlib.net MAGIX Web Designer 7 Premium benutzt die ImageMagick Bibliothek Copyright 1999-2007 ImageMagick Studio LLC www.imagemagick.org http://www.imagemagick.org. Siehe Lizenzdatei ImageMagick.txt im Ordner HelpAndSupport Ihrer Web Designer Premium Installation.. Web Designer Premium's Rechtschreibprfung basiert auf der Open Source Hunspell Bibliothek, diese wird ohne Modifikationen unter der Mozilla Public License Version 1.1 genutzt. Sie finden eine Kopie der Mozilla Public License in der Datei MPL1.1.txt im "dict"-Ordner ihrer Web Designer Premium-Installation und eine Kopie des Hunspell Quellcodes unter http://hunspell.sourceforge.net/ http://hunspell.sourceforge.net/. Die MAGIX Web Designer 7 Premium Distribution enthlt verschiedene Sprachwrterbcher die unter verschiedenen abweichenden Lizenzen von der Rechtschreibprfung genutzt werden. Siehe dazu die Textdateien im "dict"-Ordner Ihrer MAGIX Web Designer 7 Premium-Installation zu Details der verschiedenen Lizenzen. Das Russisch-Wrterbuch ist Copyright (c) 1997-2008, Alexander I. Lebedev. Siehe README_ru_RU.txt im im "dict"-Ordner Ihrer MAGIX Web Designer 7 Premium-Installation fr Details und Lizenz. Alle anderen Marken und eingetragenen Warenzeichen sind Eigentum der entsprechenden Eigentmer.
Index
479
Index
3
3D-Extrusionsattribute kopieren.............................................................................. 344 3D-Extrusions-Werkzeug........................................................................................ 339
A
About MAGIX Web Designer 7 Premium ................................................................. 468 Absatz-Abstand ..................................................................................................... 222 Abstand Duplizierung ............................................................................................. 447 Abtnung, Schattierung oder verknpfte Farbe herstellen ........................................ 194 Abtnungen ........................................................................................................... 193 Abweisen und Verankern........................................................................................ 462 Affiliate-Programm ................................................................................................. 468 Aktuelle Attribute (Stile)............................................................................................. 61 Aktuelle Ebene ....................................................................................................... 389 Aktuelle Ebene immer sichtbar und bearbeitbar....................................................... 445 Aktuelle Seite ........................................................................................................... 89 Alle anzeigen & Alle entsperren ............................................................................... 395 Alle JPEGs optimieren ............................................................................................ 464 Alle Objekte auswhlen .......................................................................................... 113 Alle Schaltflchen gleich breit halten ....................................................................... 348 Alles markieren (Strg + A) ....................................................................................... 460 Alles speichern....................................................................................................... 455 Alles speichern (im Men.......................................................................................... 92 Allgemein............................................................................................................... 445 Allgemeine Anmerkungen zum Exportieren und Importieren ..................................... 428 Als AVI exportieren ................................................................................................. 433 Als Flash exportieren .............................................................................................. 432 Alternatives inhaltsabhngiges Skalieren ................................................................. 335 Am Anfang einer Linie: ........................................................................................... 159 An Hilfslinien ausrichten (Ziffernblock 2)................................................................... 466 An Objekten ausrichten .......................................................................................... 131 An Objekten ausrichten (Ziffernblock *).................................................................... 466 An Raster ausrichten .............................................................................................. 129 An Raster ausrichten (Ziffernblock ,)........................................................................ 466 Andere Bitmaps (auer JPEG) ................................................................................ 406 ndern der Verbindungsart von Kanten................................................................... 259 ndern des leeren Vorlagendokuments ................................................................... 443 ndern Sie den Zoomwert ber die Infoleiste/Werkzeugleiste..................................... 87 nderung der Schriftart fr die Schaltflchen........................................................... 353 Anfasser/Auflsung ................................................................................................ 253 Anfhrungszeichen................................................................................................. 207 Angedockte und freischwebende Symbolleisten ...................................................... 451 Angewendete Namen............................................................................................. 143 Angleichen des linken und rechten Textrands an eine Kurve .................................... 205
480
Index
Animation .............................................................................................. 420, 464, 465 Animation erstellen .................................................................................................419 Animation exportieren.............................................................................................419 Animation ffnen ....................................................................................................419 Animationen als AVI exportieren..............................................................................403 Animationsgeschwindigkeit.....................................................................................409 Animierte GIFs .......................................................................................................378 Animierte GIFs erstellen ..........................................................................................419 Animiertes GIF exportieren......................................................................................457 Ankerpunkt anzeigen..............................................................................................218 Ankerpunkt entfernen .............................................................................................218 Ankerpunkt neu hinzufgen ....................................................................................158 Ankerpunkte bewegen............................................................................................160 Ankerpunkte lschen..............................................................................................160 Anklickbare Objekte und MouseOver-Effekte...........................................................417 Anklickbarer Bereich ..............................................................................................270 Anmerkungen zur Inhaltsbasierten Skalierung..........................................................336 Ansichten anordnen ...............................................................................................465 Anwendung einer gleichmigen Transparenz .........................................................247 Anwendung einer Transparenz auf mehrere Objekte ................................................253 Anwendung einer Verlaufstransparenz.....................................................................247 Anwendung von Fll- und Linienfarben per Drag & Drop ..........................................184 Anzahl Kopien ........................................................................................................423 Anzeige des Schrittinhalts in der Seiten- & Ebenen-Galerie ......................................371 Anzeigequalitt fr Fotos ........................................................................................303 Arbeiten mit Dokumenten .........................................................................................80 Arbeiten mit Farben ................................................................................................182 Arbeiten mit Formen ...............................................................................................170 Arbeiten mit Fotos ..................................................................................................292 Arbeiten mit Objekten.............................................................................................111 Arbeiten mit Text ....................................................................................................196 Attribute auf gesamten Flietext anwenden .............................................................224 Auf allen Seiten wiederholen (Strg + Alt + Umschalt + R)..........................................463 Auf eine Ebene weiter hinten (Symbolleiste Anordnen oder Strg+Umschalt+D)..........461 Auf eine Ebene weiter vorne (Symbolleiste Anordnen oder Strg+Umschalt+U) ..........461 Auf nchster/vorherigen Prsentationsschritt verlinken.............................................367 Aufzhlung (Liste) ...................................................................................................220 Aufzhlungen und Nummerierte Listen ......................................................................50 Ausgabe in Datei ....................................................................................................423 Ausgangsgre des Fotos......................................................................................296 Ausgewhltes Dokument und Titelleiste ....................................................................83 Ausklappleisten ........................................................................................................24 Ausrichten .............................................................................................................139 Ausrichten an Rastern und Linienbreiten .................................................................130 Ausrichtung ........................................................................................... 137, 347, 348 Ausrichtung (Strg+Umschalt+L) ..............................................................................462 Ausschneiden (Symbolleiste bearbeiten oder Strg + X).............................................458 Ausschneiden, Kopieren und Einfgen ....................................................................116 Ausschneiden, Kopieren, Lschen ..........................................................................263 Ausschnitte animieren ............................................................................................408 Auswahl erweitern ..................................................................................................112
Index
Auswahl lschen/Aktuelle Attribute zurcksetzen (Esc) .................................... 460, 465 Auswahlbegrenzungsanfasser ................................................................................ 114 Auswhlen und Ebenen.......................................................................................... 113 Auswahlmarker ...................................................................................................... 113 Auswahl-Werkzeug .................................................................................................. 27 Automatisch ausrichten .......................................................................................... 426 Automatische Platzhaltererstellung.......................................................................... 376 Automatische Platzhaltererstellung abschalten ........................................................ 380 Automatische Sicherheitskopien ......................................................................... 54, 93 Automatisches Ausrichten (Snapping) ..................................................................... 129 Automatisches Verlinken von Seiten........................................................................ 349 Auto-Optimieren .................................................................................................... 325
481
B
Bearbeiten auf der Seite ......................................................................................... 353 Bearbeiten innen .................................................................................................... 356 Bearbeitungen, die die Maske verwenden ............................................................... 262 Bedienelemente ..................................................................................................... 436 Beenden................................................................................................................ 458 Begrenzung der Linie ............................................................................................. 162 Beim Zeichnen lschen .......................................................................................... 150 Beispiel Ein Foto verkleinern und als neues JPEG speichern ............................................. 305 Beispielgrafiken........................................................................................................ 67 Bemerkungen zum Foto-Werkzeug......................................................................... 329 Benannte Farben bearbeiten .................................................................................. 191 Benannte Farben fr Frames/Ebenen lokal verfgbar machen.................................. 192 Benannte Farben importieren ................................................................................. 192 Benannte Farben lschen....................................................................................... 191 Benannte Farben umbenennen............................................................................... 191 Benennung des Hilfsverzeichnisses........................................................................... 92 Benutzerdefiniert .................................................................................................... 427 Benutzerdefinierte Arten von Tabulatoren................................................................ 212 Benutzerdefinierte Tabulatoren ............................................................................... 212 Benutzer-Wrterbuch............................................................................................. 208 Bereiche aus einer Galerie lschen ......................................................................... 108 Beschleunigen und Verlangsamen .......................................................................... 416 Beschneiden-Bereich bearbeiten ............................................................................ 328 Beschneidung entfernen......................................................................................... 327 Beschneidungs-Werkzeug...................................................................................... 326 Beschrnkungswinkel............................................................................................. 446 Besondere Ebenen ................................................................................................ 394 Bestehende Objekte in einem Schritt ersetzen......................................................... 365 Bestehende Website/Web-Dokument in eine Prsentation umwandeln. ................... 362 Bezugsfarbe bearbeiten ......................................................................................... 195 Bild........................................................................................................................ 277 Bilddateien auswechseln ........................................................................................ 430 Bilder aus der Galerie lschen ................................................................................ 300 Bilder beschneiden und freistellen........................................................................... 326
482
Index
Bilder optimieren ....................................................................................................337 Bilder von einer Website importieren .......................................................................432 Bildschirmaufnahme-Funktion.................................................................................309 Bildschirmraster .......................................................................................................96 Bildunterschriften ...................................................................................................280 Bitmap als Seitenhintergrund einstellen ...................................................................300 Bitmap-Eigenschaften ............................................................................................300 Bitmapformate exportieren .....................................................................................433 Bitmap-Fllung einfrben........................................................................................235 Bitmap-Fllungen ...................................................................................................234 Bitmap-Fllungen ersetzen .....................................................................................235 Bitmap-Galerie .......................................................................................................298 Bitmapgre ..........................................................................................................439 Bitmap-Qualitt ......................................................................................................407 Bitmaps .................................................................................................................253 Bitmap-Transparenz einstellen ................................................................................300 Blindtext einfgen...................................................................................................207 Bodenschatten.......................................................................................................242 Breite / Hhe .........................................................................................................328 Breite der Textspalte ndern...................................................................................202 Button Bars (NavBars) ..............................................................................................60 Buttons, Banner und andere Webgrafiken erzeugen ..................................................75
C
ClipAnsicht ............................................................................................................262 Copyright...............................................................................................................473
D
Danksagungen.......................................................................................................477 Darstellungsqualitt ..................................................................................................98 Das Auswahl-Werkzeug..........................................................................................111 Das Freihand- & Pinselwerkzeug.............................................................................149 Das Linien- und Pfeil-Werkzeug ........................................................................ 63, 154 Das MAGIX Web Designer 7 Premium-Programmfenster ...........................................82 Das Textwerkzeug..................................................................................................197 Das Verzerren-Werkzeug ........................................................................................125 Dateien exportieren ................................................................................................432 Dateien importieren ................................................................................................430 Dateityp fr Webbilder ............................................................................................281 Dehnbare Objekte ....................................................................................................54 Dehnen und Stauchen von Objekten .......................................................................123 Dem Seitenkopf Code hinzufgen ...........................................................................286 Der Farbeditor........................................................................................................186 Design-Galerie .......................................................................................................441 Dialog Eigenschaften der Navigationsleiste ..............................................................347 Diamant-Fllungen .................................................................................................233 Die Anzeigen............................................................................................................85 Die Fll-Galerie.......................................................................................................238
Index
Die MouseOff und MouseOver Ebenen ..................................................................... 70 Die Oberkante der Seite versetzen ............................................................................ 39 Die Prsentations-Werkzeugleiste ........................................................................... 360 Die sechs Kerntransformationen der Animation. ...................................................... 398 Die Statuszeile ......................................................................................................... 84 Die ursprnglichen Werkzeugleisten/Galerien zurcksetzen ..................................... 109 Diese Angaben mit aktuellem Dokument speichern ................................................. 288 Dokument schlieen................................................................................................. 93 Dokument soll eine Website sein ............................................................................ 446 Dokumente bearbeiten ........................................................................................... 470 Dokumente speichern .............................................................................................. 91 Dokumenteigenschaften......................................................................................... 457 Dokument-Eigenschaften ......................................................................................... 20 Dokumentenreiter anzeigen .................................................................................... 466 Dpi beim Export ..................................................................................................... 435 Drehen mit der Maus.............................................................................................. 120 Drehung ................................................................................................................ 411 Dreifarb-Fllungen.................................................................................................. 233 Drittel-Regel........................................................................................................... 327 Druckeinstellungen................................................................................................. 458 Drucken......................................................................................................... 421, 422 Drucken (Strg + P) ................................................................................................. 458 Drucken als............................................................................................................ 424 Drucken-Dialog ...................................................................................................... 422 Drucker auswhlen und einstellen ........................................................................... 421 Drucker... .............................................................................................................. 422 Druckoptionen ....................................................................................................... 458 Ausgabe ............................................................................................................ 424 Layout ............................................................................................................... 426 Druckrnder zeigen ................................................................................................ 421 Duplizieren............................................................................................................. 118 Duplizieren (Symbolleiste Bearbeiten oder Strg+Alt+D) ............................................ 460 Duplizieren und Klonen........................................................................................... 118 Duplizieren, Klonen ................................................................................................ 264 Durch Flash ersetzen.............................................................................................. 284
483
E
Ebenen.......................................................................................................... 388, 434 Ebenen auf Websites ............................................................................................. 391 Ebenen drucken..................................................................................................... 424 Ebenen sperren ..................................................................................................... 395 Ebenen und Schritte............................................................................................... 368 Ebenen verbergen.................................................................................................. 394 Ebenen, Mouseover (Rollover) & Popups................................................................... 69 Ebenen-Aktionen ................................................................................................... 391 Ebenen-Anordnung in Website-Dokumenten............................................................. 72 Ebeneneigenschaften ............................................................................................. 392 Ecken auf Gehrung/Abgerundete Ecke ................................................................... 343 Eigene Farbschemata erstellen ............................................................................... 189
484
Index
Eigene Navigationsleisten erstellen..........................................................................354 Eigene Symbole in Browser-Reitern Favicons ............................................................................................................443 Eigenschaften ........................................................................................................422 Eigenschaften animierter GIFs.................................................................................419 Ein animiertes GIF hinzufgen .................................................................................382 Ein Beispiel ............................................................................................................236 Ein Foto auf seine volle Gre bringen ....................................................................315 Ein Objekt ..............................................................................................................214 Ein Profil lschen....................................................................................................289 Ein skaliertes Foto in seiner vollen Gre anzeigen ..................................................314 Eine Ebene in eine Schritt umwandeln.....................................................................364 Eine Google Map einbinden ....................................................................................381 Eine MP4- oder FLV-Datei hinzufgen.....................................................................382 Eine Prsentation ansehen .....................................................................................372 Eine Prsentation erstellen......................................................................................360 Eine Webseite in sechs Schritten erstellen .................................................................20 Eine Website erzeugen .............................................................................................28 Einem Link einen bergang hinzufgen .....................................................................58 Einen Schritt duplizieren .........................................................................................363 Einen Schritt erstellen .............................................................................................362 Einen Schritt lschen..............................................................................................366 Einfacher Text ........................................................................................................201 Einfarbige Fllungen ...............................................................................................230 Einfgen ................................................................................................................375 Einfgen (Symbolleiste Bearbeiten oder Strg + V) ....................................................458 Einfhrung ................................................................................19, 196, 292, 397, 454 Eingebettete JPEG-Dateien ....................................................................................301 Eingebettete Schriftarten ..........................................................................................52 Eins nach hinten (Symbolleiste Anordnen oder Strg+Umschalt+B)............................461 Eins nach vorn (Symbolleiste Anordnen oder Strg+Umschalt+F)...............................461 Einschrnkungen bei Schaltflchendesign ...............................................................354 Einstieg..................................................................................................................321 Einzelne Objekte aus einer Gruppe auswhlen.........................................................136 Einzge..................................................................................................................220 Elliptische Fllungen ...............................................................................................232 Enhanced Metafile Format (EMF) exportieren...........................................................433 Entfernen der Sternform .........................................................................................180 Erste Schritte ...........................................................................................................22 Erstellen normaler Polygone (QuickShape-Werkzeug) ..............................................177 Erstellen und Bearbeiten abgerundeter Ecken .........................................................176 Erweiterte Arbeitsvorgnge mit Farben ....................................................................188 Erweiterte Flashbefehle...........................................................................................416 Erweiterte Prsentations-Informationen ...................................................................368 Exakte Rotationswinkel nutzen (mittels der Infoleiste) ...............................................121 Exportformate ........................................................................................................430 Exportieren (Strg+Umschalt+E) ...............................................................................455 Exportieren einer Flash-Datei ..................................................................................402 Externe Foto-Editoren einbinden .............................................................................311 Extrusion ein- und ausschalten ...............................................................................341 Extrusionstiefe........................................................................................................341
Index
F
Farbeditor (Strg+Umschalt+E)................................................................................. 464 Farben auf der Farbleiste........................................................................................ 183 Farben auf der Farbleiste neu anordnen .................................................................. 183 Farben einer Fllung verndern............................................................................... 231 Farben mit der Pipette aufnehmen .......................................................................... 187 Farbgebung oder Flleffekt von Schatten ndern..................................................... 243 Farbgebung von Kanten oder Flleffekten ndern.................................................... 258 Farbleiste............................................................................................................... 182 Farbumwandlung - Farbvernderungen animieren ................................................... 415 Ferngesteuerte Online-Prsentationen halten .......................................................... 371 Fett & Kursiv .......................................................................................................... 219 Filme ..................................................................................................................... 467 Filme und Animationen hinzufgen.......................................................................... 377 Flash Cliparts ........................................................................................................... 32 Flash-Animation - Zusammenfassung ..................................................................... 418 Flash-Animationen ................................................................................................. 397 Flash-Datei einfgen............................................................................................... 382 Flash-Dateien......................................................................................................... 378 Flash-Objekt in MAGIX Web Designer 7 Premium einfgen ...................................... 403 Flash-Optionen ...................................................................................................... 420 Flash-Vorschau ...................................................................................................... 457 Flssigkeit der Animation........................................................................................ 410 Form extrudieren.................................................................................................... 340 Formeditor-Werkzeug............................................................................... 63, 148, 156 Formen auf die Masken-Ebene kopieren ................................................................. 264 Formen bearbeitbar machen................................................................................... 181 Formen einfrben ..................................................................................................... 34 Formen kombinieren ...................................................................................... 172, 264 Formen mit einem Bitmap fllen.............................................................................. 300 Formen unterteilen ................................................................................................. 165 Formen zerschneiden ............................................................................................. 173 Formen zusammenfgen ........................................................................................ 171 Fortgeschrittene Hintergrnde .................................................................................. 39 Foto auf 100% skalieren ......................................................................................... 323 Foto optimieren...................................................................................................... 464 Foto-Auflsung ...................................................................................................... 297 Foto-Auflsung - alles automatisch ........................................................................... 47 Fotobearbeitung mit Optimier-Transparenz ............................................................. 252 Fotobearbeitungs-Attribute..................................................................................... 305 Foto-Dateien bearbeiten ......................................................................................... 319 Foto-Dokumente.................................................................................................... 318 Foto-Dokumente beschneiden................................................................................ 328 Fotogruppen .......................................................................................................... 293 Foto-Klon-Werkzeug .............................................................................................. 264 Foto-Objekte ......................................................................................................... 292 Foto-Optimierungswerkzeug................................................................................... 264 Foto-Popup ........................................................................................................... 277
485
486
Index
Fotos ............................................................................................................... 42, 406 Fotos als Fllungen verwenden ...............................................................................296 Fotos beschneiden.................................................................................................307 Fotos einfrben ................................................................................................ 35, 310 Fotos ersetzen .......................................................................................................295 Fotos importieren ...................................................................................................294 Fotos mit der Maske beschneiden ..........................................................................307 Fotos speichern und exportieren.............................................................................304 Fotos und Bitmaps optimieren ................................................................................315 Fotos zusammenfgen und mischen .......................................................................302 Foto-Werkzeug ......................................................................................................321 Foto-Werkzeug ........................................................................................................45 Fraktalfllungen ......................................................................................................237 Frame ....................................................................................................................419 Frame-Galerie ........................................................................................................404 Framerate und Tweenschritte bei Animationen ........................................................407 Freihandform schlieen ..........................................................................................171 Freihandform schlieen (um eine gefllte Form zu erstellen)......................................151 Fllqualitt .............................................................................................................425 Fllungen ...............................................................................................................115 Fllungstypen.........................................................................................................228 Fll-Werkzeug .................................................................................................. 64, 226 Fr Fortgeschrittene - NavBar-Schaltflchendesign bearbeiten ................................356
G
Galerie anzeigen.....................................................................................................101 Galerie schlieen ....................................................................................................108 Galerie vom Arbeitsbereich entfernen ......................................................................108 Galerien ................................................................................................. 100, 463, 469 Galerien gruppieren ................................................................................................104 Galerien verschieben und andocken .......................................................................102 Galerien verwenden................................................................................................106 Gastgeber einer Prsentation sein...........................................................................372 Gedrehter Text.........................................................................................................50 Geladene Dokumente.............................................................................................467 Gemeinsame Foto-Funktionen ................................................................................322 Gemeinsame Linkfarben der Website verwenden ....................................................270 Geffnete Dokumente bei Programmende sichern.....................................................95 Geffnete Dokumente sichern...................................................................................94 Gerade Linien zeichnen und bearbeiten...................................................................154 Gerade Segmente im Freihand-Werkzeug zeichnen .................................................150 GIF-Optionen .........................................................................................................420 Glnzend/Matt .......................................................................................................343 Gre der Liste zuletzt geffneter Dateien ...............................................................445 Groe Fotos importieren...........................................................................................44 Grundfarbenschemata............................................................................................189 Grundstzliches zu Flash ........................................................................................399 Gruppe auflsen (Symbolleiste Anordnen oder Strg+U)............................................462 Gruppe erstellen.....................................................................................................135
Index
Gruppen .......................................................................................................... 55, 412 Gruppen als Ganzes transparent machen ............................................................... 446 Gruppen auflsen .................................................................................................. 135 Gruppen und Ebenen ............................................................................................. 136 Gruppentransparenz bei berblendungen ............................................................... 254 Gruppieren (Symbolleiste Anordnen oder Strg+G) ................................................... 461 Gruppieren und Gruppen auflsen .......................................................................... 135 Gruppierung aufheben, bearbeiten und wieder gruppieren....................................... 356
487
H
Hngende Zeileneinzge erstellen ........................................................................... 213 Hauptwerkzeugleiste ................................................................................................ 84 Helligkeit/Kontrast/Farbtemperatur/Sttigung .......................................................... 325 Hilfe....................................................................................................................... 467 Hilfslinie erstellen.................................................................................................... 134 Hilfslinie lschen..................................................................................................... 134 Hilfslinien anzeigen (Ziffernblock 1).......................................................................... 466 Hilfsobjekte und Hilfslinien ...................................................................................... 133 Hilfsverzeichnisse ..................................................................................................... 92 Hintergrundfarbe der Seite ....................................................................................... 35 Horizont begradigen............................................................................................... 314 HTML- und Webgrafiken schnell exportieren ........................................................... 433 HTML-Platzhalter manuell hinzufgen ..................................................................... 381
I
Ihre Arbeit speichern. Eine Website erzeugen ............................................................ 53 Ihre eigene Prsentation von Grund auf neu erstellen............................................... 362 Ihre eigenen Mouseover-Schaltflchen erzeugen ....................................................... 71 Ihre erste Animation ............................................................................................... 400 Import von RAW-Fotodateien ................................................................................. 432 Importformate ........................................................................................................ 428 Importieren und Exportieren ................................................................................... 428 Importieren... (Strg + Alt+ I) .................................................................................... 455 Importierte Cliparts einfrben.................................................................................... 34 In den Hintergrund (Symbolleiste Anordnen oder Strg+B) ........................................ 461 In den Vordergrund (Symbolleiste Anordnen oder Strg+F)........................................ 461 In einem anderen Web-Authoring-Programm einfgen............................................. 403 Infoleiste ............................................................................................................ 28, 83 Infoleiste Extrusions-Werkzeug ............................................................................... 340 Infoleiste Fllwerkzeug ........................................................................................... 229 Info-Popups........................................................................................................... 468 Inhalt des Hilfsverzeichnis......................................................................................... 92 Inhalt eines Schrittes anzeigen................................................................................ 364 Inhaltsabhngige Foto-Skalierung ................................................................... 264, 332 Inhaltsabhngige Skalierung mit Masken nutzen...................................................... 334 Inhaltsabhngiger Foto-Zoom ................................................................................. 335 Innen auswhlen .................................................................................................... 112 Innerhalb ............................................................................................................... 138
488
Index
J
JPEG exportieren ...................................................................................................456 Juristisches............................................................................................................473
K
Kante bei mehreren Objekten erstellen ....................................................................256 Kante erstellen .......................................................................................................255 Kanten...................................................................................................................255 Kanten entfernen....................................................................................................259 Kanten modifizieren................................................................................................256 Kantenausrichtung .................................................................................................256 Kantengre ndern...............................................................................................258 Kantentyp & -gre ................................................................................................341 Kantentyp ndern...................................................................................................258 Kantenverfolgung ...................................................................................................152 Kanten-Werkzeug ..................................................................................................255 Kegelfrmige Fllungen ..........................................................................................232 Kein Bearbeiten auf der Seite..................................................................................349 Klonen ...................................................................................................................119 Klonen (Strg + K)....................................................................................................460 Kontextmen Farbleiste ..........................................................................................184 Kontextmens..........................................................................................................68 Koordinatenrichtung ...............................................................................................448 Kopf-/Fuzeilen......................................................................................................145 Kopien ohne zustzlichen Speicherbedarf ...............................................................297 Kopieren (Bearbeiten-Symbolleiste oder Strg + C) ...................................................458 Kopieren durch Ablegen .........................................................................................114 Kopieren und Einfgen von formatiertem Text (RTF).................................................224 Kopieren von Styles - Attribute einfgen..................................................................141 Kreise und Ellipsen erstellen ...................................................................................176 Kreisfrmige Fllungen ...........................................................................................232 Kundendienst...........................................................................................................12 Kurven ndern .......................................................................................................162 Kurven ausbalancieren ...........................................................................................163 Kurven und gerade Linien mischen .........................................................................157
L
Laden eines Dokuments mit FTP-Verbindungsdaten................................................289 Leuchten ...............................................................................................................242 Lichteinfallswinkel ndern (vertikal) ..........................................................................257 LIchtquellen ...........................................................................................................342 Lichtrichtungswinkel ndern (horizontal) ..................................................................256 Lichtstrke ndern (Kontrast) ..................................................................................257 Lineale ....................................................................................................... 84, 97, 210 Lineale anzeigen/ausblenden ....................................................................................98 Lineale zeigen (Strg + L) .........................................................................................465
Index
Lineal-Nullpunkte ndern.......................................................................................... 98 Lineare Verlaufs-Fllungen...................................................................................... 231 Linearen Farbverlauf erstellen ................................................................................. 226 Linie abschlieen ................................................................................................... 158 Linien gltten ......................................................................................................... 161 Linien mit variabler Breite........................................................................................ 175 Linien oder Formen zeichnen .................................................................................. 149 Linien verbinden..................................................................................................... 164 Linien verlngern .................................................................................................... 158 Linien/Formen mit dem Freihand & Pinsel-Werkzeug bearbeiten .............................. 151 Linienbegrenzung ndern ....................................................................................... 169 Linienbreite skalieren .............................................................................................. 121 Linienende ............................................................................................................. 159 Linien-Galerie......................................................................................................... 166 Linienmitte ............................................................................................................. 159 Liniensegment ziehen............................................................................................. 162 Linienstrke ndern........................................................................................ 165, 174 Link auf Anker.................................................................................................. 58, 268 Link auf Datei................................................................................................... 58, 268 Link auf Internetadresse ......................................................................................... 267 Link auf .............................................................................................................. 267 Link ffnen in ......................................................................................................... 270 Linkfarben der Website........................................................................................... 273 Links ..................................................................................................................... 266 Links zu Prsentationsschritten bergangseffekte zuordnen .................................... 367 Links, Schaltflchen & Navigationsleisten .................................................................. 57 Link-bergangseffekt ............................................................................................. 270 Lcher in Formen erstellen ..................................................................................... 172 Lokale Farben und Grundfarben ............................................................................. 188 Lschen ................................................................................................................ 327 Lschen (Bearbeiten-Symbolleiste & Standardsymbolleiste bzw. Entf)...................... 460
489
M
MAGIX Web Designer 7 Premium End User License Agreement (EULA) ................... 474 MAGIX Web Designer 7 Premium erwerben und freischalten...................................... 11 MAGIX Web Designer 7 Premium Hilfe .................................................................... 467 Maske erzeugen .................................................................................................... 261 Masken ................................................................................................................. 260 Masken-Objekte bewegen...................................................................................... 262 Maus ..................................................................................................................... 448 Maustasten-Funktion.............................................................................................. 448 Mehr Informationen ................................................................................................ 382 Mehrere Ankerpunkte auswhlen ............................................................................ 159 Mehrere Fenster anordnen ....................................................................................... 86 Mehrere Fenster ffnen ............................................................................................ 86 Mehrere Formen zu einer zusammenfgen .............................................................. 173 Mehrere Fotos auf einmal ersetzen ......................................................................... 295 Mehrere Fotos ersetzen............................................................................................ 44 Mehrere Seiten im Dokument ................................................................................... 89
490
Index
Mehrfach ...............................................................................................................427 Mehrfache Farbverlufe ..........................................................................................238 Mehrseitige Anzeige ...............................................................................................465 Mehrstufiger Transparenz-Verlauf............................................................................247 Men Anordnen .....................................................................................................461 Men Bearbeiten....................................................................................................458 Men Datei ............................................................................................................454 Men Extras...........................................................................................................463 Men Fenster.........................................................................................................465 Men Hilfe .............................................................................................................467 Mens und Tastaturkrzel ......................................................................................454 Mens und Untermens hinzufgen ........................................................................351 Men-Stil ...............................................................................................................352 Men-Trennzeichen................................................................................................351 Minimieren mehrerer Fenster ....................................................................................86 Mischen von individuellen und Gruppentransparenzen .............................................253 Mit Grafik ersetzen .................................................................................................284 Mit HTML-Code ersetzen .......................................................................................285 Mit Masken-Formen arbeiten ..................................................................................261 Modellierformen bearbeiten ....................................................................................129 Mglichkeiten und Grenzen von Flash .....................................................................397 Mouseover.............................................................................................................282 Mouseover-Effekte ...................................................................................................69 Mouseover-Schaltflchen ................................................................................... 59, 70 MP4 und FLV Videodateien ....................................................................................378
N
Nach einem Objektnamen suchen...........................................................................107 Namen...................................................................................................................464 Namen der importieren Ebenen beibehalten ............................................................446 Namen hinzufgen .................................................................................................143 NavBars importieren und einfgen ..........................................................................354 NavBars mit unterschiedlichen ersten oder letzten Schaltflchen..............................357 NavBar-Vorlagen verwenden ..................................................................................346 Navigationsleiste auf allen Seiten aktualisieren .........................................................353 Navigationsleiste erstellen.......................................................................................463 Navigationsleisten ..................................................................................................346 Neigung der Textspalte ndern ...............................................................................202 Netzwerk ...............................................................................................................422 Neu (Standardsymbolleiste oder Strg + N)...............................................................454 Neu aus der Designs-Galerie ..................................................................................454 Neue benannte Farben erstellen .............................................................................190 Neue Objekte zu einem bestehenden Schritt hinzufgen ..........................................364 Neue Schaltflchen hinzufgen .................................................................................59 Neue Seiten zu Ihrer Website hinzufgen...................................................................31 Neue Seiten zur Prsentation hinzufgen ................................................................366 Neue Symbolleisten erstellen ..................................................................................452 Neue Textobjekte erstellen........................................................................................50 Neues Dokument beginnen ......................................................................................80
Index
Neues Fenster ....................................................................................................... 465 Normal/Vollbildmodus .............................................................................................. 85 Normale Farben ..................................................................................................... 193 Normale Farben, Abtnungen, Schattierungen und verknpfte Farben ..................... 193 Nummerierte Liste.................................................................................................. 221 Nur genderte Dateien erneut verffentlichen .......................................................... 290
491
O
Objekt-Auswahl ndern .......................................................................................... 111 Objektauswahl aufheben ........................................................................................ 113 Objektbasiertes Webdesign ...................................................................................... 26 Objekte auf der Seite................................................................................................ 25 Objekte auf die Hilfsebene verschieben ................................................................... 133 Objekte aus dem Dokument entfernen .................................................................... 118 Objekte aus einem Schritt lschen .......................................................................... 366 Objekte aus einer Gruppe entfernen........................................................................ 136 Objekte aus Fotos ausschneiden ............................................................................ 308 Objekte ausschneiden ............................................................................................ 118 Objekte auswhlen......................................................................................... 107, 111 Objekte bearbeiten................................................................................................. 469 Objekte benennen.................................................................................................. 142 Objekte bewegen................................................................................................... 114 Objekte drehen ................................................................................................ 27, 120 Objekte im Skaliermodus drehen ............................................................................ 121 Objekte in der Galerie neu anordnen ....................................................................... 107 Objekte kopieren.............................................................................................. 28, 406 Objekte lschen ..................................................................................................... 118 Objekte markieren mithilfe des Schatten-Werkzeugs ............................................... 245 Objekte nach hinten oder vorne bringen.................................................................. 119 Objekte neigen....................................................................................................... 124 Objekte schrittweise bewegen .......................................................................... 27, 115 Objekte spiegeln .................................................................................................... 123 Objekte von einem Schritt in einen anderen verschieben.......................................... 365 Objekte zwischen Ebenen bewegen.................................................................. 73, 396 Objektfarbe bearbeiten ........................................................................................... 185 Objektlasso-Modus ........................................................................................ 112, 446 Objektreihenfolge ..................................................................................................... 26 ffnen (Standardsymbolleiste oder Strg + O)........................................................... 454 ffnen eines vorhandenen Dokuments...................................................................... 81 Online-Workshops und mehr .................................................................................. 467 Optimale Anpassung .............................................................................................. 426 Optimieren..................................................................................................... 251, 333 Optimier-Transparenz anwenden ............................................................................ 251 Optimierungs-Werkzeug......................................................................................... 323 Optionen ....................................................................................................... 423, 440 Optionen (Strg+Umschalt+O).................................................................................. 465 Optionen im Men.................................................................................................. 444 Original-JPEG extrahieren ...................................................................................... 301
492
Index
P
Palettenoptionen ....................................................................................................437 Panorama-Funktion................................................................................................336 Passwort im Dokument speichern...........................................................................288 PDF-Dateien ..........................................................................................................378 PDF-Dateien importieren ........................................................................................431 Perspektive ............................................................................................................126 Pfad umkehren.......................................................................................................155 Pfeilspitzen & -enden hinzufgen ............................................................................155 Photoshop PSD-Dateien exportieren.......................................................................434 Pinselstile...............................................................................................................154 Platzhalter..............................................................................................................283 Platzhalter-Objekte.................................................................................................286 PNG exportieren ....................................................................................................456 Polygone bearbeiten...............................................................................................178 Polygone mit abgerundeten Ecken..........................................................................178 Popup-Ebenen................................................................................................. 74, 269 Popup-Foto ...........................................................................................................269 Popup-Foto-Optionen ............................................................................................278 Popup-Fotos............................................................................................................75 Pop-up-Schieberegler ............................................................................................325 Position, Gre und Drehung eines Fotos in seinem Rahmen anpassen ...................312 Prsentationsschritte bearbeiten .............................................................................362 Prsentationsschritten bergangseffekte zuordnen .................................................367 Prsentationsseiten bergangseffekte zuordnen .....................................................368 Profil ......................................................................................................................252 Profil speichern ......................................................................................................289 Programm aktualisieren ..........................................................................................467 Programmoberflche................................................................................................22 PSD Photoshop-Datei importieren ..........................................................................431
Q
Quadrat erstellen....................................................................................................175 Qualitt ..................................................................................................................466
R
Radius fr das Ausrichten an Objekten....................................................................449 Rnder und Zeileneinzge ......................................................................................210 Randunschrfe................................................................................................. 66, 132 Raster anzeigen (#).................................................................................................466 Raster und Lineal ...................................................................................................447 Raster- und Linealabstand......................................................................................448 Rechtecke und Quadrate erstellen ..........................................................................175 Rechteck-Werkzeug.................................................................................................64 Rechtschreibprfung ........................................................................................ 52, 207 Rechtschreibung whrend der Eingabe prfen ........................................................465
Index
Registrieren ........................................................................................................... 468 Reiter Verffentlichen ............................................................................................. 286 Rotate-Befehl (Drehen) ........................................................................................... 412 Rckgngig ........................................................................................................... 110 Rckgngig (Standardsymbolleiste oder Strg + Z) ................................................... 458 Rckgngig und Wiederherstellen........................................................................... 110 Runde Verbindung erstellen.................................................................................... 163
493
S
Satz und Ausrichtung von Text ............................................................................... 220 Schablonen ........................................................................................................... 128 Schaltflche ........................................................................................................... 122 Schaltflchen hinzufgen und bearbeiten ................................................................ 350 Schaltflchen und Mens ....................................................................................... 350 Schaltflchen und Werkzeuge ausblenden .............................................................. 453 Schaltflchen und Werkzeuge bewegen.................................................................. 452 Schaltflchen-Abstand ........................................................................................... 348 Schaltflchenbreiten an Beschriftung anpassen....................................................... 348 Schaltflchenrnder ............................................................................................... 355 Schaltflchentext ndern .......................................................................................... 59 Schatten................................................................................................................ 241 Schatten auf andere Objekte kopieren .................................................................... 245 Schatten auf mehrere Objekte legen ....................................................................... 244 Schatten entfernen................................................................................................. 244 Schatten erstellen .................................................................................................. 241 Schatten hinzufgen .............................................................................................. 345 Schattenrnder weichzeichnen ............................................................................... 243 Schattentransparenz verndern .............................................................................. 243 Schatten-Werkzeug ......................................................................................... 66, 241 Schattierungen ...................................................................................................... 194 Schlieen (Strg+W) ................................................................................................ 455 Schlieen einer Form...................................................................................... 165, 170 Schnittmengen ausschneiden ................................................................................. 173 Schriftarten einbetten ............................................................................................. 225 Schriftarten-Men .................................................................................................. 199 Schriftarten-Vorschau in Echtzeit ............................................................................ 200 Schriftgrad ndern ................................................................................................. 219 Schriftgre ............................................................................................................. 49 Schrittreihenfolge ndern........................................................................................ 366 Schrittweite............................................................................................................ 447 Scrollleisten anzeigen ............................................................................................. 465 Seite...................................................................................................................... 274 Seite zoomen/scrollen/verschieben........................................................................... 23 Seiten.................................................................................................... 388, 423, 460 Seiten- & Ebenen-Galerie ................................................................................. 91, 383 Seiten aus dem Dokument entfernen ........................................................................ 90 Seiten aus der Prsentation lschen ....................................................................... 366 Seiten in ein Dokument einfgen............................................................................... 89 Seiten innerhalb eines Dokuments verschieben ......................................................... 90
494
Index
Seitengre ..................................................................................................... 53, 450 Seitengre ndern ..................................................................................................89 Seitengre von Templates ndern ...........................................................................53 Seitenhintergrund-Ebene ..........................................................................................38 Seitenoptionen .......................................................................................................457 Seitenverhltnis beibehalten....................................................................................328 Sicherheitskopien...................................................................................................450 Sicherheitskopien beim Herunterfahren des Systems.................................................96 Sicherheitskopien wiederherstellen............................................................................96 Site-Navigationsleiste .............................................................................................348 Site-Navigationsleiste an- und abschalten ...............................................................349 Site-Navigationsleiste verndern und verschieben....................................................349 Site-Navigationsleiste von einer Seite lschen .........................................................349 Skalieren mit der Maus ...........................................................................................122 Skalieren ber die Infoleiste ....................................................................................123 Skalieren und Neuausrichten von Bitmap-Fllungen.................................................236 Skalieren von Objekten (Grennderung)...............................................................121 Skizzenmodus .......................................................................................................152 Sofortnavigation Schriftartenmen ..........................................................................200 Solo-Modus ...........................................................................................................394 Sonderzeichen (im Textwerkzeug) ...........................................................................472 Sonderzeichen eingeben ........................................................................................207 Sonstiges...............................................................................................................472 Speichern ..............................................................................................................300 Speichern (im Datei-Men)........................................................................................91 Speichern (Standardsymbolleiste oder Strg + S) ......................................................455 Speichern als... (im Men .........................................................................................92 Speichern unter......................................................................................................455 Speicherort fr die Sicherheitskopien ........................................................................94 Spitze Verbindung erstellen ....................................................................................163 Sprachauswahl ......................................................................................................208 Start- und Endanfasser einer Fllung bewegen........................................................231 Start von MAGIX Web Designer 7 Premium ...............................................................80 Statuszeile .............................................................................................................113 Sterne bearbeiten...................................................................................................180 Sterne erstellen (Polygone mit eingebeulten Seiten) .................................................179 Steuerelemente zum Drehen um 90.......................................................................322 Stop und Goto .......................................................................................................417 Suchen & Ersetzen .................................................................................................208 Symbolleisten........................................................................................... 83, 451, 466 Symbolleisten ein- und ausblenden .........................................................................451 Symbolleisten in ihrer Gre ndern........................................................................452 Symbolleisten lschen ............................................................................................452 Synchronisierter Text................................................................................................56
T
Tab-Taste ..............................................................................................................114 Tabulator ...............................................................................................................211 Tabulatoren, Rnder und Zeileneinzge...................................................................210
Index
Tastaturkrzel ........................................................................................................ 469 Terminologie .......................................................................................................... 197 Text................................................................................................................. 48, 434 Text abweisende Objekte ....................................................................................... 213 Text an Kurve anpassen/Text von Kurve entfernen .................................................. 462 Text auf einer Kurve umdrehen ............................................................................... 205 Text bearbeiten ...................................................................................................... 206 Text entlang einer Kurve ................................................................................. 205, 211 Text extrudieren ..................................................................................................... 344 Text in Grafiken umwandeln ..................................................................................... 56 Text innerhalb von Gruppen fr Websites................................................................ 223 Text unter Nutzung von weichen Gruppen synchronisieren ...................................... 209 Text unterstreichen ................................................................................................ 219 Textabweisende Objekte .......................................................................................... 51 Textbereiche .......................................................................................................... 202 Textbereiche markieren .......................................................................................... 206 Textbereiche neu skalieren ..................................................................................... 203 Textbereiche verbinden .......................................................................................... 203 Textfelder ................................................................................................................ 52 Text-Kompatibilitt in Browsern .............................................................................. 225 Text-Links.............................................................................................................. 223 Textoptionen.......................................................................................................... 425 Textspalten ............................................................................................................ 201 Textstil kopieren..................................................................................................... 224 Textstile anwenden ................................................................................................ 219 Text-Synchronisation.............................................................................................. 137 Texturen und Fotos ................................................................................................ 343 Text-Werkzeug ...................................................................................................... 471 Tiefgestellt & hochgestellt ....................................................................................... 222 Tipp des Tages ...................................................................................................... 467 Tooltips ................................................................................................................... 21 Transparenz................................................................................................... 246, 415 Transparenz bei Gruppen ....................................................................................... 413 Transparenz-Auflsung .......................................................................................... 425 Transparenztypen .................................................................................................. 248 Transparenz-Werkzeug ............................................................................................ 65
495
U
ber MAGIX Web Designer 7 Premium ..................................................................... 21 bergnge fr Popup-Ebenen .................................................................................. 73 bersicht der Tastaturkrzel auf dem Ziffernblock ................................................... 135 bersicht JPEG, PNG und GIF Export-Dialog.......................................................... 435 Umrisse eines Fotos bearbeiten .............................................................................. 306 Umwandlung einer geraden Linie in eine Kurve (und umgekehrt) .............................. 164 Unbenannte Dokumente........................................................................................... 95 Unbenutzte Farben lschen .................................................................................... 191 Unbewegte Objekte ............................................................................................... 414 Unterhalb oder innerhalb ausgewhlte Objekte bewegen ......................................... 112 Untersttzte Dateiformate fr Import und Export...................................................... 428
496
Index
Upgrade auf Panorama Studio................................................................................338 URLs in Flash.........................................................................................................416
V
Verankerte Grafiken................................................................................................215 Verankerte Gruppen .................................................................................................56 Verankerte Objekte...................................................................................................51 Verankerte Objekte in einer Zeile .............................................................................218 Verankerte Objekte verschieben..............................................................................217 Verbinden zweier Linien ..........................................................................................150 Verbindungstyp ndern ..........................................................................................168 Vergleichen & Wiederherstellen des Originals...........................................................325 Vergrerungsfaktor mit der Maus ndern.................................................................87 Verknpfte Farben..................................................................................................194 Verknpfte Schattierungen .......................................................................................41 Verlngern einer Linie .............................................................................................150 Verlustfrei oder Verlustbehaftet ...............................................................................302 Verffentlichen .......................................................................................................289 Verschieben von Dokumenten innerhalb des Fensters ...............................................88 Versionen.................................................................................................................95 Versteckte Objekte auswhlen ................................................................................112 Verteilen.................................................................................................................140 Verwenden der Textfelder der Infoleiste...................................................................160 Verwenden des Foto-Werkzeugs ............................................................................322 Verwenden des Zoom-Werkzeugs ............................................................................87 Verwendete Schriftarten anzeigen ...........................................................................225 Verwendung des Kurvenanfassers ..........................................................................162 Videos, Flash und andere Widgets einbetten .............................................................32 Vierfarb-Fllungen ..................................................................................................233 Vollbild (8 im Ziffernblock) .......................................................................................466 Vollbildmodus ........................................................................................................451 Vor Setzen aktueller Attribute nachfragen ................................................................446 Vorbereitung des Fotos ..........................................................................................333 Vorhandene Widgets bearbeiten .............................................................................376 Vorherige und aktuelle Farbe ..................................................................................186 Vorheriges & nchstes............................................................................................323 Vorlage speichern ..................................................................................................455 Vorlagen anpassen.................................................................................................361 Vorlagen und Site-Navigationsleisten ......................................................................350 Vorlagen, Cliparts und Widgets verwenden ...............................................................30 Vorschau der Schriftgre in Echtzeit......................................................................200 Vorschau Ihrer Website ............................................................................................29 Vorschau in Browser ...................................................................................... 420, 440 Vorschau Seite (F12) ..............................................................................................456 Vorschau von Flash-Objekten in MAGIX Web Designer 7 Premium...........................402 Vorschau-Fotos mit Pop-ups ....................................................................................45 Vorteile des Foto-Werkzeugs ..................................................................................321
Index
W
Whlen Sie das Fenster aus, das angezeigt werden soll ............................................ 86 Wandschatten ....................................................................................................... 241 Warum ein Linien-Werkzeug? ................................................................................. 154 Was bedeutet ........................................................................................................ 110 Was geht mit MAGIX Web Designer 7 Premium-Flash nicht? ................................... 399 Was ist neu in MAGIX Web Designer 7 Premium? ..................................................... 15 Was macht Web Designer Premium so anders? ........................................................ 19 Web Designer Premium anpassen .......................................................................... 443 Web-Einstellungen (Strg + Umschalt + W)............................................................... 464 Web-Einstellungen-Dialog ...................................................................................... 265 Web-Prsentationen .............................................................................................. 273 Websichere Schriftarten ................................................................................... 50, 199 Website ................................................................................................................. 272 Website exportieren ............................................................................................... 457 Website Toolbar....................................................................................................... 28 Website verffentlichen .................................................................................... 77, 457 Website Widgets.................................................................................................... 373 Website-Farben ....................................................................................................... 33 Website-Prsentationen. ........................................................................................ 359 Websites mit Hilfsverzeichnissen exportieren............................................................. 93 Website-Vorschau.................................................................................................. 456 Webspeicher durchsuchen ..................................................................................... 291 Weiche Gruppe auflsen (Strg + Alt + U) ................................................................. 462 Weiche Gruppe bilden (Strg + Alt + G) .................................................................... 462 Weiche Gruppen ...................................................................................... 56, 136, 218 Weiche Gruppen entfernen..................................................................................... 137 Weiche Gruppen erstellen ...................................................................................... 137 Weiche Gruppen und Ebenen................................................................................. 391 Weiche Schatten, Text mit Farbfllung, transparenter Text......................................... 50 Weichzeichnen / Schrfen ...................................................................................... 325 Weitere Film-Formate ............................................................................................. 378 Weitere Hinweise ................................................................................................... 350 Weitere Informationsquellen...................................................................................... 20 Weitere Linienabschnitte hinzufgen ....................................................................... 155 Weitere Mglichkeiten fr wiederholte Objekte ........................................................ 146 Welche Features aus MAGIX Web Designer 7 Premium werden von Flash untersttzt?413 Werkzeuge ............................................................................................................ 469 Wichtig .................................................................................................................. 434 Widgets ................................................................................................................... 32 Widgets aus der Designs-Galerie ............................................................................ 374 Widgets skalieren................................................................................................... 379 Widgets und Platzhalter.......................................................................................... 373 Widgets von anderen Widget-Seiten ....................................................................... 379 Widget-Websites mit Anmeldung ............................................................................ 376 Wiederherstellen .................................................................................................... 110 Wiederherstellen (Standardsymbolleiste oder Strg + Y) ............................................ 458 Wiederherstellung nach einem unvorhergesehenem Programmende .......................... 95
497
498
Index
Wiederholen beenden (Umschalt + Strg + Alt + O)...................................................463 Wiederholen von Objekten beenden........................................................................147 Wiederholte Objekte ......................................................................................... 57, 143 Wiederholte Objekte lschen ..................................................................................147 Wiederholte-Objekte-Gruppe ....................................................................................56 Wiederholtes Objekt bearbeiten ..............................................................................144 Windows kompatible Textlnge anzeigen ................................................................447 Windows-Metadatei exportieren (.wmf) ...................................................................433 Wrter zhlen.........................................................................................................204
X
XY-Koordinaten ......................................................................................................85
Z
Zeichenwerkzeuge ...................................................................................................61 Zeichnen eines geraden Liniensegments .................................................................157 Zeichnen eines Kurvesegments...............................................................................157 Zeilenabstand ........................................................................................................222 Zoom auf 1:1 .........................................................................................................323 Zoomen .................................................................................................................469 Zoomwert ndern.....................................................................................................86 Zu Galerie hinzufgen.............................................................................................107 Zuletzt benutzte Dateien .........................................................................................455 Zusammenfassung.................................................................................................435 Zusammengefgte Formen trennen ........................................................................172 Zustzliche Objekte zu einer Gruppe hinzufgen......................................................135 Zwischen Gro- und Kleinschreibung wechseln.......................................................206 Zwischen Seiten hin- und hernavigieren ....................................................................91