You are on page 1of 498

2

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

MAGIX Web Designer 7 Premium erwerben und freischalten


Wenn Sie die heruntergeladene Trialversion von MAGIX Web Designer 7 Premium starten, erscheint ein Startbildschirm mit drei Auswahlmglichkeiten. Whlen Sie die gewnschte Option und Ihnen werden weitere Anweisungen angezeigt. Ich habe eine Seriennummer und mchte das Programm freischalten: Whlen Sie diese Option, wenn Sie Web Designer Premium bereits erworben haben. Geben Sie den Aktivierungscode ein, der sich in der E-Mail mit der Kaufbesttigung befindet. Um Ihre Version von MAGIX Web Designer 7 Premium zu registrieren, geben Sie Ihre E-Mail Adresse ein. (Sollten Sie die Registrierung bereits durchgefhrt haben, wird dieser Schritt ignoriert.) Klicken Sie anschlieend auf ONLINE REGISTRIEREN und AKTIVIEREN. Ich habe noch keine Seriennummer und mchte das Programm kaufen. Whlen Sie diese Option, wenn Sie Web Designer Premium erwerben mchten. Ihnen wird dann ein Aktivierungscode gegeben. Whlen Sie diese Option aus und klicken Sie anschlieend auf PROGRAMM ONLINE KAUFEN . Ich mchte die Trialversion weiter verwenden: Whlen Sie diese Option, wenn Sie weiterhin die kostenlose Trialversion verwenden mchten - direkt unter dieser Option sehen Sie, wie lang Ihre Testphase noch luft. Whlen Sie diese Option aus und klicken Sie anschlieend auf TESTPHASE FORTSETZEN. Wichtiger Hinweis: Bitte merken Sie sich E-Mail-Adresse und Passwort, mit denen Sie MAGIX Web Designer 7 Premium erwerben, da Sie diese zuknftig bentigen knnten. Z. B. wenn Sie Ihren Aktivierungscode wieder bentigen oder ein Produkt-Upgrade erwerben mchten. Andere Kaufmglichkeiten Sollten Sie keine Trialversion besitzen, so knnen Sie MAGIX Web Designer 7 Premium auch direkt ber unsere Website www.magix.de bestellen. Ihnen wird dann ein Aktivierungscode bermittelt, mit dem Sie die Trialversion spter freischalten knnen.

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)

SCHWEIZ Tel.: 0900-45 45 71 (1,50 CHF/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:

Was ist neu in MAGIX Web Designer 7 Premium?

15

Was ist neu in MAGIX Web Designer 7 Premium?


Web-Authoring/Web-Publishing
Neue Widgets Machen Sie Ihre Website zu einem Hinkucker und dynamisch mit unseren neuen cleveren, Widgets! Fgen Sie ihren Seiten professionelle Foto- und Textanimationen hinzu, es sind keine Programmierkenntnisse erforderlich. Mit der Zeit werden weitere Widget zu Galerie hinzukommen, die automatisch heruntergeladen werden. Prsentations-Websites Erstellen Sie browserbasierte Prsentationen im Diashow-Stil, die Ihre Website-Besucher mit den Pfeiltasten steuern knnen. Fr jeden Schritt oder jede Seite sind animierte bergangseffekte mglich. Mit einer Online-Prsentation knnen Sie auch einfach Meetings im Netz abhalten und die Prsentation Schritt fr Schritt im durchgehen. Neue animierte bergangseffekte fr Ebenen und Seiten-Links In MAGIX Web Designer 7 Premium knnen Sie nun sehr einfach den Links auf Ebenen und Seiten eine Reihe von bergangseffekten zuordnen. Diese bergnge funktionieren beim Link auf jede andere Seite oder auch beim Aufruf von Popup-Ebenen. Intelligente wiederholte Kopf- , Fuzeilen oder Wasserzeichen MAGIX Web Designer 7 Premium aktualisiert jetzt alle Vorkommen wiederholter Objekte automatisch, wenn Sie eines davon bearbeiten, so dass Sie diese nicht mehr manuell aktualisieren mssen, wenn Sie etwas verndert haben. Wird eine Instanz eines wiederholten Objekts bearbeitet, bertragen sich die Aktualisierungen sofort auf alle anderen Instanzen dieses Objektes auf den anderen Seiten des Dokuments. Auerdem ist MAGIX Web Designer 7 Premium dabei schlau in Bezug auf die Positionierung, Objekte in der oberen Hlfte der Seite werden auf anderen Seiten relativ zur Oberkante, Objekte in der Nhe des unteren Randes relativ zur Unterkante positioniert, unabhngig von der tatschlichen Seitengre. Mehr Individualitt im Browsertab Ihrer Website mit Favicons. MAGIX Web Designer 7 Premium untersttzt jetzt die Zuordnung von Favicons, dies sind kleine Grafiken, wie zum Beispiel Logos, die in den Tabs und Lesezeichen des Browsers angezeigt werden. Sitemap-UntersttzungSie knnen automatisch eine Sitemap generieren lassen, die sich an Suchmaschinen bertragen lsst und die diese beim durchsuchen und indizieren Ihrer Website untersttzt. Navigationsschaltflchen in der eingebauten Vorschau. 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. Schnelle Vorschau Ihrer Seiten in den gebruchlichsten Browsern Wenn Sie Firefox, Chrome, Opera, Internet Explorer oder Safari installiert haben, knnen Sie sich mit einem Klick die Seitenvorschau in einem dieser Browsern anzeigen lassen. Webseitenvorschau in Web Designer Premium Vorschaufenster im Vollbildmodus mit der neuen Schaltflche Vollbildvorschau Wenn Sie das Vorschaufenster schlieen und spter wieder ffnen, behlt Web Designer Premium den letzten verwendeten Anzeigemodus bei, also normal, maximiert oder Vollbild.

16

Was ist neu in MAGIX Web Designer 7 Premium?


FTP-Speicherplatz aus MAGIX Web Designer 7 Premium heraus anzeigen Navigieren Sie durch Ihren FTP-Speicherplatz und lschen Sie Dateien oder Ordner mit dem eingebauten Webspace-Explorer von MAGIX Web Designer 7 Premium. Eine Reihe neuer Vorlagen gibt Ihnen noch mehr Auswahl an Designs zur Erstellung von Websites mit MAGIX Web Designer 7 Premium.

Allgemeine Verbesserungen an Werkzeugen und in der Bedienung


MAGIX Web Designer 7 Premium enthlt zustzliche Zeichenwerkzeuge zum Gestalten eigener Grafiken, wie Quickshape oder Freihandzeichnen, Schatten, Kante und Verzerren sowie zustzliche Fotowerkzeuge wie Rote-Augen-Korrektur und Maske Neues, Magisches Objekt-Rasten fr das Ausrichten von ObjektenMAGIX Web Designer 7 Premium bietet nun ein magisches Objektraster, das deutlich smtliche mgliche Rastpunkte anzeigt in Bezug auf die Seite, Objekte und Objekte in Gruppen. Wenn Sie eine Form verschieben, zeigt MAGIX Web Designer 7 Premium blaue Linien fr alle Rastlinien relativ zu benachbarten Objekten sowie deren horizontale oder vertikale Mittellinien, sowie rote Punkte fr genaues Einrasten an Punkten auf diesen Linien. Erhhter Bedienkomfort Die Galerien in MAGIX Web Designer 7 Premium bieten schnelleren Zugang zu den bentigten Informationen: Der neue, voreingestellte Seiten-Modus der Seiten- & Ebenen-Galerie zeigt eine schmale Liste von Seiten-Vorschaubildern an zur einfachen Seitennavigation. Damit die Darstellung nicht berladen wirkt, zeigt MAGIX Web Designer 7 Premium anfangs alle Seiten einzeln an. Klicken Sie rechts auf die Seite und whlen Sie Mehrseitige Anzeige oder whlen Sie eine andere Seite in der Seiten& Ebenen-Galerie aus. Durch den hierarchischen Aufbau der Design-Galerie wird die Suche nach Vorlagen erheblich erleichtert und beschleunigt. Besseres Einbetten von Grafiken in Flietext. Das Verankern von Objekten im Text ist jetzt eine Ein-Klick-Aktion und im Text verankerte Objekte knnen jetzt auerdem Text abweisen, so dass sich Umflieen-Effekte sehr einfach bewerkstelligen lassen. Der Abstand fr das Umflieen kann nun separat fr Hhe und Breite eingestellt werden. Die Bewegung verankerter Objekte kann auf vertikale Bewegung beschrnkt werden, sehr ntzlich fr Grafiken neben dem Text, die sich nur hoch oder runter bewegen sollen. Zustzliche Einfge-Funktionen bringen mehr Flexibilitt beim Einfgen: Einfgen der Position, Gre, Einfgen mit Ersetzen der Auswahl, in aktueller Ebene einfgen und an Position in aktueller Ebene einfgen. Ein neues Linien- und Pfeil-Werkzeug. Damit knnen Sie sehr einfach einzelne, unverbundene Linien zeichnen und jeder Linie Pfeilspitzen und -enden hinzufgen knnen. Reiter fr DokumentenfensterReiter am oberen Rand des MAGIX Web Designer 7 Premium-Fensters zeigen eindeutig an, welches Dokument gerade angezeigt wird, welche Dokumententyp und ob es ungespeicherte nderungen gibt. Sehen Sie auf einen Blick, welche Dokumente geladen sind und erreichen Sie diese durch Klick auf den entsprechenden Reiter. Ein neues Galeriesystem erlaubt Ausklapp-Galerien fr schnelles Anzeigen und flexibles Docking. Die neue Galerieleiste gibt sofortigen Zugriff auf alle Galerien, die nun ausklappen, wenn Sie mit der Maus ber die Galerieleiste fahren. Es ist leicht mglich, Galerien im Programmfenster zu verschieben, sie knnen wo immer Sie wollen

Was ist neu in MAGIX Web Designer 7 Premium?


festgepinnt oder angedockt werden, sowohl einzeln als auch in Gruppen oder Stapeln bereinander. Schnelles Ausrichten ausgewhlter Objekte ist mglich durch die neuen Rechtsklickmen-Optionen Ausrichten. Mehrere ausgewhlte Objekte knnen damit direkt horizontal oder vertikal ausgerichtet werden, ohne erst den Ausrichten-Dialog ffnen zu mssen. Komplettes Live-Zeichnen von Formen. Werden neue Formen wie Rechtecke, Ellipsen oder QuickShapes erstellt, sehen Sie nun die komplett gefllte Form, sobald Sie diese zeichnen (nicht nur einen Umriss). So sehen Sie direkt die richtige Fll- und Linienfarbe. Das ganze funktioniert auch bei dicken Linien. Einfachere Handhabung von Grafikstilen (Attributregeln) Es gibt eine grundlegende nderung, wie Attribute (Erscheinungsbild oder Stil eines Objektes) auf neue Objekte angewendet werden. Neue Objekte knnen jetzt den Stil des zuletzt ausgewhlten Objekts und nicht des zuletzt gezeichneten Objekts annehmen. Klingt nach einer kleinen nderung, allerdings ist das intuitiver und besser so knnen Sie z. B. den Stil eines Objekts schnell kopieren, indem Sie es erst auswhlen und dann ein neues Objekt zeichnen. Animationen als AVI-Dateien exportieren. MAGIX Web Designer 7 Premium gestattet den Export von Animationen als AVI-Datei. HTML 5 video. Zum Website hinzugefgte MP4-Dateien spielen nun ohne installiertes Flash, wenn der Browser HTML5 untersttzt. Damit funktionieren die Filme auf IHren Seiten auch auf iOS Gerten wie iPhones und iPads.

17

Weitere kleinere Verbesserungen


Grere Kontrolle ber das Clipping von Objekten. Mit einer neuen Option auf dem Reiter Website des Webeinstellungs-Dialogs lsst sich festlegen, ob Objekte an den Kanten der Webseiten abgeschnitten werden oder nicht. Wenn Auf Seitenrand beschneiden nicht aktiv ist, werden Objekte, die ber den Seitenrand hinaus ragen, komplett dargestellt, anstatt am Seitenrand abgeschnitten zu werden. Auerdem startet dann die Bewegung von animierten bergngen am Rand des Browserfensters anstatt am Seitenrand. Verbesserte Kontextmens fr direkten Zugriff auf ntzliche FunktionenEin Rechtsklick auf Objekte, die Seite oder den Arbeitsbereich bietet sofortigen Zugang zu relevanten Aktionen. Deutlicheres Textrendering auf den Infoleisten fr bessere Darstellungsqualitt und Deutlichkeit auf alle Werkzeugleisten, dazu muss ClearType in der Systemsteuerung aktiviert sein. Ihre Website zur MAGIX Nutzergalerie hinzufgen. Beim Verffentlichen Ihrer Website knnen Sie entscheiden, ob Sie ein Vorschaubild Ihrer Site in die von MAGIX angebotene Nutzer-Websites-Galerie aufnehmen lassen wollen. Der Fotos optimieren-Dialog enthlt nun eine Option, die aktuelle Auflsung des Fotos beizubehalten. Videokonvertierungen. Beim Import von folgenden nicht untersttzten Videoformaten wird auf eine MAGIX-Seite weitergeleitet, die Mglichkeiten zur Konvertierung anbietet: AVI, DV-AVI, MPEG-1, MPEG-2, MPEG-4, MXV, MJPEG, QuickTime, WMV(HD) Um zu verhindern, dass Objekte auf der aktuellen Ebene Text auf anderen Ebenen abweisen gibt es im Dialog Ebeneneigenschaften die neue Option Nur innerhalb der Ebene Text abweisen. Dadurch wird gleichzeitig auch verhindert, dass Objekte aus hher liegenden Ebenen Text in der aktuellen Ebene abweisen. Diese Einstellung ist

18

Was ist neu in MAGIX Web Designer 7 Premium?


ntzlich fr Popup-Ebenen in Website-Dokumenten und dort daher standardmig aktiviert. Header-Code fr Website oder Seiten. Sie knnen HTML-Code jetzt auch in den HEAD-Abschnitt Ihrer Webseiten einfgen, fr eine grere Flexibilitt bei der Website-Gestaltung. Sie knnen einfach eigene Codeabschnitte (oder solche eines Widget-Anbieters) in einzelne Seiten oder auf alle Seiten Ihrer Website einfgen. Das Einfgen von Code in den HEAD- oder BODY-Abschnitt ist auerdem durch einen greren Eingabedialog erleichtert worden.

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.

Was macht Web Designer Premium so anders?


Web Designer Premium ist einzigartig darin, dass es das einzige Webdesign-Werkzeug ist, das wirkliche Freiheit im Design einer Website erlaubt, alles kann berall platziert werden und genau so akkurat an gleicher Stelle im Browser erscheinen. Text, Grafik und Fotos knnen berall auf der Seite angeordnet werden, in jeder Gre, jedem Winkel, sie knnen sich berlappen und mit Transparenzen versehen sein, <Programmname-short> erzeugt eine auf den Bildpunkt exakte perfekte HTML-Seite. Web Designer Premium kann Sachen bewerkstelligen, die bei anderen Web-Autorensystemen als nahezu unmglich angesehen wurden, wie um unregelmige Formen und Fotos flieender Text. Fortgeschrittene Vektor-Grafik-Werkzeug sind enthalten, um alles von einfachen Formen bis zu komplexen Firmenlogos und Grafiken zu zeichnen. Enthalten sind auerdem automatische Grafikoptimierungen, nicht nur fr optimal aufgelste Bilder, sondern auch mit automatischer Erkennung wiederholter Elemente innerhalb der Website, um optimale, schnelle Websites zu erstellen. CSS-Ebenen mit fortgeschrittenen Features wie Transparenzen oder sogar Transparenz-Verlufen, MouseOver-Effekte und mehr werden untersttzt. Die erzeugten HTML-Seiten sind 100% browser- und plattformkompatibles XHTML. Und obendrein ist Web Designer Premium auch noch das vielleicht einfachste, am leichtesten zu lernende Autoren-Werkzeug, das verfgbar ist. Web Designer Premium richtet sich an Grafik-Designer, die kein HTML und keine Skriptsprachen lernen wollen. Fr Grafik-Designer ist es das perfekte, schnelle Werkzeug fr Website-Prototypen. Genauso werden aber auch Anfnger angesprochen, die auf dem einfachsten mglichen Weg zu professionell aussehenden Internetseiten gelangen wollen. Web Designer Premium bietet keine Programmierwerkzeuge, keinen Skript-Edtor und noch nicht einmal eine HTML-Ansicht. Unsere Programmphilosophie ist diese: Mann muss auch nicht die PDF-Beschreibungssprache beherrschen, um PDFs zu erzeugen. Warum

20

Weitere Informationsquellen
sollte man also irgend etwas ber HTML oder Javascript wissen wollen, nur um groartige Websites zu erstellen.

Eine Webseite in sechs Schritten erstellen


Diejenigen von uns, deren Aufmerksamkeitsspanne kurz ist (wie bei den meisten von uns), knnen die Hauptvorteile von Web Designer Premium entdecken, indem sie den Anweisungen im Start-Dokument folgen, das sich beim Programmstart von Web Designer Premium ffnet. Hierbei handelt es sich sowohl um eine Einfhrung als auch eine richtige Website, mit der Sie experimentieren knnen. Sie finden dieses Beispieldokument auch in der Design-Galerie. Rckgngig Denken Sie daran, dass Sie jede nderung mit der RCKGNGIG -Schaltflche oder Strg+Z wieder rckgngig machen knnen. Wenn Sie die Schaltflche gedrckt halten, knnen Sie schnell durch Ihre nderungen wieder zum Anfang zurck gehen.

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.

Weitere Informationsquellen Tooltips


Wenn Sie mit der Maus ber eine Schaltflche fahren, zeigt der Tooltip die Funktion der Schaltflche an.

21

ber MAGIX Web Designer 7 Premium


HILFE > BER MAGIX WEB DESIGNER 7 PREMIUM zeigt Informationen zur Programmversion. Wenn Sie sich an den Support wenden mchten, mssen Sie diese Infos bereit halten.

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

Webseite/Komplette Website exportieren und Vorschau anzeigen Linkeigenschaften Website-Optionen Exportieren

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.

Erste Schritte Objekte auf der Seite


Egal, ob Sie nun eine bestehende Vorlage anpassen oder oder Ihre eigenen Grafiken erstellen, alles lsst sich frei auf der Seite anordnen, drehen, skalieren und auf die gewnschte Position verschieben. Sie knnen kinderleicht die Seitengre Ihren Wnschen anpassen und neue Seiten hinzufgen. Bestimmte Funktionen, wie das ndern des Farbschemas, wirken sich auf alle Seiten gleichzeitig aus. Dies sind die grundlegenden Typen von Seitenelementen: Text: Mit dem Text-Werkzeug knnen Sie alles von Ein-Wort-berschriften ber Textspalten bis zu Textblcken, die ber mehrere Textrahmen gehen, erstellen. Sie knnen auch Aufzhlungen und nummerierte Listen erstellen. Die Infoleiste des Text-Werkzeugs bietet die Mglichkeit, Schriftart, Textgre, Zeilenabstand und mehr. einzustellen. Sie knnen die Textgre entweder durch das Auswahl-Werkzeug ndern oder Text auf die bliche Weise auswhlen und alternativ Punkt- oder Pixelgren anpassen. Sie knnen sogar Text um jede Achse drehen und mit der Text abweisen-Funktion Text um Objekte auf der Seite (z. B. Fotos) laufen lassen. Grafiken: Jede Art von Logo, berschrift und die meisten Schaltflchen, die auf Ihrer Website erscheinen, sind Grafiken. Web Designer Premium ist ein Vektorgrafik-Programm. Das bedeutet, Sie knnen ohne Qualittsverlust die Form oder Gre Ihrer Grafiken ndern oder diese rotieren (anders als bei Pixelbearbeitungs-Programmen wie Photoshop). Und obwohl es keinen Standard fr Vektorgrafiken auf Webseiten gibt (fr Websites mssen alle Grafiken entweder im JPG, GIF oder PNG Format sein), erstellt Web Designer Premium automatisch die richtige Gre und das richtige Format. Wenn Sie zum Beispiel ein farbiges Feld hinter Ihrem Text erzeugen wollen, machen Sie dies indem Sie ein Rechteck- oder abgerundetes Rechteck zeichnen und dieses hinter Ihrem Text platzieren. Wenn Sie Ihre Website speichern, wird die Grafik Automatisch in eine PNG-Grafik mit der richtigen Auflsung umgewandelt. Fotos: Es gibt wenige Websites, die nicht in irgendeiner Weise Fotos enthalten. MAGIX Web Designer 7 Premium verfgt ber groe Zahl an Fotobearbeitungs-Werkzeugen. Sie knnen Fotos per Drag & Drop direkt von Ihrer Kamera oder aus dem Explorer-Fenster auf die Seite ziehen. Anschlieend knnen Sie die Bilder drehen, optimieren und beschneiden und Web Designer Premium erzeugt automatisch JPG-Bilder in der korrekten Auflsung. Bestehende Bilder in Templates auszutauschen funktioniert auch ber Drag & Drop - Sie knnen auerdem die Gre und Neigung der Fotos innerhalb Ihres Rahmens sehr einfach anpassen. Sie knnen auch sehr elegant Miniaturansichten von Fotos erzeugen, die beim Anklicken als vergrerte Version in einem Pop_up_Fenster geffnet werden und die optional Galerie-Steuerelemente enthalten knnen, die es den Seitenbesuchern erlauben, sich durch die Fotos zu klicken oder eine automatische Diaschau zu betrachten. Platzhalter: Dies sind grafische Objekte auf der Seite, die die Gre und Position von dynamischen Widgets wie Flash-Animationen, Videos oder Formularen reprsentieren. Wird Ihre Site exportiert, wird die Platzhalter-Grafik durch den Code ersetzt, der zum Funktionieren des Widgets erforderlich ist, so dass das fertige Widget an gleicher Stelle auf der Seite auftaucht. Fr Einzelheiten dazu lesen Sie bitte das Kapitel Website Widgets im PDF-Handbuch.

25

26

Erste Schritte Objektbasiertes Webdesign


Alle diese vorher beschriebenen Elemente werden einheitlich als Objekte bezeichnet. Einer der einzigartigen Vorteile von Web Designer Premium ist, dass Sie jedes Objekt berall absolut frei platzieren knnen. Ihre Website wird alles detailgetreu anzeigen. Das AUSWAHL-WERKZEUG kann dazu benutzt werden, jedes Objekt auf der Seite auszuwhlen und zu bewegen (einfach ziehen), in der Gre zu verndern und zu drehen. Sie knnen die Reihenfolge anpassen (d. h. ob ein Objekt vor oder hinter anderen Objekten auf der Seite erscheinen soll), indem Sie die Optionen aus dem Men Anordnen benutzen. Mit dem Auswahl-Werkzeug knnen Sie die Gre von Objekten ndern, indem Sie an den Ecken des Objekts an den Grenanfassern ziehen. Sie knnen jedes Objekt drehen, indem Sie innerhalb der Eckanfasser ziehen. Und obwohl Websites keinen gedrehten Text untersttzen, erzeugt Web Designer Premium automatisch es eine passende Grafik, so dass das Resultat immer richtig aussieht. Um zu Ihrer Website hinzuzufgen, whlen Sie das TEXT-WERKZEUG , klicken Sie irgendwo auf die Seite und beginnen zu schreiben. Sie knnen auch Textspalten erzeugen, indem Sie mit dem Text-Werkzeug klicken und eine horizontale Linie ziehen oder oder diagonal Textrahmen aufziehen. Lesen Sie den Abschnitt Text (auf Seite 48) im PDF-Handbuch fr weitere Details und das Kapitel Arbeiten mit Text (auf Seite 196) fr eine komplette Aufzhlung der Textfunktionen in MAGIX Web Designer 7 Premium Sie knnen die ZEICHEN-WERKZEUGE benutzen, um Rechtecke, abgerundete Rechtecke, Kreise, Ellipsen zu erzeugen und so ziemlich jede andere Form, indem Sie das Formeditor-Werkzeug benutzen. Lesen Sie dazu den Abschnitt Zeichenwerkzeuge (auf Seite 60) im PDF-Handbuch fr weitere Details.

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 schrittweise bewegen


Mit den Pfeiltasten kann man Objekte schrittweise, Pixel fr Pixel, bewegen. Wenn Sie die Umschalt-Taste gedrckt halten, bewegen sich die Objekte um zehn Pixel.

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.

Vorschau Link Website-Optionen Export

Bewegen Sie den Mauszeiger ber die Schaltflchen in der Ausklapp-Leiste fr einen mit Hinweisen zur Funktion dieser Schaltflche.

Tooltipp

Eine Website erzeugen


Es gibt zwei Arten, eine neue Website zu erstellen. Entweder Sie starten mit einer vorgefertigten Vorlage und passen Text, Fotos und Farbschema an. Oder Sie erzeugen

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

Vorschau Ihrer Website


Wenn Sie in Web Designer Premium eine Website erzeugen, zeigt ihnen das Dokument eine akkurate statische Vorschau, aber um das Verhalten der Pop-ups, MouseOver-Effekte, Flash-Animationen und anderer Widgets zu kontrollieren, mssen Sie die richtige Browser-Vorschau benutzen. Dazu gibt es zwei Vorschau-Optionen in der Ausklappleiste der Web-Werkzeugleiste.

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

Vorschau der Seite in Mozilla Firefox

Vorschau der Seite im Internet Explorer

Vorschau der Seite in Opera

Vorschau der Seite in Safari

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).

Vorlagen, Cliparts und Widgets verwenden


ffnen Sie die DESIGN-GALERIE . Diese zeigt Ordner an, die eine Auswahl an Website-Designs und dazu passenden Grafikdateien mit einem speziellen Thema enthalten.

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

Neue Seiten zu Ihrer Website hinzufgen


Sie knnen jede Vorlage aus der DESIGNS-GALERIE auf Ihre Seite ziehen. Wenn es sich dabei um eine Seiten-Vorlage handelt, wird automatisch eine neue Seite zu Ihrer Website hinzugefgt. Vorher werden Sie gefragt, ob Sie die Farbnderungen bernehmen mchten. Wenn Sie eine Clipart, wie etwa eine Schaltflche, eine berschrift oder ein Foto, einfgen, wird es dort auf der Seite eingefgt, wo Sie es loslassen; Sie werden auch dann gefragt, ob Sie die Farbnderungen bernehmen mchten. Zustzlich zu Webseiten-Abschnitten mit bestimmten Themen, hat die DESIGN-GALERIE auch Ordner, in denen sich zustzliche Schaltflchen-Designs, Banner, berschriften, Foto-Objekte und mehr befinden. Ziehen Sie einfach das gewnschte Design aus der Galerie auf Ihre Seite. Sie werden gefragt, ob Sie wollen, dass die Grafik die Farb-Einstellungen der Website bernimmt. Wenn Sie sich dagegen entscheiden, knnen Sie die Farben der importierten Grafik immer noch bearbeiten - siehe unten. Ihre importierte Grafik ist nur ein weiteres Objekt auf der Seite und kann mit dem AUSWAHL-WERKZEUG verschoben, skaliert und gedreht werden. Um eine neue Seite mit demselben Design hinzuzufgen, klicken Sie am besten rechts auf die Seite und whlen AKTUELLE SEITE DUPLIZIEREN oder benutzen die SEITE DUPLIZIEREN- Schaltflche auf der Hauptwerkzeugleiste. Dies reproduziert die aktuelle Seite weiter unten. Sie knnen dann die Elemente wie gewnscht lschen oder bearbeiten. Das hat den Vorteil, dass Sie dieselbe Navigationsstruktur beibehalten knnen. Sie knnen eine neue, leere Seite hinzufgen, indem Sie rechts auf die Seite klicken und NEUE SEITE whlen, oder Sie benutzen die Schaltflche LEERE SEITE EINFGEN im Ausklappmen Seite. Sie knnen eine Seite lschen, indem Sie rechts auf die Seite klicken und AKTUELLE SEITE LSCHEN whlen, oder Sie benutzen die Schaltflche AKTUELLE SEITE LSCHEN im Ausklappmen Seite.

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.

Importierte Cliparts einfrben


Wenn Sie eine Grafik durch Ziehen aus der DESIGN-GALERIE importieren, die Import-Option verwenden oder eine .web- oder .xar-Datei auf Ihre Seite ziehen, werden Sie normalerweise gefragt, ob Sie die Farbeinstellungen anpassen mchten. Wenn Sie dies

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.

Hintergrundfarbe der Seite


Die meisten Seiten-Designs in der DESIGN-GALERIE haben zwei Arten von Hintergrund. Ein breiter Seitenhintergrund erstreckt sich ber den Hintergrund des gesamten Browser-Fensters. Und darber werden die verschiedenen Webseiten-Elemente dargestellt, die blicherweise aus verschiedenen farbigen Flchen bestehen.

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

Die Oberkante der Seite versetzen


Wenn Sie Arbeitsbereich und Seitenhintergrund verschiedene Farben zugewiesen haben und sich die Seite im Browser betrachten, sehen Sie, dass sich die Seite bis an die Oberkante des Browserfensters erstreckt. Oberhalb der Seite sehen Sie nichts von der Farbe des Arbeitsbereichs. Sie knnen daher einen Versatz einstellen, damit oberhalb Ihrer Seite im Browser etwas Platz gelassen wird. Um einen Versatz hinzuzufgen, ndern Sie den Seitenursprung (Nullpunkt des Lineals). Normalerweise ist der Seitenursprung in der linken oberen Ecke der Seite. Wenn Sie diesen Ursprung beispielsweise um 20 Pixel nach oben verschieben, erzeugen Sie einen 20 Pixel breiten Abstand am oberen Rand der Seite, wenn sie im Browser angezeigt wird. Sie knnen den Ursprung auf zwei unterschiedliche Weisen verndern. Offnen Sie den Dialog EXTRAS ->OPTIONEN, wechseln zum Reiter RASTER & LINEAL und erhhen bei Ursprung den Wert der Y-Koordinate. Der Wert entspricht normalerweise der Hhe Ihrer Seite, erhhen Sie diesen also um soviel, wie der obere Rand breit sein soll. Ist Ihre Seite beispielsweise 700 Pixel hoch, ndern Sie den Wert der Y-Koordinate von 700 auf 720, um einen 20 Pixel Versatz zu erhalten. Alternativ knnen Sie den Ursprung auch interaktiv einstellen. Schalten Sie die Lineale ein mit FENSTER ->LINEALE ANZEIGEN(Strg+L). Klicken und ziehen Sie das Fadenkreuz, es befindet sich dort, wo sich waagerechtes und senkrechtes Lineal treffen, in der linken oberen Ecke des Fensters. Verschieben Sie jetzt den Ursprungspunkt auf die passende Distanz senkrecht oberhalb der linken oberen Ecke Ihrer Seite. Das ndern der horizontalen Position des Ursprungs hat keinen Einfluss auf die Horizontale Positionierung Ihrer Seite, also lassen Sie diese unverndert.

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.

Um diesen Effekt zu erzeugen, folgen Sie diesen Schritten:

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.

Mehrere Fotos ersetzen


Bei einigen Vorlagen der DESIGN-GALERIE ,insbesondere Foto-Alben, knnen mehrere Fotos gleichzeitig ausgetauscht werden. Sie knnen im Windows Explorer mehrere Dateien auswhlen, indem Sie bei gehaltener Strg-Taste auf die Dateien klicken, oder bei gehaltener Umschalt-Taste eine Folge von Dateien auswhlen. Dann ziehen Sie diese alle zusammen in MAGIX Web Designer 7 Premium, die Fotos werden eins nach dem anderen ersetzt, von oben nach unten auf der Seite. Dadurch knnen die Seiten eines Fotoalbums rasend schnell mit Bildern gefllt werden. Wenn Sie mehr Fotos hineinziehen, als in die aktuelle Seite eingefgt werden knnen, schaut MAGIX Web Designer 7 Premium auf die folgenden Seiten, ob sich dort einige oder alle Fotos unterbringen lassen. Falls das fr die Anzahl der Fotos immer noch nicht ausreicht, wird die aktuelle Seite so oft dupliziert, wie ntig ist, um alle Fotos unterzubringen. Mit diesem leistungsfhigen Mechanismus knnen Sie im Nu eine mehrseitiges Fotoalbum-Website erzeugen, indem Sie eine Album-Vorlage laden und die Fotos hineinziehen.

Groe Fotos importieren


Wenn Sie groe Fotos importieren, fragt Sie MAGIX Web Designer 7 Premium, ob Sie eine grenreduzierte Version Ihrer Fotos importieren mchten. Es ist wichtig, diese Option zu whlen, wenn Ihr Dokument eine groe Anzahl Fotos enthalten soll, besonders bei einem Website-Dokument. Sonst werden Sie feststellen, dass Ihr abgespeichertes Design wesentlich grer ist, als es sein msste (es enthlt originale Kopien aller Ihrer Fotos) und Sie haben unter Umstnden nicht gengend Speicher, um Ihre Website zu laden, zu bearbeiten und zu exportieren. Fr ein Web-Dokument sind die Bilder auch in der reduzierten Version hoch genug aufgelst, um vernnftige Ergebnisse zu erzielen, fr

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.

Vorschau-Fotos mit Pop-ups


Sie knnen sehr einfach kleine Vorschau-(Thumbnail-)Fotos erzeugen (einfach auf die Gre verkleinern), die nach einem Klick eine grere Version zeigen. Verkleinern Sie einfach Ihre Fotos auf die bliche Weise mit dem AUSWAHLWERKZEUG .

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.

Foto-Auflsung - alles automatisch


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.

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.

Neue Textobjekte erstellen


Es gibt drei Arten von Textobjekten - eine einfache Textzeile, eine Text-Spalte und ein rechteckiges Textfeld. Um eine einfache Textzeile zu erzeugen, whlen Sie das TEXT-WERKZEUG und klicken Sie irgendwo auf den Hintergrund. Sie knnen nun anfangen zu schreiben. Um eine Spalte zu erzeugen, klicken auf dem Hintergrund und ziehen Sie eine horizontale Linie. Sie knnen die Spaltenbreite jederzeit anpassen. Um einen Textbereich zu erstellen, klicken und ziehen Sie diagonal. Sie knnen die Breite und Hhe des Textfeldes anpassen.

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.

Aufzhlungen und Nummerierte Listen


Mit den entsprechenden Schaltflchen auf der Infoleiste des TEXT-WERKZEUGS knnen Sie einfach Aufzhlungen und nummerierte Listen eingeben. Mit Rechtsklick auf eine nummerierte Liste und der Option Listeneigenschaften... knnen Sie das Nummerierungs-Schema ndern. Fr eine ausfhrliche Information dazu lesen Sie bitte das Kapitel Arbeiten mit Text (auf Seite 196).

Weiche Schatten, Text mit Farbfllung, transparenter Text


Sie knnen diese Effekte mit den entsprechenden Werkzeugen erzeugen. Beispiel: Wenn Sie bei gehaltener Maustaste mit dem Fll-Werkzeug ber Text ziehen, entsteht ein Farbverlauf oder wenn Sie mit dem Schatten-Werkzeug an ihm ziehen, entsteht ein weicher Schatten. In diesen Fllen wird Ihr Text von Web Designer Premium fr Ihre exportierte Website automatisch in eine Grafik umgewandet.

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.

Erste Schritte Seitengre


Sie knnen jede beliebige Seitengre im Reiter SEITE des EINSTELLUNGEN DIALOGS (Datei->Seiteneinstellungen) festlegen. Es wird nicht empfohlen mehr als 990 Pixel zu nehmen, da dies die maximale Breite von vielen Bildschirmen ist (1024 minus etwas Abstand fr die Scrollleiste). Weiter verbreitet ist eine Seitenbreite von etwa 800 Pixeln. Die Hhe Ihrer Seite knnen Sie durch Ziehen am unteren Rand der Seite verndern. Whlen Sie dazu das AUSWAHL-WERKZEUG und fhren Sie den Mauszeiger ber die untere Kante der Seite, der Mauszeiger verndert sich dann und zeigt an, dass Sie nun durch Ziehen die Seitenhhe verndern knnen.

53

Seitengre von Templates ndern


Sie knnen auch die vertikale Gre der vorgefertigten Templates durch Ziehen an der unteren Seitenkante verndern. Sie mssen jedoch die Objekte der Seite verschieben und ihre Gre ndern. Viele Templates haben z. B. eine Fuzeile. Mit dem AUSWAHL-WERKZEUG knnen Sie diese an die neue Position bringen. Manchmal ist der Haupttext auf einem farbigen Hintergrund-Rechteck. Dieses knnen Sie auch mit dem AUSWAHL-WERKZEUG vergrern, indem Sie am unteren Objektanfasser ziehen. Die meisten Templates benutzen Textspalten, die lnger werden, wenn Sie mehr Text eingeben. Hinweis: Wenn Sie Strg gedrckt halten, whrend Sie ziehen, stellen Sie sicher, dass das Ziehen genau vertikal oder horizontal ist.

Ihre Arbeit speichern. Eine Website erzeugen


Benutzen Sie die Menoptionen SPEICHERN oder SPEICHERN UNTER um Ihren Fortschritt zu sichern. Damit wird eine Datei mit der Endung .web, dem Dateiformat von Web Designer Premium, gespeichert (dabei handelt es sich nicht um eine Website). Es wird empfohlen, Ihre Arbeit von Zeit zu Zeit zu speichern. Wenn Sie Ihre Website spter bearbeiten und aktualisieren wollen, mssen Sie auf diese Weise eine .web-Datei speichern. Es wird auch empfohlen, die Funktion Automatische Sicherheitskopie zu aktivieren. Einstellungen dazu befinden sich im Reiter Sicherheitskopien des OPTIONEN-Dialogs. Wenn aktiv, werden in regelmigen Abstnden Sicherheitskopien aller genderten, offenen Dokumente gespeichert. Im Dialog kann auch festgelegt werden, wie sich das Programm beim Schlieen verhlt. Entweder Sie erhalten fr jedes Dokument die bliche Sicherheitsabfrage, zu speichern oder die nderungen zu verwerfen oder alle offenen Dokumente werden automatisch als Sicherheitskopie gespeichert und beim nchsten Programmstart wiederhergestellt.

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.

Erste Schritte Wiederholte Objekte


Es ist blich, dass sich Elemente wie Navigations-Schaltflchen, Kopfzeilen oder Logos auf jeder Seite Ihres Dokuments oder Ihrer Website wiederholen. MAGIX Web Designer 7 Premium gibt Ihnen die Mglichkeit, jedes Element an derselben Stelle auf jeder Seite der Website zu wiederholen. Wenn Sie eine der Kopien aktualisieren, werden nderungen auf alle Kopien auf anderen Seiten automatisch bertragen. Fr weitere Informationen, lesen Sie den Abschnitt zu Wiederholten Objekten (auf Seite 143) im Kapitel Arbeiten mit Objekten.

57

Links, Schaltflchen & Navigationsleisten


Sie knnen jedes Objekt (Schaltflche, Grafik oder Text) verlinken. Whlen Sie das Objekt aus und klicken Sie auf das Link-Symbol in der Website-Werkzeugleiste um die Internetadresse, auf die Sie verlinken wollen, einzugeben.

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.

Einem Link einen bergang hinzufgen


Sie knnen einem Link auch einen bergangseffekt zuweisen, so dass beim Anklicken dem Objekt, das der Link aufruft, ein animierter bergangseffekt zugewiesen wird.

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.

Link auf Anker


Sie knnen auf ein beliebiges Objekt oder einen beliebigen Text irgendwo auf Ihrer Website ververweisen, indem Sie Anker verwenden. Zunchst mssen Sie dem Objekt, auf das Sie verlinken wollen, einen Namen zuweisen. Whlen Sie das Objekt (Grafik oder ein beliebiger Text) aus und ffnen Sie den Menpunkt EXTRAS > NAMEN... Geben Sie einen einmaligen Namen ein und klicken Sie HINZUFGEN . Um auf diesen Anker von irgendwo auf der Website zu verweisen (eine Schaltflche oder verlinkter Text) ffnen Sie den Link-Dialog (siehe oben) und whlen Sie aus der Auswahlliste von Namen unter LINK AUF ANKER.

Link auf Datei


Manchmal mchten Sie Ihren Seiten-Besuchern ein Dokument, Film oder andere Datei zum Download anbieten. Dafr benutzen Sie die Option LINK AUF DATEI . Whlen Sie auf der Seite das Objekt aus, welches Sie verlinken wollen. Dann whlen Sie die Option Link auf

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.

Neue Schaltflchen hinzufgen


In der Design-Galerie hat jedes Thema eine Auswahl an Schaltflchen, die Sie einfach auf die Seite ziehen knnen. Es gibt zwei Arten von Schaltflchen. Die einen sind dehnbare Schaltflchen, die sich verlngern und der Textlnge anpassen. Auerdem gibt es eine Schaltflchen-Kategorie, die eine Sammlung von Schaltflchen-Designs beinhaltet, die auf dieselbe Weise auf Ihrer Seite eingefgt werden knnen. Sie knnen auch jede existierende Schaltflche kopieren - das ist vielleicht die beste Methode, einer Navigationsleiste neue Schaltflchen hinzuzufgen. Sie knnen kopieren und einfgen, aber schneller geht es indem Sie mit gedrckter rechter Maustaste an der Schaltflche ziehen. Sie knnen nun den Text und die Verlinkung wie gewnscht bearbeiten.

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.

Button Bars (NavBars)

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.

Erste Schritte Zeichenwerkzeuge


MAGIX Web Designer 7 Premium bietet alle Grafikwerkzeuge, die Sie bentigen um so ziemlich jedes Grafikobjekt auf der Seite zu erzeugen. Zudem enthlt es eine Auswahl an vorgefertigten Grafikelementen in der DESIGN-GALERIE. Es gibt mehrere grundlegende Zeichenwerkzeuge, mit denen Sie Rechtecke, Ellipsen, Sterne oder jede andere Form zeichnen knnen. Web Designer Premium enthlt Vektor-Zeichenwerkzeuge. Das bedeutet, dass Sie ohne Qualittsverlust die Gre ndern, den Umriss bearbeiten und die Farbe ndern knnen. Sie knnen hineinzoomen um auch das kleinste Detail zu erkennen. Auerdem knnen alle Bearbeitungsschritte rckgngig gemacht werden.

61

Aktuelle Attribute (Stile)


Ein Wert oder Attribut ist ein Charakteristikum eines Objekts, den Sie in MAGIX Web Designer 7 Premium verndern knnen. Die Attribute einer Form sind z. B. seine Farbe, seine Breite und die Randfarbe. Wie bereits erwhnt knnen Sie die Attribute eines Objekts nach dem Zeichnen anpassen, indem Sie es auswhlen und seine Fllfarbe, Linienstrke oder andere Werte ndern. MAGIX Web Designer 7 Premium merkt sich aber auch die aktuellen Werte, die beim Erstellen auf neu gezeichnete Objekte angewendet werden.

Aktuelle Attribute manuell setzen


Falls das nchste Rechteck, das Sie zeichnen, z. B. rot sein soll, sorgen Sie dafr, dass nichts ausgewhlt ist (indem Sie auf einen leeren Teil der Seite klicken oder ESC drcken) und klicken Sie dann auf Rot in der Farbleiste. Der aktuelle Wert fr die Fllfarbe ist nun rot. Formen, die nun gezeichnet werden, sind rot. Andere aktuelle Werte knnen Sie analog setzen erst nichts auswhlen und dann den Wert ndern.

Aktuelle Attribute automatisch setzen


Normalerweise setzt MAGIX Web Designer 7 Premium die aktuellen Attribute immer so, wie das letzte gezeichnete oder ausgewhlte Objekt. Zeichnen Sie also ein Rechteck und frben es grn, so wird die nchste Form, die sie zeichnen, ebenfalls grn. Sollten sich nun ein blaues Rechteck in Ihrem Dokument befinden, das Sie genau so noch einmal zeichnen mchten, whlen Sie es zunchst aus (um seine Werte zu bernehmen) und die nchste Form, die Sie zeichnen, ist ebenfalls blau. Die aktuellen Werte werden also allein durch Klicken auf das Objekt festgelegt. So knnen Sie existierende Objekte als Palette von verschiedenen Stilen verwenden. Klicken Sie auf ein Objekt, um es auszuwhlen und zeichnen Sie neue Objekte mit demselben Stil. Dieses Verhalten knnen Sie im Reiter ALLGEMEIN (auf Seite 445) des Dialoges EXTRAS -> ausschalten. Aktivieren Sie die Option VOR &SETZEN AKTUELLER ATTRIBUTE

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.

Aktuelle Attribute zurcksetzen


Alle aktuellen Attribut-Gruppen knnen durch Drcken von ESC zurckgesetzt werden, wenn Sie nichts ausgewhlt haben. Sind Objekte ausgewhlt, fhrt ein Drcken von ESC zur Aufhebung der Auswahl, drcken Sie noch einmal ESC, um jetzt die Attribute zurckzusetzen.

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.

Das Linien- und Pfeil-Werkzeug


Mit diesem Werkzeug knnen Sie einzelne, unverbundene Linien zeichnen und Pfeilspitzen und -enden an bestehende Linien anfgen.

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.

Pfeilspitzen und Pfeilenden mit dem Linien-Werkzeug hinzufgen


Die Infoleiste beinhaltet zwei Dropdown-Listen auf der linken Seite, bei denen Sie Spitze und Ende fr jede Seite der Linie einstellen knnen.

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.

Weitere Linienabschnitte hinzufgen


Die mit dem LINIEN-WERKZEUG erstellten Linien knnen natrlich auch mit anderen Zeichen-Werkzeugen bearbeitet werden. Wollen Sie also einer Linie weitere Abschnitte hinzufgen, sie abrunden oder vielleicht sogar zu einer geschlossen Form machen, knnen Sie das FORMEDITOR-WERKZEUG verwenden.

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

Abb.: Abgerundetes Rechteck mit Farbverlufen

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

Etwas Text mit einem weichen Schatten.

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.

Erste Schritte Ebenen, Mouseover (Rollover) & Popups


Wie schon vorher erwhnt, haben alle Objekte eine Tiefen-Reihenfolge auf der Seite - vom hintersten bis zum vordersten Element.

69

Diese Objekte werden bereinander angeordnet.

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.

Die MouseOff und MouseOver Ebenen


Alle Hauptobjekte Ihrer Website sind auf der untersten Ebene angeordnet, die normalerweise MOUSEOFF heit. Schaltflchen, die hervorgehoben werden, wenn Sie mit der Maus ber sie fahren, haben eine alternative Grafik auf einer MOUSEOVER genannten Ebene.

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

Ihre eigenen Mouseover-Schaltflchen erzeugen


Sie knnen Ihre eigenen Mouseover-Schaltflchen von Grund auf erstellen, indem Sie die notwendigen Elemente wie Rechtecke, Text usw. zeichnen. Zeichnen Sie einfach die Hauptbestandteile der Schaltflche in die MouseOff-Ebene (denken Sie daran, diese zu gruppieren (auf Seite 55)) und platzieren Sie die entsprechende hervorgehobene Version auf der MouseOver-Ebene. Solange die Mouseoff-Version eine Internet-Verlinkung hat, wird die Mouseover-Version automatisch angezeigt, wenn Sie die Maus auf der Webseite ber die Schaltflche bewegen. (Die MouseOver-Ebene muss immer ber der MouseOff-Ebene liegen). Mit anderen Worten: Sie geben dem Hauptobjekt mit der Verlinkungs-Option eine Internetadresse, whlen dann die Mouseover-Ebene in der Ebenen-Galerie aus und platzieren die bentigte Mouseover-Version Ihrer Schaltflche auf dieser Ebene, so dass sie das verlinkte Objekt berlappt. Technischer Hinweis: Ein Grafikobjekt auf der Mouseover-Ebene wird dann angezeigt, wenn es zu mindestens 50% das Objekt auf der Mouseoff-Ebene berlappt. Die beiden Versionen der Mouseover-Schaltflche werden durch die weiche Gruppen-Funktion synchronisiert. Wenn Sie die Schaltflche auf einer Ebene auswhlen, wird die weich gruppierte Version auf der anderen Ebene ebenfalls ausgewhlt, selbst wenn die Ebene ausgeschaltet ist. Wenn Sie den Schaltflchentext auf einer Ebene ndern, wird automatisch der Text auf der anderen Version der Schaltflche mit gendert. Um das sicher zu stellen, dass sich sowohl der Text des Off- als auch des Over-Zustands ndert, wenn Sie einen von beiden bearbeiten, fassen Sie diese in einer WEICHEN GRUPPE zusammen. Dazu mssen Sie beide Ebenen in der EBENEN-GALERIE aktivieren und beide Schaltflchen auswhlen. Die Statusleiste sollte Ihnen anzeigen, wenn Sie alles ausgewhlt haben. Whlen Sie ANORDNEN -> WEICHE GRUPPE ANWENDEN. Wenn Sie nun den Text der Off-Ebene bearbeiten, ndert er sich auch auf der Over-Ebene, selbst wenn sie verborgen ist. (Hinweis: Das funktioniert nur, wenn der Off- und Over-Text am Anfang gleich waren und die Objekte weich gruppiert sind). Haben Sie erst eine funktionierende Schaltflche, knnen Sie diese sehr einfach in eine Navigationsleiste verwandeln. Whlen Sie sie aus (zusammen mit dem MouseOver-Zustand, falls vorhanden) und whlen Sie ANORDNEN- > NAVIGATIONSLEISTE ERSTELLEN . Der Navigationsleisten-Dialog erscheint, mit dem Sie Ihre Navigationsleiste konfigurieren. Siehe Kapitel Navigationsleisten (auf Seite 346) fr mehr Informationen darber (auch darber, wie Sie Leisten mit abweichendem erster und letzter Schaltflche erzeugen).

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

Objekte zwischen Ebenen bewegen


Man kann Objekte auf mehrere Weisen zwischen den Ebenen bewegen. Whlen Sie zunchst das Objekt aus, das bewegt werden soll; Sie das Objekt aus (Strg * X oder Rechtsklick und AUSSCHNEIDEN ). Machen Sie die Zielebene zur aktuellen Ebene (wird angezeigt , falls nicht, klicken Sie es an). Rechtsklicken Sie und whlen Sie EINFGEN oder AN POSITION EINFGEN. Wenn sich die kopierten Objekte auf verschiedenen Ebenen befinden, wird die Ebenen-Struktur beim Einfgen beibehalten. Die Objekte werden auf derselben Ebene eingefgt, von der sie kopiert wurden, nicht in die aktuelle Ebene. Um alle diese Elemente in die aktuelle Ebene einzufgen und die Ebenenstruktur zu ignorieren, verwenden Sie stattdessen die Option IN AKTUELLE EBENE EINFGEN . Soll die Ebenenstruktur beibehalten werden, whlen Sie AN GLEICHER POSITION IN AKTUELLE EBENE EINFGEN .Sie finden diese Funktionen auch in der Zwischenablage-Ausklappleiste der oberen Werkzeugleiste und im Men BEARBEITEN . Rechtsklicken Sie und whlen Sie ANORDNEN > AUF EINE EBENE WEITER VORNE /AUF EINE EBENE WEITER HINTEN um die ausgewhlten Objekte eine Ebene vor/zurck zu bewegen. Die Zielebene muss als aktuelle Ebene ausgewhlt sein. Suchen Sie dann das ausgewhlte Element in der SEITEN- & EBENEN-GALERIE (klicken Sie auf FINDEN), rechtsklicken Sie und whlen Sie AUF AKTUELLE EBENE VERSCHIEBEN .
SCHNEIDEN

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:

Und so erzeugen Sie einen solchen Popup-Textblock:

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.

Buttons, Banner und andere Webgrafiken erzeugen


Web Designer Premium ist ein Werkzeug zum Designen von eigenstndigen Webgrafiken, die in anderen Programmen und Web-Editoren verwendet werden knnen. Sie knnen diese Objekte mit den Zeichenwerkzeugen von Grund auf zeichnen oder die vorgefertigten Cliparts aus der Design-Galerie verwenden. Zeichnen, designen oder importieren Sie ein Element aus der Design-Galerie auf die leere Seite. Verndern Sie es wie gewnscht vergrern oder frben Sie es, ndern Sie den Text oder die Schriftart und exportieren Sie es anschlieend als PNG oder JPG. So erstellen Sie z. B. einen eigenstndigen Button aus einer Vorlage: ffnen Sie die Design-Galerie und dann die Schaltflchen-Kategorie (oder Symbole, Banner oder eine andere Kategorie) Doppelklicken Sie auf ein Design um es in einem neuen Dokument zu ffnen.

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

Arbeiten mit Dokumenten

Arbeiten mit Dokumenten


Start von MAGIX Web Designer 7 Premium
Sie knnen Web Designer Premium folgendermaen starten: Whlen Sie "START" > "ALLE PROGRAMME" > "MAGIX" > MAGIX WEB DESIGNER 7 PREMIUM . Oder doppelklicken Sie auf das Symbol von Web Designer Premium auf Ihrem Desktop (Abbildung links). Je nachdem, welche Windows-Version Sie verwenden, kann es hierbei leichte Unterschiede geben.

Neues Dokument beginnen


Es gibt grundstzlich drei unterschiedliche Dokumententypen in MAGIX Web Designer 7 Premium: Webseite, Foto oder Animation. Sie knnen ein neues Dokument wie folgt anlegen: Whlen Sie Datei > Neu. Es wird ein Untermen mit mehreren Dokument-Vorlagen geffnet.

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).

Arbeiten mit Dokumenten ffnen eines vorhandenen Dokuments


Ein vorhandenes Dokument knnen Sie folgendermaen ffnen: ffnen einer Datei per Drag & Drop. Whlen Sie die entsprechende Datei im Windows Explorer oder von Ihrem Desktop aus und ziehen Sie diese zum Importieren ber ein vorhandenes Dokument oder einen anderen Teil des Web Designer Premium Fensters, um das Dokument zu ffnen. Oder doppelklicken Sie auf eine Web Designer Premium-Datei. Um eine krzlich verwendete Datei zu ffnen, knnen Sie diese auch unter Datei -> Letzte ffnen auswhlen. Oder whlen Sie einfach Datei -> ffnen (Tastaturkrzel: Strg + O) Oder klicken Sie auf die Schaltflche FFNEN auf der STANDARD -Werkzeugleiste. Der Dialog ffnen wird angezeigt. Sie knnen in diesem Dialog mehrere Dateien auswhlen, klicken Sie bei gehaltener Strg-Taste auf die Dateien um mehrere oder bei gehaltener Umschalt-Taste um eine Reihe von Dateien auszuwhlen. Wie in Explorerfenstern knnen Sie die Dateianzeige mit dieser Schaltflche zwischen Miniaturansicht und Detailansicht umschalten. Wird Vorschau anzeigen in der rechten oberen Ecke aktiviert, wird die ausgewhlte Datei in einer greren Vorschau dargestellt (dies funktioniert nicht bei einer Mehrfachauswahl).

81

82

Arbeiten mit Dokumenten Das MAGIX Web Designer 7 Premium-Programmfenster

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.

Arbeiten mit Dokumenten


Sie knnen die Gre der Seite ndern, indem Sie rechts klicken, SEITENOPTIONEN auswhlen und die Gre im ReiterSEITENGRE (auf Seite 450) ndern.

83

Ausgewhltes Dokument und Titelleiste


Sie knnen in MAGIX Web Designer 7 Premium mehr als ein Dokument gleichzeitig geffnet haben, alle offenen Dokumente werden als Reiter am oberen Rand des Arbeitsbereichs dargestellt. Das aktuelle Dokument wird im Arbeitsbereich angezeigt und der entsprechende Reiter ist grau hervorgehoben. Der Typ des aktuellen Dokuments wird in der linken oberen Ecke des Programmfensters neben den Mens angezeigt. Alle Eingaben gehen an das aktuelle Dokument. Nicht gespeicherte nderungen in einem Dokument werden durch ein Sternchen hinter dem Dateinamen angezeigt.

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

Arbeiten mit Dokumenten


Die Infoleiste kann nicht angepasst werden.

Infoleiste fr das Auswahl-Werkzeug

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

Arbeiten mit Dokumenten


Ausgewhlte Objekte Verfgbare Optionen Die Anzeigen Mauszeiger X-Y Dieses erscheint im unteren Bereich des Fensters. Die Statuszeile gibt Auskunft ber die ausgewhlten Objekte, verfgbare Optionen, Live-Ziehen/Rasten-Anzeigen und die X-Y-Posiotion des Mauszeigers.

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

Arbeiten mit Dokumenten


Der Normal- bzw. Vollbildmodus wird ber das Men FENSTER > VOLLBILD (bzw. Taste 8 auf dem Ziffernblock) aktiviert. Bewegen Sie den Mauszeiger an die Oberkante des Bildschirms um im Vollbildmodus die Menleiste anzuzeigen.

Mehrere Fenster ffnen


Sie knnen fr dasselbe Dokument mehrere Fenster gleichzeitig ffnen, z. B. um die Ansicht des Dokuments zu vergrern oder zu verkleinern; einen anderen Teil des Dokuments anzuzeigen; zwei Ansichten desselben Bereichs bei unterschiedlichen Qualittseinstellungen zu benutzen. Whlen Sie FENSTER > NEUES FENSTER , um ein neues Fenster zu ffnen.

Whlen Sie das Fenster aus, das angezeigt werden soll


Jedes offene Fenster wird als Reiter unterhalb der Infoleiste angezeigt. Klicken Sie auf den Reiter, um das Fenster anzuzeigen oder whlen Sie im Men FENSTER einen Dateinamen aus.

Mehrere Fenster anordnen


FENSTER ->FENSTER ANORDNEN

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.

Minimieren mehrerer Fenster


Minimieren eines oder mehrerer Fenster zeigt ein Symbol im Hintergrund des Web Designer Premium-Hauptfensters. . Doppelklicken Sie auf das Symbol, um das Fenster erneut zu ffnen.

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.

Arbeiten mit Dokumenten


Einige Tastenkombinationen ermglichen die Schnelleinstellung von Zoomwerten: die Zifferntasten 1, 2, 3, 4 stellen den Zoomwert zwischen 100% und 400% ein. Die Taste 5 stellt den Zoomwert auf 50%.

87

Verwenden des Zoom-Werkzeugs


Vergrern: Whlen Sie das ZOOM-WERKZEUG aus der Hauptsymbolleiste oder drcken Sie Alt + Z, um zwischen dem aktuellen Werkzeug und dem ZOOM-WERKZEUG hin- und her zu schalten oder drcken und halten Sie Alt + Z, um vorbergehend zum ZOOM-WERKZEUG zu wechseln (Alt + Z loslassen, um zum bisherigen Werkzeug zurckzukehren) oder drcken Sie Umschalt + F7, um das ZOOM-WERKZEUG auszuwhlen. Zum Hineinzoomen einmal klicken (= vergrern). Zum Herauszoomen Umschalt + Mausklick (= verkleinern, um mehr vom Dokument zu sehen). Zoomausschnitt: Ziehen Sie die Maus diagonal, um ein Rechteck zu erstellen. Wenn Sie die Maustaste loslassen, wird der im Rechteck befindliche Teil auf Fenstergre vergrert.

Vergrerungsfaktor mit der Maus ndern


Wenn Ihre Maus ber ein Mausrad verfgt: Halten Sie die Strg-Taste und drehen Sie an Ihrem Mausrad, um den Vergrerungsfaktor zu ndern. Tipp: Sie knnen auch eine Maustaste als Zoomtaste definieren oder die Funktion des Mausrads unter EXTRAS > OPTIONEN > MAUS (auf Seite 448) von Scrollen auf Zoomen umstellen. Die jeweils gegenteilige Funktion steht dann bei gedrckter Strg-Taste zur Verfgung.

ndern Sie den Zoomwert ber die Infoleiste/Werkzeugleiste


Es gibt eine Ausklapp-Leiste auf der Standard-Werkzeugleiste, welche schnellen Zugriff zu den Zoomfunktionen erlaubt, ohne das Zoom-Werkzeug bemhen zu mssen. Halten Sie den Mauszieger ber das Zoom-Symbol auf der Standard-Werkzeugleiste, um die Ausklapp-Leiste anzuzeigen. Gehen Sie wie folgt vor, um den Zoomwert zu ndern: Tastataturkrzel: Strg + R. Klicken Sie auf die Schaltflche VORHERIGER ZOOMWERT. . Dies betrifft den Zoomwert vor der aktuellen Einstellung. Mit dieser Schaltflche knnen Sie zwischen ein-und ausgezoomter Ansicht des Dokuments hin-und her schalten. Dies ist ntzlich, um einen Bereich im Detail zu untersuchen bzw. das gesamte Dokument zu betrachten. Der vorherige Zoomwert wird fr jedes Fenster gespeichert. Sie knnen zwischen den Fenstern hin- und her schalten. Dabei werden die bisherigen Einstellungen der Ansicht erhalten.

88

Arbeiten mit Dokumenten


Tastaturkrzel: 1. Klicken Sie auf die Schaltflche Zoom auf 100%. Der Zoomfaktor wird auf 100% eingestellt. Tastaturkrzel Strg + Umschalt + J. Klicken Sie auf die Schaltflche ZOOM AUF ZEICHNUNG . Im Fenster werden nun alle Objekte des Dokuments angezeigt. Tastaturkrzel Strg+P. Klicken Sie auf die Schaltflche ZOOM AUF SEITE . Im Fenster wird die gesamte Seite bzw. die gesamte Doppelseite angezeigt. Tastaturkrzel Strg+Umschalt+Z. Klicken Sie auf die Schaltflche ZOOM AUF AUSWAHL . Das ausgewhlte Objekt bzw. die ausgewhlten Objekte fllen das Fenster. Geben Sie einen Wert in das Textfeld ein. Drcken Sie Eingabe, um die nderungen anzuwenden oder whlen Sie die voreingestellten Zoomwerte aus einschlielich der o. g. (Seite, Zeichnung, Auswahl, Vorheriges) aus dem Auswahlmen.

Verschieben von Dokumenten innerhalb des Fensters


Am schnellsten navigieren Sie in Ihrem Dokument mithilfe der mittleren Maustaste (in der Regel das Mausrad: Sie knnen das Mausrad wie eine Taste benutzen). Klicken und halten Sie die mittlere Maustaste gedrckt und bewegen Sie die Maus. Lassen Sie die Taste los, um zu Ihrem bisherigen Werkzeug zurckzukehren. Um das Dokument innerhalb des Fensters zu verschieben, knnen Sie auch die Scrollleisten und Pfeilschaltflchen an den Fensterrndern verwenden. Tipp: Die Scrollleisten knnen aus- und eingeblendet werden. Whlen Sie dazu FENSTER > SONSTIGE LEISTEN > SCROLLLEISTEN . mit dem Mausrad im Dokument hoch und runterscrollen (Umschalt + Maus, um von links nach rechts zu scrollen). Sie knnen die Funktion des Mausrads unter EXTRAS > OPTIONEN > MAUS von Scrollen auf Zoomen ndern. Die jeweils andere Funktion steht mit gedrckter Strg-Taste zur Verfgung. Oder Sie whlen das Schiebewerkzeug aus der Hauptwerkzeugleiste (Tastenkombination Umschalt + F8). oder Sie drcken die Leertaste oder Alt + X, um zwischen dem aktuellen Werkzeug und dem Schiebewerkzeug zu wechseln. Wenn Sie die Leertaste oder Alt + X gedrckt halten, knnen Sie die Maus verwenden, um das Dokument im Fenster zu verschieben. Wenn Sie wieder loslassen, kehren Sie zum bisherigen Werkzeug zurck.

Arbeiten mit Dokumenten Seitengre ndern


Beim ffnen eines neuen Web Designer Premium-Dokuments betrgt die Seitengre 760 x 700 Pixel (SVGA Webseite). Sie knnen aber auch die Seitengre z. B. einer VGA-Auflsung anpassen.

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.

Mehrere Seiten im Dokument


Ein MAGIX Web Designer 7 Premium-Dokument kann mehrere Seiten umfassen. Jede Seite eines mehrseitigen Web Designer Premium-Dokuments wird als separate HTML-Seeite exportiert, jedes MAGIX Web Designer 7 Premium Dokument als Ganzes entspricht somit einer Website.

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.

Seiten in ein Dokument einfgen


Klicken Sie rechts auf die Seite und whlen NEUE SEITE oder NEUE DOPPELSEITE. Eine neue leere Seite wird nach der aktuellen Seite eingefgt. oder

90

Arbeiten mit Dokumenten


Sie knnen auch auf eine Seite rechtsklicken und KOPIE VON AKTUELLER SEITE EINFGEN oder Kopie von aktueller Doppelseite einfgen auswhlen. Eine Kopie der aktuellen Seite wird hinter der aktuellen Seite eingefgt. Die neue Seite ist identisch mit dem Original, sowohl in Gre als auch Ausrichtung. Sie enthlt zudem dessen gesamten Inhalt und kann somit als Vorlage verwendet werden. Sie knnen auch die Meneintrge unter
BEARBEITEN -> SEITEN BENUTZEN .

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.

Seiten innerhalb eines Dokuments verschieben


Sie knnen die Position einer Seite im Dokument verndern. Die aktuelle Seite wird folgendermaen verschoben: Whlen Sie BEARBEITEN -> SEITEN -> SEITE NACH OBEN VERSCHIEBEN um die aktuelle und vorherige Seite zu vertauschen. Whlen Sie BEARBEITEN -> SEITEN -> SEITE NACH UNTEN VERSCHIEBEN um die aktuelle und die folgende Seite zu vertauschen. Diese Menoptionen sind ausgegraut, wenn Sie sich bereits auf der ersten bzw. letzten Seite des Dokuments befinden.

Seiten aus dem Dokument entfernen


Whlen Sie BEARBEITEN -> SEITEN -> AKTUELLE SEITE ENTFERNEN um die aktuelle Seite aus Ihrem Dokument zu entfernen. Die aktuelle Seite und deren Inhalt wird entfernt.

Arbeiten mit Dokumenten


Zwischen Seiten hin- und hernavigieren
Zustzlich zu den blichen Navigationsmethoden (z. B. Scrolleisten, Mausrad) gibt es auch andere Mglichkeiten, durch ein Dokument zu navigieren: Bild auf scrollt im Dokument nach oben. Der Bereich, der verschoben wird, ist abhngig von Ihrer Zoomeinstellung. Je kleiner die Zoomeinstellung, desto grer die Verschiebung. Strg + Bild hoch: Zentriert die vorherige Seite. Bild ab: Verschiebt das Dokument nach unten. Der Bereich, der verschoben wird, ist abhngig von Ihrer Zoomeinstellung. Je kleiner die Zoomeinstellung, desto grer die Verschiebung. Strg + Bild runter: Zentriert die nchste Seite. Alternativ knnen Sie auch auf den hoch/runter Pfeil in der Statusleiste klicken: Die Statusleiste ist ebenfalls dafr ntzlich, um festzustellen, welche Seite Sie gerade betrachten. Hinweis: Alle diese Befehle gelten fr die betrachtete, nicht fr die aktuell ausgewhlte Seite.

91

Seiten- & Ebenen-Galerie


Fr das Verwalten der Seiten in Ihrem Dokument knnen Sie die Seiten- & Ebenen-Galerie benutzen. Dort knnen Sie in einer einheitlichen Ansicht Seiten ansehen, hinzufgen, verdoppeln, lschen, umsortieren und umbenennen. Lesen Sie den Abschnitt Seiten- & Ebenen-Galerie (auf Seite 383) fr weitere Informationen.

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)

Speichern (im Datei-Men)


Tastenkombination Strg+S oder Schaltflche SPEICHERN in der Hauptwerkzeugleiste.

92

Arbeiten mit Dokumenten


Mit dieser Funktion knnen Sie schnell ein Dokument speichern. Die Option ist ausgegraut - nicht whlbar -, solange keine nderungen im Dokument vorgenommen wurden und nichts gespeichert werden muss (D. h. umgekehrt: wenn Sie nderungen vorgenommen haben und diese noch nicht gespeichert worden sind, ist diese Funktion farbig und damit whlbar). Bei einem neuen Dokument, das noch nicht gespeichert wurde, funktioniert die Option wie der Befehl SPEICHERN ALS... .

Speichern als... (im Men Datei)


Hierbei wird ein Dialog geffnet, mit dem Sie das aktuelle Dokument unter einem anderen Namen oder in einem anderen Ordner speichern knnen.

Alles speichern (im Men Datei)


Dieser Speicherbefehl dient zum Speichern aller derzeit geffneten Dateien, ohne extra SPEICHERN oder SPEICHERN UNTER whlen zu mssen.

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.

Benennung des Hilfsverzeichnisses


Design-Datei und Hilfsverzeichnis werden ber ihren Namen definiert. Das Hilfsverzeichnis fr meineSeite.web ist meineSeite_web_dateien. So kann einfach erkannt werden, welches Hilfsverzeichnis zu welcher Design-Datei gehrt. Sie drfen also nicht vergessen, wenn Sie die Design-Datei kopieren, umbenennen oder verschieben, dasselbe auch mit dem Hilfsverzeichnis zu machen. Wenn Sie das Design verschicken mchten, so mssen Sie auch das Hilfsverzeichnis mitsenden. Sobald Sie ein Design laden, das ein Hilfsverzeichnis besitzt und dieses anschlieend ber den Befehl SPEICHERN ALS... neu abspeichern, kopiert MAGIX Web Designer 7 Premium auch das komplette Hilfsverzeichnis.

Inhalt des Hilfsverzeichnis


Sollten Sie den Reiter PLATZHALTER (auf Seite 283) im WEB-EIGENSCHAFTEN -Dialog verwenden, um auf eine externe Datei zu verweisen, kopiert MAGIX Web Designer 7 Premium automatisch diese Datei in das Hilfsverzeichnis Ihres Designs. Sollte das Hilfsverzeichnis noch nicht existieren, so wird es erzeugt.

Arbeiten mit Dokumenten


Beachten Sie: Wenn Sie ein Platzhalter-Objekt nachtrglich ndern, so dass es danach durch eine andere Datei ersetzt wird, wird die ursprngliche Datei nicht automatisch aus dem Hilfsverzeichnis gelscht. Wenn also eine Datei nicht mehr bentigt wird, mssen Sie diese manuell lschen. Sie knnen auch selbst Dateien in das Hilfsverzeichnis kopieren und dieses bei Bedarf erstellen. MAGIX Web Designer 7 Premium lscht keine Dateien in diesem Verzeichnis, unabhngig davon, ob Sie im Design vorkommen oder nicht. Das liegt daran, dass es viele Mglichkeiten gibt, wie ein Design auf externe Dateien verweisen kann. Wenn Sie z. B. komplexen HTML-Code in Ihr Design einbauen, knnte dieser auf eine externe Datei in Ihrem Hilfsordner verweisen. Oder aber die externe Datei verweist auf eine andere externe Datei. MAGIX Web Designer 7 Premium kann nicht sicher wissen, dass eine Datei nicht von der Website bentigt wird und lsst diese Dateien daher unangetastet.

93

Websites mit Hilfsverzeichnissen exportieren


Beim Export eines Website-Dokuments werden alle Dateien im entsprechenden Hilfsverzeichnis in den Ordner kopiert, der die Bilder auf Ihrer Website enthlt. Wenn Sie also z. B. meineSeite.web nach index.htm exportieren, so werden alle Dateien aus dem Ordner meineSeite_web_dateien in das Verzeichnis index_htm_dateien kopiert.

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

Arbeiten mit Dokumenten


Um die automatische Sicherheitskopie an- oder abzuschalten, ffnen Sie den Dialog OPTIONEN im Men EXTRAS und wechseln zum Reiter SICHERHEITSKOPIEN .

Geffnete Dokumente sichern


Durch Anklicken dieses Kstchens aktivieren Sie die Sicherheitskopie, daneben knnen Sie angeben, in welchen Zeitabstnden Sicherheitskopien gespeichert werden sollen. Der empfohlene Zeitabstand betrgt 10 Minuten, dass heit, jedes offene Dokument wird gesichert, wenn die letzte Sicherung lnger als 10 Minuten her ist (oder der Programmstart und das Neuanlegen der Datei). Beachten Sie, dass wenn der eingestellte Zeitpunkt fr die nchste Sicherung erreicht ist, diese erst dann erfolgt, wenn das Programm mindestens 15 Sekunden lang nicht bedient wird. Das ist deshalb so geregelt, damit Ihr Arbeitsablauf nicht mehr als ntig unterbrochen wird und das Dokument nicht gerade dann gespeichert wird, wenn Sie aktiv daran arbeiten. Im normalen Arbeiten ist es aber sehr unwahrscheinlich, dass Sie Ihre Arbeit nicht hin und wieder einmal fr 15 Sekunden oder lnger unterbrechen, so dass die Backups zeitnah erfolgen, wenn sie anstehen. Sie werden aber merken, dass, wenn Sie ber einen lngeren Zeitraum aktiv an einem Projekt arbeiten, die Zeit bis zur nchsten Sicherung deutlich lnger ausfallen kann. Wird eine Sicherung durchgefhrt, erkennen Sie an dem Fortschrittsbalken am unteren Ende des MAGIX Web Designer 7 Premium-Fensters den Verlauf des Speichervorgangs.

Speicherort fr die Sicherheitskopien


Mit der Schaltflche Durchsuchen knnen Sie den Ordner ndern, in dem die Sicherheitskopien gespeichert werden. Sie knnen die hier gespeicherten Sicherheitskopien jederzeit erreichen, indem Sie im Men DATEI -> ZULETZT VERWENDETE DOKUMENTE ->SICHERHEITSKOPIEN whlen. Der

Arbeiten mit Dokumenten


Dateiauswahldialog ffnet sich dann im eingestellten Sicherungsordner, wo Sie Ihre Sicherungen durchsuchen, ffnen und auch lschen knnen.

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.

Geffnete Dokumente bei Programmende sichern


Sie knnen im Reiter Sicherheitskopien des Dialogs Optionen auch eine Funktion
GEFFNETE DOKUMENTE BEI PROGRAMMENDE SICHERN UND BEI PROGRAMMSTART WIEDERHERSTELLEN

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.

Wiederherstellung nach einem unvorhergesehenem Programmende


Wenn die automatische Sicherung aktiv ist und das Programm nicht regulr beendet wurde (durch einen Stromausfall oder Systemabsturz), wird dies beim nchsten Start erkannt. Es bietet Ihnen dann an, die jeweils aktuellste Sicherheitskopie von jedem Dokument zu laden, welches zum Zeitpunkt der letzten Sicherung geffnet war.

96

Arbeiten mit Dokumenten


So ein unnormales Programmende wird aber nicht erkannt, wenn seit dem letzten regulren Schlieen des Programms noch keine neueren automatischen Sicherheitskopien gespeichert wurden.

Sicherheitskopien beim Herunterfahren des Systems


Wird der Computer heruntergefahren, ohne dass Sie vorher das Programm schlieen, werden alle offenen Dokumente gesichert, auch wenn die Option Geffnete Dokumente beim Programmende sichern nicht aktiv ist. Dadurch wird das Herunterfahren des Systems nicht von MAGIX Web Designer 7 Premium durch die bliche Rckfrage nach den ungespeicherten Dokumenten verzgert. Beim nchsten Programmstart knnen Sie dann whlen, ob Sie die zum Zeitpunkt des Herunterfahrens offenen Dokumente wiederherstellen mchten.

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.

Arbeiten mit Dokumenten


Sie knnen das Raster relativ zur Seite verschieben, indem Sie den Nullpunkt der Lineale verschieben (siehe unten). An Objekten ausrichten ist bei Web-Dokumenten ebenfalls standardmig aktiv. An Objekten ausrichten ist leistungsfhiges Hilfsmittel, um Linien, Punkte oder Objektkanten akkurat an anderen Objekten auszurichten, so dass sie sich exakt berhren. Sie knnen dies sogar dazu benutzen, die Mittelpunkte von Objekten auszurichten, oder Objekte genau auf dem Mittelpunkt der Seite anzuordnen, oder auch, sie senkrecht oder waagerecht aneinander auszurichten, irgendwo in der Mitte der Seite oder auch an den Seitenrndern. Um das Ausrichten an Objekten an- und abzuschalten, klicken Sie die Schaltflche AN OBJEKTEN AUSRICHTEN oder klicken Sie rechts und whlen AUSRICHTEN AN.. > AN OBJEKTEN AUSRICHTEN . Sie knnen auch FENSTER > AN RASTER AUSRICHTEN aktivieren. Bitte lesen Sie das Kapitel Arbeiten mit Objekten (auf Seite 131) fr weitere Infos zum Ausrichten am Raster oder Objekten.

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

Arbeiten mit Dokumenten


des Optionendialogs eingestellt. Die aktuelle Einheit und Skalierungsfaktor am rechten Ende des oberen Lineals angezeigt.

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

zeigt das Dokument in Farbe jedoch mit deaktiviertem Anti-Aliasing an.

Arbeiten mit Dokumenten


Bei der Einstellung UMRISS werden nur die Umrisse der Formen dargestellt (sie erscheinen als eine Art Gitter). Dies erleichtert die Auswahl von Objekten, die hinter anderen Objekten versteckt sind. Die Qualittseinstellung hat keinen Einfluss, wenn das Dokument gedruckt oder exportiert wird, auer bei Bitmap-Exporten, dann wird die aktuelle Qualittseinstellung benutzt.

99

100

Arbeiten mit Dokumenten Galerien


Galerien werden in MAGIX Web Designer 7 Premium dazu genutzt, Zugriff auf Sammlungen von Inhalten wie Vorlagen, Schriftarten, Farben, Cliparts, Linienattribute oder Bitmaps/Fotos zu erhalten. Dieser Abschnitt gibt Ihnen allgemeine Informationen ber die gemeinsamen Bestandteile der meisten Galerien. An anderen Stellen der Dokumentation wird auf die Unterschiede, die fr bestimmte Galerien zutreffen, eingegangen.

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.

Seiten & Ebenen Design Bitmap Linien Fllung

Arbeiten mit Dokumenten


Die SEITEN & EBENEN-GALERIE zeigt die Seiten Ihres Dokuments und die darin enthaltenen Ebenen und erlaubt Ihnen, nderungen daran vorzunehmen. Die DESIGN und FLL -Galerien erlauben Ihnen, aus verschiedenen Vorlagen und Stilen zu whlen, die mit MAGIX Web Designer 7 Premium bereitgestellt werden. Die BITMAP-GALERIE zeigt alle Bitmaps und Fotos, die vom aktuellen Dokument benutzt werden. Einige Galerien werden spter im Handbuch detaillierter beschrieben.

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

Arbeiten mit Dokumenten


Galerien verschieben und andocken
Sie knnen jede Galerie von der Galerieleiste loslsen und sie an einen passenderen Ort im Programmfenster verschieben. Sie knnen die Galerie oder eine Galerie-Gruppe (sie Galerien gruppieren) auch oben, unten links oder rechts am Programmfenster andocken lassen.

Eine Galerie lsst sich an eine beliebigen Ort auf dem Desktop verschieben.

Um eine Galerie zu bewegen:

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

Arbeiten mit Dokumenten


Wenn Sie an der Titelleiste einer andockbaren Galerie ziehen, erscheinen im Programmfenster eine Reihe von Pfeilen, die anzeigen wo die Galerie angedockt werden kann.

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.

Beispiel fr eine links angedockte Galerie

104

Arbeiten mit Dokumenten


Um eine Galerie anzudocken:

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.

Arbeiten mit Dokumenten

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

Arbeiten mit Dokumenten


Galerien verwenden
Um einen Bereich in einer Galerie auf- und einzuklappen: Klicken Sie auf das Symbol ZUSAMMENKLAPPEN/AUFKLAPPEN. Sie knnen auch den Titelstreifen doppelklicken. Oder rechtsklicken Sie in einen Bereich, um ein Popup-Men anzuzeigen. Whlen Sie ZUSAMMENKLAPPEN/AUFKLAPPEN . Das Popup-Men verfgt auch ber eine Option, um zum vorherigen oder nachfolgenden Bereich zu scrollen.

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

Arbeiten mit Dokumenten


wird spter im Abschnitt Elemente in Galerie neu ordnen beschrieben. bietet Einstellmglichkeiten zur Symbolgre und der in der Galerie angezeigten Informationsmenge. HINZUFGEN (Galerien: Clipart, Fllung und Schriftarten) wird spter im Bereich Zu Galerie hinzufgen beschrieben. ENTFERNEN (Galerien: Clipart, Fllung und Schriftarten) wird spter im Bereich Aus Galerie entfernen beschrieben.
SORTIEREN EIGENSCHAFTEN

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.

Objekte in der Galerie neu anordnen


In einigen Galerien ffnet OPTIONEN -> SORTIEREN einen Dialog. Sie knnen die Objekte nach Namen sortieren und je nach Galerie auch nach anderen Kriterien. Der Primrschlssel steuert die ursprngliche Sortierung. Fr einige Sortierparameter wie z. B. Typ- oder Namenslnge knnen auch zwei oder mehrere Dateien selben Typs oder Namens existieren. Diese Dateien knnen unter Verwendung des zweiten Sortierschlssels sortiert werden.

Nach einem Objektnamen suchen


Sie knnen z. B. nach allen Namen suchen, die das Wort Rahmen enthalten:

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

Arbeiten mit Dokumenten


3. 4.
Whlen Sie den entsprechenden Ordner ber das Dialogfenster. Klicken Sie auf HINZUFGEN . Dadurch wird innerhalb der Galerie ein neuer Bereich erstellt.

Wenn Sie spter dem Ordner weitere Objekte zuordnen mchten:

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.

Bereiche aus einer Galerie lschen


So lschen Sie einen Bereich aus einer Galerie (nur CLIPART & FLLUNGEN ):

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.

Galerie vom Arbeitsbereich entfernen


Beim Schlieen einer Galerie setzt Web Designer Premium die Galerie standardmig wieder in die Galerien-Leiste zurck, so dass Sie sie erneut ffnen knnen, indem Sie mit dem Mauszeiger ber das jeweilige Symbol oder die jeweilige Schaltflche fahren. Sie knnen aber Web Designer Premium so konfigurieren, dass eine Galerie vom Arbeitsbereich entfernt wird, sobald sie nicht bentigt wird. Um nicht bentigte Galerien vom Arbeitsbereich zu entfernen, knnen Sie Folgendes tun:

Arbeiten mit Dokumenten


Whlen Sie GALERIEN aus dem Menpunkt EXTRAS und klicken Sie auf die Galerie, die Sie entfernen mchten. Die ausgewhlte Galerie verschwindet aus dem Arbeitsbereich. Wenn Sie eine Galerie wiederherstellen mchten, whlen Sie GALERIEN aus dem Menpunkt EXTRAS und klicken Sie auf die Galerie, die Sie wiederherstellen mchten. Whlen Sie SYMBOLLEISTEN aus dem Menpunkt FENSTER und scrollen Sie die Liste der verfgbaren Symbolleisten nach unten, bis Sie GALERIEN finden. Klicken Sie auf das Kstchen GALERIEN, um die jeweiligen Symbole in der Symbolleiste anzuzeigen. Klicken Sie auf SCHLIEEN. In der Galerien-Leiste, die nun oberhalb des Arbeitsbereichs angezeigt wird, knnen Sie die Anzeige einer Galerie ein- und ausschalten, indem Sie auf die jeweilige Schaltflche in der Symbolleiste klicken.

109

Die ursprnglichen Werkzeugleisten/Galerien zurcksetzen


Whlen Sie im Men FENSTER > WERKZEUGLEISTEN und bettigen sie ZURCKSETZEN um das Standardlayout der Werkzeugleisten wiederherzustellen.

110

Arbeiten mit Dokumenten Rckgngig und Wiederherstellen


Was bedeutet Rckgngig und Wiederherstellen?
Wir alle machen Fehler oder ndern unsere Plne.. Mit Web Designer Premium knnen Sie leicht Fehler korrigieren oder unerwnschte nderungen rckgngig machen. Jede Ihrer Aktionen wird in eine Rckgngig-Liste eingetragen, so dass Sie nicht nur Ihren letzten Schritt, sondern alle vorherigen Schritte nacheinander wieder rckgngig machen knnen. Auf diese Weise knnen Sie nach Lust und Laune experimentieren, mit der Gewissheit, dass Sie alles wieder rckgngig machen knnen, wenn es Ihnen nicht gefllt.

Rckgngig
RCKGNGIG

entfernt die Wirkung des zuletzt durchgefhrten Befehls:

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).

Arbeiten mit Objekten

111

Arbeiten mit Objekten


Das Auswahl-Werkzeug
Das AUSWAHL-WERKZEUG ist das Hauptwerkzeug zum Auswhlen, Verschieben, Skalieren und Drehen von Objekten. Es wird in der Regel fter als jedes andere Werkzeug genutzt und ist das Standardwerkzeug zum Bearbeiten von Dokumenten.

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

Arbeiten mit Objekten


Pos1 whlt das vorderste Objekt aus. Tab whlt das Objekt aus, das als nchstes hinter dem Objekt liegt. Umschalt + Tab whlt das Objekt aus, das als nchstes vor dem Objekt liegt. Vordere und hintere Objekte werden ausfhrlich im Kapitel Arbeiten mit Objekten (auf Seite 111) beschrieben.

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.

Versteckte Objekte auswhlen


Halten Sie die Alt-Taste gedrckt, um Objekte auszuwhlen, die durch andere Objekte verdeckt werden. Durch Halten der Alt-Taste knnen Sie sich durch mehrere sich berlagernde Objekte klicken.

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.

Unterhalb oder innerhalb ausgewhlte Objekte bewegen


Falls Sie ein Objekt verschieben mchten, dass sich unter einem anderen Objekt oder innerhalb einer Gruppe befindet, reicht ein einfaches Ziehen nicht aus, da hierdurch ein anderes Objekt ausgewhlt und verschoben wird. Um das zu vermeiden, halten Sie die

Arbeiten mit Objekten


Strg + Alt Tasten beim Verschieben des Objekts gedrckt. Dadurch wird immer das bereits ausgewhlte Objekt verschoben. Sobald Sie ziehen, knnen Sie die Tasten loslassen. Sie knnen auch die Pfeiltasten benutzen, um das Objekt schrittweise zu verschieben.

113

Auswhlen und Ebenen


Sie knnen keine Objekte in gesperrten oder unsichtbaren Ebenen auswhlen. Lesen Sie das Kapitel Seiten-Galerie (auf Seite 383) fr weitere Informationen ber Ebenen.

Alle Objekte auswhlen


So whlen Sie alle Objekte aus: Whlen Sie Men BEARBEITEN > ALLE AUSWHLEN oder drcken Sie Strg + A.

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

Arbeiten mit Objekten


Auswahlbegrenzungsanfasser
Mithilfe der Auswahlbegrenzungsanfasser knnen Sie ausgewhlte Objekte skalieren und dehnen. Lesen Sie dazu den Abschnitt Dehnen und Stauchen von Objekten. Mehrfaches Anklicken eines Objekts schaltet zwischen der Anzeige der Rotationsanfasser und der Begrenzungsanfasser um.

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.

Kopieren durch Ablegen


Um schnell ein Objekt zu kopieren, bewegen Sie das Objekt mit gedrckter linker Maustaste und klicken mit der rechten Maustaste oder drcken + auf dem Ziffernblock. Dadurch entsteht eine Kopie. Das Original bleibt an seinem originalen Platz (d. h. es springt zurck an seinen Ausgangspunkt).

Arbeiten mit Objekten


Sie knnen auch mehrmals mit der rechten Maustaste klicken, whrend Sie das Objekt bewegen, um schnell eine Reihe duplizierter Objekte zu erstellen. Bei jedem rechten Mausklick wird an der aktuellen Stelle ein Duplikat abgelegt. Oder Sie klicken einfach mit der rechten Maustaste auf das Objekt und ziehen. Dies erzeugt sofort eine Kopie des Objekts. Ein linker Mausklick setzt die Kopie dann an der Stelle des Mauszeigers ab.

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.

Abb. 2: Dieselbe Bewegung, jedoch mit gehaltener Taste (Minus).

Objekte schrittweise bewegen


Insbesondere bei kleinen Objekten kann das Verschieben per Tastatur in kleinen Schritten hilfreich sein. Dazu benutzen Sie die Pfeiltasten (Diese Tasten haben auch andere Anwendungen, vor allem im TEXT-WERKZEUG ). Die schrittweise Verschiebung wird nicht von magnetischen Objekten oder Rastern beeinflusst. (Magnetismus wird spter noch nher erklrt.)

Einstellungen zur schrittweisen Verschiebung


Um die Schrittdistanz zu ndern, knnen Sie folgende Tasten in Kombination mit den Pfeiltasten nutzen:

116

Arbeiten mit Objekten


Strg Umschalt Strg + Umschalt Alt Alt + Umschalt Normale Schrittweite mal 5 Normale Schrittweite mal 10 Normale Schrittweite geteilt durch 5 Um 1 Pixel verschieben Um 10 Pixel verschieben

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.

Ausschneiden, Kopieren und Einfgen


Diese Funktionen ermglichen ein Objekt im selben Dokument oder zwischen verschiedenen Dokumenten zu verschieben oder zu vervielfltigen. Die Vorgehensweise ist:

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.

Arbeiten mit Objekten


Manchmal gibt es eine Auswahl an speziellen Formaten in der Zwischenablage, als welche Sie Ihre Dateien einfgen knnen. MAGIX Web Designer 7 Premium zeigt dann den Dialog SPEZIELLES EINFGEN , in dem Sie das Format fr das Einfgen auswhlen knnen (z.B. knnen Sie bei Text entscheiden, ob Sie diesen als unformatierten oder als Rich Text einfgen mchten.) Zustzlich sehen Sie eventuell folgende Einfgeoptionen, in Abhngigkeit vom Inhalt der Zwischenablage:

117

Unformatierten Text einfgen


Fgt allen Text aus der Zwischenablage ohne jede Formatierung in das Dokument ein.

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.

Einfgen mit Ersetzen der Auswahl


Diese Aktion ist hnlich wie POSITION EINFGEN , jedoch ersetzt hier das Objekt aus der Zwischenablage das ausgewhlte Objekt und nimmt dessen Position ein. Das kopierte Objekt wird mittig an der Position des gelschten Objekts eingefgt.

118

Arbeiten mit Objekten Objekte aus dem Dokument entfernen


Markieren Sie zuerst die Objekte, die Sie entfernen mchten. Diese knnen dann entweder ausgeschnitten (und in die Zwischenablage eingefgt) oder direkt gelscht werden.

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 und Klonen


Diese beiden Vorgnge erstellen eine Kopie des markierten Objekts. Das duplizierte oder geklonte Objekt wird automatisch markiert, whrend das Original unmarkiert bleibt. Auch whrend ein Objekt bewegt, gedreht, skaliert oder geneigt wird, kann es dupliziert werden. Whrend Sie ein Objekt ziehen (und dabei die linke Maustaste gedrckt halten), klicken Sie mit der rechten Maustaste oder drcken Sie + auf dem Ziffernblock, um eine Kopie des Objekts im Dokument zu erstellen. Das originale Objekt wird dabei nicht verschoben. Das knnen Sie so oft wiederholen wie Sie wollen, um eine Reihe duplizierter Objekte zu erstellen. Ein ebenso leichter Weg, um eine oder mehrere Kopien eines Objekts zu erstellen, welche exakt horizontal oder vertikal ausgerichtet sind: Halten Sie Strg gedrckt, um die Bewegung zu begrenzen, und klicken Sie immer dann mit der rechten Maustaste (oder drcken + auf dem Ziffernblock), wenn Sie eine Kopie erstellen wollen.

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).

Arbeiten mit Objekten


Klonen
Whlen Sie BEARBEITEN > KLONEN oder drcken Sie Strg + K. Dies setzt eine Kopie des Objekts genau auf das Original. Klonen ist ein einfacher Weg, um konzentrische Formen anzulegen.

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).

Objekte nach hinten oder vorne bringen


Komplexe Illustrationen arbeiten mit Objekten, die aufeinander liegen, so wie bei dieser Figur:

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

Arbeiten mit Objekten



EINS NACH HINTEN

(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.

Drehen mit der Maus


Das AUSWAHL-Werkzeug muss sich im Drehen-/Neigen-Modus befinden. (Die Auswahlanfasser sind pfeilfrmig). Im normalen Modus wird das Objekt skaliert indem man die Anfasser nach aussen zieht. Lesen Sie dazu den Abschnitt Dehnen und Stauchen von Objekten. Ziehen Sie an einem der Eckpfeile. Das Objekt dreht sich um sein Drehzentrum, sobald Sie ziehen. Die Infoleiste zeigt den aktuellen Drehwinkel an. Umschalt + Ziehen um das Objekt um sein Zentrum zu drehen. (Das Drehzentrum wird ignoriert.) Halten Sie Strg gedrckt, um die Drehung auf bestimmte Winkel zu begrenzen. Diese Winkel sind benutzer-definierbar. Bitte lesen Sie hierfr das Kapitel Web Designer Premium anpassen (auf Seite 446).

Arbeiten mit Objekten


Um whrend des Drehens eine Kopie anzulegen, drcken Sie + auf dem Ziffernblock oder bettigen Sie die rechte Maustaste.

121

Exakte Rotationswinkel nutzen (mittels der Infoleiste)


Geben Sie einen Drehwinkel in das Textfeld ein und drcken Sie die Eingabetaste. Positive Werte drehen gegen den Uhrzeigersinn, negative mit dem Uhrzeigersinn. Klicken Sie auf die Pfeile rechts, um den Winkel leicht zu verstellen.

Objekte im Skaliermodus drehen

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.

Skalieren von Objekten (Grennderung)


Diese Funktion wird mit dem AUSWAHL-WERKZEUG aktiviert.

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

Arbeiten mit Objekten


Wenn diese Schaltflche aktiv ist, beinhalten die Werte fr Hhe und Breite in der Infoleiste die Breite des Umrisses oder Pinsels. Es ist manchmal hilfreich, die genaue Gre eines Objekts ohne die Linienbreite sehen zu knnen, um sie zu verndern.

Schaltflche Seitenverhltnis beibehalten


Mit der Schaltflche Seitenverhltnis beibehalten wird das Verhltnis zwischen Hhe und Breite beibehalten, whrend Sie das Objekt skalieren. In anderen Worten, die Form behlt die ursprnglichen Proportionen bei. Es ist empfehlenswert, diese Funktion die meiste Zeit im aktiven Status zu belassen, damit Objekte beim Skalieren nicht verzerrt werden. Ist diese Schaltflche nicht aktiv, kann das Seitenverhltnis beliebig verndert werden, wenn Sie das Objekt skalieren. Die Objektgre kann mittels der Eckanfasser in jede Richtung angepasst werden.

Skalieren mit der Maus


Schalten Sie das AUSWAHL -Werkzeug in den Skalier-Modus (die Anfasser mssen quadratisch sein). Zwischen Drehen und Skalieren wird mit wiederholtem Klicken auf das Objekt gewechselt.

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

Arbeiten mit Objekten


Skalieren ber die Infoleiste

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.

Dehnen und Stauchen von Objekten


Dies ist genauso wie das Skalieren von Objekten, auer dass das Objekt nur in eine Richtung skaliert wird. Dehnen und Stauchen sind im Wesentlichen die gleiche Aktion Dehnen vergrert das Objekt, Stauchen verkleinert es.

Dehnen und Stauchen mit der Maus


Das AUSWAHL -Werkzeug muss im passenden Modus zum Skalieren sein. (Die Auswahl-Anfasser sind Quadrate.) Falls ntig, klicken Sie auf das Objekt um zum Skalieren-Modus zu gelangen.

124

Arbeiten mit Objekten


Mit den Anfassern oben, unten und an den Seiten knnen Sie ein Objekt in einer Dimension dehnen und stauchen. Beachten Sie, dass diese Anfasser nur bei Rechtecken, die nicht mit einem Foto gefllt sind, angezeigt werden, da das Dehnen/Stauchen von anderen Objekten selten sinnvoll ist (Fotos werden verzerrt). Ziehen Sie einen der Seitenanfasser. Das Objekt ndert seine Gre in der entsprechenden Richtung, whrend Sie ziehen . Die Infoleiste zeigt die aktuelle Skalierung an. Die Schaltflche zum BEIBEHALTEN hat dabei keine Auswirkungen.
DES SEITENVERHLTNISSES

Um zwischendurch, whrend Sie Dehnen oder Stauchen, eine Kopie anzulegen, bettigen Sie die rechte Maustaste oder + auf dem Ziffernblock.

Dehnen und Stauchen mit der Infoleiste


Die Schaltflche SEITENVERHLTNIS BEIBEHALTEN muss deaktiviert sein. (Ist Sie aktiviert, wird das Objekt skaliert und nicht verzerrt.) Geben Sie entweder die Breite oder Hhe in das entsprechende Textfeld ein und drcken Sie die Eingabetaste. Sie knnen auch eine Prozentzahl (Hhe oder Breite) eingeben. Geben Sie also 200% oben in das Feld ein, wird das Objekt doppelt so breit werden, aber dieselbe Hhe beibehalten. Ist SEITENVERHLTINIS BEIBEHALTEN aktiviert, findet keine Verzerrung statt.

Objekte neigen
Hierbei handelt es sich um eine Funktion des AUSWAHL -Werkzeugs.

Links sehen Sie das Original-Objekt, rechts das horizontal geneigte.

Neigen mit der Maus


Wechseln Sie im AUSWAHL- Werkzeug in den Drehen-/Neigen-Modus (die Auswahlanfasser sind pfeilfrmig), indem Sie auf das Objekt klicken. Um das Objekt zu neigen, ziehen Sie einen der Pfeile an der Kante.

Arbeiten mit Objekten


Whrend Sie diesen ziehen, neigt sich das Objekt in dieselbe Richtung (horizontal oder vertikal).

125

Die Infoleiste zeigt den aktuellen Neigungswinkel an.

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).

Neigen ber die Infoleiste


Um horizontal zu neigen, geben Sie eine Wert fr den Winkel in das Textfeld ein und drcken Sie die Eingabe-Taste.

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

Arbeiten mit Objekten


Die Infoleiste verfgt ber zwei Reihen an vorgefertigten Verzerrungen. Klicken Sie einfach auf das entsprechende Symbol um Ihr Objekt so zu verzerren. In beiden Gruppen ist die Funktion ganz links, also ohne Verzerrung, die Standardeinstellung, die Sie nach dem Anwenden anpassen knnen.

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.

Arbeiten mit Objekten


Mit Fluchtpunkten arbeiten
Beim Verschieben der Perspektivenanfasser erscheint ein kleines Fadenkreuz, das einem Fluchtpunkt aus klassischen perspektivischen Zeichnungen hnelt. Fr eine einheitliche Perspektive kann ein gemeinsamer Fluchtpunkt fr mehrere Objekte verwendet werden:

127

Abb.: Alle drei Objekte haben den gleichen Fluchtpunkt am Fadenkreuz.

Das perspektivische Gitter


Diese Funktion schaltet ein gepunktetes Gitter ein, so dass der Grad der perspektivischen Verzerrung besser ersichtlich wird.

Verwenden von Verformungen


Wenn Sie dieselbe Perspektive fr mehrere Objekte festlegen wollen, knnen Sie eine eigene Modellier-Schablone erstellen. Diese kopieren Sie ber die rechte Maustaste in die Zwischenablage und fgen sie dann bei anderen Objekten ein, die genauso perspektivisch verzerrt werden sollen. Eine Modellier-Schablone muss vier gerade Seiten haben:

Das funktioniert als Schablone

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.

Perspektiven wieder entfernen


Klicken Sie auf ENTFERNEN , um die Perspektive zu lschen.

Hat das Objekt mehr als eine Perspektive oder Verformung, wird nur die neueste entfernt.

Drehen des Objekts in der Verformung


Wenn das Objekt innerhalb der Schablone gedreht werden muss, klicken Sie auf die Schaltflche INHALTE DREHEN.

128

Arbeiten mit Objekten


Schablonen
Im MODELLIER-WERKZEUG knnen Sie Schablonen in vielfltiger Weise zur Verformung von Objekten verwenden. Der Effekt ist hnlich wie ein Stck Gummi oder ein Ballon, der in jede Himmelsrichtung verzerrt werden kann. Hinweis: Sie knnen Schablonen auf alle Objekttypen anwenden, auer bei Bitmaps.

Abb.: Ein Textbeispiel mit angewandter Schablone

Schablonen wenden Sie hnlich an wie Perspektiven:

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.

Arbeiten mit Objekten


Modellierformen bearbeiten
Mit dem FORM-EDITOR (oder mit den Bearbeitungsanfassern in Kombination mit dem AUSWAHL-WERKZEUG ) knnen Sie die Form der Entwicklungskurve oder Perspektive bearbeiten. Hier bestehen jedoch aufgrund der Eigenart der Formen einige Einschrnkungen. Zu einer Perspektive oder Kurve lassen sich keine Eckanfasser hinzufgen, da die Form weiterhin vier Seiten besitzen muss. Die gerade Linie einer Perspektivform lsst sich nicht in eine Kurve umwandeln.

129

Automatisches Ausrichten (Snapping)


Automatisches Ausrichten macht es einfacher, bestimmte Objektkanten oder -punkte genau dort zu platzieren, wo sie gewnscht werden. Es kann z. B. dazu verwendet werden, Kanten an Punkten oder Linien entlanglaufen zu lassen oder um ein Raster anzulegen, an dem sich die Objekte ausrichten. MAGIX Web Designer 7 Premium bietet drei Arten von automatischer Ausrichtung. An Raster ausrichten Magnetisches Ausrichten An Hilfslinien oder Hilfsobjekten ausrichten
AN RASTER AUSRICHTEN

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

Arbeiten mit Objekten


Beim Bewegen von Objekten rasten diese ebenfalls an den Rasterpunkten ein. Welche Kante dabei zuerst einrastet, hngt davon ab, in welche Richtung das Objekt gezogen wird.

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.

Ausrichten an Rastern und Linienbreiten


Die Funktion LINIENBREITE SKALIEREN auf der Infoleiste des AUSWAHL -Werkzeuges bestimmt auerdem, ob die Kante der Auenlinie magnetisch ist oder die Mitte derselben. Im hier gezeigten Beispiel sehen Sie eine Form mit einer sehr dicken grauen Auenlinie. Als Umrandung der eigentlichen Form wird dann noch eine dnne schwarze Haarlinie gezeigt (Sie sehen, dass die dicke Umrandung auf jeder Seite der Haarlinie gleich breit ist, sodass sie teils innerhalb und teils auerhalb der Form liegt.) Ist diese Funktion ausgeschaltet, rasten Objekte an der mathematischen Mitte der Linie Dies wre auch die Auenkante der Form ohne Auenlinie.

Arbeiten mit Objekten


An Objekten ausrichten
An Objekten ausrichten ist ein ntzlicher Weg, um Linien, Objekte und Punkte exakt aneinander auszurichten. Wollen Sie also beispielsweise, dass mehrere Linien an genau dem selben Punkt beginnen, oder dass eine Linien die Kante eines Kreises exakt tangiert, ist An Objekten ausrichten genau das Richtige. Sie knnen dies sogar dazu benutzen, die Mittelpunkte von Objekten auszurichten, oder Objekte genau auf dem Mittelpunkt der Seite anzuordnen, oder auch, sie senkrecht oder waagerecht aneinander auszurichten, irgendwo in der Mitte der Seite. Bei Web-Dokumenten ist An Objekten ausrichten standardmig aktiviert. Um es an- und abzuschalten, klicken Sie auf die SchaltflcheAN OBJEKTEN AUSRICHTEN auf der oberen Werkzeugleiste. Entweder Sie klicken rechts in den Arbeitsbereich und whlen AUSRICHTEN AN... > AN OBJEKTEN AUSRICHTEN, benutzen die Option aus dem Men FENSTER > AN OBJEKTEN AUSRICHTEN oder drcken * auf der Zehnertastatur. Klicken und ziehen Sie das Objekt, das ausgerichtet werden soll. Whrend Sie ziehen, zeigt Web Designer Premium ein Magnet-Symbol, blaue Linien und rote Punkte, sobald Sie in die Nhe interessanter Punkte oder mglicher Rastpositionen in Bezug auf sichtbare Objekte, der Seitenmitte oder -rnder kommen.

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

Arbeiten mit Objekten


Wenn Sie beim Ziehen zustzlich die ALT-Taste gedrckt halten, zeigt Web Designer Premium mgliche Rastpunkte innerhalb gruppierter Objekte an. Das ist ntzlich, wenn Sie zum Beispiel ein Objekt an einem Text innerhalb einer Schaltflche ausrichten wollen. Die Rasterweite wird im Reiter MAUS des OPTIONEN-Dialogs eingestellt (Men EXTRAS > OPTIONEN eingestellt oder per Rechtsklick und der Auswahl SEITENOPTIONEN ).

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.

Arbeiten mit Objekten


Der Regler fr die Randunschrfe befindet sich rechts oben auf der Symbolleiste neben den Schaltflchen der Galerien. So wird einem Objekt Randunschrfe gegeben:

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.

Randunschrfe zeichnet die Kanten eines Objektes weich.

Sind mehrere Objekte ausgewhlt, wird um jedes eine Unschrfemaske gelegt. Sind diese gruppiert, wird eine Randunschrfe um alle zusammenfassend gelegt.

Hilfsobjekte und Hilfslinien


Hilfsobjekte und -linien befinden sich auf einer separaten Ebene, der Hilfslinienebene. Eine Hilfslinienebene wird automatisch erstellt, wenn (siehe unten) eine Hilfslinie angelegt wird. Diese kann auch manuell erzeugt werden, indem Sie in der Ebenen-Galerie rechts klicken und die Option Neue Hilfslinienebene erstellen whlen. Lesen Sie das Kapitel Ebenen (auf Seite 383) fr weitere Informationen zu Ebenen. Mit AN HILFSLINIEN AUSRICHTEN aus dem Men Fenster (oder 2 aus dem Ziffernblock) werden die Hilfslinien magnetisch. Wird ein Objekt auf der Hilfslinienebene angelegt, so wird es ein Hilfsobjekt. Es kann jede Form haben: Linien in jedem Winkel, individuelle Formen oder QuickShapes. Sie knnen diese wie gehabt skalieren, drehen oder wieder lschen, jedoch werden Sie bemerken dass nur rote Umrisse zu sehen sind jegliche Fllung und Linienbreiten werden ignoriert. Wenn Sie das Objekt spter von der Hilfslinieneben auf eine normale Ebene verschieben, werden all diese Modifikationen wieder angezeigt. Hilfsobjekte knnen dazu verwendet werden, Orientierungslininen wie zum Beispiel perspektivische Linien, die durch einen Fluchtpunkt laufen, zu zeichnen.

Objekte auf die Hilfsebene verschieben


Stellen Sie erst in der EBENEN-GALERIE sicher, dass eine Hilfsebene vorhanden ist. Sie knnen Objekte auf der Hilfsebene direkt und wie gewohnt erstellen, wenn Sie die Ebene ausgewhlt haben.

134

Arbeiten mit Objekten


Objekte knnen aber auch von anderen Ebenen ausgeschnitten und auf Hilfsebenen kopiert werden. Um die Objekte dort an derselben Stelle einzufgen, verwenden Sie Strg + Umschalt + V.

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 .

Arbeiten mit Objekten bersicht der Tastaturkrzel auf dem Ziffernblock


+ / -

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.

Gruppieren und Gruppen auflsen


Hinweis: Schatten und Transparenz wirken sich unterschiedlich auf Gruppen und separate Objekte aus. Mehr dazu lesen Sie in den Kapiteln Transparenz und Schatten (auf Seite 241). Komplexe Formen werden oft aus mehreren Objekten erstellt. Gruppierungen (Men ANORDNEN > GRUPPIEREN ) erlauben es, mehrere Objekte zusammenzufassen und als ein Objekt erscheinen zu lassen. Sie knnen dann die gruppierten Objekte gemeinsam skalieren, drehen, bewegen oder anderweitig bearbeiten.

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).

Danach bleiben vorerst alle einzelnen Objekte der Gruppe markiert.

Zustzliche Objekte zu einer Gruppe hinzufgen 1. 2. 3. 4.


Markieren Sie die Gruppe. Lsen Sie die Gruppe auf (Strg + U) Markieren Sie auch die zustzlichen Objekte. Gruppieren Sie nun alle Objekte erneut (Strg + G)

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

Arbeiten mit Objekten


Objekte aus einer Gruppe entfernen 1. 2. 3.
Lsen Sie die Gruppe wie beschrieben auf. Halten Sie die Umschalttaste gedrckt und klicken Sie auf die Objekte, die Sie entfernen mchten. Dadurch werden die angeklickten Objekte deselektiert. Die brigen Objekte bleiben ausgewhlt. Whlen Sie ANORDNEN > GRUPPIEREN , um eine Gruppierung der brigen Objekte zu erstellen.

Einzelne Objekte aus einer Gruppe auswhlen


Manchmal ist es wnschenswert, ein einzelnes Objekt aus einer Gruppe auszuwhlen, ohne die Gruppe vorher auflsen zu mssen, z. B. um schnell eine Objektfarbe zu ndern. Halten Sie dazu die Strg-Taste gedrckt und klicken Sie auf das Objekt. Tab oder Umschalt + Tab markiert das nchste bzw. vorherige Objekt. Ist ein Objekt einer Gruppe ausgewhlt, kann bei zwei berlappenden Objekten mit Alt + Klick das darunter liegende markiert werden. Hinweis: Dies wird im Programm auch INNEN AUSWHLEN genannt.

Gruppen und Ebenen


Hinweis: Mehr zu Ebenen finden Sie im Kapitel Ebenen (auf Seite 383). Befinden sich alle Objekte, die einer Gruppe zugewiesen werden sollen, auf einer Ebene, wird die Gruppe auf dieser Ebene gebildet. Die Gruppe befindet sich dann auf der Position des vordersten Objekts der Gruppe. Sind die Objekte ber mehrere Ebenen verteilt, wird die Gruppe in der Ebene angelegt, in welcher das vorderste Objekt der Gruppe liegt.

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.

Arbeiten mit Objekten


Weiche Gruppen eignen sich hervorragend, um verknpfte Objekte zusammen zu halten. Der MOUSEOFF - und der MOUSEOVER -Status einer Schaltflche z. B. sind weich gruppiert. Wird diese also in einem Status verschoben oder bearbeitet, passiert dies automatisch auch im anderen Status.

137

Weiche Gruppen erstellen


Whlen Sie zum Erstellen einer weichen Gruppe im Men ANORDNEN->WEICHE GRUPPE ANWENDEN (oder drcken Sie Strg + Alt + G). Wenn diese weiche Gruppe Elemente auf unsichtbaren oder gesperrten Ebenen enthalten soll, so mssen Sie diese Ebenen in der Ebenen-Galerie fr kurze Zeit sichtbar und editierbar machen, um die Objekte auswhlen zu knnen. Ein Objekt kann nicht zwei weichen Gruppen angehren und weiche Gruppen knnen nicht Teil anderer weicher Gruppen sein.

Weiche Gruppen entfernen


ENTFERNEN

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 .

Ausrichten und Zwischenrume verteilen


Wenn Sie sowohl Objekte aneinander ausrichten wollen als auch die Zwischenrume zwischen den Objekten gleichmig verteilen wollen, whlen Sie die Objekte aus, klicken

138

Arbeiten mit Objekten


rechts und whlen AUSRICHTEN > AUSRICHTUNG... , um den Objektausrichtungs-Dialog zu ffnen. Wahlweise knnen Sie auch im Men ANORDNEN > AUSRICHTUNG (Strg + Umschalt + L) whlen. Das Diagramm oben im Dialog zeigt die Auswirkungen der jeweiligen Einstellungen. Die ausgewhlten Objekte in Ihrem Dokument ndern sich erst, wenn Sie ANWENDEN bettigen. Der Dialog Ausrichten ist nicht modal, was bedeutet, dass Sie an Ihrem Dokument arbeiten knnen whrend der Dialog geffnet ist. Dadurch knnen Sie Werkzeuge wechseln, Zeichnen, die Auswahl ndern und dann bequem aus den verschiedenen Optionen zum Ausrichten whlen. Ist Ihre Auswahl nicht die richtige, ndern Sie diese einfach und klicken anschlieend erneut ANWENDEN , um die zuletzt verwendeten Einstellungen wiederzuverwenden. So knnen Sie eine Menge Zeit sparen.

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

Arbeiten mit Objekten


(das, was nicht verschoben wird).

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

Arbeiten mit Objekten


Umschalt + Mausklick behlt die vertikale Position bei und ordnet die Objekte in einer Spalte an, links, mittig oder rechts.

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 :

Anhand der Mittelpunkte werden die Objekte gleichmig verteilt.

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

Arbeiten mit Objekten


und sind an ihrer Oberkante ausgerichtet. Denken Sie daran, dass Sie Fehler immer mit BEARBEITEN > RCKGNGIG beheben knnen.

141

Kopieren von Styles - Attribute einfgen


Dies erlaubt Ihnen, bestimmte Attribute (z.B.: Linienmuster oder Fllfarben) zwischen Objekten hin- und herzukopieren. Das ist die schnelle Art, mehrere Attribute auf ein Objekt zu setzen. Das Rechteck hat eine bestimmte Farbe, Schatten, Linien- und Fll-Style. Kopiert man dieses und fgt die Attribute in den Kreis in der Mitte ein, erhlt man als Ergebnis einen Kreis wie rechts dargestellt.

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

Arbeiten mit Objekten Objekte benennen


Sie benennen Objekte in MAGIX Web Designer 7 Premium, indem Sie die Schaltflche Namen anwenden, entfernen oder anzeigen auf der Infoleiste des AUSWAHL-WERKZEUGS anklicken. Der Sinn des Benennens von Objekten wird nachfolgend beschrieben. In den meisten Fllen wird die Benennung dazu verwendet um einen losen Verbund von Objekten zu erstellen. Beispiele fr die Verwendung von Namen Flash Animationen: Namen werden in Flash Animationen verwendet um Objekte, die getweent werden sollen, zu kennzeichnen. Lesen Sie dazu das Flash-Kapitel (auf Seite 397). Sich wiederholende Objekte: Eine spezielle Namenskonvention wird benutzt, um Objekte zu kennzeichnen, die in derselben Form an derselben Stelle auf jeder Seite auftauchen sollen. Dadurch werden alle Kopien des Objekts automatisch aktualisiert, wenn eine Kopie von diesen bearbeitet wird. Lesen Sie dazu Sich wiederholende Objekte (auf Seite 143) im Erste Schritte-Kapitel.

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.

Arbeiten mit Objekten


Namen hinzufgen
Sie benennen ein Objekt, indem Sie es auswhlen und anschlieend den NAMEN-DIALOG mithilfe der Schaltflche auf der Infoleiste des AUSWAHL -Werkzeugs aufrufen oder ber EXTRAS > NAMEN . Geben Sie den neuen Namen in das NAMEN ANWENDEN -Feld ein oder verwenden Sie einen Namen, der bereits im Dokument verwendet wird, aus der Dropdown-Liste desselben Feldes. Klicken Sie auf HINZUFGEN . Nun sollte der Name in der Liste ANGEWENDETE NAMEN auftauchen.

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

Arbeiten mit Objekten


Hinweis: Die aktuelle Seite wird als Quelle der wiederholten Objekte verwendet.

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.

Wiederholtes Objekt bearbeiten


Alle in Web Designer Premium angelegten wiederholten Objekte werden in einer speziellen Gruppe zusammengefasst Wiederholte-Objekte-Gruppe, die sich genau wie eine normale Gruppe verhlt. Wenn Sie in der SEITEN- & EBENEN-GALERIE auf eine Ebene mit einem wiederholten Objekt stoen, knnen Sie sehen, dass die Wiederholte-Objekte-Gruppe jedes wiederholte Objekt auf dieser Ebene beinhaltet.

Arbeiten mit Objekten

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.

Wiederholtes Objekt sperren


Sie knnen ein wiederholtes Objekt sperren, indem Sie es rechts anklicken und WIEDERHOLTES OBJEKT SPERREN auswhlen. Ein gesperrtes Objekt ist nicht mehr auswhlbar. Wenn Sie jedoch auf einer anderen Seite eine Kopie dieses wiederholten Objekts bearbeiten, die nicht gesperrt ist, werden dadurch alle Kopien verndert, auch die gesperrte. Beachten Sie, dass die gesperrte Instanz zwar nicht mehr auswhlbar ist und damit nicht bearbeitet werden kann, aber alle anderen Instanzen des wiederholten Objekts bis auf die gesperrte bearbeitet und entsprechend aktualisiert werden knnen.

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

Arbeiten mit Objekten


unteren Rand jeder Seite (z.B. Fuzeilen) haben. Das wird von MAGIX Web Designer 7 Premium automatisch bernommen. Die Position eines wiederholten Objekts auf der Seite entscheidet darber, ob es als Kopfoder Fuzeile angesehen wird. Sobald ein Teil eines wiederholten Objekte in die obere Hlfte der Seite ragt, werden dieses auf jeder Seite auf der gleichen Position relativ zur Oberkante der Seite platziert. Alle wiederholten Objekte, die komplett in der unteren Hlfte der Seite liegen, werden dementsprechend relativ zur Unterkante bewegt, wenn die Seite verlngert wird, sie tauchen immer an der korrekten Position auf, unabhngig von der Seitenlnge. Fr manche wiederholten Objekte kann dieser Automatismus auch falsch sein, in diesem Fall knnen Sie die Positionierung relativzur Ober- oder Unterkante erzwingen, indem Sie aus dem Kontextmen WIEDERHOLUNGSPOSITION > OBEN bzw. WIEDERHOLUNGSPOSITION > UNTEN auswhlen. MIt WIEDERHOLUNGSPOSITION > AUTOMATISCH wird die normale automatsiche Positionierung wieder hergestellt.

Weitere Mglichkeiten fr wiederholte Objekte


Sie knnen jedes Element zu einem wiederholten Element machen, wenn Sie einem Element einen speziellen Namen geben, der mit LiveCopy: anfngt. Das knnte beispielsweise ntzlich sein, wenn Sie ein Objekt nur auf einer gewissen Anzahl Seiten wiederholen lassen mchten und das Umbenennen einfacher ist, als alle ungewollten Instanzen wieder zu entfernen. Whlen Sie das Objekt aus und klicken Sie auf die Schaltflche NAMEN VERGEBEN auf der rechten Seite der Infoleiste des AUSWAHL-WERKZEUGS oder klicken Sie rechts aufs Objekt und whlen NAMEN . Geben Sie Ihm einen Namen, der mit LIVECOPY: anfngt. Danach muss ein eindeutiger Name des Elements kommen. Klicken Sie auf die HINZUFGEN -Schaltflche um den Namen zu bernehmen. Wenn Sie wollen, dass das Objekt auf vielen Seiten aktualisiert wird, klicken Sie es rechts und whlen Sie AUF ALLEN SEITEN WIEDERHOLEN .Oder whlen Sie im Men ANORDNEN -> AUF ALLEN SEITEN WIEDERHOLEN . Wenn Sie nun dieses Element bearbeiten oder eine nderung vornehmen, werden alle Kopien aktualisiert. Hinweis: Diese Funktion aktualisiert wiederholte Objekte von der aktuellen Seite auf allen anderen Seiten, die dieselben wiederholten Objekte enthalten. Das heit, dass nur die

Arbeiten mit Objekten


Seiten, die diese wiederholten Objekte enthalten, aktualisiert werden (diese Elemente werden nicht auf leeren Seiten platziert). Technischer Hinweis: Diese Funktion identifiziert Elemente anhand des LiveCopy-Namen und ersetzt sie anschlieend mit dem entsprechenden Element von der Quellseite (die ausgewhlte Seite).

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.

Wiederholen von Objekten beenden


Rechtsklick auf ein Objekt und WIEDERHOLEN BEENDEN sorgt dafr, dass die Wiederholen-Eigenschaft eines Objekts oder aller Kopien eines Objekts auf der Website abgeschaltet wird. Sie knnen dazu auch WIEDERHOLEN BEENDEN aus dem Men ANORDNEN verwenden. Sie werden dann gefragt, ob nur das eine Objekt oder alle Kopien des Objekts auf der Website ihre Wiederholen-Eigenschaft verlieren sollen. Whlen Sie ALLE . Jetzt knnen Sie jede einzelne Kopie des Objekts individuell anpassen, ohne die anderen wiederholten Objekte aktualisiert werden. Diese Optionen hilf Ihnen, wenn Sie zwar ANORDNEN -> AUF ALLEN SEITEN WIEDERHOLEN verwendet haben, um ein Objekt auf alle Seiten zu kopieren, dann aber jedes Objekt auf den Seiten unterschiedlich gestalten mchten. ANORDNEN -> WIEDERHOLEN BEENDEN ist auch dann hilfreich, wenn Sie ein Objekt (z. B. Fuzeile oder Logo) auf eine Seite kopieren mchten, aber nicht mchten, dass dieses automatisch aktualisiert wird. Whlen Sie dann im Dialog NUR DIESE KOPIE . Sie knnen WIEDERHOLEN BEENDEN jedoch nicht bei Navigationsleisten benutzen, die im NAVIGATIONSLEISTEN-DIALOG die Option SITE-NAVIGATIONSLEISTE aktiviert haben. Site-Navigationsleisten aktualisieren sich nmlich immer ber die gesamte Website. Lesen Sie im Navigationsleisten-Kapitel mehr zu diesem Thema.

Wiederholte Objekte lschen


Soll das wiederholte Objekt auf einer Seite nicht erscheinen, lschen Sie es einfach von der Seite. Sie werden von MAGIX Web Designer 7 Premium gefragt, ob Sie nur diese Kopie oder alle Kopien dieses wiederholten Objekts lschen wollen. Alle Kopien eines wiederholten Objekts lassen sich einfach in einem Schritt lschen.

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.

Formeditor-Werkzeug Linien oder Formen zeichnen

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.

Das Freihand- & Pinselwerkzeug


Sie knnen dieses Werkzeug zum Zeichnen im Freihandstil wie einen Bleistift verwenden. Es kann ebenfalls zum Erstellen von Pinselstrichen verwendet werden (spter beschrieben). Mithilfe eines kompatiblen druckempfindlichen Zeichengerts wie einem Grafiktablet knnen Sie zudem unterschiedlich dicke Linien zeichnen. Bei Verwendung dieses Werkzeugs wird Ihnen in der Statuszeile angezeigt, wie Sie das Werkzeug benutzen knnen.

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.

Niedrige Werte sind weniger glatt

Hhere Werte sorgen fr eine glattere Kurve

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).

Beim Zeichnen lschen


Bevor Sie die Maustaste loslassen, knnen Sie einen Teil der Linie durch Halten der Umschalt-Taste wieder lschen. Das Stift-Symbol wird umgedreht, so dass sich der Radiergummi jetzt auf der Unterseite befindet. Nun knnen Sie entlang der Linie radieren. Lassen Sie die Umschalt-Taste los, um weiterzuzeichnen.

Gerade Segmente im Freihand-Werkzeug zeichnen


Halten Sie whrend des Zeichnens einer Freihandlinie die Alt-Taste gedrckt und bewegen Sie den Mauszeiger auf eine neue Position. Beim Loslassen der Alt-Taste wird eine gerade Linie erstellt. Sie knnen die Linie weiterzeichnen oder durch drcken der Alt-Taste eine neue gerade Linie zeichnen. (Bedenken Sie, dass durch Drcken der Strg-Taste der Winkel der Linie begrenzt wird). Falls Sie nur viele unverbundene gerade Linien zeichnen mchten, verwenden Sie das unten beschriebene Linie-Werkzeug.

Verlngern einer Linie


PINSEL -Werkzeug

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.

Verbinden zweier Linien


Whlen Sie beide Linien (Umschalt drcken und auf die zweite Linie klicken um sie der Auswahl hinzuzufgen). Anschlieend knnen Sie vom Ende der einen zum Ende der anderen Linie zeichnen. Wenn Sie ber dem Ende sind erscheint ein kleines + neben dem Stift-Symbol (nach einer kurzen Pause).

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

Linien/Formen mit dem Freihand & Pinsel-Werkzeug bearbeiten


Formen, die mit den QuickShape-, Rechteck- oder Ellipsen-Werkzeugen erstellt wurden, knnen nicht unmittelbar bearbeitet werden, sondern mssen zuerst in bearbeitbare Formen umgewandelt werden. ffnen Sie dazu den Menpunkt ANORDNEN > IN BEARBEITBARE FORM UMWANDELN . Lesen Sie zu diesem Thema das Kapitel Arbeiten mit Formen (auf Seite 181). Sie knnen das FREIHAND & PINSEL -Werkzeug verwenden um Linien (oder Umrisse von Formen) zu bearbeiten. Zeichnen Sie einfach den Bereich der Linie neu, den Sie ersetzen mchten. Zum Beispiel: So bearbeiten Sie das Objekt: Whlen Sie das Objekt aus, das Sie bearbeiten mchten.

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.

Objekte aus Fotos ausschneiden


Teile eines Fotos knnen Sie zum einen ausschneiden, indem Sie eine normale Form ber das Foto zeichnen und die Formen kombinieren Funktionen des ANORDNEN -Mens verwenden (siehe Arbeiten mit Formen (auf Seite 172)). Alternativ knnen Sie aber auch in den Maskenmodus wechseln, eine Maskenform ber dem Foto zeichnen und dann Ausschneiden, Kopieren und Einfgen (oder die Formen kombinieren Funktionen) verwenden, um den Teil des Fotos, den Sie mit der Maske festgelegt haben, auszuschneiden oder zu kopieren. Lesen Sie im Kapitel Arbeiten mit Fotos (auf Seite 292) mehr zum Arbeiten mit dem Maskenmodus. Wenn Sie einen Teil eines Bildes ausgeschnitten haben, sollten Sie meistens ein wenig Randunschrfe hinzufgen, um die Kanten etwas auszublenden.

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.

Das Linien- und Pfeil-Werkzeug


Mit diesem Werkzeug knnen Sie einzelne, unverbundene Linien zeichnen und Pfeilspitzen und -enden an bestehende Linien anfgen. Dies funktioniert viel einfacher und ist wesentlich besser als mit der Linien-Galerie.

Warum ein Linien-Werkzeug?


Bevor es dieses Werkzeug gab, hatten viele neue Anwender von MAGIX Web Designer 7 Premium groe Probleme, eine einfache, gerade Linie zu zeichnen. Der Formeditor ist eher fr Linien mit mehreren Abschnitten und Formen, das Freihand-Werkzeug zum Freihand-Zeichnen geeignet. Daher brauchte man dieses Werkzeug, das klar zeigt, wie man sowas Grundlegendes macht.

Gerade Linien zeichnen und bearbeiten


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.

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.

Weitere Linienabschnitte hinzufgen


Die mit dem Linien-Werkzeug erstellten Linien knnen natrlich auch mit anderen Zeichen-Werkzeugen bearbeitet werden. Wollen Sie also einer Linie weitere Abschnitte hinzufgen, sie abrunden oder vielleicht sogar zu einer geschlossen Form machen, knnen Sie das Formeditor-Werkzeug verwenden.

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

Zeichnen eines geraden Liniensegments


So zeichnen Sie eine gerade Linie mit dem FORMEDITOR-WERKZEUG:

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.

Kurven und gerade Linien mischen


Um ein Objekt zu erstellen, welches aus Kurven und geraden Linien besteht, wechseln Sie beim Zeichnen lediglich zwischen KURVE ERZEUGEN und Linie erzeugen (oder drcken Sie L bzw. C auf der Tastatur).

Zeichnen eines Kurvesegments


Dies erfolgt hnlich wie das Erstellen einer geraden Linie (oben beschrieben).

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 neu hinzufgen


Das FORMEDITOR-WERKZEUG bietet drei Modi, abhngig von der Auswahl von Ankerpunkten:
KEINE AUSWAHL VON ANKERPUNKTEN :

ein Mausklick ins Dokument erzeugt einen neuen

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

Die Infoleiste zeigt den aktuellen Status an.

NEU :

HINZUFGEN:

zum Erstellen einer neuen Linie zum Verlngern einer Linie NDERN: zum ndern von Ankerpunkten (ziehen oder lschen)

Hinweis: Gilt nur fr das Werkzeug FORMEDITOR.

Formeditor-Werkzeug
Linienende

159

Stellen Sie sicher, dass die Linie ausgewhlt ist.

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

Stellen Sie sicher, dass die Linie ausgewhlt wurde.

1. 2.

Klicken Sie auf die Linie, um einen neuen Ankerpunkt hinzuzufgen. Ziehen Sie den Ankerpunkt an die bentigte Stelle.

Am Anfang einer Linie:


Haben Sie den Endpunkt ausgewhlt, schliet ein Klick auf den Startpunkt die Form - dies wird unter Schlieen einer Form (auf Seite 170) beschrieben. So fgen Sie einer Linie einen neuen Anfasser hinzu:

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.

Mehrere Ankerpunkte auswhlen


Mglicherweise mchten Sie mehrere Ankerpunkte auswhlen, z. B. um sie gemeinsam zu lschen, als Gruppe zu verschieben, zu verndern oder um eine Reihe von Punkten in gebogene oder gerade Linien umzuwandeln.

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).

Verwenden der Textfelder der Infoleiste


Das mittlere Paar Textfelder zeigt die X/Y Koordinaten des ausgewhlten Punkts an.

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).

Begrenzung der Linie


Beim Ziehen eines Ankerpunkts bewirkt das gleichzeitige Halten der Begrenzungstaste (Strg) die Bewegung auf ein Vielfaches des Begrenzungswinkels (entsprechend der Einstellungen im Dialog OPTIONEN > ALLGEMEIN). Beim Ziehen eines Kurvenanfassers ist der Winkel magebend.

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

Runde Verbindung erstellen


So runden Sie eine spitze Verbindung ab: Doppelklicken Sie auf den Ankerpunkt oder whlen Sie den Ankerpunkt aus und klicken Sie auf die Schaltflche RUNDE VERBINDUNG oder drcken Sie die Taste S. Die zwei Kurvenanfasser werden verkoppelt und werden so versetzt, dass sie sich auf beiden Seiten am Ankerpunkt gegenberstehen. Hierdurch kann sich die Kurvenform ndern.

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

Formeditor-Werkzeug Umwandlung einer geraden Linie in eine Kurve (und umgekehrt)


1. 2.
Whlen Sie die Anfasser an beiden Enden eines Liniensegments. Bei mehreren Liniensegmenten whlen Sie alle angrenzenden Anfasser aus. Klicken Sie auf der Infoleiste auf die Schaltflchen LINIE ERZEUGEN oder KURVE ERZEUGEN oder drcken Sie L oder C auf der Tastatur (Diese Tastenkombinationen funktionieren nur mit dem FORMEDITOR-WERKZEUG ). Nachdem Sie den Linientyp gendert haben, mssen Sie die Anfasser verschieben, damit der bergang zwischen den gebogenen und geraden Segmenten flieend ist. Sie knnen mehrere Liniensegmente auswhlen und diese gleichzeitig umwandeln. Die Ankerpunkte an beiden Enden mssen ausgewhlt sein.

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

Arbeiten mit Formen

Arbeiten mit Formen


Schlieen einer Form
Eine Form ist ein geschlossenes Objekt, das weder Start- noch Endpunkt hat. Nur Formen knnen mit einer Farbe gefllt werden. Offene Objekte wie Linien mssen also zuvor geschlossen werden, damit sie zu fllbaren Formen werden. So schlieen Sie eine Form: Erstellen Sie ein offenes Objekt, bei dem sich der Startpunkt in unmittelbarer Nhe des Endpunkts befindet. Alle Ankerpunkte mit Ausnahme des Endpunkts - sollten sich an der erforderlichen Position befinden. Positionieren Sie den Mauszeiger ber dem Endpunkt. Ziehen Sie den Endpunkt ber den Startpunkt und lassen Sie die Maustaste los. Die zwei Punkte werden nun automatisch verbunden.

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.

Arbeiten mit Formen


Freihandform schlieen
Sie knnen eine geschlossene Form erstellen, indem Sie eine Linie am Startpunkt wieder schlieen. Ein + neben dem Mauszeiger zeigt an, wenn Sie sich ber dem Startpunkt befinden.

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.

Wenn sich mehrere Formen berlappen:


Die obere Form (oder obere Gruppe) wird zu einem Loch in den unteren Formen. Die Linienattribute sowie die Farben der anderen Formen ndern sich entsprechend der oberen Form. Wenn sich mehrere Formen berlagern: Bei einer gerade Anzahl von Formen wird die Schnittmenge transparent. Bei einer ungeraden Anzahl von Formen wird die Schnittmenge undurchsichtig. Die Zahlen auf dem folgenden Beispiel mit drei Kreisen zeigen, welche Formen sich in jedem Bereich berlappen:

172

Arbeiten mit Formen

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.

Zusammengefgte Formen trennen


Whlen Sie ANORDNEN > FORMEN TRENNEN . Dadurch werden die zusammengefgten Formen zu separaten Objekten, jedoch werden Originalattribute der einzelnen Objekte nicht wiederhergestellt. Sie knnen mehrere zusammengefgte Formen gemeinsam in einem Durchlauf trennen.

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.

Lcher in Formen erstellen

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.

Arbeiten mit Formen


Mehrere Formen zu einer zusammenfgen
Die rechts dargestellte Form knnen Sie z. B. aus den drei links dargestellten Formen erstellen:

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

Arbeiten mit Formen


Zerschneiden verwenden. Verfahren Sie wie folgt, um ein Segment aus einem Kreis auszuschneiden:

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:

Sie knnen auch eine Linie verwenden, um ein Objekt zu zerschneiden:

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.

Arbeiten mit Formen Linien mit variabler Breite


In der Infoleiste des FREIHAND- & PINSEL -Werkzeugs knnen Sie aus einem Aufklappmen die gewnschte Linienbreite auswhlen. Wenn Sie die Maus ber eine Auswahl bewegen, erscheint rechts eine vergrerte Ansicht.

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).

Rechtecke und Quadrate erstellen


Erstellen eines Rechtecks: Verwenden Sie das RECHTECK -Werkzeug (Umschalt + F3, oder M).

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

Arbeiten mit Formen


Erstellen und Bearbeiten abgerundeter Ecken
Um Ihrem Rechteck abgerundete Ecken zu geben, whlen Sie es aus und klicken Sie anschlieend auf die Schaltflche Abgerundete Ecken auf der Infoleiste des RECHTECK-WERKZEUGS . Mit den Auswahlanfassern an den Ecken knnen Sie den Rundungsgrad einstellen.

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.

Kreise und Ellipsen erstellen


Um einen Kreis oder eine Ellipse zu erstellen: Whlen Sie das Ellipsen-Werkzeug (Umschalt + F4, oder L).

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.

Arbeiten mit Formen


Whlen Sie die RADIUS -Option um Kreise zu erstellen. Dort, wo Sie anfangen, den Kreis aufzuziehen, befindet sich der Mittelpunkt. Whlen Sie die DURCHMESSER -Option. Nun ist der Rand des Kreises dort, wo Sie mit dem Aufziehen des Kreises anfangen. Sie knnen Ellipsen in Kreise umwandeln, indem Sie auf einen Anfasser doppelklicken.

177

Erstellen normaler Polygone (QuickShape-Werkzeug)


Das QUICKSHAPE -Werkzeug erlaubt Ihnen schnell, fast jede symmetrische Form mit scharfen oder abgerundeten Ecken zu erstellen. Sie knnen anschlieend an den Ecken ziehen um die Seiten zu kippen und die Seitenanzahl ndern oder das Objekt zu einer Ellipse, einem Polygon oder einem Stern machen.

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.

Um ein Polygon zu erstellen, ziehen Sie:

Radius Durchmesser Begrenzung erstellen Von der Mitte nach auen (Schaltflche RADIUS ),

178

Arbeiten mit Formen


Vom Auenrand (Schaltflche DURCHMESSER ), Oder diagonal um ein virtuelles Rechteck um das Polygon zu erstellen (Schaltflche BEGRENZUNG ERSTELLEN ), um das Polygon zu verzerren.

Polygone mit abgerundeten Ecken


Klicken Sie auf die Schaltflche RUNDE KANTEN oder doppelklicken Sie auf einen Eckanfasser.

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.

Arbeiten mit Formen


X Y Erstellen oder entfernen Sie abgerundete Ecken durch Drcken der Schaltflche RUNDE KANTEN . ndern Sie das Polygon in eine Ellipse, indem Sie auf die Schaltflche ELLIPSE ERSTELLEN klicken (Ellipsen werden spter beschrieben). Oder doppelklicken Sie auf das Zentrum des Polygons. Wandeln Sie das Polygon in eine Sternform um, indem Sie auf die Schaltflche STERNFORM klicken (Sternformen werden spter beschrieben). Ziehen Sie an den Seiten, um sie kurvenfrmig zu machen. Bewegen Sie dazu den Mauszeiger ber den Rand des Polygons (dabei wird dieser zu einem Pfeil). Sie knnen nun an den Seiten Auf der linken Seite befinden sich die ziehen.

179

Original-Polygone. Ziehen Sie einfach an den Rndern, um diese kurvenfrmig zu machen.

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.

Sterne erstellen (Polygone mit eingebeulten Seiten)


Whlen Sie das QUICKSHAPE -Werkzeug. Verfahren Sie wie folgt, um einen Stern zu erstellen oder ein Polygon sternfrmig zu machen: Sternfrmig Whlen Sie die Schaltflche
STERNFORMEN

Oder doppelklicken Sie auf eine Seite.

Links: Polygon ohne Sternform. Rechts: Mit Sternform.

180

Arbeiten mit Formen


Entfernen der Sternform
So entfernen Sie eine Sternform: Klicken Sie auf die Schaltflche STERNFORM

oder doppelklicken Sie auf den Rand des Sterns.

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.

Auf der linken Seite befindet sich die Originalform.

Ziehen Sie an den Seiten, um eine Kurvenform zu erstellen:

Auf der linken Seite befindet sich die Originalform.

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.

Arbeiten mit Formen Formen bearbeitbar machen


Whlen Sie ANORDNEN > IN BEARBEITBARE FORMEN KONVERTIEREN (Strg + Umschalt + S) zum Umwandeln vordefinierter Objekte - wie Quickshapes (d. h. Rechtecke, Quadrate, Kreise, Ellipsen, Sterne, Polygone), aber auch Bitmaps und Text - in Formen, die sich wie jede Form ber die Ankerpunkte an den Umrissen bearbeiten lassen. Hierfr gibt es viele Einsatzmglichkeiten. Drei Beispiele: Quickshapes wie Kreise oder Polygone knnen nur zum Teil verndert werden. Beim Ziehen wird immer das Objekt als Ganzes verndert. Nach der Konvertierung in eine bearbeitbare Form lsst sich jeder Ankerpunkt des Umrisses mit dem FORMEDITOR-WERKZEUG separat verndern oder die Umrisse und die Fllung mit Farbe gestalten. Nach der Konvertierung von Text in bearbeitbare Formen lsst sich die Schrift kreativ nachbearbeiten (zum Beispiel durch Hinzufgen von Kurven und Ornamenten). Bitte beachten Sie, dass umgewandelter Text sich nicht mehr mit dem TEXT-WERKZEUG bearbeiten lsst, da die Buchstaben zu freien Formen umgewandelt wurden. Mglicherweise mchten Sie jemandem, der eine bestimmte Schriftart nicht besitzt, eine .XAR-Datei mit der Schrift zu Anschauungszwecken schicken. Da es sich bei konvertiertem Text nur noch um eine Sammlung von Kurven und Linien handelt, wird die Originalschriftart dabei nicht bentigt. Der Nachteil der Konvertierung ist allerdings, dass Sie die Objekte nicht mehr mit ihren ursprnglichen Werkzeugen bearbeiten knnen. Sie knnen Linien (offene Formen) auch in die entsprechende geschlossene Form umwandeln, indem Sie die Linie auswhlen und auf ANORDNEN > LINIE IN FORM UMWANDELN klicken. Wenn Sie z. B. eine gerade Linie mit einer Pixelbreite von 10 haben, so bewirkt die Umwandlung in eine Form, dass die Linie in eine gefllte Rechteckform ohne Umrisslinienbreite umgewandelt wird.

181

182

Arbeiten mit Farben

Arbeiten mit Farben


Farbleiste
Die Farbleiste befindet sich am unteren Rand des Fensters. Hier wird die aktuelle Fll- und Linienfarbe angezeigt, es kann der Farbeditor geffnet werden und es wird eine Palette an vorgefertigten Farben zur Verfgung gestellt, inklusive der Option keine Farbe.

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.

Arbeiten mit Farben


Farben auf der Farbleiste

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.

Farben auf der Farbleiste neu anordnen


Mglicherweise mchten Sie die Farben auf der Farbleiste neu anordnen. Drcken Sie hierzu Strg und ziehen Sie die Farben auf der Leiste entlang. Hierdurch wird auch die FARB-GALERIE neu geordnet. Nur benannte Farben knnen auf der Farbleiste umsortiert werden.

184

Arbeiten mit Farben


Kontextmen Farbleiste
Klicken Sie auf eine Farbe der Farbleiste um ein kontextsensitives Men mit den folgenden Optionen aufzurufen:
BEARBEITEN

FLLFARBE/LINIENFARBE EINSTELLEN UMBENENNEN

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.

Anwendung von Fll- und Linienfarben per Drag & Drop


Um einem Objekt (unabhngig davon, ob Sie es ausgewhlt haben) eine Fllfarbe zu geben, ziehen Sie eine Farbe aus der Farbleiste und setzen Sie diese in der Mitte der Form ab. Um einer Linie oder Umrandung eine Farbe zuzuweisen, setzen Sie diese einfach auf die Linie und nicht ins Zentrum. Um die aktuelle Fllung zu ndern, ziehen Sie eine Farbe auf eine leere Stelle. Um die Hintergrundfarbe der Seite zu ndern, ziehen Sie eine Farbe mit gehaltener Strg-Taste auf die Seite. Wenn Sie Farben ziehen, wird Ihnen ein Indikator neben dem Mauszeiger verdeutlichen, welche Auswirkung das Absetzen der Farbe haben wird: Stellen Sie die Fllfarbe ein (wird angezeigt, wenn man ber ein Objekt zieht) bzw. die Zwischenfarben eines Mehrfarbigen Verlaufs (auf Seite 238). Farbe der Linie definieren (wird angezeigt, wenn man sich ber einer Linie befindet).

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).

Arbeiten mit Farben


Endfarbe einer Verlaufsfllung definieren (wird angezeigt, wenn man sich ber dem Ende einer Fllung befindet). Hintergrundfarbe der Seite ndern (wird angezeigt, wenn Sie eine Farbe auf die Seite ziehen). Anstelle des Drag & Drop-Verfahrens kann man auch zuerst ein Objekt auswhlen und dann einfach auf die Farbleiste klicken. Dadurch ffnen Sie das Kontextmen der Farbleiste, in dem Sie die Linien- und Fllfarbe festlegen knnen. In jedem anderen Fall kann die Linienfarbe per Umschalt + Klick auf die Farbleiste gendert werden. Wenn ein Foto bzw. eine Form mit Bitmap-Fllung ausgewhlt wurde, klicken Sie auf die Farbleiste, damit die Farbe des Bitmaps sich ndert. Dies bedeutet, dass das Bitmap in Graustufen umgewandelt wird (S/W) und die ausgewhlte Farbe als helle Contone-Farbe genutzt wird. Die verwendete dunkle Contone-Farbe ist in der Regel Schwarz. Sie knnen beide Contone-Farben ber das Kontextmen der Farbleiste einstellen (siehe oben). Lesen Sie dazu den Abschnitt Bitmap einfrben (auf Seite 235). Um einer Fllung oder Linie keine Farbe (leer) zuzuweisen, gehen Sie wie oben beschrieben vor, verwenden Sie jedoch das gerasterte keine Farbe-Kstchen.

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

Arbeiten mit Farben Der Farbeditor


Mit dem Farbeditor knnen Sie die Farben von Objekten im Dokument bearbeiten.

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.

Vorherige und aktuelle Farbe


Whrend Sie den Mauszeiger im Farbeditor bewegen, zeigen die beiden Quadrate in der oberen, rechten Ecke, welche Farbe Sie ursprnglich hatten und welche momentan aktuell ist.

Arbeiten mit Farben


Farben mit der Pipette aufnehmen
Anstatt Farbtne und Schattierungen im FARBEDITOR auszuwhlen, kann eine Farbe auch von einer Stelle im Dokument oder auch irgendeiner anderen Stelle auf dem Bildschirm aufgenommen werden, sogar aus anderen Fenstern und Programmen. Dazu klicken und ziehen Sie das Pipetten-Symbol. Wie Sie sehen, bernimmt die Pipette kontinuierlich die darunter befindliche Farbe. Lassen Sie die Maustaste los, wenn Sie die gewnschte Farbe erhalten haben. Hierdurch lsst sich schnell und einfach die gleiche Farbe erneut verwenden oder Farben von einem Objekt auf ein anderes kopieren. Die Farbpipette nimmt dabei nicht einfach nur die Bildschirmfarbe (RGB) auf. Stattdessen wird, wenn Sie auf eine Form mit einer Farbfllung zeigen, die tatschliche Farbe dieser Form bernommen, einschlielich des Farbmodells (RGB, HSV oder CMYK), so dass die Farbe exakt auf die ausgewhlten Objekte kopiert wird. Wenn es sich bei der Zielfarbe um eine benannte oder Palettenfarbe handelt, wird die Farbe nicht einfach kopiert, sondern die Farbpipette wendet dieselbe Farbe auf die ausgewhlten Objekte an. Wenn das unter dem Mauszeiger befindliche Objekt komplex ist (z. B. mit einer Transparenz) und die Farbe nicht ermittelt werden kann, wird die Bildschirm-RGB-Farbe angewendet. Bei Entnahme der Farbprobe erscheint ein kleines Popup-Fenster neben dem Mauszeiger, das anzeigt, welche Farbe an dieser Stelle entnommen wird. Hierbei handelt es sich entweder um den Farbnamen der Paletten-Farben, den Namen einer benannten Farbe oder das Farbmodell und den Farbwert. Hinweis: Wenn Sie dieselbe Farbe mehrfach verwenden mchten, empfehlen wir Ihnen, lieber benannte Farben zu benutzen.

187

188

Arbeiten mit Farben


Erweiterte Arbeitsvorgnge mit Farben
Klicken Sie innerhalb des Farbeditors das Symbol ERWEITERTE OPTIONEN ZEIGEN, um den unteren Teil des Dialogs zu ffnen, in welchem Sie weitere Anpassungsmglichkeiten finden.

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.

Lokale Farben und Grundfarben


In Web Designer Premium gibt es zwei Arten von Farben: werden an genau einer Stelle, fr jedes Objekt einzeln, im Dokument verwendet. Jedes Objekt hat seine eigene Farbe und nichts wird geteilt. Dies ist dann sinnvoll, wenn Sie die Farbe eines Objektes ndern mchten, ohne Einfluss auf andere Farben zu nehmen. Lokale Farben sind der einfachste Weg um in einem Dokument mit verhltnismig wenigen Farben zu arbeiten. Farben anwenden und Objektfarben ndern, wie oben beschrieben, beziehen sich auf das Arbeiten mit lokalen Farben GRUNDFARBEN (ODER BENANNTE FARBEN) knnen mehrmals im Dokument verwendet werden. (Sie sind vergleichbar mit Formatvorlagen in einer Textverarbeitung.) Grundfarben werden in Vorlagen verwendet, um ein einheitliches Aussehen der Seitenelemente (Schaltflchen, Navigationsleisten, etc.) zu gewhrleisten. Wenn Sie eine
LOKALE FARBEN

Arbeiten mit Farben


Grundfarbe bearbeiten, sehen Sie die Auswirkungen sofort auf allen Objekten, die diese Farbe verwenden. Sie knnen die Grundfarben auch zwischen Dokumenten hin- und herkopieren. Grundfarben erscheinen auf der Farbleiste. Wenn bereits Grundfarben in Ihrem Dokument vorhanden sind, und Sie laden Cliparts oder Seitenvorlagen aus der DESIGN-GALERIE in Ihr Dokument, die Grundfarben verwenden, die genauso benannt sind, werden Sie gefragt, ob Sie die Farbe der importierten Grundfarbe an die existierende Grundfarbe anpassen mchten. Die Grundfarben in den meisten Vorlagen heien immer gleich. Wenn Sie also Elemente aus verschiedenen Web-Themen importieren, passen die Farben perfekt zusammen Wichtig Wenn Sie auf der Seite ein Objekt auswhlen, dem eine benannte Farbe zugewiesen wurde und diese Farbe direkt mit dem Farbeditor bearbeiten, wird sie zur lokalen Farbe anstelle einer benannten Farbe. (Es wird davon ausgegangen, dass der Versuch, die Farbe eines Objekts zu bearbeiten auch beabsichtigt ist. Wollen Sie tatschlich die benannte Farbe ndern, so dass dieses und alle anderen Vorkommen dieser Farbe gendert werden, dann knnen Sie das tun, indem Sie die benannte Farbe bearbeiten (auf Seite 191).)

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.

Eigene Farbschemata erstellen


Sie knnen Ihre eigenen Farbschemata erstellen, die Sie dann jeweils auf die mit einer bestimmten Themenvorlage erstellten Website anwenden knnen.

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

Arbeiten mit Farben


2. 3.
Bearbeiten Sie nun die Grundarben nacheinander, wie unten im Abschnitt Benannte Farben bearbeiten (auf Seite 191) beschrieben. Sind Sie mit dem neuen Farbschema zufrieden, speichern Sie es mit DATEI ->SPEICHERN ALS. .. Der gewhlte Dateiname MUSS "ThemeColorScheme" enthalten. Anhand dieses Namensbestandteils unterscheidet Web Designer Premium Farbschemata von normalen Web Designer Premium Designs. Eine gute Idee ist es, auch noch den Namen der Themenvorlage, auf die sich das Farbschema bezieht, mit einzubeziehen. Beispielsweise nennen Sie ein neues blaues Farbschema fr die Beta-Themenvorlage etwa Beta_ThemeColorScheme_Blau.web.

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.

Neue benannte Farben erstellen


Mchten Sie eine Farbe immer wieder in verschiedenen Teilen der Zeichnung verwenden, und obendrein mglicherweise diese dann global im Dokument verndern, empfiehlt es sich unbedingt eine BENANNTE FARBE anzulegen. Dies ist in MAGIX Web Designer 7 Premium sehr einfach: Whlen Sie ein Objekt, dessen Farbe Sie dazu (als Stammfarbe) verwenden mchten und klicken Sie dann im FARBEDITOR auf NEUE BENANNTE FARBE.

Klicken Sie auf das Namensschild, um eine neue benannte Farbe zu erzeugen

Arbeiten mit Farben


Geben Sie der Farbe einen geeigneten Namen wie Autolack und drcken Sie Erstellen. Beobachten Sie wie eine neue Farbe auf der FARBLEISTE auftaucht. Sie knnen diese Farbe wie gewohnt per Drag & Drop oder einfachem Klick auf jedes Objekt anwenden. Wenn Sie diese Farbe dann editieren, werden alle Objekte, die diese Farbe nutzen mit verndert.

191

Benannte Farben bearbeiten


Die Farbe kann auf drei verschiedene Arten im FARBEDITOR zur Bearbeitung dargestellt werden: Whlen Sie aus dem Men des FARBEDITOR . Oder klicken Sie mit der rechten Maustaste auf die FARBLEISTE und whlen Sie BEARBEITEN . Oder ziehen Sie eine Farbe aus der FARBLEISTE in den FARBEDITOR . Danach kann die Farbe wie gewnscht editiert werden. Alle Objekte, die diese Farbe verwenden werden in der Ansicht sofort aktualisiert um die neue Farbgebung darzustellen.

Benannte Farben umbenennen


Whrend Sie eine BENANNTE FARBE bearbeiten, klicken Sie mit der rechten Maustaste in den FARBEDITOR und whlen Sie UMBENENNEN Oder klicken Sie mit der rechten Maustaste die Farbe auf der Farbleiste an und whlen Sie UMBENENNEN .

Benannte Farben lschen


Um eine benannte Farbe zu lschen, klicken Sie mit der rechten Maustaste auf die Farbe in der Farbleiste und whlen Sie LSCHEN .

Unbenutzte Farben lschen


Um Grundfarben oder benannte Farben von der Farbleiste zu lschen, klicken Sie mit der rechten Maustaste auf die Farbe in der Farbleiste und whlen Sie LSCHEN . Wird die Farbe im aktuellen Dokument noch benutzt, zeigt Web Designer Premium einen Warnhinweis mit den Optionen, den Vorgang abzubrechen oder die Farbzuordnungen durch lokale Farben zu ersetzen. Benannte Farben, die nicht verwendet werden, werden automatisch gelscht, wenn ein Dokument gespeichert und wieder geladen wird. Sie knnen dieses Verhalten aber im Reiter ANSICHT des OPTIONEN-Dialog (Men EXTRAS ) ndern:

192

Arbeiten mit Farben


Benannte Farben importieren
Sobald Sie ein Design (z. B. aus der Design-Galerie, eine .xar-Datei oder kopierte Objekte aus einem anderen Design) in Ihr Dokument importieren, dessen benannte Farben gleich heien aber andere Farbwerte haben, sehen Sie folgende Warnung:

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.

Benannte Farben fr Frames/Ebenen lokal verfgbar machen


Beim Anklicken dieser Schaltflche wird eine neue benannte Farbe erstellt, die mit der ausgewhlten identisch ist. Die neue Farbe wird dann auf alle Objekte im aktuellen Frame bzw. in der aktuellen Ebene angewendet, die die ausgewhlte benannte Farbe verwenden. Das bedeutet, dass eine Farbe mit nur einem Klick fr die Frames/Ebenen lokal verfgbar gemacht werden kann.

Arbeiten mit Farben


Die Originalfarbe und die lokalisierte Farbe knnen dann unabhngig voneinander bearbeitet werden. Diese Funktion ist vor allem beim Erstellen von Animationen sinnvoll, wenn die Farbe eines Objekts sich im Verlauf der Animation ndern soll. Die Schaltflche ist ausgeblendet, es sei denn, Sie bearbeiten eine benannte Farbe, die auch in einem anderen Frame oder in einer anderen Ebene verwendet wird.

193

Normale Farben, Abtnungen, Schattierungen und verknpfte Farben


Normale Farben
Normale Farben knnen Sie stets auf Objekte anwenden. MAGIX Web Designer 7 Premium kann auerdem Farben mit anderen verknpfen, so dass diese sich entsprechend ndern, wenn die Bezugsfarbe gendert wird. Dafr gibt es drei Mglichkeiten: ABTNUNGEN, SCHATTIERUNGEN und VERKNPFTE FARBEN . Diese Funktionen sind sehr leistungsstark, da Sie Ihnen erlauben, komplexe Illustrationen inklusive ihrer Schattierungen mit einem Klick neu einzufrben. Einige der Clipart-Beispiele verwenden dieses Verfahren. Die Bezugsfarben werden in der Farbleiste in einem kleineren Quadrat als bergeordnete Farben angezeigt.

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

Arbeiten mit Farben


Schattierungen
Schattierungen erlauben es, hellere oder dunklere Varianten einer Bezugsfarbe herzustellen. Wird dann die Bezugsfarbe verndert, ndern sich auch die Schattierungen. Beispiel: Eine Zeichnung von einem Auto verwendet verschiedene Licht- und Schattenbereiche auf der Karosserie. Wird die Bezugsfarbe verndert, so werden auch die Schattierungen entsprechend verndert. Schattierungen zu erstellen dauert zwar etwas lnger, ist jedoch sehr effektiv. Fr beste Resultate sollte die Bezugsfarbe mglichst eine reine, gesttigte Farbe sein. Wenn Sie im HSV-Modus arbeiten, achten Sie darauf, dass STTIGUNG (S) und SCHWARZANTEIL (V = VALUE) bestenfalls 100% betragen. Im FARBEDITOR sollte das Kreuz also in der Ecke oben links stehen.

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.

Abtnung, Schattierung oder verknpfte Farbe herstellen


Abtnungen, Schattierungen und verknpfte Farben mssen eine bergeordnete Bezugsfarbe haben (eine benannte Farbe), damit sich der Ton bei nderung der bergeordneten Farbe auch ndert. Falls notwendig, muss zuerst eine benannte Farbe erstellt werden. Lesen Sie dazu auch den Abschnitt Benannte Farben neu erstellen (auf Seite 190). So erstellen Sie eine Abtnung, eine Schattierung oder eine verknpfte Farbe:

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.

Arbeiten mit Farben

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

Arbeiten mit Text

Arbeiten mit Text


Einfhrung
Werkzeuge zur Textverarbeitung sind in MAGIX Web Designer 7 Premium sehr hnlich wie in einem herkmmlichen Text-Editor, bieten aber zustzlich noch eine Menge an Features, die in anderen Programmen nicht zu finden sind:

Text kann extrem vergrert werden.

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.

Arbeiten mit Text Terminologie


SCHRIFTART

197

oder SCHRIFTBILD : Ein Zeichensatz in einem konsistenten Stil.

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.

Infoleiste Text-Werkzeug (linke Seite)

Schrift Schriftgre Fett Kursiv Unterstrichen Ausrichtung

198

Arbeiten mit Text

Infoleiste Text-Werkzeug (rechte Seite)

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.

Arbeiten mit Text Schriftarten-Men

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

Arbeiten mit Text


dafr gibt, gibt es eine gngige Liste von Schriftarten, die auf etwa 98% der 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.

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).

Vorschau der Schriftgre in Echtzeit


Neben dem Men fr die Schriftgre befindet sich ein kleiner Regler, vergleichbar mit denen, die an andrer Stelle in Web Designer Premium verwendet werden. Mit diesem erhalten Sie direkten Zugriff auf die Schriftgre in Echtzeit, der Text wird unmittelbar angepasst, whrend der Regler verschoben wird.

Klicken, um den Pop-up-Regler Schriftgre anzuzeigen.

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.

Arbeiten mit Text Einfacher Text


Mchten Sie nur eine kleine Menge einfachen Text eingeben, klicken Sie im Dokument auf die Stelle, an der dieser erzeugt werden soll. Eine rote Positionsmarke erscheint und Sie knnen drauflos tippen. Um einen Fehler zu korrigieren, knnen Sie wie gewohnt die Tasten Entf bzw. die Rcktaste verwenden. ber die Eingabetaste wird die Zeile abgeschlossen und eine neue Textzeile darunter begonnen. Der Zeilenabstand wird im Fenster neben der Infoleiste angezeigt. Als Grundeinstellung hat der Text keine Umrissfarbe. Durch Anklicken einer Farbe auf der Farbleiste bei gedrckt gehaltener Umschalttaste erhlt der ausgewhlte Text eine Umrissfarbe. Die Breite der Umrisslinie kann wie gewohnt mit der Linienbreiten-Steuerung verndert werden. Der Linienverbindungstyp (auf Seite 168) sollte auf ABGERUNDET eingestellt werden, um eine geschmeidigere Erscheinung zu erhalten (Steuerelement oberhalb der LINIEN-GALERIE ). Hinweis: Die Linienbreite wird im Kapitel Linien zeichnen beschrieben, die Farbgebung wird im Kapitel Arbeiten mit Farben (auf Seite 182) erklrt. Sie knnen auch weiterhin Text eingeben, nachdem der Text gedreht, mit Farbe gefllt, auf einer Kurve platziert oder sogar mit verschiedenen Live-Effekten bearbeitet wurde.

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

Arbeiten mit Text


Natrlich knnen Sie den Text auch vorab in einem anderen Texteditor erstellen, kopieren und dann in MAGIX Web Designer 7 Premium einfgen. Wrter werden nur dann getrennt, wenn Sie einen Trennungsstrich (also -) enthalten.

Abb.: Ein Trennungsstrich im Flietext kann einen Umbruch erzeugen.

Breite der Textspalte ndern


Ziehen Sie an einem der beiden roten Anfasser an den Enden der Linie.

Neigung der Textspalte ndern


Halten Sie die Umschalttaste gedrckt und ziehen Sie die roten Anfasser am Ende der Linie, um den Neigungswinkel der Textspalte zu ndern. Mit Strg + Ziehen drehen Sie die Spalte innerhalb der vorgegebenen Begrenzungswinkel. Ein anderer Weg wre, mit dem AUSWAHL-WERKZEUG das Objekt zu drehen. Hinweis: Mehr Informationen zu Begrenzungswinkeln finden Sie in der Einfhrung in MAGIX Web Designer 7 Premium.

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.

Arbeiten mit Text


Textbereiche verbinden
Luft der Text ber den unteren Rand des Textbereichs hinaus, wird dies durch einen berlauf-Indikator am unteren Rand des Bereichs angezeigt. Ziehen Sie diesen auf einen anderen Textbereich, fliet der berlauftext in den neuen Textbereich hinein und die zwei Textbereiche werden miteinander verbunden.

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.

Textbereiche neu skalieren


Mit dem TEXT -Werkzeug knnen Sie die Eckanfasser anklicken und verschieben. Der Text im Bereich wird neu formatiert, so dass er in die neue Gre hineinpasst. Alternativ knnen Sie auch mit dem AUSWAHL-WERKZEUG das Text-Objekt neu skalieren. Wenn Sie mit dem Auswahl-Werkzeug die Gre anpassen, ndert sich jedoch auch die Textgre. Das entspricht dem normalen Verhalten des AUSWAHL-WERKZEUGS . Fr Flietextbereiche tauchen dann unerwnschte Nebenwirkungen auf Sie wollen sicherlich nicht, dass der eine Teil des Textes grer oder kleiner als der Rest ist. Aus

204

Arbeiten mit Text


diesem Grund verndert sich das Verhalten des AUSWAHL-WERKZEUGES je nachdem, ob man einen Textbereich, der einen Textfluss beinhaltet, oder den ganzen Text neu skaliert. Es gilt folgende Regel: Skalieren Sie einen einzelnen unverbundenen Textbereich (oder eine einfache Textspalte), so werden der Container und dessen Inhalt zusammen skaliert. Whlen Sie die Textbereiche des gesamten Flietext (sie mssen alle auf einer Seite sein), so werden durch eine Neuskalierung der Text und die Bereiche zusammen skaliert. Wenn Sie aber einen Textbereich, der einen Teil einer Reihe von flieenden Textbereichen darstellt, neu skalieren, so wird nur die Containergre gendert. Der darin befindliche Text bleibt unverndert und wird neu formatiert, um mit der neuen Gre bereinzustimmen. Dies entspricht einer Neuskalierung des Textbereiches mittels des TEXT -Werkzeugs. Mchten Sie alle Textelemente eines Textbereichs neu skalieren, whlen Sie mit Strg+A den gesamten Text und whlen Sie die gewnschte Schriftgre. Sie knnen einen Textbereich drehen, indem Sie wie gewohnt das AUSWAHL -Werkzeug benutzen, der Text wird durch den gedrehten Textbereich normal hindurchflieen.

Drehen Sie einen Textbereich, so bleibt der Textfluss unverndert.

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.

Arbeiten mit Text Text entlang einer Kurve


So wird Text entlang einer Ihrer Kurven gelegt:

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.

Angleichen des linken und rechten Textrands an eine Kurve


Wenn Sie auf einer Kurve zu schreiben beginnen oder ein vorhandenes Textfeld auf eine Kurve setzen, knnen anschlieend Start- und Endposition des Textes mittels der roten Anfasser gendert werden. Ziehen Sie diese beliebig auf der Kurve entlang. Wenn Sie den Text zentrieren, wird er mittig zwischen diesen Punkten angeordnet.

Text auf einer Kurve umdrehen


Klicken Sie mit der rechten Maustaste auf den markierten Text und whlen Sie aus dem Kontextmen UMGEKEHRTER TEXT AUF KURVE . Alternativ knnen Sie die Ausrichtung der Kurve umkehren (FORMEDITOR-WERKZEUG > in der Infoleiste). So wird der Text dann auf die andere Seite der Linie klappen (oder bei einer geschlossenen Form von innen nach auen).
PFADE UMKEHREN

206

Arbeiten mit Text Text bearbeiten


Sobald Sie mit jedem beliebigen Werkzeug auf ein Textobjekt doppelklicken, wechseln Sie ins TEXT-Werkzeug mit dem Cursor an der Stelle, auf die Sie im Text geklickt haben. Alle Cursor- und Maus-Operationen wie in einem gewhnlichen Textverarbeitungsprogramm knnen auch hier benutzt werden. Zum Beispiel: Klicken Sie, um den Cursor zu positionieren. Benutzen Sie die Pfeiltasten nach links und rechts, um nach links, rechts, oben und unten zu navigieren. Benutzen Sie Strg + Pfeiltasten, um jeweils um ein Wort nach links oder rechts zu springen. Drcken Sie Pos1 oder Ende, um an den Anfang oder das Ende der Zeile zu navigieren. Drcken Sie Strg + Pos1 oder Strg + Ende um an den Anfang oder das Ende des Textobjekts zu navigieren. Text-Auswahl: Umschalt + eine der oben genannten Tasten um den Text zu markieren. Doppelklicken Sie auf ein Wort um es auszuwhlen. Drei Klicks hintereinander markieren eine ganze Zeile (Tastaturkrzel: Strg + L) Vier Klicks hintereinander whlen einen Textabsatz. Ziehen ber den Text mit dem Text-Werkzeug markiert den Text ebenso. Strg + A markiert im TEXT -Werkzeug den gesamten Text im Text-Objekt.

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 .

Zwischen Gro- und Kleinschreibung wechseln


Strg + W wechselt zwischen Gro- und Kleinschreibung der Zeichen nach dem Cursor und verschiebt dabei den Cursor weiter im Text. Wenn Sie also unbeabsichtigt einen Text bei aktiver Feststelltaste verfasst haben, setzen Sie einfach den Cursor an den Anfang dieses Textes und drcken Sie bei jedem zu ndernden Buchstaben Strg + W.

Arbeiten mit Text


Mit Strg + W knnen Sie auch zwischen Gro- und Kleinschreibung eines Textes einer ausgewhlten Passage wechseln. Dabei bewegt sich der Cursor aber nicht.

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

Arbeiten mit Text


Whlen Sie RECHTSCHREIBUNG WHREND DER EINGABE PRFEN . Alle nicht erkannten Wrter in Ihrem Dokument werden dann mit einer roten Wellenlinie gekennzeichnet. Wenn Sie auf ein falsch geschriebenes Wort rechtsklicken, werden Ihnen im Kontextmen Vorschlge fr die richtige Schreibung gemacht. Whlen Sie einen Vorschlag aus, um das Wort zu ersetzen.

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.

Suchen & Ersetzen


Suchen & Ersetzen sucht live nach dem, was Sie eingeben und markiert es direkt.

Arbeiten mit Text


Sie suchen entweder ber das Men BEARBEITEN -> SUCHEN/ERSETZEN oder ber STRG + ALT + F und ffnen diesen Dialog:

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.

Text unter Nutzung von weichen Gruppen synchronisieren


In manchen Designs werden Sie vielleicht mehrere Textobjekte brauchen, die alle denselben Text enthalten, jedoch in unterschiedlichen Schriftstilen. Z. B. animierter Text in einem Animations-Dokument oder Mouseover-Schaltflchen, die hervorgehoben werden, wenn Sie die Maus im Browser ber sie bewegen. Normalerweise mssten Sie den Text auf jedem einzelnen Objekt ndern. Indem Sie solche verwandten Text-Objekte in einer weichen Gruppe zusammenfassen, gehen Sie sicher, dass alle immer den gleichen Text anzeigten. Um die Objekte zu einer weichen Gruppe zusammenfassen zu knnen, mssen alle exakt denselben Text beinhalten (sonst werden sie nicht synchronisiert). Whlen Sie diese nun mit dem Auswahl-Werkzeug aus. Anschlieend whlen Sie im Men ANORDNEN->WEICHE GRUPPE BILDEN (Strg + Alt + G). Sobald Sie nun den Text in einem Objekt ndern, wird er auf allen anderen ebenfalls aktualisiert, selbst wenn die Objekte auf anderen Ebenen ber das Dokument verteilt sind. Das funktioniert sogar, wenn einige Objekte in unsichtbaren oder gesperrten Ebenen liegen.

210

Arbeiten mit Text


Um eine weiche Gruppe aufzulsen, whlen Sie im Men Anordnen -> Weiche Gruppe entfernen (Strg + Alt + U). Lesen Sie dazu den Abschnitt zu weichen Gruppen im Kapitel Objekte manipulieren (auf Seite 136).

Tabulatoren, Rnder und Zeileneinzge


Lineale
Um Tabulatoren, Rnder und Zeileneinzge zu verndern, mssen Sie die Lineale in Ihrem Dokument aktivieren. Dazu gibt es folgende Mglichkeiten: Whlen Sie FENSTER > LEISTEN > LINEALE oder drcken Sie Strg + Umschalt + R. Die erweiterten Textfunktionen werden nur dann im Lineal auftauchen, wenn Sie das verwenden und sich der Text-Cursor in einem Textfeld befindet bzw. das Textobjekt mit dem TEXT-WERKZEUG ausgewhlt wurde.
TEXT-WERKZEUG

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.

Rnder und Zeileneinzge


Smtliche nderungen wirken sich auf den aktuellen Absatz (in dem sich der Textcursor befindet) aus, oder, wenn Sie einen Textbereich ausgewhlt haben, auf die Abstze des ausgewhlten Bereichs. Sie knnen nderungen auf alle Textteile eines Textbereichs anwenden, indem Sie den gesamten Text jenes Bereichs auswhlen (Strg + A). Um mehr als nur einen Textbereich zu ndern, whlen Sie die Textobjekte mit dem AUSWAHL-WERKZEUG aus und wechseln Sie dann in das TEXT-WERKZEUG, um die bentigten nderungen durchzufhren. Linker Rand: Ziehen Sie diesen, um den linken Rand des Textes zu ndern. Rand erste Zeile: Ziehen Sie diesen, um den linken Rand fr die erste Zeile des Absatzes zu verndern (hilfreich fr Auflistungen). Rechter Rand: Ziehen Sie diesen, um den rechten Rand des Textes zu verndern.

Arbeiten mit Text


Anwendungsbeispiel: linker Rand und Rand der ersten Zeile

211

Anwendungsbeispiel: Rechter Rand

Text entlang einer Kurve


Haben Sie eine einzelne Zeile Text per TEXT AN KURVE ANPASSEN auf eine Linie gesetzt, bildet die Linie die Begrenzung. Ist der Text lnger als die Linie, wird dieser einfach ber das Ende hinaus laufen. Wenn Sie auf die Linie geklickt haben oder eine Textspalte auf eine Linie angepasst haben, zeigen sich links und rechts Anfasser (kleine rote Quadrate), die auf der Linie entlang bewegt werden knnen, um die Rnder fr die Ausrichtung festzulegen.

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

Arbeiten mit Text


Die voreingestellten Tabulatoren werden als kleine Ls auf dem Lineal angezeigt:

Abb.: Normale Tabulatoren als kleine Ls

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:

Abb.: Das Dreieck weist einen benutzerdefinierten Tabulator auf

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).

Benutzerdefinierte Arten von Tabulatoren


Verschiedene Arten benutzerdefinierter Tabulatoren knnen eingestellt werden. Voreingestellt sind die links ausgerichteten Tabulatoren. Das heit, dass der Text mit dem Tabulator auf der linken Seite des Textes justiert wird. Um den Tabulator zu wechseln, klicken Sie auf das Tabulator-Symbol auf dem Lineal. Folgende Arten von Tabulatoren lassen sich definieren. Sie sind innerhalb eines Textes nicht auf eine Art beschrnkt, sondern knnen verschiedene Arten kombinieren. Links ausrichten: Der Text wird links vom Tabulator ausgerichtet.

Rechts ausrichten: Der Text wird rechts vom Tabulator ausgerichtet.

Arbeiten mit Text

213

Zentrieren: Der Text wird am Tabulator zentriert.

Dezimalkomma ausrichten: Die Dezimalkommas werden unabhngig von ihrer Lnge mit dem Tabulator ausgerichtet. Dies ist vor allem fr Listen ntzlich.

Hngende Zeileneinzge erstellen


Bei hngenden Zeileneinzgen erhlt die erste Zeile eines Absatzes einen negativen Rand bzw. einen Rand, der links vom normalen linken Rand des Absatzes beginnt. Nummerierung und Aufzhlungszeichen in Listen sind Beispiele fr hngende Zeileneinzge. So erstellen Sie einen hngenden Zeileneinzug:

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.

Text abweisende Objekte


Sie knnen in MAGIX Web Designer 7 Premium jedes Objekt dazu bringen, Text abzuweisen, so dass der darunter befindliche Text automatisch um das Objekt herum luft, anstatt darber zu erscheinen. Dies vereinfacht das Gestalten von Seiten mit langen Textpassagen, die mit Fotos und Grafiken kombiniert sind. Sobald diese auf "abweisend" gestellt sind, kann die Position der Grafiken und Fotos verndert werden, und der Text wird automatisch so angepasst, dass er um diese herumluft.

214

Arbeiten mit Text


Sie knnen auch angeben, dass Text nur innerhalb einer Ebene abgewiesen wird, dadurch wird das Abweisen von Text auf anderen Ebenen unterbunden, auerdem wird der Text in dieser Ebene auch nicht mehr von Objekten auf einer hheren Ebene abgewiesen.

Ein Objekt "textabweisend" machen


DARUNTER ABWEISEN .

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.

Arbeiten mit Text

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

Arbeiten mit Text


Dies kann beispielsweise dann ntzlich sein, wenn die Grafik in etwa die gleiche Gre wie der Text hat und mitten im Flietext zwischen zwei bestimmten Wrtern oder an einer bestimmten Stelle im Satz bleiben soll. Ein Ankersymbol erscheint nun an der linken oberen Ecke des Objekts, um anzuzeigen, dass das Objekt nun verankert ist. Wenn Sie das Ankersymbol mit dem TEXTWERKZEUG oder dem AUSWAHLWERKZEUG anklicken und ziehen, erscheint ein roter Pfeil. Legen Sie die Pfeilspitze an der Stelle im Text ab, wo das Objekt verankert werden soll. Eine rote Markierung (umgekehrtes T) kennzeichnet die Ankerposition. Wenn Sie den Text um diese Markierung herum bearbeiten, verschiebt sich das verankerte Objekt nun zusammen mit dem Ankerpunkt.

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.

Arbeiten mit Text

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.

Verankerte Objekte verschieben


Sowie neuer Text eingefgt oder Text gelscht wird, bewegt sich das Objekt mit dem Textfluss und behlt dabei immer seine relative Position zum Ankerpunkt bei. Verankerte Objekte knnen ganz normal mit der Maus verschoben werden. Dabei wird die Position

218

Arbeiten mit Text


des Objekts relativ zum Ankerpunkt verschoben, nicht jedoch der Ankerpunkt, welcher am Ende des Pfeils, der vom Ankersymbol ausgeht sichtbar bleibt, whrend Sie die Grafik anklicken und verschieben. Wenn Sie den Ankerpunkt auf eine andere Stelle im Text verschieben wollen, mssen Sie das Ankersymbol erneut anklicken, um einen neuen Pfeil zu erzeugen, den Sie auf die neue Position ziehen. Wenn Sie Text ausschneiden und einfgen, der eine Verankerungsmarkierung enthlt, wird das verankerte Objekt zusammen mit dem Text ausgeschnitten und eingefgt.

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.

Verankerte Objekte in einer Zeile


Wenn Sie eine kleine Grafik in eine Textzeile einbetten wollen, wie z.B. ein Icon wie dieses , innerhalb einer Textzeile, so dass es mit dem Text fliet, fgen Sie das Bild als Text abweisendes verankertes Objekt ein und platzieren den Ankerpunkt irgendwo im Text. Sie sollten dazu geschtzte Leerzeichen verwenden (Strg + Leertaste).

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.

Arbeiten mit Text Textstile anwenden


Schriftgrad ndern
Der Schriftgrad kann auf verschiedene Arten gendert werden:

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.

Fett & Kursiv


Klicken Sie in der Infoleiste auf FETT oder KURSIV (Strg+B oder Strg+I). Damit wird die Fett- oder Kursiv-Variante der aktuellen Schrift angewendet. Hinweis: MAGIX Web Designer 7 Premium erlaubt nicht die Anwendung von Kursiv- oder Fettschriften, wenn die entsprechende kursive oder fette Schrift nicht installiert ist. Dieser Effekt lsst sich jedoch leicht emulieren. Stellen Sie einfach eine kleine Linienbreite fr Ihre Schriftart ein, um einen Fettschrift-Effekt zu erhalten. Verwenden Sie den Effekt Neigen des AUSWAHL-WERKZEUGS , um eine Schrift zu neigen. Lesen Sie mehr im Kapitel Men Schriftarten.

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

Arbeiten mit Text


Satz und Ausrichtung von Text
Der Satz bezieht sich immer auf die gesamte Linie. Eine Auswahl von Textbereichen wird nicht beachtet.

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

Einzug des Absatz verkleinern

Aufzhlung (Liste)
Sie knnen aus beliebigem Text eine Aufzhlung machen, indem Sie den Text auswhlen und das Symbol fr Aufzhlung auf der Infoleiste klicken.

Arbeiten mit Text


Jeder Absatz wird zum Listenpunkt. Wenn Sie am Ende eines Eintrags die Eingabetaste drcken, beginnt der nchste Absatz wiederum mit einem Aufzhlungszeichen. Um die Eingabe einer Aufzhlung abzuschlieen, drcken Sie am Ende des letzten Eintrags der Liste die Eingabetaste und auf der neuen Zeile gleich noch einmal. Dadurch wird dieser letzte, leere Listeneintrag entfernt und Sie knnen wieder normalen Text eingeben. Sie knnen Aufzhlungslisten ineinander verschachteln, indem Sie die Einrcken-Schaltflche auf der Infoleiste klicken. Dadurch wird der aktuelle Aufzhlungspunkt eingerckt und das Aufzhlungszeichen abgendert.

221

Beispiel einer verschachtelten Aufzhlungsliste

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

Arbeiten mit Text


Im Dialog LISTENEIGENSCHAFTEN knnen Sie fr jede nummerierte Liste das Nummerierungsschema festlegen. Sie ffnen den Dialog, indem Sie den Textcursor in einen Listeneintrag stellen und im Kontextmen (Rechtsklick) LISTENEIGENSCHAFTEN... whlen.

Im Dialog knnen Sie verschiedene Nummerierungsschemata whlen und auch den Wert fr den ersten Eintrag festlegen, von dem ausgehend hoch gezhlt wird.

Tiefgestellt & hochgestellt


Aktivieren Sie die entsprechende Schaltflche in der INFOLEISTE. Beispiel: Normaler Text tiefgestellt hochgestellt

Zeilenabstand
ZEILENABSTAND

erlaubt Ihnen, die Zwischenrume der Zeilen zu

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.

Arbeiten mit Text Text-Links


Sie knnen jedem Teil eines Textobjekts eine Verlinkung zuweisen, die nach dem Export Ihres Dokuments als HTML als Link im Webbrowser angeklickt werden kann. Mit dem TEXT-WERKZEUG whlen Sie die Worte oder Zeichen aus, d verlinkt werden sollen, und klicken anschlieend auf die Link-Schaltflche in der WEB- -Werkzeugleiste. Dadurch ffnen Sie den WEB-EINSTELLUNGS -Dialog, mit ausgewhltem Reiter LINKS . Hier stellen Sie ein, ob Sie auf eine URL, eine andere Seite Ihrer Website oder eine Popup-Ebene verlinken mchten. Normalerweise wird eine Verlinkung durch Unterstreichen des Textes gekennzeichnet und zwar in der Farbe, die als Linkfarbe fr das aktuelle Dokument definiert ist, . Sie knnen die Farbe einstellen und festlegen, ob der Link unterstrichen sein soll, indem Sie auf den Reiter WEBSITE des WEB-EINSTELLUNGEN -Dialogs klicken (Men EXTRAS -> WEB-EINSTELLUNGEN ). Sie knnen auch die Farbe festlegen die angezeigt werden, wenn man mit der Maus ber den Link fhrt (MouseOver Farbe) und die Farbe bereits besuchter Links (Visited Farbe). Sie knnen fr diese drei globalen Link-Farben entweder eine bestehende benannte Farbe aus dem Dropdown-Men whlen oder auf die Schaltflche BEARBEITEN klicken, um den FARBEDITOR zu ffnen und eine beliebige Farbe auszuwhlen. Sie knnen die globalen Link-Farben fr einzelne Links auch auer Kraft setzen. Deaktivieren Sie dazu die Option Gemeinsame Linkfarben verwenden im Reiter Links des Web-Einstellungen-Dialogs. Anschlieend wird der Link in der Farbe gezeigt, die Sie im Dokument festlegen anstelle der globalen Linkfarbe..

223

Text innerhalb von Gruppen fr Websites


Alle Gruppen werden beim Exportieren einer Website als Bilder exportiert. Text innerhalb einer Gruppe ist also nach dem Export nicht mehr als solcher vorhanden und kann nicht von Suchmaschinen gefunden oder durch den Besucher der Website ausgewhlt und kopiert werden. Bei grafischen Schaltflchen, berschriften oder Logos ist das normalerweise gewnscht, da der Text nur als Teil der Grafik fungiert. Manchmal gibt es jedoch Text innerhalb von Gruppen, den Sie gerne als Text in der exportierten Website behalten mchten. Um dies zu erreichen, mssen Sie Ihrem Textobjekt den speziellen Namen HTML Text geben. So geht dies am schnellsten:

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

Arbeiten mit Text


Wenn Sie nun Ihre Website exportieren, wird der Text als Text beibehalten und der Rest der Gruppe in ein Bild konvertiert. Alle Textobjekte in den Textpanelen der DESIGNS-GALERIE sind bereits mit diesem Namen ausgestattet, so dass Text auf den Textpanelen als Text exportiert wird. Browser knnen jedoch nicht mit gedrehtem Text umgehen, so dass dieser nicht als Text exportiert werden kann. Der Name wird in diesem Fall ignoriert.

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.

Attribute auf gesamten Flietext anwenden


Wenn der Mauszeiger in einem EINFACHEN TEXT oder in einer TEXTSPALTE steht, wird das gesamte Textobjekt mit der Esc-Taste ausgewhlt. Danach knnen Sie Attribute (z. B. eine Farbe) auf das gesamte Textobjekt anwenden. Das geht oft schneller als ALLES AUSWHLEN (Strg + A). Mit TEXTBEREICHEN funktioniert diese Methode nur dann, wenn alle TEXTBEREICHE des Textes ausgewhlt sind (Die verschiedenen Bereiche lassen sich mit dem AUSWAHL-WERKZEUG durch Umschalt + Klick markieren). Das ist aber nur mglich, wenn sich die TEXTBEREICHE auf einer einzigen Seite befinden. Wenn Ihr Text ber mehrere Seiten verluft, mssen Sie den Text mit Strg + A markieren, um die bentigten Attribute anwenden zu knnen.

Kopieren und Einfgen von formatiertem Text (RTF)


Sie knnen so genannten Rich Text von anderen Anwendungen wie etwa Textverarbeitungsprogrammen kopieren und als Text in MAGIX Web Designer 7 Premium einfgen. Die Schriftarten, Rnder und Zeilenabstnde bleiben erhalten. Hierdurch wird es erheblich einfacher, den Stil und das Erscheinungsbild Ihres Textes zu verndern. Wenn Sie Rich Text (RTF) aus einer anderen Anwendung einfgen, knnen Sie den Text auch als unformatiert einfgen. Dabei bernimmt der eingefgte Text die Formatierung an der Cursor-Position. Wenn Sie den Text als Rich Text einfgen, bleibt die Formatierung des Quelltextes erhalten.

Arbeiten mit Text


Das funktioniert auch umgekehrt, d. h. Sie knnen den Text aus Web Designer Premium kopieren und in andere Anwendungen einfgen, die ebenfalls Rich Text untersttzen, wobei Schriftart, -gre und -farbe erhalten bleiben. Das funktioniert aber nur, wenn Sie ein Textobjekt markieren und kopieren oder aus dem Textfluss kopieren. Einige Anwendungen, wie etwa Microsoft Word, verfgen ber ein Einfgen-Men, das umfangreichere Mglichkeiten zum Einfgen bietet. Diese Anwendungen erlauben Ihnen, das einzufgende Format bzw. das eingefgte Objekt zu bestimmen (Text oder Grafik).

225

Verwendete Schriftarten anzeigen


Manchmal ist es ntzlich, sich einen berblick ber die Schriftarten zu verschaffen, die im Dokument verwendet werden. Dies ist besonders sinnvoll wenn Sie vorhaben, das Dokument an andere Benutzer von Web Designer Premium zu senden und diese die entsprechenden Schriften ggfs. nicht installiert haben. Eine vollstndige Liste der verwendeten Schriften finden Sie unter DATEI > DOKUMENTEIGENSCHAFTEN . Alle Schriften, die Sie nicht installiert haben, aber im Dokument verwendet werden, werden mit NICHT INSTALLIERT versehen. Wollen Sie das Dokument an einen anderen Benutzer weitergeben, der die verwendeten Schriftarten nicht installiert hat, den Text aber auch nicht bearbeiten mchte, dann knnen Sie den Text IN BEARBEITBARE FORMEN KONVERTIEREN (siehe unten).

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

- Fllungen, die drei verschiedene Farben, hnlich wie Schlaglichter, erlauben.

VIERFARB-FLLUNGEN

- wie Dreifarb-Fllungen nur mit vier

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

- ein fleckiges Zufallsmuster, mit weicheren Kontrasten als eine Fraktalwolke.

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:

Fllungs-Kach Flleffekt elung

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.

Eine Ellipse mit einer sich wiederholenden elliptischen Fllung

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.

Fll-Werkzeug Lineare Verlaufs-Fllungen


So erstellen Sie eine lineare Fllung:

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.

Start- und Endanfasser einer Fllung bewegen


So ndern Sie die Richtung und Gre des Verlaufs einer Fllung:

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.

Farben einer Fllung verndern


Um die Farbe einer Fllung zu ndern: Ziehen Sie eine Farbe per Drag & Drop aus der FARBLEISTE auf einen Fllanfasser. (Sie mssen den Anfasser vorher nicht auswhlen.) Oder ziehen Sie die Farbe per Drag & Drop auf das Objekt. Jede Fllung hat eine gedachte Mittellinie. Wird die Farbe auf der Seite abgesetzt, auf welcher sich der Anfangs-Anfasser befindet, wird die entsprechende Farbe fr den Anfang benutzt; wird sie auf der Seite des End-Anfasser abgesetzt, wird die dortige Farbe definiert. Anderseits knnen Sie auch, ist einer der Anfasser markiert (wird als hervorgehoben dargestellt), einfach auf die Farbe klicken und Farbe des Fllungsanfassers einstellen whlen. Sie knnen mit der Tabulator-Taste zum anderen Anfasser wechseln und dann auf die gewnschte Farbe klicken. Die Farbleiste wird im Kapitel Arbeiten mit Farben (auf Seite 182) beschrieben. Jede dieser Methoden ndert nur die Farbe eines Anfassers, sie ndern nicht die Farben anderer ausgewhlter Fll-Anfasser, oder:.

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

Fll-Werkzeug Kreisfrmige Fllungen


Kreisfrmige Fllungen werden bezglich Fllung, Anfassern und Farbverlauf genauso gehandhabt wie lineare Fllungen. Der Startanfasser definiert dabei das Zentrum der Fllung. Kreisfrmige Fllungen sind sehr ntzlich bei der Erstellung von Schlagschatten. Vernderungen am Seitenverhltnis des Objekts machen aus der kreisfrmigen Fllung eine elliptische Fllung (siehe unten). Der schnelle Weg zur kreisfrmigen Fllung: Umschalt + Ziehen erstellt eine kreisfrmige Fllung.

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

Einfache Fllung (Foto)

Wiederholt gekachelt

Umgekehrt wiederholt - Die Kacheln passen perfekt zusammen.

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

Um die Ellipse links mit dem Foto in der Mitte zu fllen,

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).

Abb.: Fraktalwolken-Fllung. Links eine Krnungsgre von 1, rechts 50.

Abb.: Fraktalplasma-Fllung. Links eine Krnungsgre von 5, rechts 50.

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 :

importiert und fgt das ausgewhlte Bitmap als Transparenz ein:

Eine Bitmap-Transparenz auf ein ggf. selektiertes Objekt. Andernfalls wird dieses Bitmap als Standardattribut fr Transparenzen definiert.
FLLUNGEN HOLEN : HINTERGRUND : ENTFERNEN :

Ldt kostenlose Fllungen vom Xara Server.

Whlt die ausgewhlte Fllung als Seitenhintergrund.

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.

Eine andere Art, einen Wandschatten zu erstellen:

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.

So ndern Sie die Transparenz:

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.

Farbgebung oder Flleffekt von Schatten ndern


Haben Sie einen Schatten auf ein Objekt gelegt, kann dessen Farbe oder Flleffekt jederzeit angepasst werden. Jeder Effekt in MAGIX Web Designer 7 Premium einschlielich mehrfarbiger Fllungen kann verwendet werden. So wird die Farbe eines Schattens modifiziert:

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).

Schatten auf mehrere Objekte legen


Einen Schatten fr Objektgruppen oder fr mehrere einzelne Objekte zu erstellen fhrt zu unterschiedlichen Ergebnissen: Sind die Objekte gruppiert, werden sich berlappende Schatten zusammengefgt (bei berschneidungen werden diese nicht dunkler dargestellt). Sind die Objekte nicht gruppiert, bekommt jedes Objekt seinen eigenen Schatten. berschneidungen von Schatten werden dann dunkler. Sind mehrere Objekte samt Schatten ausgewhlt, werden nderungen bei allen Schatten angewandt.

Schatten Objekte markieren mithilfe des Schatten-Werkzeugs


Bevor Sie einen Schatten an ein Objekt legen knnen, mssen Sie dieses markieren. Der normale Weg, ein Objekt anzuwhlen, fhrt ber das AUSWAHL-WERKZEUG . Sie knnen aber auch im aktiven SCHATTEN-WERKZEUG ein Objekt markieren, indem Sie auf das Objekt klicken.

245

Schatten auf andere Objekte kopieren


Haben Sie einen Schatten nach Ihren Wnschen angefertigt, knnen Sie ihn mit der Funktion Einfgen auf andere Objekt bertragen. Kopieren Sie einfach das Objekt mit dem Schatten (BEARBEITEN > KOPIEREN), markieren Sie ein oder mehrere Objekte, auf die Sie den Schatten kopieren wollen, und bertragen Sie ihn mit BEARBEITEN > ATTRIBUTE EINFGEN .

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.

Transparenz Anwendung einer gleichmigen Transparenz


Eine gleichmige Transparenz ist deshalb gleichmig, weil alle Teile des Objekts im selben Ma transparent sind - im Gegensatz zur Verlaufstransparenz. So erstellen Sie eine gleichmige Transparenz:

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.

Anwendung einer Verlaufstransparenz


Eine Verlaufstransparenz funktioniert hnlich wie ein Farbverlauf. Mit dem TRANSPARENZ-WERKZEUG ziehen Sie einfach ber das Objekt, um eine verblassende Transparenz zu erstellen. hnlich wie bei den Fllungen gibt es eine Palette mit mehreren Transparenz-Varianten, wobei LINEAR die einfachste ist. Auerdem finden Sie KREISFRMIG, ELLIPTISCH, KEGELFRNIG, FRAKTAL, BITMAP und einige mehr. Eine Verlaufstransparenz wird wie folgt erstellt:

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.

Anwendung einer Transparenz auf mehrere Objekte


Wenn eine Gruppe von Objekten mit einer Transparenz belegt wird, wird die gesamte Gruppe wie ein Objekt behandelt und transparent dargestellt. Sind die Objekte hingegen nicht gruppiert, kann eine separate Transparenz auf jedes einzelne Objekt gelegt werden, so dass ein vllig anderer Effekt entsteht, wenn sich Objekte berlagern.

Abb.: Individuelle Transparenz (links) oder Gruppentransparenz (rechts)

Mischen von individuellen und Gruppentransparenzen


Sie knnen mit der eben beschriebenen Methode komplexe Kombinationen von Transparenzen kreieren. Beispielsweise knnten Sie zuerst 50% Transparenz auf ein Objekt legen, um es dann mit anderen Objekten zu gruppieren und nochmals ber die gesamte Gruppe eine Transparenz zu legen. Dies funktioniert auch in umgekehrter Reihenfolge. Mit gehaltener Strg-Taste + Klick auf das entsprechende Objekt kann jedes einzeln verndert werden.

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.

Hinweis: KEINE entfernt jegliche Kantenform.

256

Kanten Kante bei mehreren Objekten erstellen


Eine Kante fr Objektgruppen oder fr mehrere einzelne Objekte zu erstellen fhrt zu unterschiedlichen Ergebnissen: Sind die Objekte gruppiert, werden die sich berschneidenden Kanten miteinander verschmolzen. Die Kantenfarbe ist dieselbe wie die des hintersten Objekts in der Gruppe. Befinden sich die Objekte nicht in einer Gruppe, bekommt jedes Objekt seine eigene Kante. Die Kantenfarbe ist dann gleich der jeweiligen Objektfarbe.

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.

Lichtrichtungswinkel ndern (horizontal)


Der Kanteneffekt wird durch einen Lichtschimmer auf dem Objekt und eine Hervorhebung der Objektform (Typus der Kante) erzeugt. Sie knnen die Richtung (Lichtrichtungswinkel) und die Hhe (Lichteinfallswinkel) der Lichtquelle sowie seine Strke (Kontrast) genauer bestimmen. So ndern Sie den Lichtrichtungswinkel (d. h. die horizontale Ausrichtung der Lichtquelle auf der X/Y-Achse):

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.

Lichtstrke ndern (Kontrast)


So ndern Sie die Strke der Lichtquelle:

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.

Lichteinfallswinkel ndern (vertikal)


Mit dem Schieberegler fr den Lichteinfallswinkel kann das Licht auf der vertikalen Z-Achse von direkt ber dem Objekt (90) bis hin zu direkt neben dem Objekt (0) positioniert werden.

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.).

Farbgebung von Kanten oder Flleffekten ndern


Bei einem Objekt mit einer Kante kann deren Farbe oder Flleffekt angepasst werden. Jeder Effekt aus MAGIX Web Designer 7 Premium einschlielich mehrfarbiger Fllungen kann verwendet werden. So wird die Farbe einer Kante gendert: Am einfachsten ziehen Sie eine Farbe per Drag & Drop aus der Farbleiste auf die Kante. Achten Sie darauf, dass Sie die Farbe direkt auf die Kante und nicht auf das Objekt ziehen. Ein anderer, etwas komplizierterer Weg, der aber mehr Kontrolle ber das Ergebnis bietet:

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.

Whlen Sie KEINE aus der Liste der KANTENTYPEN.

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)

Terminologie Masken oder Deckkraft-Masken


Maske meint in MAGIX Web Designer 7 Premium, dass ein Teil eines Fotos oder einer Zeichnung fr eine nachfolgende Operation kurzzeitig markiert wird. Dies wurde in diesem Kapitel beschrieben. Die Funktion Deckkraft-Maske sollte nicht mit den hier beschriebenen Masken verwechselt werden. Deckkraft-Masken wenden Transparenzen an und werden deshalb im Kapitel Transparenzen beschrieben.

Aussehen von Masken


Sie sehen die Maske als rosafarbene, halbdurchsichtige Ebene. Mithilfe von Formen, die Sie auf die Maske zeichnen, kennzeichnen Sie Bereiche abhngig von der ausgefhrten Operation, Bereiche, die bearbeitet werden sollen, oder Bereiche, die geschtzt werden. Mit jedem der Zeichen-Werkzeuge kann auf der Maske gearbeitet werden. So zeichnen Sie schnell mit dem Freihand-Werkzeug um einen Teil eines Fotos. Masken in MAGIX Web Designer 7 Premium sind Vektor-Formen - man kann also alle Vektor-Bearbeitungs-Werkzeuge, wie das FORMEDITOR -Werkzeug, zur Bearbeitung der Form verwenden. Eine Maske ist wie ein rosafarbener Film, der auf Ihre Zeichnung oder Ihr Foto gelegt wurde. Sie knnen bestimmte Bereiche schtzen, indem Sie Lcher oder Formen in die Maske schneiden. Die Maske wird nicht von allen Operationen verwendet. Wenn Sie eine Farbfllung oder Transparenz auf eine Form anwenden, wird die gesamte Form, unabhngig von Masken, damit belegt. Mithilfe von Masken knnen Sie aber schnell einen Teil einer Form ausschneiden und dort z. B. eine Fllung anwenden.

Masken Maske erzeugen


Whlen Sie zunchst die Objekte, auf die die Masken-Operation angewendet werden soll. Klicken Sie dann auf die Masken-Modus-Schaltflche unter der Werkzeugleiste auf der linken Seite von MAGIX Web Designer 7 Premium. Oder whlen Sie FENSTER -> MASKEN-MODUS AN. Der Zeichenbereich wird dann mit einer halbtransparenten rosafarbenen Maske belegt, damit Sie schnell erkennen, wann der Masken-Modus eingeschaltet ist. Alle nicht ausgewhlten Objekte werden verborgen so sehen Sie schnell, welche Objekte von der Maske betroffen sind. Am hufigsten werden Masken bei Fotos angewendet. Wenn Sie also eine Maske fr ein Foto verwenden, so sehen Sie im Masken-Modus nur das Foto und die Masken-Formen. Zeichnen Sie nun im Masken-Modus mithilfe der Zeichen-Werkzeuge die Masken-Formen, die Sie bentigen. Mit dem Freihand-Werkzeug sollten Sie eine geschlossene Form erstellen, Start- und Endpunkt sollten also gleich sein. Masken-Formen sind Lcher im Masken-Hintergrund und haben einen Umriss, der marschierenden Ameisen hnelt. Sie knnen ber FENSTER -> MASKE INVERTIEREN die Maske invertieren. Dann wird das Innere der Form in rosa angezeigt. Wichtig: Der rosafarbene Bereich ist geschtzt. Die nicht berdeckten Teile der Zeichnung werden von den oben genannten Masken-Funktionen berhrt. Wenn Sie erneut auf die Masken-Schaltflche klicken, wird die Masken-Ebene wieder verborgen - Sie knnen nun normal an Ihrem Dokument weiterarbeiten. Die Masken-Ebene wird, wie gesagt, nur verborgen, Objekte auf dieser Ebene werden nicht gelscht. Sie knnen Sie also durch erneutes Klicken auf die Masken-Schaltflche wieder einschalten. Es ist eigentlich immer ratsam, vor Einschalten des Masken-Modus die zu bearbeitenden Objekte auszuwhlen, damit Sie immer sehen, welche Objekte von Ihren Aktionen betroffen sind. Einige Operationen werden, falls Sie keine Objekte ausgewhlt haben, raten, welches Objekt mit der Maske verwendet werde sollte. Zeichnen Sie also z. B. ber einem Foto eine Maskenform und verwenden dann das Foto-Optimierungs-Werkzeug, dann wird dieses annehmen, dass diese Operation dem Foto gilt.

261

Mit Masken-Formen arbeiten


Sobald Sie eine Form auf der Maske zeichnen, wird diese ausgewhlt und verhlt sich wie jede andere Linie oder Form. Wenn Sie eine weitere Form zeichnen, wird diese einfach der Maske hinzugefgt. Sie sehen in der Statusleiste, ob sich ein ausgewhltes Objekt auf der Masken-Ebene befindet.

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.

Bearbeitungen, die die Maske verwenden


In diesem Abschnitt werden einige Operationen, die mit Masken funktionieren, vorgestellt und fr andere Operationen auf andere Bereiche der Hilfe verwiesen.

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.

Formen auf die Masken-Ebene kopieren


Vielleicht mchten Sie Ihre Masken-Form nicht im Masken-Modus zeichnen oder eine bereits existierende Form auf der Masken-Ebene verwenden. Dies funktioniert so: Whlen Sie bei ausgeschaltetem Masken-Modus die Form aus und kopieren Sie diese. Wechseln Sie nun in den Masken-Modus und fgen Sie sie ein. Durch An Position einfgen erscheint die Form an der Stelle, von der Sie kopiert wurde. Um Formen von der Masken-Ebene auf eine andere zu kopieren, machen Sie das Umgekehrte. Whlen Sie die Formen im Masken-Modus, schalten Sie dieses aus und fgen Sie sie wieder ein.

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.

Link auf Anker


Hiermit springt der Besucher Ihrer Website zu einem bestimmten Punkt auf einer Seite. Um einen Anker zu definieren, mssen Sie zunchst zu dem Objekt gehen, auf das Sie verweisen mchten. Whlen Sie das Objekt und geben Sie ihm per Rechtsklick mit der NAMEN -Option einen Namen. Anschlieend whlen Sie das Objekt, das auf Ihren Anker verlinken soll und whlen aus der Liste bei Link auf Anker den Namen des Zielobjektes aus. Wenn sich das Zielobjekt weit unten auf einer Seite befindet, scrollt Ihr Browser automatisch die Seite herunter, so dass das Ankerobjekt sichtbar ist.
HINWEIS:

Sie knnen fr einen Link auf einen Ankerpunkt keine berblendung whlen.

Link auf Datei


Manchmal mchten Sie Ihren Seiten-Besuchern ein Dokument, Film oder andere Datei zum Download anbieten, z.B. eine PDF-Datei. Whlen Sie auf der Seite das Objekt oder den Text aus, welchen Sie verlinken wollen. Dann whlen Sie die Option Link auf Datei und benutzen DURCHSUCHEN , um die Datei auf der Festplatte zu finden. Der Dateiname wird im Textfeld links neben der Durchsuchen-Schaltflche angezeigt. Klicken Sie OK und der Link ist zugewiesen. Auerdem kopiert MAGIX Web Designer 7 Premium die Datei in das Hilfsverzeichnis Ihres Designs. Dieses Verzeichnis wird neben Ihrer .web oder .xar-Datei angelegt. Wenn das Dokument mysite.web heit, heit das Hilfsverzeichnis dementsprechend mysite_web_files. Alle Dateien im Hilfsverzeichnis werden zusammen mit Ihrer Website verffentlicht, also auch die verlinkte Datei, damit der hinzugefgte Link funktioniert. Lesen Sie das Kapitel Arbeiten mit Dokumenten (auf Seite 92) fr weitere Informationen zum Thema Hilfsordner. Hinweis: Im Hilfsverzeichnis liegt eine zustzliche Kopie Ihrer Datei, Sie mssen also diese Kopie aktualisieren, falls Sie die Ausgangsdatei ndern. Oder Sie verlinken noch einmal neu auf die genderte Datei. Achten Sie auch darauf, dass Sie immer das Hilfsverzeichnis mitnehmen, wenn Sie das Design auf einen anderen Computer kopieren oder jemandem geben, es ist jetzt ein wichtiger Bestandteil der Website.

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

GLEICHES FENSTER (_TOP) :

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

Whlen Sie den Animationseffekt aus der Dropdown-Liste.

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

Linkfarben der Website


Hier stellen Sie ein, wie Textlinks auf der Seite aussehen sollen.
TEXTLINKS UNTERSTREICHEN :

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.

Getrennt, vertikales/ horizontales Hereingleiten

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.

Popup-Optionen Die folgenden Optionen beeinflussen die Erscheinungsform der Popup-Fotos.


SEITE ABDUNKELN, WHREND POPUP GEFFNET IST :

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 :

Schalten Sie das ein, um Galerie-Steuerelemente

fr Ihre Popup-Fotos einzublenden.

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).

Durch Flash ersetzen


Durch diese Option wird Ihr Objekt durch eine Flash-Animation ausgetauscht. Mit der Schaltflche suchen Sie die Flash-Datei (.swf) auf ihrem Dateisystem. 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.

Mit Grafik ersetzen


Hiermit knnen Sie Ihren Platzhalter durch eine Grafik oder ein Bild ersetzen lassen (z. B. eine PNG, GIF oder andere Bilddatei). Suchen Sie die Datei mit der Schaltflche DURCHSUCHEN auf.

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

Mit HTML-Code ersetzen


Mit dieser Option knnen Sie HTML-Code, den Sie von woanders her haben, in die Headund Body-Abschnitte Ihrer Seite, d. h. zwischen die <body></body>- oder <head></head>-Tags einfgen. Zum Beispiel gibt es viele Widgets, die Sie auf Ihrer Seite einbauen knnen, indem Sie einige Zeilen HTML-Code hinzufgen. Folgen Sie den Anweisungen der entsprechenden Website. Wie oben erwhnt, knnen Sie aber Ihren HTML-Code auch direkt auf der Seite einfgen, anstatt in diesem Dialog. Auf diese Weise erhalten Sie auch sofort ihr Platzhalterbild, welches genau wie das richtige Widget aussieht, weshalb dies die empfohlene Methode ist, Widget-HTML-Code einzufgen. Achtung: Sie mssen aufpassen, dass Sie nur Code einfgen, der aus einer vertrauenswrdigen Quelle stammt. Ungltiger oder fehlerhafter Code hat auch Auswirkungen auf Ihre Seite, da MAGIX Web Designer 7 Premium diesen genau so einbaut und nicht weiter berprft, wenn Sie Ihre Website exportieren. Wenn Sie Xara Module (www.xaraonline.com) nutzen, knnen Sie einen Modul-Codeabschnitt in dieses Feld eintragen, das Sie dann auf Ihrer Website verwenden. Wenn der HTML-Code externe Dateien referenziert, die auf Ihrer Website erwartet werden, mssen Sie diese Dateien in den Hilfsordner Ihres Designs kopieren. Lesen Sie das Kapitel Arbeiten mit Dokumenten (auf Seite 80) fr weitere Informationen zum Thema Hilfsordner. Sobald die Datei sich im Hilfsordner Ihrer Seite befindet, wird Sie automatisch in den _htm_dateien-Ordner der exportierten Website kopiert. Sie mssen also sicherstellen, dass alle Verweise im HTML-Code auf den richtigen Ort verweisen. Ein Beispiel zur Erluterung. Angenommen, man will HTML-Code eintragen, der ein Bild auf der Seite hinzufgt. Der von mir hinzugefgte HTML-Code muss an irgend einer Stelle auf die Bilddatei verweisen. Zuerst kopiere ich die Bilddatei, sagen wir, mylogo.gif, in das Hilfsverzeichnis meines Dokuments. Wenn das Dokument mysite.web heit, heit das Hilfsverzeichnis dementsprechend mysite_web_files. Die Website wird dann als MeineSite.htm exportiert. Das heit also, dass beim Export alle Bilder, die fr die Website generiert werden und eine Kopie der Datei MeinLogo.gif, die sich im Hilfsordner befindet, in den Ordner MeineSite_htm_dateien auf dem Server kopiert werden. Deshalb muss der eingefgte HTML-Code auf das Bild an diesem Ort verweisen. Ich fge also z. B. ein: <img src="MeineSite_htm_dateien/MeinLogo.gif" /> Wichtig: Es wird auf die Bilddatei im exportierten Bildordner (_htm_dateien) und NICHT auf die im Hilfsordner (_web_dateien) verwiesen wird, da nur der exportierte Bildordner zusammen mit der Website kopiert wird, wenn die Website verffentlicht wird.

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.

Dem Seitenkopf Code hinzufgen


Mancher Code muss in den Kopf-Abschnitt (<HEAD> Tag) des exportierten HTML Codes eingefgt werden anstatt in den Rumpf (<BODY>-Tag), wie es voreingestellt passiert. Dazu klicken Sie die Schaltflche HTML Code (head) im Reiter Platzhalter, Website oder Seite im Web-Einstellungen-Dialog und fgen Sie den HTML Code in den Dialog ein.

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.

Diese Angaben mit aktuellem Dokument speichern


Die eingegebenen FTP-Verbindungsdaten sind nur in Verbindung mit dem gerade offenen Dokument gltig. Wechseln Sie zu einem anderen Dokument, leert sich dieses Feld, wenn Sie nicht fr das andere Dokument auch schon Daten angegeben hatten. Voreingestellt werden die Verbindungsdaten NICHT mit dem Dokument gespeichert. Das heit, jedes Mal, wenn Sie ein Dokument laden und es verffentlichen wollen, mssen Sie entweder die Verbindungsdaten eingeben oder Sie whlen eins der Profile oben aus der Liste. Whlen Sie diese Option, wenn Sie die FTP-Vernindungsdaten zusammen mit dem Dokument speichern wollen. Dadurch werden beim Laden des Dokuments die Verbindungsdaten eingetragen und Sie knnen sofort verffentlichen.

Passwort im Dokument speichern


Wenn Sie entschieden haben, die FTP-Verbindungsdaten im Dokument zu speichern, wird diese Option neben dem Passwort-Feld verfgbar. Dort wird festgelegt, ob das FTP-Passwort zusammen mit den FTP-Verbindungsdaten im Dokument gespeichert wird. Wenn Sie dies tun, knnen Sie die Website neu verffentlichen, ohne jedes Mal das Passwort eingeben zu mssen.

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.

Ein Profil lschen


Um ein Profil zu lschen, whlen Sie es in der Profil-Liste oben aus und klicken Lschen. Standard-Profile lassen sich nicht lschen.

Laden eines Dokuments mit FTP-Verbindungsdaten


Wenn Sie ein Profil laden, dass FTP-Verbindungsdaten enthlt, werden diese im Reiter VERFFENTLICHEN eingetragen. Entsprechen diese Daten genau einem der bereits gespeicherten Profile, wird dieses Profil in der Profil-Liste ausgewhlt. Andernfalls wird in der Profil-Liste BENUTZERDEFINIERT angezeigt, um deutlich zu machen, das die Daten keinem gespeicherten Profil entsprechen. Wenn die im Dokument gespeicherten FTP-Daten kein Passwort enthalten, die restlichen Daten aber trotzdem einem Profil entsprechen, wird dieses Profil auch als ausgewhlt dargestellt. Wenn dieses Profil wiederum ein Passwort enthlt, wird es in die FTP-Verbindungsdaten bernommen. Dadurch knnen Sie die Website neu verffentlichen, ohne jedes Mal das Passwort eingeben zu mssen. Es erscheint dann so, als ob das Passwort im Dokument gespeichert wre. Dies ist aber nicht der Fall, es sei denn, sie hatten PASSWORT IM DOKUMENT SPEICHERN aktiviert.

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.

Nur genderte Dateien erneut verffentlichen


Voreingestellt berwacht MAGIX Web Designer 7 Premium die Dateien, die Ihre verffentlichte Website ausmachen, wenn Sie Ihre Website erneut verffentlichen, nachdem Sie nderungen daran vorgenommen haben, versucht es nur die Dateien zu bertragen, die sich gendert haben. Dies beschleunigt meist die Wieder-Verffentlichung. Jedoch kann MAGIX Web Designer 7 Premium nicht wissen, ob Sie mit anderen Werkzeugen Dateien gendert oder gelscht hatten. Wenn Sie daher feststellen, dass Ihre verffentlichte Site nicht in allen Details der lokal exportierten Kopie entspricht, sollten Sie noch einmal die gesamte Site wieder verffentlichen. Dazu deaktivieren Sie die Option NUR GENDERTE DATEIEN ERNEUT VERFFENTLICHEN unten im Reiter Verffentlichen. Dadurch wird beim nchsten Verffentlichen die gesamte Site mit allen Dateien bertragen, um sicher zu stellen, dass die Site aktuell ist.

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

Einzelne oder mehrere Dateien lschen

292

Arbeiten mit Fotos

Arbeiten mit Fotos


Fotos sind wichtiger Bestandteil kreativer Arbeit und finden Verwendung auf Webseiten, Flyern, Broschren, DTP sowie in sonstigen Projekten. In MAGIX Web Designer 7 Premium knnen Sie Fotos nach Belieben zuschneiden, kopieren, berblenden, maskieren oder mit Randunschrfe versehen. Diese Art der Fotobearbeitung ist sowohl schneller als bei anderen Softwareprodukten (nach Benchmarks basierend auf Fotokompositionen, die aus mehreren hochauflsenden JPG-Digitalfotos zusammengestellt wurden), als auch sehr viel kleinere Dateien entstehen (etwa 10 bis 100-fach kleiner als die Dateiformate anderer Fotobearbeitungsprodukte). Dieses Kapitel beschreibt die Grundstze der Bearbeitung von Fotos und Bitmaps in MAGIX Web Designer 7 Premium. Das Arbeiten mit dem FOTO-WERKZEUG wird im Kapitel Foto-Werkzeug beschrieben.

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

Arbeiten mit Fotos


oder leicht Formen aus einem Foto ausschneiden. Mit der Transparenz-Funktion knnen Sie auch Fotokollagen erstellen.

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

Arbeiten mit Fotos Fotos importieren


MAGIX Web Designer 7 Premium untersttzt viele Foto- und Bitmap-Typen, einschl. JPEG, PNG, TIFF und RAW Digitalkamera-Fotos sowie viele andere Formate. Bitmap ist eine allgemeine Bezeichnung, die auf alle Dateitypen zutrifft, der Begriff ist jedoch durch das Wort Foto ersetzbar.

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.

Arbeiten mit Fotos


Wenn Sie ein anderes Foto per Drag & Drop auf ein bestehendes Foto ziehen, wird es ersetzt. Legen Sie es auf dem Hintergrund ab, wird es als neues Foto eingefgt.

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.

Mehrere Fotos auf einmal ersetzen


Die meisten Vorlagen aus der DESIGN-GALERIE gestatten es Ihnen, mehrere Bilder auf einmal zu ersetzen, indem Sie mehrere Bilder aus dem Explorer auf die Seite ziehen. Oder Sie benutzen DATEI -> IMPORTIEREN und whlen mehrere Dateien im Dateiauswahl-Dialog aus (klicken Sie bei gehaltener Strg-Taste auf die Dateien um mehrere oder bei gehaltener Umschalt-Taste um eine Reihe von Dateien auszuwhlen.) Die neuen Fotos ersetzen die Fotos im Dokument. Wie bei einzelnen Fotos fragt Sie MAGIX Web Designer 7 Premium, ob Sie eine grenreduzierte Version Ihrer Fotos importieren mchten, wenn Sie groe Fotos importieren. Die Ersetzung erfolgt von links nach rechts und von oben nach unten (normale Leserichtung). Falls Sie nicht genug Fotos ausgewhlt hatten, um alle Fotos zu ersetzen, knnen Sie auf die selbe Art weitere Fotos importieren. Die Ersetzung wird dann beim ersten noch nicht ersetzten Foto fortgesetzt. Damit knne Sie schnell Ihr gesamtes Design mit Fotos fllen. Falls Sie mehr Fotos importieren, als auf die aktuelle Seite passen, werden alle ersetzbaren Fotos auf den folgenden Seiten mit den restlichen neuen Fotos ersetzt. Bleiben dann noch Fotos brig, wird die aktuelle Seite so oft verdoppelt, wie ntig ist, um die restlichen Fotos aufzunehmen. Das bedeutet, Sie knnen extrem schnell eine Foto-Falerie-Website fr eine groe Anzahl Fotos bauen! Whlen Sie nur eine Galerie-Vorlage aus der Design-Galerie und importieren Sie eine Menge Fotodateien. Die Seite wird so oft kopiert, wie ntig, um alle Fotos aufzunehmen. Passen Sie auf, das Sie die Option fr die Grenreduzierung whlen, wenn Sie eine groe Anzahl Fotos importieren!

296

Arbeiten mit Fotos


Fotos als Fllungen verwenden
Ein Bitmap kann fr eine gezeichnete Form auch als Fllungstyp verwendet werden. Ziehen Sie die Datei ber die Form (vom Explorer, der BITMAP - oder FLL-GALERIE ) und halten Sie die Umschalt-Taste beim Loslassen gedrckt. Hierdurch wird die vorhandene Farbfllung durch ein Bitmap ersetzt, das in das Objekt eingepasst wird. Sie knnen das FLL-WERKZEUG verwenden, um Gre, Position und Winkel des Fotos innerhalb der Begrenzung anzupassen.

Ausgangsgre des Fotos


JPEGs werden zunchst auf 500 Pixel Breite skaliert. Um das Bild zu verkleinern, ziehen Sie mit dem AUSWAHL -Werkzeug an den Objektanfassern oder geben Sie eine neue Breite in der Infoleiste ein.

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.

Arbeiten mit Fotos Foto-Auflsung


Ein grundstzlicher Unterschied zwischen MAGIX Web Designer 7 Premium und anderen Foto-Programmen ist die Tatsache, dass es die volle Auflsung beibehlt, wenn seine Gre verndert wird. Durch Skalieren eines Bildes werden nur die dpi bzw. ppi (Pixel pro Inch) verndert. Mit anderen Worten: Die Pixel gehen nicht verloren, sondern werden nur kleiner.

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).

Kopien ohne zustzlichen Speicherbedarf


Einer der bedeutendsten Unterschiede zwischen Web Designer Premium und anderen Grafikprogrammen besteht darin, dass, wenn Sie irgendein Foto auf der Seite duplizieren, nicht wirklich eine komplett neue Kopie des Original-Fotos angelegt wird. Stattdessen wird nur eine neue Ansicht des originalen Bildes angelegt. Web Designer Premiums Render-Engine ist schnell genug, eine beliebige Anzahl von solchen Kopien desselben

298

Arbeiten mit Fotos


Bildes in Echtzeit darzustellen. Dies spart gewaltige Mengen an Speicher und verringert die Dateigren drastisch Dies beeintrchtig nicht, was sie mit jeder einzelnen Kopie anstellen knnen, sie werden komplett unabhngig behandelt. Die Kopien mssen nicht identisch sein. Sie knnen jede wie gewnscht beeinflussen, sie drehen, skalieren, beschneiden, einfrben, mit Randunschrfe versehen oder eine Reihe von Foto- und Transparenz-Effekten anwenden. Alles ohne zustzlichen Dateigren- und Speicheraufwand.

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.

Arbeiten mit Fotos

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

Arbeiten mit Fotos


Formen mit einem Bitmap fllen
Whlen Sie auf der Seite die Form aus, whlen Sie dann das Bitmap in der Galerie aus und klicken Sie auf die FLLEN -Schaltflche. Alternativ knnen Sie auch das Bitmap aus der BITMAP-GALERIE ziehen und auf einer beliebigen Form fallen lassen, wobei Sie die Umschalt-Taste gedrckt halten. Gre, Winkel und anderes knnen Sie mit dem FLL-WERKZEUG einstellen.

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.

Bilder aus der Galerie lschen


Wenn Sie ein Bild von der Seite lschen, bleibt es dennoch in der Galerie. Alle unbenutzten Bilder werden aus der Datei entfernt, wenn Sie diese speichern und wieder laden. Sie knnen jedoch das Entfernen erzwingen, indem Sie ein Bitmap auswhlen und die ENTFERNEN- Schaltflche drcken. Wenn das Bitmap im Dokument verwendet wird, wird es durch das Standard-Xara-Bitmap ersetzt.

Bitmap als Seitenhintergrund einstellen


Whlen Sie ein Bitmap in der Galerie aus und klicken Sie die HINTERGRUND -Schaltflche. Das Bild wird im Hintergrund gekachelt dargestellt. Wird die Seite als HTML exportiert und angezeigt, wird das Bild ber den gesamten im Browser sichtbaren Hintergrund der Seite im Browser gekachelt dargestellt, es sei denn, Sie haben fr den Arbeitsbereich (dem Bereich um die Seite herum) ebenfalls eine andere Hintergrundfarbe 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:

Arbeiten mit Fotos



VERZGERUNG:

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

Arbeiten mit Fotos Verlustfrei oder Verlustbehaftet


Weil alle Operationen, die Web Designer Premium mit Ihren Fotos durchfhrt, auf dem Originalbild basieren, welches unverndert in der Datei eingebettet bleibt, geschehen alle diese Oprationen verlustfrei. Es gibt keine erneute Kompression von Bildern beim Speichern in .xar. Sie knnen natrlich jederzeit Ihr Bild als komprimierte JPEG-Datei in jeder gewnschten Gre und Auflsung speichern oder exportieren, in diesem Fall wird die Bildqualitt und der Detailreichtum destruktiv reduziert. Destruktiv bedeutet hier, dass sich von einem in niedrigerer Auflsung abgespeicherten JPEG die originalen Bilddaten in der entsprechenden Qualitt nicht mehr wiederherstellen lassen. MAGIX Web Designer 7 Premium ist ein nicht-destruktiver Fotoeditor, weil die originalen Fotodaten niemals verloren gehen.

Fotos zusammenfgen und mischen


Indem man Kopien von Fotos bereinander anordnet und mit Transparenz-Einstellungen und anderen Effekten belegt, lassen sich kreative Foto-Kompositionen durch Vermischung verschiedener Bilder erstellen. Ein einfaches Anwendungsbeispiel ist die Weichzeichnung:

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.

Arbeiten mit Fotos


Klicken und ziehen Sie mit der rechten Maustaste, um eine Kopie des Fotos zu erzeugen. Zum Weichzeichnen eines Fotos ziehen Sie am Weichzeichnen-Schieberegler des FOTO-WERKZEUGS . Ein Transparenz-Verlauf ist ganz einfach durch Klicken und Ziehen mit dem TRANSPARENZ-WERKZEUG hinzugefgt. Die Fotos zum Schluss bereinander zu positionieren dauert auch nur Sekunden. So bentigt die ganze Prozedur der Weichzeichnung nur wenige Mausklicks. Das grundstzliche Verfahren ist natrlich nicht auf das Weichzeichnen beschrnkt, Sie knnen Farbe, Helligkeit und Kontrast anpassen oder einen der vielen LIVE-EFFEKTE anwenden, um eine grenzenlose Vielfalt an interessanten und kreativen Ergebnissen zu erzielen.

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

UMRISS MIT BERBLENDUNGS SCHRITTEN UMRANDUNG

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

Arbeiten mit Fotos


Hinweis: Wenn Sie den Schrfen/Weichzeichnen-Effekt des Foto-Werkzeugs benutzen, mssen die Bilder in der maximalen Qualitt angezeigt werden. Wenn Sie also glauben, das die Einstellung der Darstellungsqualitt keine Auswirkung mehr hat, liegt das mit ziemlicher Sicherheit daran, dass Sie das Bild scharf- oder weichgezeichnet haben.

Fotos speichern und exportieren


Mit dem SPEICHERN -Befehl speichern Sie eine Web Designer Premium-eigene .web-Datei. Um ein Foto als JPEG, PNG oder in einem anderen Foto-Dateiformat zu speichern, mssen Sie den EXPORTIEREN-Befehl benutzen (Tastaturkrzel: Strg + Umschalt + E). Es gibt in der oberen Leiste zwei Schaltflchen zum Speichern der Auswahl als JPG oder PNG. Diese befinden sich in der Ausklapp-Leiste, die angezeigt wird, wenn Sie die Maus ber das HTML-Exportieren-Symbol bewegen. Fr Fotos empfehlen wir JPEG (manchmal auch als JPG bezeichnet), da es die grte Kompatibilitt bietet und das beste Verhltnis von Dateigre und Qualitt. Im Speichern-Dialog von JPEG und PNG finden Sie die Option EINSTELLUNGEN . Hier gibt es viele Exportoptionen und die Mglichkeit, verschiedene Einstellungen oder Dateiformate miteinander zu vergleichen. Beim Export als JPEG wird ein Exportvorschau-Dialog angezeigt, in dem Sie viele Exportoptionen einstellen sowie alternative Einstellungen einander gegenberstellen knnen. Sogar im Vergleich mit anderen Dateiformaten wie zum Beispiel PNG. Im Exportvorschau-Dialog knnen Sie die Gre, Auflsung, JPEG-Qualitt sowie auf Wunsch sogar drei alternative Dateiformate auswhlen. Die Standardeinstellungen liefern gute Ergebnisse fr alle normalen Einsatzgebiete, klicken Sie einfach auf die Export-Schaltflche und speichern Sie Ihr Foto. Denken Sie beim Export daran: Zuerst das Objekt oder die Objekte zum Export auswhlen. Die voreingestellte Exportgre des Bildes ist die Gre, mit der das Bild bei 100% Zoom-Einstellung (Originalgre) auf dem Bildschirm angezeigt wird. Der Exportvorschau-Dialog wird hier (auf Seite 435) detaillierter beschrieben. Tipp: Sie knnen die JPEG-Qualitt im Reiter Optionen einstellen. Der empfohlene und voreingestellte Wert fr Fotos ist 75%.

Arbeiten mit Fotos


Das JPEG-Verfahren ist so entworfen, dass ein Wert von 75 den Optimalwert darstellt. Wir empfehlen Ihnen nicht, Ihre Bilder mit einem Qualittswert von 100% zu speichern, da die Ergebnisse visuell nahezu identisch sind zu denen bei 75%, sich jedoch der Speicherbedarf drastisch erhht.

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.

Beispiel: Ein Foto verkleinern und als neues JPEG speichern


Der Vorgang ist sehr schnell und einfach: Ziehen Sie ein Foto in das MAGIX Web Designer 7 Premium-Fenster, entweder auf eine Leer Seite oder auf die Titelzeile, um ein neues Dokument zu erzeugen. Ziehen Sie entweder mit dem Auswahl-Werkzeug an einem der Anfasser an den Ecken, um die Gre des Bildes einzustellen, oder geben Sie die gewnschte Hhe oder Breite oben in der Infoleiste in die Felder des Auswahl-Werkzeugs ein. berprfen Sie bei 100% Zoomstufe, ob die Bildgre korrekt ist. Klicken Sie oben auf die Schaltflche Auswahl als JPG exportieren. Geben Sie einen Dateinamen ein, klicken Sie ggf. auf EINSTELLUNGEN um die Kompression einzustellen und whlen Sie anschlieend SPEICHERN . Um ein Bild als PNG zu exportieren, gehen Sie genauso vor, auer dass Sie als Dateiformat PNG auswhlen.

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

Arbeiten mit Fotos


entfernen oder neue hinzufgen knnen. Sie knnen jederzeit das unbearbeitete Original wiederherstellen, nach jeder Gren- oder Helligkeitsnderung, sogar nach dem Beschneiden. Attribute knnen von Objekten auf andere Objekte kopiert werden. Dies trifft nicht nur auf herkmmliche Attribute wie Linienfarbe oder -breite zu, sondern funktioniert auch mit dem FOTO -Werkzeug. Das bedeutet also, dass Sie Optimierungen, die Sie auf ein Foto angewendet haben, mit der Attribute kopieren/einfgen-Funktion auf alle anderen Fotos bertragen knnen. Dies betrifft auch alle anderen Attribute des Fotos, wie Linienbreite und -farbe, Foto-Einfrbung (Contone-Technik), Schatten usw.; alles kann mit dem gleichen Verfahren von einem zum anderen Foto bertragen werden.

Umrisse eines Fotos bearbeiten


Mithilfe des FORM-EDITOR -Werkzeugs knnen Sie den Umriss eines Fotos bearbeiten. Sie knnen auch Umrisse wie bei anderen Formen, Schatten usw. anwenden. Mit dem FORMEDITOR knnen Sie an den Seiten des Fotos ziehen oder schieben. Diesem Beispiel wurde auerdem eine schwarze Umrisslinie und ein weicher Schatten hinzugefgt. Um die ursprnglich rechteckige Ausgangsform wiederherzustellen, benutzen Sie die Beschneidung entfernenFunktion des Beschneiden-Modus in der Infoleiste des FOTO-WERKZEUGS . Wenn Fotos auf diese Weise bearbeitet werden, werden Sie wie eine normale Vektor-Form behandelt, die eine Bitmap-Fllung enthlt. Daher knnen Sie die normalen Linien- und Form-Bearbeitungsfunktionen nutzen und natrlich knnen Sie auch das FLL-WERKZEUG verwenden, um Gre, Winkel und Position der Foto-Fllung in der Form anzupassen.

Arbeiten mit Fotos Fotos beschneiden


Die einfachste Methode, ein Foto zu beschneiden, ist ber dem Foto ein Rechteck aufzuziehen, wenn Sie sich im Foto-Optimieren-Werkzeug befinden, Sie knnen auch die 8 Anfasser an der Auenkante rund um das ausgewhlte Foto verschieben.

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.

Fotos mit der Maske beschneiden


Wenn die Form eines Fotos nicht rechteckig sein soll oder Sie Teile aus einem Foto ausschneiden wollen, benutzen Sie eine Maske. Whlen Sie erst das Foto und schalten Sie den Masken-Modus ein. Schalten Sie die Maske ein, indem Sie auf das Symbol auf der oberen Werkzeugleiste klicken. Die Ansicht frbt sich rosa. Nun benutzen Sie die Zeichenwerkzeuge, um auf der Masken-Ebene zu zeichnen. Dann whlen Sie das Foto darunter aus oder heben Auswahl auf (ESC drcken). Wenn Sie jetzt Kopieren ausfhren (Strg+C), wird nur der unmaskierte Teil des Fotos in die Zwischenablage kopiert. Drcken Sie Entfernen, um den unmaskierten Teil zu lschen. Oder drcken Sie Strg+X, um ihn auszuschneiden. Sie knnen die Maske auch benutzen, um eine ClipAnsicht anzuwenden oder die Befehle im Men Anordnen > Formen kombinieren mit der Maske verwenden. Siehe das Kapitel Maske (auf Seite 259) fr mehr Information ber die Verwendung von Masken.

308

Arbeiten mit Fotos Objekte aus Fotos ausschneiden

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.

Arbeiten mit Fotos Bildschirmaufnahme-Funktion


Dieses Werkzeug bietet gegenber der oben genannten Methode einige Vorteile, unter anderem die Mglichkeit, den Mauszeiger im Bild mit zu erfassen. Sie ffnen es mit dem Menbefehl EXTRAS > BILDSCHIRM-AUFNAHME .

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

Arbeiten mit Fotos


Sie knnen fast jede Tastenkombination bestimmen (Strg, Umschalt, Alt + Taste) um die Aufnahme auszulsen. Klicken Sie einfach in das Tastaturkrzel-Feld und drcken Sie die gewnschte Tastenkombination, z. B. Strg+Q. Die gewhlte Kombination wird angezeigt. Ergeben sich Konflikte mit einem bereits definierten MAGIX Web Designer 7 Premium-Tastaturkrzel, wird ein Hinweis am unteren Rand des Dialogs angezeigt. Das spielt aber keine Rolle, wenn ein anderes Fenster aktiv ist, wenn die Aufnahme durchgefhrt wird. MitWIEDERHERSTELLEN kann die letzte eingestellte Tastenkombination zurckgeholt werden. Sie knnen auch statt eines Tastaturkrzels die ZEIT -Option verwenden. Diese hilft, wenn Tastatureingaben das gewnschte Bild verndern wrden, wie beispielsweise Tooltips, die beim Drcken von Tasten verschwinden. Whlen Sie Zeit und geben Sie eine Verzgerung (in Sekunden) ein. Nach dieser Verzgerung wird die Bildschirmaufnahme automatisch erstellt. Die Zeit luft herunter, sobald Sie auf START klicken. Mit Klick auf die START -Schaltflche wird der Bildschirmaufnahme-Dialog geschlossen und das systemweite Tastaturkrzel aktiviert. Wechseln Sie in das Fenster, das Sie aufnehmen mchten und drcken Sie die Tastenkombination, bzw. warten Sie darauf, dass die eingegebene Verzgerung abluft. Der Screenshot wird aufgenommen und in MAGIX Web Designer 7 Premium bernommen oder in eine Datei gespeichert. Wenn Sie die Option Immer aufnehmen gewhlt hatten, knnen Sie jetzt weitere Aufnahmen erstellen, indem Sie die Tastenkombination erneut drcken (nicht verfgbar bei Timer-Aufnahme). Um das Hilfsprogramm zu deaktivieren, schlieen Sie entweder MAGIX Web Designer 7 Premium und beenden so die Sitzung. Oder kehren Sie zum Screenshot-Dialog zurck, ndern Sie die Option in Nur einmal und erzeugen Sie noch einen weiteren Screenshot. Screenshots lassen sich schnell und einfach mit der eingebauten Bildschirmaufnahme-Funktion erstellen. Drcken Sie die Taste DRUCK auf Ihrer Tastatur. Dadurch wird ein Abbild des gesamten Bildschirms in der Zwischenablage gespeichert. Alternativ knnen Sie auch Alt + Druck benutzen, dadurch wird nur das aktive Fenster gespeichert. In < Programmname> whlen Sie dann Strg + V und "BITMAP" im Dialog "Spezielles Einfgen", um das Ergebnis auf der Seite einzufgen. Sie knnen nun wie gewnscht das Bild beschneiden, Beschreibungen hinzufgen, die Gre ndern und das Ergebnis abspeichern. Diese Art Bild wird am besten als PNG abgespeichert.

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.

Arbeiten mit Fotos


Beim Klicken auf die FARBLEISTE knnen Sie jede Farbe als helle oder dunkle Contone-Farbe auswhlen. Sie knnen aber auch den FARBEDITOR (Strg + E) aufrufen und eine Farbe auswhlen. Mit dem Dropdown-Men oben im Farbeditor stellen Sie ein, ob Sie die helle oder dunkle Farbe bearbeiten mchten.

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.

Externe Foto-Editoren einbinden


Obwohl MAGIX Web Designer 7 Premium eine groe Anzahl an Fotobearbeitungs- und Kombinations-Funktionen bietet, ist es doch kein pixelorientiertes Bildbearbeitungsprogramm und eventuell mchten Sie dafr ein separates Programm verwenden. MAGIX Web Designer 7 Premium macht die Einbindung solcher Programme leicht. Sie knnen jedes externe Programm einstellen, so dass es gestartet wird, wenn Sie ein Foto doppelklicken; nach dem Bearbeiten wird dieses Foto automatisch zurck in MAGIX Web Designer 7 Premium bertragen. Whlen Sie den Reiter EFFEKTE & PLUGINS im OPTIONEN-Dialog. Dort gibt es einen Bereich, in dem Sie einstellen knnen, welcher externe Foto-Editor gestartet wird, wenn Sie ein Bild doppelklicken.

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

Arbeiten mit Fotos


MAGIX Xtreme Photo Designer 7 stellt eine grere Anzahl an Pixel-Bearbeitungsfunktionen bereit und ist Bestandteil der MAGIX Web Designer 7 Premium Installation. Alternativ knnen Sie auch die Option BITMAP MIT DIESEM PROGRAMM BEARBEITEN auswhlen und ein beliebiges anderes Programm auswhlen, welches dann per Doppelklick auf ein Bild gestartet wird. Dazu mssen Sie eventuell erst Ihren Programme-Ordner auf Ihrer Festplatte ffnen und die ausfhrbare Programmdatei (.exe) auswhlen. Wichtig ist zu erwhnen, dass Bilder zu und von externen Editoren als unkomprimierte Bilder bertragen werden, um fortwhrendes Komprimieren und Dekomprimieren zu vermeiden. Deshalb wird sich bei externer Bearbeitung die .xar Datei vergrern. Wenn Sie ein Foto in einem externen Programm bearbeiten, knnen Sie mit MAGIX Web Designer 7 Premium ganz normal weiterarbeiten. Jedes Mal, wenn Sie im Foto-Editor das Bild speichern (oder das Programm mit SPEICHERN beenden), holt sich MAGIX Web Designer 7 Premium automatisch die genderte Version ab und ersetzt das Ausgangsbild durch diese. Das bedeutet, Sie knnen das Foto im externen Programm fortwhrend bearbeiten und gleichzeitig immer berprfen, wie das Ergebnis der Bearbeitung im Kontext des Web Designer Premium-Dokuments aussieht, indem Sie es speichern (einfach Strg + S drcken bzw. das entsprechende Tastaturkrzel in der Bildbearbeitungssoftware). Hinweis: MAGIX Web Designer 7 Premium bertrgt immer das originale, unbeschnittene Foto an den externen Editor. Mit dem FOTO-WERKZEUG verbesserte Bilder (z. B. Helligkeit angepasst), beschnittene Bilder oder Bilder mit angewandten Live-Effekten werden diese nderungen nicht aufweisen, wenn sie extern bearbeitet werden. Nachdem die Bilder zurck bertragen wurden, werden diese Foto-Attribute wieder auf das bearbeitete Bild angewendet. Aus diesem Grund wird nicht empfohlen, innerhalb des externen Programms die Bildgre zu verndern oder das Bild zu beschneiden. Natrlich knnen Sie alle externen Bearbeitungen ber die normale Web Designer Premium Rckgngig-Funktion wieder rckgngig machen (es wird immer ein Vorher-Zustand abgespeichert). Jedoch gehen nach dem Speichern und nachfolgendem ffnen alle Wiederherstellungs-Informationen verloren. BIlder auf diese Weise zu bearbeiten nennt man auch Destruktives Bearbeiten. Das bedeutet, dass das Bild dauerhaft verndert wird und das Original nicht wiederhergestellt werden kann, wenn die Datei einmal gespeichert und geschlossen wurde.

Position, Gre und Drehung eines Fotos in seinem Rahmen anpassen


Fotos in MAGIX Web Designer 7 Premium werden wie Rechtecke mit Bitmap-Fllung behandelt. Die Form des Fotos ist eine frei bearbeitbare Umriss-Form, in deren Inneren das Foto enthalten ist. So ist beim Beschneiden oder anderweitigem Bearbeiten der Umriss-Form die Fllung nicht betroffen, diese wird nur durch die Form beschnitten.

Arbeiten mit Fotos


Fotos oder Bitmaps auf der Zeichnung liegen immer innerhalb einer Umriss-Form. Sie knnen nicht nur deren Form ndern, sondern auch Gre, Winkel und Position des Fotos innerhalb dieses Rahmen anpassen, indem Sie das FLL-WERKZEUG benutzen. Whlen Sie das Foto aus, aktivieren Sie das FLL-WERKZEUG und Sie sehen zwei Fll-Pfeile im rechten Winkel von der Mitte des Fotos aus.

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

Arbeiten mit Fotos Horizont begradigen


Wenn Sie das FLL-WERKZEUG wie oben beschrieben anwenden, ist es auch einfach, den Horizont von schiefen Bildern zu begradigen. Whlen Sie das FLL-WERKZEUG aus und klicken Sie auf ein Foto. Dadurch werden die Fll-Anfasser angezeigt, die die Ausdehnung der Fllung in der Form anzeigen. Ziehen Sie an einem der Fll-Pfeile, um die Gre und Drehung wie gewnscht anzupassen. Nachfolgend wird eine Landschaft abgebildet, die mit dem PANORAMA-WERKZEUG erzeugt wurde und die einen geneigten Horizont hat.

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.

Ein skaliertes Foto in seiner vollen Gre anzeigen


Mit der Schaltflche ZOOM AUF 1:1 auf der Infoleiste der Foto-Werkzeuge zeigen Sie das Bild in voller Gre an. Es wird also jeder Pixel des Bildes auf einem Pixel des Bildschirms dargestellt. Dies ist hilfreich, wenn Sie ein herunterskaliertes Foto bearbeiten wollen und es dabei in voller Gre sehen wollen.

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

Fotos und Bitmaps optimieren


Durch die stndig wachsende Auflsung und Dateigre von JPEG-Bildern aus Digitalkameras kann die Dateigre Ihrer Dokumente, wenn sie viele Bilder enthalten, schnell sehr gro werden. Zum Beispiel erzeugt ein mehrseitiges Dokument mit 20 hochaufgelsten JPEG-Bildern, jedes jeweils 5 MB, eine .xar Datei von ber 100MB. Diese Fotos haben jedoch oft eine unntig hohe Auflsung. Wenn Sie ein Foto einer Digitalkamera mit 8 Megapixeln auf 5 cm Breite verkleinern, ergibt sich auf der Seite eine effektive Auflsung von 1500 dpi. Obwohl sehr hoch aufgelste Bilder eine grere Flexibilitt im Ausdruck ermglichen (man kann hineinzoomen oder einzelne kleinere Bereiche vergrert darstellen), ist dies jedoch viel mehr als sogar fr die bestmgliche kommerzielle Druckqualitt erforderlich wre und noch weitaus mehr als fr Internetgrafiken. Wenn Sie ein Bild auf einen kleinen Teil beschneiden oder einen kleinen Teil aus einem Bild herausschneiden, knnen groe Teile des Bildes auerhalb des dargestellten Bereichs verborgen sein. Fr die Bildbearbeitung mag dieses flexible Beschneiden eine praktische Funktion sein, denn Sie knnen jederzeit die Gre oder Position des ausgeschnittenen Bereichs im Nachhinein ndern und alles bleibt immer so scharf wie mglich. Vielleicht mchten Sie aber in fertigen Dokumenten die unsichtbaren Bereiche doch lieber entfernen.

316

Arbeiten mit Fotos

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

Arbeiten mit Fotos


Wenn Sie diesen Befehl fr ein Bitmap-Objekt aufrufen, wird der FOTO OPTIMIEREN -Dialog angezeigt.

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

Arbeiten mit Fotos


Achtung: FOTO OPTIMIEREN ist ein destruktiver Befehl. Wenn Sie die Datei speichern, sind die entfernten Teile des Bildes endgltig verloren und die Auflsung dauerhaft gendert. Solange die Datei aber noch bearbeitet wird, knnen Sie die nderungen natrlich rckgngig machen. Sie knnen mehrere Fotos auf einmal optimieren, wenn diese alle die gleiche DPI bekommen sollen. Whlen Sie die zu optimierenden Fotos aus und fhren Sie OPTIMIEREN wie oben beschrieben aus. Wenn die Fotos unterschiedliche Abmessungen haben, ist die Option nach Pixelgre zu optimieren deaktiviert und Sie mssen die bentigte DPI festlegen. Sie knnen auch EXTRAS > ALLE JPEGS OPTIMIEREN auswhlen, um alle JPEG-Fotos in Ihrem Dialog auf einmal zu optimieren. Auch in diesem Fall erscheint zunchst der Optimieren-Dialog, in dem Sie die Auflsung in DPI festlegen knnen. Beachten Sie, dass sich die originalen, nicht optimierten und nicht mehr benutzten Fotos danach immer noch in der BITMAP-GALERIE befinden. Das heit, sie befinden sich immer noch im Speicher, und die Speicheranforderungen an Ihr Design sind erstmal dieselben. Um die originalen, groen Bilder endgltig los zu werden, speichern Sie Ihr Design und laden es dann neu.

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.

Arbeiten mit Fotos


Wenn Sie ein weiteres Foto auf ein bestehendes ziehen, wird es nicht wie bei Foto-Objekten sonst in seinem Rahmen ersetzt, sondern es wird nur zum Dokument hinzugefgt. Die Ansicht zoomt heraus, so dass Sie das gesamte Bild sehen. Bilder werden beim Import nicht wie in normalen Dokumenten auf 500 Pixel Breite skaliert. Stattdessen werden Sie 1:1 importiert, so dass bei 100% Zoom das Bild in Originalgre angezeigt wird. Die Pixel-Glttungs-Optionen werden angepasst. Die Darstellungsqualitt Sehr Hohe Qualitt wird eingestellt, da diese am besten fr die Darstellung verkleinerter oder ausgezoomter Fotos geeignet ist. Auerdem wird die Pixel-Glttung beim Hochskalieren ausgeschaltet, so dass bei hohen Zoomstufen einzelne Pixel sichtbar werden. Wenn Sie ein JPEG-Foto als Foto-Dokument ffnen, wird die Original JPEG-Datei beim Speichern berschrieben. Unter Foto-Dateien bearbeiten gibt es weitere Informationen. In jeder anderen Hinsicht verhalten sich Foto-Dokumente wie ganz normale MAGIX Web Designer 7 Premium-Dokumente. Alle Zeichen- und Text-Werkzeuge lassen sich wie gewohnt verwenden. Wenn Sie ein Foto-Dokument in einer vorgegebenen Gre erzeugen wollen, knnen Sie die Seitengre unter EXTRAS -> OPTIONEN im Reiter SEITE anpassen.

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

Arbeiten mit Fotos


Wenn Sie nun spter die bearbeitete JPEG-Datei wieder laden, um Sie weiter zu bearbeiten, schaut MAGIX Web Designer 7 Premium im Masters-Ordner nach, ob es fr diese Datei eine .xar-Datei gibt. Wenn ja, wird anstatt der JPEG-Datei diese .xar-Datei geladen und Sie knnen Ihre Bearbeitungen da fortsetzten, wo Sie zuletzt stehen geblieben waren. Beim nchsten Speichern wird die JPEG-Datei wieder berschrieben und die .xar-Datei im Masters-Ordner aktualisiert. Wenn Sie das originale Foto nicht berschreiben mchten, knnen Sie natrlich auch mit DATEI -> SPEICHERN ALS das Foto woanders hin speichern oder die Exportfunktion benutzen, um Ihr Foto in verschiedene andere Formate zu exportieren. Um das Originalfoto aus der .xar-/.web-Datei zu entnehmen, ffnen Sie die klicken rechts auf das Foto und whlen die Option SPEICHERN .

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

Vorteile des Foto-Werkzeugs


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, 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.

Verwenden des Foto-Werkzeugs


Um die FOTO-WERKZEUGE zu erreichen, bewegen Sie den Mauszeiger ber das Kamerasymbol auf der Haupt-Werkzeugleiste links. Es erscheint eine Ausklapp-Leiste mit allen verfgbaren Foto-Werkzeugen.

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.

Steuerelemente zum Drehen um 90

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.

Zoom auf 1:1


Whlen Sie ein Foto aus und klicken Sie auf die Schaltflche Zoom 1:1.

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.

Foto auf 100% skalieren


FOTO AUF 100% SKALIEREN skaliert das ausgewhlte Foto auf seine volle Gre. Auerdem wird das Foto am Pixelraster ausgerichtet.

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).

Vergleichen & Wiederherstellen des Originals


Mit der VERGLEICHEN -Schaltflche knnen Sie alle Bearbeitungen des VERBESSERN -Werkzeugs zurcksetzen und das Original-Foto anzeigen. Bei erneutem Bettigen der Schaltflche werden die vorherigen Werte wieder eingesetzt. Sie knnen damit schnell zwischen Original und Bearbeitung wechseln und die nderungen begutachten.

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.

Bilder beschneiden und freistellen


Ziehen Sie im FOTO-OPTIMIERUNGS-WERKZEUG einfach mit gehaltener Maustaste ber dem Foto ein Rechteck auf, um dieses zu beschneiden. Die Beschneidung wird sofort nach Loslassen der Maustaste durchgefhrt. Das beschnittene Foto hat Beschnitt-Anfasser. Mit diesen knnen Sie die Beschneidung anpassen.

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.

Foto-Werkzeug Bemerkungen zum Foto-Werkzeug


1. 2.
Sie knnen verschiedene Fotos durch Anklicken auswhlen, whrend Sie mit den FOTO-WERKZEUGEN arbeiten. Das geht auch mit Fotos innerhalb von Gruppen. Wenn Sie mit dem VERBESSERN-WERKZEUG klicken und ziehen, ziehen Sie auf dem angeklickten Foto einen Ausschnitt auf. Wenn Sie aber zuerst auf den Hintergrund geklickt haben, wird der Ausschnitt auf dem Foto aufgezogen, welches Sie als erstes beim Ziehen berhren. Wenn Sie BESCHNEIDUNG ENTFERNEN im BESCHNEIDUNGS-WERKZEUG whlen, wird die Auenlinie beschnittener Fotos wieder auf das komplette Foto zurckgesetzt, bei 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. Sie knnen alle Fotobearbeitungen rckgngig machen. Das Original-Foto wird nicht wie bei klassischen Foto- oder Pixel-Editoren direkt verndert. Sie knnen das Foto also so oft Sie wollen verndern und die .xar/.web-Datei beliebig oft speichern und laden. Sie werden keine Vernderung des Bildes oder der Dateigre feststellen. Das Foto-Werkzeug funktioniert auf Fotos und Formen mit Bitmap-Fllung identisch. ffnen Sie ein Foto mit MAGIX Web Designer 7 Premium (ber den Menpunkt DATEI ->FFNEN ), wird es als Foto-Dokument geffnet. Nach der Bearbeitung wird die Fotodatei beim Speichern mit DATEI ->SPEICHERN (Strg+S) berschrieben. In einen Ordner Masters neben dem bearbeiteten Foto wird eine .web/.xar-Datei gespeichert, die das originale Foto und alle Bearbeitungen enthlt. Lesen Sie das Kapitel Arbeiten mit Fotos (auf Seite 292) fr zustzliche 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

Foto-Werkzeug Inhaltsabhngige Foto-Skalierung


MAGIX Web Designer 7 Premium enthlt die Fhigkeit, Fotos unter Nutzung einer neuen Technologie zu skalieren, bei der die Proportionen der entscheidenden Bildelemente erhalten bleiben. Das menschliche Auge ist besonders aufmerksam gegenber nderungen des Grenverhltnisses von Alltagsgegenstnden, und die meisten Menschen erkennen, dass an Bildern irgend etwas nicht stimmt, auch wenn sie nur ein wenig gestreckt oder gestaucht wurden.

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.

Die Maske bearbeiten oder eine neue hinzufgen


Zu einem bereits skalierten Bild knnen Sie keine Maske mehr hinzufgen. Wenn Sie das tun wollen oder eine bestehende Maske verndern, haben Sie folgende Mglichkeiten:

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.

Alternatives inhaltsabhngiges Skalieren


Es gibt zwei Mglichkeiten, Fotos zu skalieren. Manchmal hilft das Ziehen an den Pfeilen nicht allein. Bei diesem Hochkantbild, das zu einem querformatigen Bild werden soll, funktioniert die inhaltsabhngige Skalierung zunchst nicht so richtig.

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.

Anmerkungen zur Inhaltsbasierten Skalierung


Sie knnen ein Foto maximal bis auf die Hlfte der ursprnglichen Hhe oder Breite stauchen. Wenn Sie ein Dokument mit einem Foto speichern, welches fr die inhaltsbasierte Skalierung vorbereitet wurde, wird diese Skalierungsinformation im Dokument gespeichert. Der Vorteil ist, dass Sie im Nachhinein die Skalierung bearbeiten knnen. Andererseits wird die Speicherdatei dadurch signifikant grer.

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).

Das resultierende einzelne Panoramabild mit nahtloser Integration.

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.

Upgrade auf Panorama Studio


Optional knnen Sie ein Upgrade auf die flexiblere und leistungsstrkere Version Panorama Studio erwerben. Diese bietet mehr Features und Kontrolle ber den Prozess des Zusammenfgens. User von Designer Pro erhalten dieses Programm als kostenloses Bundle auf der Produkt-CD. Wenn Panorama Studio bereits installiert ist, knnen Sie es bei Auswahl der Schaltflche "Panorama" anstelle der Standardversion verwenden.

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

3D-Extrusions-Werkzeug Form extrudieren


Zum Umwandeln einer 2D-Form in ein extrudiertes 3D-Objekt aktivieren Sie das EXTRUSIONS-WERKZEUG auf der Haupt-Werkzeugleiste. Klicken und ziehen Sie ihr Objekt, um es im 3D-Raum zu drehen. Ihre Extrusion hat anfangs eine Standard-Tiefe. Die Frontfarbe der 3D-Form wird durch die Fllfarbe der Originalform bestimmt, die Farbe der Extrusion (oder Seite) durch die Linienfarbe. Bewegen Sie ihren Mauszeiger um das 3D-Objekt, nachdem Sie eine Extrusion so erstellt haben. Der Mauszeiger ndert sich wie folgt um anzuzeigen, was durch Klicken und Ziehen an beliebiger Stelle passiert: Dies wird angezeigt, wenn der Mauszeiger sich ber der Vorder- oder Rckseite des Objekts befindet. Durch Klicken und Ziehen drehen Sie das Objekt im 3D-Raum. Durch zustzliches Halten der Alt-Taste knnen Sie eine Extrusion auch an den extrudierten Seiten mit der Maus drehen. Dies ist ntzlich, wenn nur die Seite sichtbar ist. Wie beim normalen Drehen kann die Drehung durch die Strg-Taste beschrnkt werden. Dies wird angezeigt, wenn der Mauszeiger sich ber der Extrusion (oder Seite) des Objekts befindet. Durch Klicken und Ziehen verndern Sie die Tiefe der Extrusion. Dies wird angezeigt, wenn sich der Mauszeiger ber der Extrusion befindet und die Strg-Taste gedrckt wird. Durch Klicken und Ziehen verndern Sie die Gre der Kante (siehe unten).

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.

Kantentyp & -gre


Der Kantentyp bestimmt das Profil der extrudierten Seite Ihrer 3D-Form sowie der Kanten und Ecken. Der Standardwert ist abgerundet, wodurch abgerundete Ecken eine flache Seite erhalten. Das Auswahlmen des Kanten-Typs umfasst eine groe Auswahl unterschiedlicher Kantentypen. Sie knnen die Gre der Kante mithilfe des Reglers neben dem Kantentyp anpassen. Rechts davon befindet sich ein Zahlenfeld, das die aktuelle Kantengre anzeigt. Den genauen Wert knnen Sie hier eingeben. Alternativ hierzu kann der Kantentyp durch Ziehen auf der Seite des 3D-Objekts bei gedrckt gehaltener Strg-Taste verndert werden (im EXTRUSIONS-WERKZEUG).

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.

Ecken auf Gehrung/Abgerundete Ecke


Sie knnen entweder KANTEN AUF GEHRUNG oder ABGERUNDETE KANTEN fr Ihr 3D-Objekt whlen. Gehrung resultiert in spitzen Kanten, whrend Rund abgerundete Kanten bewirkt.

Texturen und Fotos


Beim Extrudieren eines Fotos bleibt das Foto auf der Vorderseite Ihres 3D-Objekts. Daher knnen Sie 3D-Foto-Effekte durch einfaches Importieren und Extrudieren eines Fotos erstellen.

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.

3D-Extrusions-Werkzeug Schatten hinzufgen


Mit dem Schattenwerkzeug knnen 3D-Effekte durch Platzieren eines weichen Schattens hinter dem Objekt optimiert werden. Whlen Sie dazu das Schattenwerkzeug an und ziehen Sie am 3D-Objekt.

345

Im linken Beispiel wird ein Wandschatten verwendet, im rechten ein Bodenschatten.

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.

Navigationsleisten Dialog Eigenschaften der Navigationsleiste


Mit dem Dialog Eigenschaften der Navigationsleiste bearbeiten Sie Beschriftungen, Links und andere Eigenschaften der NavBar, fgen Schaltflchen hinzu oder entfernen diese. Ein Doppelklick auf eine Navigationsleiste ffnet den Dialog, oder klicken Sie rechts und whlen Navigationsleiste bearbeiten....

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.

Schaltflchenbreiten an Beschriftung anpassen


Schalten Sie diese Option an, wenn Ihre Schaltflchen dehnbar sein sollen, so dass sie entsprechend wachsen und schrumpfen, um sich an die aufgebrachten Beschriftung anzupassen. Ist diese Option aus, bleiben die Schaltflchen immer in der gleichen Gre, so dass eine Beschriftung, die zu lang fr die Schaltflche ist, ber die Kante herausragt.

Alle Schaltflchen gleich breit halten


Diese Option ist nur aktiv, wenn auch die obige Option Schaltflchenbreiten an Beschriftung anpassen aktiv ist. Whlen Sie diese Option, damit die Schaltflchen alle die Breite der breitesten Schaltflche der Leiste erhalten. Fr senkrechte NavBars ist das eigentlich immer angebracht, damit die Leiste als Ganzes rechteckig wird. Bei waagerechten Leisten sieht das oft hbscher aus, wenn alle Schaltflchen die gleiche Breite haben, es bentigt aber mehr Platz auf der Seite und es passen eventuell nicht so viele Schaltflchen nebeneinander, wie Sie bentigen.

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

Kein Bearbeiten auf der Seite


Im Gegensatz zu normalen Navigationsleisten knnen Site-Navigationsleisten nicht mehr auf der normalen Zeichenoberflche bearbeitet werden - der NavBar-Dialog muss fr alle nderungen benutzt werden. Klicken Sie OK im Dialog, um die nderungen zu besttigen, wird die Site-Navigationsleiste auf allen Seiten aktualisiert.

Site-Navigationsleiste verndern und verschieben


Bewegen Sie die Site-Navigationsleiste auf einer Seite, wird sie zugleich auf allen anderen Seiten verschoben, auf denen sie auftaucht. Genauso werden nderungen der Gre (Skalieren mit dem AUSWAHL-WERKZEUG auf alle Leisten auf den anderen Seiten bertragen. Andere Transformationen mit dem AUSWAHL-WERKZEUG wie Drehen, Neigen oder Verzerren (Skalieren in einer Dimension) werden fr NavBars nicht untersttzt.

Automatisches Verlinken von Seiten


Immer wenn Sie Ihrer Site eine neue Seite hinzufgen, wird der Site-Navigationsleiste ein entsprechender Link hinzugefgt, die neue Seite bekommt auch gleich die Navigationsleiste (falls dort nicht schon vorhanden). Sind auf der Leiste noch nicht verlinkte Schaltflchen, werden zuerst diese benutzt, um zur neuen Seite zu verlinken. Sind bereits alle Schaltflchen in Benutzung, wird am ende der Leiste einen neue Schaltflche hinzugefgt und diese auf die neue Seite verlinkt. In beiden Fllen wird die Beschriftung der Schaltflche auf den Namen der Seite gendert, falls diese einen Namen hat, ansonsten auf "Neue Seite". Im Normalfall werden Sie den Namen im Dialog sofort anpassen.. Wenn Sie eine Seite aus Ihrer Website lschen, wird die Schaltflche der Site-Navigationsleiste, die auf die Seite verlinkt, automatisch mit entfernt, und zwar auf allen Seiten Ihrer Site.

Site-Navigationsleiste an- und abschalten


Wenn Sie die Option Site-Navigation im NavBar-Dialog an oder abschalten, betrifft das alle Kopien dieser Leiste auf allen Seiten der Website.

Site-Navigationsleiste von einer Seite lschen


Wenn Sie die Site-Navigationsleiste auf einer bestimmten Seite nicht wnschen, knnen Sie sie einfach durch Anklicken auf dieser Seite auswhlen und Entfernen drcken. Sie werden gefragt, ob sie die Navigationsleiste auf allen Seiten oder nur auf der aktuellen Seite lschen mchten. Aber: Wenn Sie eine Leiste von einer oder mehreren Seiten entfernt haben, beachten Sie, dass, wenn Sie im Nachhinein die Option Site-Navigationsleiste abschalten (etwa um die Schaltflchendesigns zu bearbeiten, was mit aktiver Option nicht geht) und danach wieder anschalten, die Leiste wieder auf alle Seiten eingefgt wird, auf denen sie fehlt.

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.

Schaltflchen und Mens


Mit der Tabelle und den Baumstrukturen in der unteren Hlfte des Dialogs bearbeiten Sie die Beschriftungen, Links und andere Eigenschaften der Schaltflchen. Jede Zeile der Tabelle gehrt zu einer Schaltflche oder einem Meneintrag unter einer der Schaltflchen.

Schaltflchen hinzufgen und bearbeiten


Um eine Schaltflche hinzuzufgen, doppelklicken Sie in die erste Spalte (dort wo der entsprechende Hinweis steht). Unterhalb der letzten Schaltflche wird eine neue Zeile hinzugefgt. Um hinter der ausgewhlten Schaltflche eine neue einzufgen, klicken Sie auf HINZUFGEN unten im Dialog. Sie knnen anschlieend sofort die Beschriftung eingeben. Mit der Eingabetaste beenden Sie die Bearbeitung oder klicken Sie einfach woanders hin.

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

Mens und Untermens hinzufgen


In der ersten Spalte (Beschriftung) gibt es ein kleines Plus-Symbol links neben der Beschriftung. Dies ist ein Baum-Steuerelement, und wenn Sie auf das Plus klicken, wird dieser Knoten aufgeklappt und Sie knnen ein Men zu dieser Schaltflche hinzufgen. Mit Doppelklick auf den gleichnamigen Text unter der Schaltflche fgen Sie ein Men hinzu. Um unter dem ausgewhlten Menpunkt einen neuen einzufgen, klicken Sie auf HINZUFGEN unten im Dialog. Fr jeden hinzugefgten Meneintrag erscheint eine neue Zeile in der Tabelle. Beschriftung, Link und Tooltip werden auf die selbe Weise wie bei Schaltflchen hinzugefgt. Untermens werden Mens auf die selbe Weise hinzugefgt, wie Mens zu Schaltflchen indem Sie den Knoten im Menbaum aufklappen.

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

Navigationsleiste auf allen Seiten aktualisieren


Wie oben beschrieben, werden alle nderungen an der NavBar automatisch auch auf alle anderen Seiten angewendet, wenn Sie die Option SITE-NAVIGATIONSLEISTE aktiviert haben, inklusive der Position der Navigationsleiste auf der Seite. Wenn Sie diese Option jedoch nicht benutzen, mssen Sie den Befehl Men ANORDNEN -> benutzen, um die nderungen von der aktuellen Seite auf alle anderen Seiten zu bertragen. Dadurch werden auch alle anderen wiederholten Objekte auf der Seite, wie Fuzeilen oder Logos aktualisiert. Fr weitere Informationen, lesen Sie den Abschnitt zu Wiederholten Objekten im Kapitel Arbeiten mit Objekten.
WIEDERHOLTE OBJEKTE AKTUALISIEREN

Bearbeiten auf der Seite


Sie knnen die Schaltflchenbeschriftungen direkt auf der Seite mit dem TEXTWERKZEUG ndern. Wechseln Sie zum Textwerkzeug und klicken Sie in die Beschriftung, um den Text zu ndern. Ist der Text ein wiederholtes Objekt (Rechtsklick und AUF ALLEN SEITEN WIEDERHOLEN auswhlen) werden alle nderungen in diesem Objekt auf alle anderen Instanzen automatisch bertragen.

nderung der Schriftart fr die Schaltflchen


Die Schriftart fr die Schaltflchen einer NavBar lsst sich leicht ndern. Whlen Sie sie zunchst mit einem Klick aus. Wechseln Sie nun ins TEXT-WERKZEUG und whlen Sie die neue Schriftart aus der Liste ganz links auf der INFOLEISTE DES TEXT-WERKZEUGS. Beim Bewegen des Mauszeigers ber diese Liste ndern sich sofort die Beschriften der NavBar entsprechend, so dass Sie gleich sehen, wie die Leiste mit der neuen Schriftart aussehen

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.

NavBars importieren und einfgen


Wird ein NavBar ins Dokument eingefgt oder importiert, wird die Option Site-Navigationsleiste automatisch ausgeschaltet, falls sie an war. Dadurch werden eventuelle Konflikte mit bereits vorhandenen Site-Navigationsleisten vermieden. Jedoch, wenn die hinzukommende Leiste vom gleichen Thema stammt und vom gleichen Typ ist (d.h., sie ist Teil der gleichen Wiederholungsgruppe), wird Sie sofort an die bestehende Site-Navigation angepasst. Deshalb wird Sie nicht in Ihrer ursprnglichen Form auf der Seite sichtbar werden. Ist die Leiste aus einem anderen Thema oder von anderem Typ (also nicht Teil der selben Wiederholungsgruppe), erscheint sie unverndert.

Eigene Navigationsleisten erstellen


Sie knnen aus jeder Schaltflche eine Navigationsleiste erstellen. Die DESIGN-GALERIE enthlt viele verschiedene Schaltflchen-Vorlagen oder Sie zeichnen Ihre eigenen. Siehe Abschnitt Ihre eigenen Mouseover-Schaltflchen erzeugen (auf Seite 71) im Kapitel Erste Schritte fr Informationen, wie das geht. Die Schaltflche kann, muss aber keinen Mouseover-Zustand enthalten. Um eine NavBar zu erstellen, whlen Sie die Schaltflche aus und whlen im Men Der NAVIGATIONSLEISTEN-DIALOG erscheint und Sie knnen wie bei anderen NavBars sofort weitere Schaltflchen hinzufgen. Sie knnen auch Navigationsleisten erstellen, die mehr als ein Schaltflchendesign zur Grundlage haben, so verschiedene Designs fr die erste und die letzte Schaltflche einer Leiste. Siehe weiter unten, wie das geht.

ANORDNEN ->NAVIGATIONSLEISTE ERSTELLEN .

Einschrnkungen bei Schaltflchendesign


Es gibt einige Regeln, die befolgt werden mssen, wenn Sie eigene Schaltflchen fr Navigationsleisten gestalten. Dehnbare Schaltflchen Um verlssliche Ergebnisse bei dehnbaren Schaltflchen zu erzielen, die sich dem Text anpassen, stellen Sie sicher, dass sich innerhalb der Flche, die das Textobjekt der Beschriftung abdeckt, keine Kurvenanfasser und keine Anfasser fr mehrstufige Farbverlufe befinden.

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

Bearbeitete Leiste mit schmaleren Rndern

Bearbeitete Leiste mit breiteren Rndern

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.

Fr Fortgeschrittene - NavBar-Schaltflchendesign bearbeiten


Egal, wie Ihre Leiste erzeugt wurde, Sie knnen das Schaltflchendesign bearbeiten, dass sie benutzt. Bei einer Leiste, deren Schaltflchen alle das gleiche Design benutzen, ist es die erste Schaltflche, die als Master-Schaltflche benutzt wird und von der alle anderen kopiert werden. Daher ndert sich das Aussehen der gesamten Leiste, wenn Sie die erste Schaltflche bearbeiten.

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.

Gruppierung aufheben, bearbeiten und wieder gruppieren


Wenn Sie tiefgreifendere nderungen an der Schaltflche vornehmen wollen, ist es besser, Sie lsen die Gruppe auf, die Ihre Leiste bildet und gruppieren Sie spter wieder. Zum Auflsen der Gruppe whlen Sie sie aus und whlen Men ANORDNEN -> GRUPPE oder Strg + U). Oder Sie klicken auf GRUPPE AUFLSEN, UM GRAFIKEN ZU BEARBEITEN am unteren Rand des NavBar-Dialogs.

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

NavBars mit unterschiedlichen ersten oder letzten Schaltflchen


Manchmal ist eine Navigationsleiste mit unterschiedlichen ersten oder letzten Schaltflchen erforderlich, beispielsweise bei abgerundeten Schaltflchen an den Enden der Leiste.

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:

Soll die erste Schaltflche anders aussehen,

whlen Sie diese Option.


LETZTE SCHALTFLCHE UNTERSCHIEDLICH: Soll die letzte Schaltflche anders aussehen, whlen Sie diese Option. Beispielsweise kann das ntig werden, wenn zwischen den Schaltflchen Trennlinien dargestellt werden sollen. Alle bis auf die letzte Schaltflche haben dann rechts im Schaltflchendesign die Trennlinie integriert.

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

Website-Prsentationen. Die Prsentations-Werkzeugleiste


MAGIX Web Designer 7 Premium zeigt die Werkzeugleiste Prsentation automatisch rechts neben der Hauptwerkzeugleiste an, wenn Sie ein Prsentationsdokument anlegen oder ffnen. Um die Werkzeugleiste zu zeigen/zu verbergen, whlen Sie im Men FENSTER > WERKZEUGLEISTEN , klicken Sie bei PRSENTATION und schlieen Sie den Dialog. Just repeat this action to display the toolbar again.

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.

Eine Prsentation erstellen


Es gibt drei Arten, eine neue Prsentation zu erstellen: Starten Sie mit einer vorgefertigten Vorlage und passen Sie Text, Fotos und Farbschema an (auf Seite 361).

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.

Bestehenden Text bearbeiten


Um den Text zu bearbeiten, klicken Sie mit dem TEXT-WERKZEUG in den Text und beginnen Sie zu schreiben. Oder kopieren Sie Text von woanders (Strg + C) und fgen Ihn in den bestehenden Prsentationstext ein (Strg + V). Um Inhalte zu bestehenden Schritten hinzuzufgen oder neue Schritte anzulegen, siehe Prsentationsschritte bearbeiten (auf Seite 362). Tipp: Sie knnen Fotos in Vorlagen schnell austauschen, indem Sie einfach ein neues Foto aus dem Explorer auf ein bestehendes Foto ziehen.

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.

Bestehende Website/Web-Dokument in eine Prsentation umwandeln.


DER WEBSEITE ,

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

Einen Schritt erstellen


Fgen Sie wie bei normalen Webseiten Inhalte auf der Seite ein. Da die aktuelle Ebene standardmig die MouseOff-Ebene ist, sind diese Inhalte sofort sichtbar, wenn die Seite geladen wird. Objekte zum Bestandteil eines Prsentationsschrittes machen, so dass sie nach und nach aufgedeckt werden knnen:

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.

Einen Schritt duplizieren


Der vielleicht einfachste Weg, einen Schritt zu erzeugen ist, einen bestehenden zu duplizieren.

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.

Eine Ebene in eine Schritt umwandeln


Gibt es in der Prsentation bereits Ebenen, knnen Sie diese leicht in einen Schritt umwandeln.

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.

Inhalt eines Schrittes anzeigen


Manchmal mchte man genau sehen, welche Objekte innerhalb eines Schrittes vorhanden sind. Dies machen Sie am Besten mit der SEITEN- & EBENEN-GALERIE . Klicken Sie das S-Symbol (Solo) neben dem Schritt, den Sie anzeigen wollen, damit nur der eine Schritt angezeigt wird. Erneutes Klicken des Symbols kehrt zur normalen Anzeige zurck. Wie bei normalen Ebenen knnen Sie Objekte per Drag & Drop in der SEITEN- & EBENEN-GALERIE von einem Schritt in einen anderen ziehen.

Neue Objekte zu einem bestehenden Schritt hinzufgen


Klicken Sie rechts auf das gewnschte Objekt und whlen Sie PRSENTATION > ZU SCHRITT VERSCHIEBEN und whlen Sie die Schrittnummer. Die Objekte werden dem ausgewhlten Schritt hinzugefgt.

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

Objekte von einem Schritt in einen anderen verschieben


Sie knnen Objekte auf drei Arten von einem Schritt in einen anderen bewegen: Klicken Sie rechts auf das Objekt/die Objekte und whlen Sie PRSENTATION > ZU SCHRITT VERSCHIEBEN und whlen Sie die Schrittnummer, auf die Sie die Objekte verschieben wollen, oder Klicken Sie rechts und whlen Sie PRSENTATION > ZU SCHRITT VERSCHIEBEN > HINTERGRUND , falls Sie die Objekte auf die MouseOff-Ebene verschieben wollen oder PRSENTATION > ZU SCHRITT VERSCHIEBEN > NEUER SCHRITT , falls Sie sie auf einen ganz neuen Schritt verschieben wollen. In der SEITEN- & EBENEN-GALERIE knnen Sie Objekte von einem Schritt in einen anderen ziehen, oder Sie klicken rechts auf das Objekt und whlen AUF AKTUELLE EBENE VERSCHIEBEN .

Bestehende Objekte in einem Schritt ersetzen


Wen Sie eine der Vorlagen fr interaktive Prsentationen benutzen, um Ihre Prsentation zu bauen, mchten Sie bestimmt bestehende Objekte in einem Schritt durch eigene Inhalte ersetzen, etwa Ihre eigenen Bilder, Fotos, Logos und Textobjekte. Wenn es nur ein Objekt in einem Schritt gibt, wird beim Entfernen dieses Objekts der ganze Schritt gelscht, Sie wollen jedoch eventuell seinen bergangseffekt und seine Position in der Abfolge der Schritte beibehalten. In diesem Fall: Fgen Sie zuerst ihre eigenen Inhalte ein (auf Seite 364) und lschen dann die ungewollten Inhalte (auf Seite 366). Das stellt sicher, dass der Schritt nicht entfernt wird und die Reihenfolge der Schritte erhalten bleibt. Anmerkung: Ist das zu ersetzende Objekt ein Foto, knnen Sie es ersetzen, indem Sie einfach das neue Foto aus dem Explorer auf das zu ersetzende Foto ziehen - siehe Fotos ersetzen.

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.

Objekte aus einem Schritt lschen


Klicken Sie rechts auf das Objekt und whlen Sie AUSSCHNEIDEN oder LSCHEN, oder klicken Sie rechts auf das Objekt in der SEITEN- & EBENEN-GALERIE und whlen LSCHEN oder whlen Sie das Objekt aus und klicken auf die Schaltflche Lschen oben. Wenn Sie ein Objekt lschen und es ist das einzige Objekt in diesem Schritt, lscht Web Designer Premium automatisch den leeren Schritt, die verbleibenden Schritte werden neu nummeriert. Wenn Sie ein Objekt lschen und es gibt noch mehr Objekte in diesem Schritt, wird dieser nicht gelscht.

Einen Schritt lschen


Whlen Sie ein Objekt in diesem Schritte aus und klicken die Schaltflche SCHRITT LSCHEN in der Prsentations-Werkzeugleiste oder klicken Sie rechts und whlen PRSENTATION > SCHRITT LSCHEN . Wahlweise knnen Sie den Schritt auch in der SEITEN- & EBENEN-GALERIE rechtsklicken und EBENE LSCHEN auswhlen. Anmerkung: Wenn Sie einen Schritt lschen, werden die verbleibenden Schritte automatisch neu nummeriert.

Neue Seiten zur Prsentation hinzufgen


Klicken Sie recht in den MAGIX Web Designer 7 Premium Arbeitsbereich und whlen Sie NEUE SEITE um eine neue leere Seite hinzuzufgen oder AKTUELLE SEITE DUPLIZIEREN um eine Kopie der aktuellen Seite hinzuzufgen.

Seiten aus der Prsentation lschen


Klicken Sie rechts auf die Seite und whlen AKTUELLE SEITE LSCHEN .

Website-Prsentationen. Auf nchster/vorherigen Prsentationsschritt verlinken


Sie knnen einfach Schaltflchen oder Objekte einer Prsentationsseite hinzufgen, die den nchsten Schritt auf der Seite anzeigen. Fgen Sie einfach Ihre Schaltflche hinzu und benutzen Sie das Listenfeld LINK AUF SEITE im Reiter Link (auf Seite 267) des Dialogs Web-Eigenschaften, um der Schaltflche/dem Objekt einen Link zuzuordnen, der den nchsten Prsentationsschritt anzeigt. Sind alle Schritte der aktuellen Seite angezeigt worden (durch Tastatureingabe oder Schaltflche), wechselt die Prsentation bei erneutem Klicken des Links oder Drcken der Taste auf die nchste Seite. Hinweis: Wenn Sie eine Prsentation in ein Webdokument umwandeln (Option PRSENTATIONSWEBSITE im Reiter Website des Webeigenschaften-Dialogs), werden alle Links auf den nchsten/vorherigen Prsentationsschritt in Links auf die nchste/vorherige Seite umgewandelt. In Webdokumenten knnen keine Links auf den nchsten/vorherigen Prsentationsschritt gesetzt werden.

367

Links zu Prsentationsschritten bergangseffekte zuordnen


Sie knnen jedem Link auf einem Objekt, wie zum Beispiel einer Schaltflche, einen bergangseffekt zuweisen, nutzen Sie dazu den Reiter Link (auf Seite 270) des Webeigenschaften-Dialogs. Fr Prsentationen gibt es dort die zustzlichen Optionen nchster/vorheriger (auf Seite 367) Prsentationsschritt. Wenn sowohl dem Schritt als auch dem Link, der zu diesem Schritt fhrt, ein bergangseffekt zugeordnet wurde, hat der Effekt des Links den Vorrang. Das trifft auch zu, wenn die nchste Seite der Prsentation aufgerufen wird: Wenn sowohl der Seite als auch dem auf diese Seite fhrenden Link ein bergangseffekt zugeordnet wurde, hat der Effekt des Links den Vorrang.

Prsentationsschritten bergangseffekte zuordnen


Wenn Sie einen Prsentationsschritt anlegen, wird automatisch der bergangstyp Sofort zugewiesen. Um den bergangseffekt zu ndern: ffnen Sie den Reiter Web-bergang im Ebeneneigenschaften-Dialog, entweder ber die Schaltflche bergangseffekte auf der Prsentations-Werkzeugleiste oder per Rechtsklick auf ein Objekt im Prsentationsschritt und der Auswahl PRSENTATION > BERGANG. oder klicken Sie in der SEITEN- & EBENEN-GALERIE rechts und whlen EBENENEIGENSCHAFTEN .

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 .

Prsentationsseiten bergangseffekte zuordnen


Sie knnen einer Prsentationsseite genau wie einer normalen Webseite in einem Webdokument einen bergangseffekt zuweisen, nutzen Sie dazu den Reiter Seite (auf Seite 274) des Webeigenschaften-Dialogs.

Erweiterte Prsentations-Informationen
Fr das Verwalten der Prsentationsschritte knnen Sie die SEITEN- & EBENEN-GALERIE benutzen.

Ebenen und Schritte


Die Schritte innerhalb eines Prsentationsdokumentes sind eigentlich nur spezielle Ebenen. Wenn Sie also ein Objekt in einem Prsentationsschritt einfgen, wird es eigentlich nur auf eine spezielle Prsentationsebene im Dokument bewegt. Sie knnen das sehen, wenn Sie die SEITEN- & EBENEN-GALERIE ffnen und sich die Ebenen ansehen - jeder Prsentationsschritt ist eine Ebene im Dokument. Prsentationsebenen sind ganz normale Ebenen, bei denen zustzlich die

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.

Ferngesteuerte Online-Prsentationen halten


Sobald die Prsentation auf Ihrem Webspeicherplatz hochgeladen ist, knnen Sie Ihre Prsentation online halten. An der Sitzung kann eine Gruppe von Zuschauern teilnehmen, die dann Schritt fr Schritt und Seite fr Seite durch die Prsentation gefhrt werden, wie bei einer Online-Diashow. Die Teilnehmer zu dieser Online-Prsentation werden eingeladen, indem eine URL und ein Passwort erzeugt wird, dass ihnen den Zugang zur Sitzung zu einem bestimmten Tag und Uhrzeit erlaubt und die per Email verschickt werden knnen. Alles, was die Sitzungsteilnehmer tun mssen, ist, den Link an zu klicken und das Passwort einzugeben. Ein Audiokommentar kann den Teilnehmern via Telefonkonferenz oder oder als Gruppenkonversation per Instant-Messenger-Diensten wie Skype bereitgestellt werden. Um eine Session zu prsentieren und anzusehen, gehen Sie zum Manager fr ferngesteuerte Prsentationen.

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.

Eine Prsentation ansehen


Wenn die Teilnehmer den bermittelten Link klicken, mssen Sie zunchst Ihren Namen eingeben. Dieser Name wird nur dazu benutzt, dass Sie als Prsentierender wissen, wer alles die Prsentation anschaut. Die Betrachter sehen entweder die erste Seite der Prsentation, darber wird die Willkommensnachricht eingeblendet, die Sie beim Erstellen der Prsentation eingegeben haben. Oder, falls die Prsentation bereits begonnen hat, sehen sie die aktuelle Seite (also die selbe wie Sie, der Prsentierende).

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.

Widgets und Platzhalter


in MAGIX Web Designer 7 Premium ist ein Widget ist jedes Objekt, das Sie auf die Seite stellen knnen, das in irgendeiner Form dynamische Inhalte anzeigt und auch interaktiv sein kann. Diese Inhalte knnen von externen Websites kommen (z.B. ein Newsfeed-Widget) oder zusammen mit der Website publiziert werden (z.B. ein Fotoshow-Widget, das eine Reihe von Fotos nacheinander durchlaufen lsst). MAGIX Web Designer 7 Premium zeigt auf der Seite nur ein statisches Platzhalter-Objekt, welches Gre und Position des Widgets auf der fertigen Webseite kennzeichnet. Diesem Platzhalter ist entsprechender HTML-Code und verschiedene Dateien zugeordnet (Flash, Javascript u..). Wird die Website exportiert oder publiziert, wird das Platzhalter-Objekt durch den richtigen Code fr das Widget ersetzt, so dass das Widget auf der Seite funktioniert.

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.

Widgets mit Webkonfiguration


Wenn Sie dieses Widget konfigurieren, ffnet sich ein Browserfenster mit der Website, die dieses Widget bereitstellt und in dem Sie das Widget konfigurieren knnen. Zum Beispiel knnen Sie bei einem Kartenwidget, dass durch eine Kartenwebsite bereitgestellt wird, hier typischerweise die geographische Lage und die Abmessungen der Karte angeben. Wenn Sie fertig sind, klicken Sie die Schaltflche EINFGEN am unteren Rand des Browserfensters. Diese Widgets fgen Sie blicherweise ber die DESIGN-GALERIE ein.

Widgets mit lokaler Konfiguration


Diese Widgets werden in Web Designer Premium selbst bearbeitet, typischerweise in einem separaten, mehrseitigen Dokument, in dem der gesamte Inhalt des Widgets zur Bearbeitung bereit steht. Zum Beispiel, bei einem Fotoshow-Widget, welches 10 Fotos nacheinander anzeigt, sind diese 10 Fotos in einem mehrseitigen Dokument vorhanden, in dem Sie bearbeitet werden knnen. Auch diese Widgets werden ber die DESIGN-GALERIE eingefgt.

Widgets mit manueller Konfiguration


Diese Widgets werden manuell eingefgt, entweder indem Sie direkt den HTML-Code in MAGIX Web Designer 7 Premium ber die Zwischenablage einfgen oder den Code ber den Reiter Platzhalter des Webeigenschaften-Dialogs eingeben. Oder er wird erzeugt, indem Sie Video- oder Animationsdateien in Web Designer Premium importieren. Sie knnen diesen Code nur im Reiter Platzhalter ndern

Widgets aus der Designs-Galerie


Am einfachsten fgen Sie Widgets zu Ihrer Seite hinzu, indem Sie die in der DESIGN-GALERIE bereitgestellte Auswahl benutzen. Schauen Sie unter Widgets, Formulare und mehr (Download) nach. Die Widgets in der Design-Galerie werden hin und wieder aktualisiert, so dass MAGIX die Auswahl erweitern, verndern oder veraltete Widgets entfernen kann. Dies passiert von Zeit zu Zeit beim ersten ffnen der Galerie.

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

Widgets mit Webkonfiguration


Wenn Sie ein solches Widget laden, ffnet sich ein Browserfenster, dies ist eigentlich der Internet Explorer. Dieser Internet Explorer luft innerhalb von MAGIX Web Designer 7 Premium, genauso wie bei der Webseiten- oder Website-Vorschau. Hier hat dieses Fenster jedoch noch ein paar Schaltflchen am unteren Rand, dazu spter mehr.

Einfgen eines Widgets, in diesem Falle das Twitter Widget.

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!

Widget-Websites mit Anmeldung


Manche Widgets erfordern es, das man auf der Seite des Anbieters ein Konto erffnet. Die meisten sind gratis, aber einige bieten weitergehende Premium-Dienste an. Beachten Sie dazu die Informationen des jeweiligen Anbieters.

Vorhandene Widgets bearbeiten


Es gibt keine Mglichkeit in MAGIX Web Designer 7 Premium, einmal hinzugefgte Widgets zu bearbeiten. Die meisten Widget-Einstellmglichkeiten sind aber recht einfach, so das es oft das Beste ist, das Widget einfach zu lschen und es noch einmal neu mit abgenderten Einstellungen zu importieren. Jene Widget-Anbieter, die eine Anmeldung erfordern, behalten normalerweise eine Kopie von jedem Widget, dass sie erstellt haben. Dass heit, sie loggen sich zum Einfgen des Widgets beim Anbieter ein und finden dann schnell Ihr bereits erstelltes Widget, knnen es entsprechend modifizieren und erneut einfgen. Bereits erstellte Widgets werden genau so eingefgt wie neue, mit der Schaltflche EINFGEN , wenn HTML-Code angeboten wird bzw. manuellem Kopieren des Codes.

Widgets mit lokaler Konfiguration


Einige Widgets aus der DESIGN GALERIE ffnen kein Browserfenster. Es sind lokal konfigurierbare Widgets, die direkt in Web Designer Premium in einem separaten Dokument bearbeitet werden, Nach dem Einfgen eines solchen Widgets auf die Seite doppelklicken Sie es zum Bearbeiten. Es ffnet sich ein neues Dokument in Web Designer Premium (das Bearbeitungsdokument des Widgets). was das Dokument konkret anzeigt, hngt vom Widget ab, aber typischerweise sehen Sie ein mehrseitiges Dokument, in dem Sie bequem den ganzen Inhalt des Widgets bearbeiten knnen. Eine spezielle Anleitung wird oben auf der ersten Seite angezeigt, wo erklrt wird, welche Eigenschaften sich anpassen lassen und welche nicht. In den meisten Fllen, wo Text angezeigt wird, lsst sich dieser mit dem TEXTWERKZEUG ndern, Schriftart und Stil lsst sich aber normalerweise nicht anpassen. Fotos lassen sich per Drag & Drop austauschen, mit dem FOTOWERKZEUG bearbeiten, dem FLLWERKZEUG anpassen usw.

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.

Filme und Animationen hinzufgen


MAGIX Web Designer 7 Premium bietet direkte Untersttzung fr einige Dateitypen, die Sie wahrscheinlich gern in Ihre Seiten integrieren mchten. Diese Dateitypen knnen Sie einfach aus dem Windows-Explorer auf Ihre Seite ziehen oder -DATEI ->IMPORTIEREN benutzen. Beim Import wird der Dateityp erkannt, ein entsprechendes Platzhalter-Bild oder ein Link erzeugt und die Datei in das Hilfsverzeichnis Ihres Designs kopiert. Das Hilfsverzeichnis ist ein Ordner, der neben der Designdatei liegt und automatisch angelegt wird. Wenn das Dokument mysite.web heit, heit das Hilfsverzeichnis dementsprechend mysite_web_files. Der Inhalt dieses Ordners wird zusammen mit allen anderen Dateien, die die Website ausmachen, exportiert und publiziert.

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 von anderen Widget-Seiten


Es gibt unzhlige Sites, die Widgets, die Widgets anbieten und die Design-Gelarie bietet nur eine kleine Auswahl davon an. So ziemlich alle Widgets werden in der Form von HTML-Codeabschnitten angeboten. Der Widget-Anbieter liefert normalerweise eine einfache Anleitung, wie der Code in die Webseite eingebaut wird, mit MAGIX Web Designer 7 Premium ist es aber noch viel einfacher. Kopieren Sie den Code des Widget-Anbieters in die Zwischenablage, so wie Sie Text in einer Textverarbeitung kopieren. Manchmal gibt es sogar eine extra Kopieren-Schaltflche auf der Website dafr, die Ihnen das abnimmt. Wechseln Sie dann in MAGIX Web Designer 7 Premium ins Auswahl-Werkzeug und fhren ein normales Einfgen (Strg+V) durch. MAGIX Web Designer 7 Premium erkennt den HTML-Code als solchen und beginnt sofort, ein Platzhalter-Bild zu erzeugen, als ob ein Widget aus der Design-Galerie benutzt worden wre. Der Platzhalter erscheint auf der Seite, blicherweise in der passenden Gre fr dieses Widget. Mit der Webseiten-Vorschau knnen Sie nun Ihr Widget in Aktion erleben! Anmerkung: Ist gerade das Textwerkzeug eingestellt, wenn Sie den Code einfgen, wird der Code als Text eingefgt, anstatt einen Platzhalter zu erzeugen! Und wurde der Inhalt der Zwischenablage einmal als Text eingefgt, so wird er auch weiterhin als Text eingefgt, auch wenn Sie jetzt zum Auswahl-Werkzeug wechseln und den Code noch mal einfgen. In dieser Situation kehren Sie noch einmal zur Widget-Website zurck, kopieren den Code noch mal und fgen ihn noch mal ein, diesmal mit aktivem Auswahl-Werkzeug.

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

Platzhalter schmaler und krzer

Automatische Platzhaltererstellung abschalten


Der Platzhalter wird jedes Mal aktualisiert, wenn Sie es skalieren oder den damit verbundenen Code ndern. Manchmal ist es besser, diese Automatik abzustellen. Sie knnen das tun, indem Sie das Hkchen unten im Reiter PLATZHALTER des Dialogs EXTRAS ->WEB-EIGENSCHAFTEN entfernen.

Website Widgets HTML-Platzhalter manuell hinzufgen


Wenn Sie nicht wollen, dass MAGIX Web Designer 7 Premium das Platzhalter-BIld automatisch erstellt, knnen Sie auch selbst ein solches einrichten. Erstellen Sie zunchst ein Platzhalter-Objekt (ein Rechteck in der entsprechenden Gre oder ein importiertes Foto, welches das Widget auf der Seite reprsentieren soll). Whlen Sie das Objekt aus und ffnen Sie den Reiter Platzhalter unter EXTRAS > WEB-EINSTELLUNGEN . Sie knnen auch auf die Schaltflche Platzhalter im Ausklappmen Web-Einstellungen auf der oberen Werkzeugleiste klicken. In diesem Dialog knnen Sie das ausgewhlte Objekt wahlweise mit einer Flash oder anderen Datei oder mit HTML-Code verknpfen, den Sie ber diesen Dialog in den Header oder Body der Webseite einfgen. Fr Einzelheiten, siehe Abschnitt zum REITER PLATZHALTER im Kapitel Web-Einstellungen-Dialog (auf Seite 283). Sie sollten normalerweise die Option Platzhalter-Bild automatisch neu erstellen deaktivieren, wenn Sie Ihr eigenes Platzhalter-Bild behalten wollen. Wird diese Funktion aktiviert, wird Ihr Platzhalter durch ein Bild ersetzt, welches aus dem Code oder der angegebenen Datei stammt.

381

Eine Google Map einbinden


Gehen Sie auf http://maps.google.de http://maps.google.com und erzeugen Sie die Karte, die Sie einbinden mchten. Klicken Sie auf Link in der rechten oberen Ecke des Fensters, damit ffnen Sie ein kleines Fenster, welches den Code bereitstellt, mit dem Sie die Karte in Ihre Website einbinden. Kopieren Sie diesen HTML-Code.

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.

Ein animiertes GIF hinzufgen


Ein animiertes GIF hinzufgen ist genauso einfach wie bei einer Flash-Datei. Benutzen Sie DATEI ->IMPORTIEREN oder ziehen Sie die Datei auf die Seite. Es erfolgt eine Nachfrage, ob Sie die Grafik in Ihre Seite importieren wollen (im Falle von animierten GIFs wird dann jeder Frame in eine eigene Ebene importiert) oder ob ein Platzhalter eingefgt werden soll. Wenn Sie wollen, dass die Animation auf Ihrer Website abgespielt werden soll, whlen Sie die Platzhalter-Option. Wenn Sie die Vorschau einschalten, sehen Sie eine funktionierende Animation.

Eine MP4- oder FLV-Datei hinzufgen


Benutzen Sie wiederum DATEI ->IMPORTIEREN oder ziehen Sie die Video-Datei auf die Seite. Es wird ein Platzhalter-Bild erzeugt und zusammen mit Ihrer Videodatei wird auerdem eine Flash-Player-Datei in das Hilfsverzeichnis Ihres Designs kopiert, der auf der Webseite zum Abspielen des Videos bentigt wird. Wenn Sie die Vorschau einschalten, sehen Sie einen funktionierende Video-Player.

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.

Seiten- & Ebenen-Galerie

383

Seiten- & Ebenen-Galerie


Seiten- & Ebenen-Galerie
Hinweis fr Besitzer einer frheren Version des Programms: Dies ersetzt die EBENEN-GALERIE . Die SEITEN- & EBENEN-GALERIE wird standardmig auf der rechten Seite des Web Designer Premium-Fensters angezeigt, wenn sie ein neues Dokument ffnen oder erstellen. Sie knnen die Galerie lsen, verschieben, andocken oder schlieen unter Galerien finden Sie weitere Informationen. Mit dem SEITEN- & EBENEN-GALERIE -Symbol in der Galerien-Leiste oder mit F10 knnen Sie die SEITEN- & EBENEN-GALERIE anzeigen.

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

Seiten- & Ebenen-Galerie


Wichtige Funktionen der SEITEN- & EBENEN-GALERIE sind: Seiten-Funktionen Liste aller Seiten anzeigen Der Seiten-Modus zeigt eine Liste von Seiten-Vorschaubildern zur einfachen Seitennavigation. Neue Seite hinzufgen, Seiten duplizieren oder lschen Seitenreihenfolge durch Ziehen verndern Seiten umbenennen Ebenen-Funktionen Zeigt eine Liste der Ebenen einer Seite, von unten (meistens Hintergrund-Ebene) nach oben. In Prsentationen wird eine Liste aller Prsentationsschritte und -ebenen auf jeder Seite angezeigt, von vorne nach hinten. Neue Ebene erstellen; Ebenen lschen, umsortieren oder umbenennen Ebenen verbergen/anzeigen Ebenen sperren (Ebene kann nicht bearbeitet werden) Eine Ebene Solo schalten - alle anderen Ebenen abschalten Objekt-Funktionen Liste aller Elemente (Objekte) auf der Seite in Ihrer Reihenfolge von unten nach oben. Elemente verbergen/anzeigen In der Reihenfolge nach oben/unten bewegen Objekt sperren, so dass es nicht bearbeitet werden kann Eine Ebene Solo schalten - alle anderen Ebenen abschalten

Seiten- & Ebenen-Galerie


Sie sehen zudem in der SEITEN- & EBENEN -GALERIE ein kleines Vorschaubild jeder Seite und jedes Elements auf der Seite. Wenn Sie mit der Maus darber fahren, wird dieses vergrert.

385

Die SEITEN- & EBENEN-GALERIE eines fnfseitigen Web-Dokuments, mit zusammengeklappten Seiten. Seite 4 (News) ist ausgewhlt.

386

Seiten- & Ebenen-Galerie

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.

Seiten- & Ebenen-Galerie

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

Seiten- & Ebenen-Galerie Seiten


Wenn Sie in der SEITEN- & EBENEN-GALERIE auf SEITEN klicken (oder per Rechtsklick in der Galerie SEITEN-ANSICHT whlen), wird der Seiten-Modus geffnet und nur die Seiten eines Dokuments angezeigt. Alle anderen Elemente werden zusammengeklappt. Wenn die Galerie im Seiten-Modus angedockt ist, wird die Breite der Galerie verringern, damit so wenig Platz wie mglich bentigt wird. Die Schaltflchen in der Galerie werden auch auf diejenigen reduziert, die fr Seiten verwendet werden knnen. Sie verlassen den Seiten-Modus, indem Sie eine der Seiten ausklappen und sich die Ebenen anzeigen lassen. Die Galerie kehrt zu voller Breite zurck und es stehen wieder alle Schaltflchen zur Verfgung. Sie ordnen Seiten neu an, indem Sie sie mit der Maus in der SEITEN- & EBENEN-GALERIE verschieben oder auf eine Seite rechtsklicken und SEITE NACH OBEN/UNTEN VERSCHIEBEN whlen. Um eine Seite umzubenennen, rechtsklicken Sie auf eine Seite und whlen Sie SEITE Der Seitenname macht es einfacher, Seiten in langen Dokumenten wiederzufinden. Er wird auerdem beim Export als Website verwendet. Daher knnen Sie in Web-Dokumenten nur bestimmte Standard-Zeichen verwenden (andere werden nicht fr Seitennamen im Internet akzeptiert).
UMBENENNEN . NEUE SEITE , DUPLIZIEREN

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.

Seiten- & Ebenen-Galerie


Mit Ebenen knnen komplexe Seiten und Zeichnungen mit vielen verschiedenen Teilen organisiert werden. Mit Ebenen knnen Sie Elemente zusammenfassen und diese beliebig zu- oder wegschalten (sichtbar oder verborgen machen). Ebenen sind wie Klarsichthllen, die ein paar Bltter zusammenhalten. Wenn Sie einen Ordner ffnen, kommen Sie an die Inhalte heran und knnen diese umsortieren. Ihr Schreibtisch kann mehrere solcher Ordner enthalten und genau so, wie Sie diese neu sortieren knnen, knnen Sie dies auch bei Ebenen machen. Ebenen sind also Elementen-Gruppen. Man kann sie unsichtbar machen, um einfacher an anderen Bereichen eines Dokuments arbeiten zu knnen. Man kann sie benennen, neue Ebenen erstellen und entfernen. Mit dem kleinen Pfeil, mit dem Sie auch den Inhalt einer Seite (die Ebenen) anzeigen, knnen Sie auch den Inhalt einer Ebene anzeigen. Sobald Sie ein Objekt auswhlen, sehen Sie in der Statuszeile, auf welcher Ebene es sich befindet.

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

Seiten- & Ebenen-Galerie

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

Seiten- & Ebenen-Galerie


gesperrt ist. Es gibt allerdings die Mglichkeit im Reiter Allgemein (auf Seite 445) des Optionen-Dialog (auf eine Seite rechtsklicken und SEITENOPTIONEN whlen oder im Men EXTRAS > OPTIONEN ), mit der Sie die aktuelle Ebene immer sicht- und bearbeitbar machen knnen. Ist diese Option gewhlt, so wird jede Ebene, wenn sie in der SEITEN- & EBENEN-GALERIE ausgewhlt wird, automatisch sichtbar gemacht und entsperrt. Wenn Sie auf eine andere Ebene wechseln, wird der alte Zustand wieder hergestellt.

391

Ebenen auf Websites


In exportierten Websites werden Ebenen fr MouseOver und Popup-Effekte verwendet (Inhalte dieser Ebenen werden angezeigt, wenn Sie mit der Maus ber Objekte Ihrer Seite fahren). Weitere Informationen ber dieses Thema finden Sie im Kapitel Webgrafiken und Websites im Abschnitt Ebenen, MouseOver & Popups (auf Seite 69).

Weiche Gruppen und Ebenen


Weiche Gruppen (auf Seite 136) knnen Objekte auf mehreren Ebenen umfassen. (Die Objekte in normalen Gruppen mssen auf einer Ebene sein.) Wenn Sie ein Element einer weichen Gruppe auswhlen, werden alle anderen ebenfalls ausgewhlt, selbst wenn sie verborgen oder gesperrt sind. In der Seiten- & Ebenen-Galerie sehen Sie alle ausgewhlten Elemente blau hervorgehoben. Bei weichen Gruppen kann jedoch passieren, dass Sie nicht alle Elemente sofort sehen, da diese auf verschiedenen Ebenen sind.

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

Seiten- & Ebenen-Galerie


Ebeneneigenschaften
Hier ffnen Sie den Dialog fr Ebeneneigenschaften.

Ebenen erzeugen und Ebeneneigenschaften bearbeiten


ber den Reiter Ebene knnen Sie: eine neue Ebene erzeugen oder eine vorhandene Ebene bearbeiten. die Ebene standardmig sicht- und editierbar machen. die Ebene als einen Webseiten-Hintergrund festlegen, der nicht gedruckt wird. festlegen, dass alle Objekte einer Ebene nur in derselben Ebene Textobjekte abweisen (auf Seite 213) werden. Dies verhindert, dass der Text einer Ebene von Objekten abgewiesen wird, die sich auf einer anderen Ebene befinden und eignet sich besonders fr Popup-Ebenen in Webseiten.

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).

Seiten- & Ebenen-Galerie


Web-berblendungen

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

Seiten- & Ebenen-Galerie Besondere Ebenen


EBENEN-GALERIE

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

Seiten- & Ebenen-Galerie


knnen diese Ebene nun separat bearbeiten. Erneutes Klicken auf das den vorherigen Zustand wieder her. Sie knnen auch klicken und mit der Maus ber die Spalte mit den um schnell durch die einzelnen Ebenen zu wandern. -Symbol stellt

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).

Alle anzeigen & Alle entsperren

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

Seiten- & Ebenen-Galerie


Wenn Sie auf die Schaltflche Mehr... klicken, knnen Sie ALLE ANZEIGEN und ALLE ENTSPERREN auswhlen. Diese sind den oben genannten Optionen hnlich, werden aber nicht festgestellt. Es werden zwar alle Ebenen und Objekte angezeigt/entsperrt, Sie knnen den vorherigen Zustand aber nicht so einfach wiederherstellen - dafr mssten Sie schon die einzelnen Elemente auswhlen und einzeln einstellen.

Objekte zwischen Ebenen bewegen


Man kann Objekte auf mehrere Weisen zwischen den Ebenen bewegen. Whlen Sie zunchst das Objekt aus, das bewegt werden soll; schneiden Sie das Objekt aus (Strg * X oder Rechtsklick und AUSSCHNEIDEN ). Machen , falls nicht, klicken Sie es an). Sie die Zielebene zur aktuellen Ebene (wird angezeigt Rechtsklicken Sie und whlen Sie EINFGEN oder AN POSITION EINFGEN. Wenn sich die kopierten Objekte auf verschiedenen Ebenen befinden, wird die Ebenen-Struktur beim Einfgen beibehalten. Die Objekte werden auf derselben Ebene eingefgt, von der sie kopiert wurden, nicht in die aktuelle Ebene. Um die Elemente in die aktuelle Ebene einzufgen, verwenden Sie die Option IN AKTUELLE EBENE EINFGEN. Soll die Ebenenstruktur beibehalten werden, whlen Sie AN GLEICHER POSITION IN AKTUELLE EBENE EINFGEN .Sie finden diese Funktionen auch im Zwischenablage-Ausklappmender oberen Werkzeugleiste und im Men BEARBEITEN. Rechtsklicken Sie und whlen Sie ANORDNEN > AUF EINE EBENE WEITER VORNE /AUF EINE EBENE WEITER HINTEN um die ausgewhlten Objekte eine Ebene vor/zurck zu bewegen. Die Zielebene muss als aktuelle Ebene ausgewhlt sein. Suchen Sie dann das ausgewhlte Element in der SEITEN- & EBENEN-GALERIE (klicken Sie auf FINDEN), rechtsklicken Sie und whlen Sie AUF AKTUELLE EBENE VERSCHIEBEN .

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.: Beispiel eines Startbildes

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.

Mglichkeiten und Grenzen von Flash


Das Flash-Format untersttzt einige Funktionen von MAGIX Web Designer 7 Premium nicht, z. B. komplexe abgestufte Transparenzen, Randunschrfe, Kanten sowie die meisten Farb-Flltypen.

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.

Die sechs Kerntransformationen der Animation.


Um Flashdateien sehr kompakt zu halten, wurde die Anzahl des durch Flash untersttzten Form-Tweenings auf sechs Kerntransformationen begrenzt.

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

Die Form kann nicht zwischen den Keyframes verndert werden.

Was geht mit MAGIX Web Designer 7 Premium-Flash nicht?


MAGIX Web Designer 7 Premium ist in erster Linie ein Vektorgrafikprogramm und nicht ein allumfassendes Flash-Werkzeug. Wir sind allerdings der Ansicht, dass es einen sehr einfachen, neuen und innovativen Ansatz fr Flash-Animationen bietet. In Zusammenhang mit den hervorragenden Vektorgrafik-Werkzeugen von MAGIX Web Designer 7 Premium und deren einfacher Verwendung lassen sich sehr kompakte Flashanimationen viel einfacher als mit anderen Flash-Werkzeugen erstellen. Aufgrund dieses vereinfachten Ansatzes untersttzt MAGIX Web Designer 7 Premium keine komplexen Flash-Funktionen wie z. B. Scripting (Programmieren), Audio oder eingefgte Filme. Da Vektorgrafiken in Flash relativ einfach sein mssen, knnen fortgeschrittenere Effekte von MAGIX Web Designer 7 Premium nicht in Flash verwendet werden. Welche das sind, wird im Abschnitt Welche MAGIX Web Designer 7 Premium-Funktionen werden von Flash untersttzt? aufgefhrt.

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.

Ihre erste Animation


Erstellen einer neuen Animation: Erstellen Sie ein neues Animationsdokument. Dazu gibt es folgende Mglichkeiten: Whlen Sie Datei -> Neu -> Animation (Strg + Umschalt+ N). Es ffnet sich ein neues Dokument und die Animationsleiste wird mit ihren Schaltflchen eingeblendet.

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.

So wird die Animation konstruiert.

Keyframe 1

Durch MAGIX Web Designer 7 Premium erzeugte Zwischen-Tweenschritte.

Keyframe 2

Bei dieser Animation wird der Text grer whrend das Rechteck sich dreht und ausgeblendet wird.

Exportieren einer Flash-Datei


Exportieren Ihrer Animation als Flash-Datei: Whlen Sie DATEI > ANIMATION EXPORTIEREN und dann Flash unter ALS TYP SPEICHERN . Oder klicken Sie auf die Schaltflche ANIMIERTES FLASH EXPORTIEREN .

Hierdurch wird die SWF-Datei nun in dem von Ihnen ausgewhlten Ort gespeichert.

Vorschau von Flash-Objekten in MAGIX Web Designer 7 Premium


Klicken Sie auf die Schaltflche FLASH-VORSCHAU, um Ihre Animation so zu sehen, wie sie auf einer Webseite aussehen wird.

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

Flash-Objekt in MAGIX Web Designer 7 Premium einfgen


Ziehen Sie einfach in MAGIX Web Designer 7 Premium die Flash-Datei auf die Seite, um Sie in die Website einzufgen. Es wird automatisch ein statisches Platzhalter-Bild erzeugt und auf der Seite eingefgt. Wenn Sie die Vorschau einschalten, sehen Sie eine funktionierende Flash-Animation! Alternativ knnen Sie auch manuell ein Platzhalter-Objekt erzeugen. Erstellen Sie ein Platzhalter Objekt (z. B. ein einfaches Rechteck, Bild oder ein Screenshot) auf Ihrer Seite. Verschieben Sie das Objekt an die Position, an der Ihre Flash-Animation erscheinen soll und skalieren Sie es auf die richtige Gre. Im WEB-EINSTELLUNGEN -Dialog (Strg + Umschalt + W) whlen Sie im Reiter PLATZHALTER unter MIT FLASH ERSETZEN die gewnschte .SWF-Datei aus. Klicken Sie BERNEHMEN . Bei der Website-Vorschau wird nun der Platzhalter durch die Flash-Animation ausgetauscht. In beiden Fllen wird die .swf-Datei in den Hilfsordner neben Ihrer .xar/.web-Datei kopiert. Daher sollten Sie, wenn Sie Ihre Animation im Nachhinein ndern und eine neue Version abspeichern, entweder die Datei im Hilfsordner ihres Designs manuell ersetzen oder im Reiter Platzhalter des Web-Einstellungen-Dialogs die Datei dem Platzhalter noch einmal zuweisen. Lesen Sie das Kapitel Arbeiten mit Dokumenten fr weitere Informationen zum Thema Hilfsordner (auf Seite 92).

In einem anderen Web-Authoring-Programm einfgen


Um die SWF-Animation in Ihre eigene HTML-Seite einzubauen, klicken Sie auf HTML im Vorschaufenster fr Flash, um den Code angezeigt zu bekommen, den Sie in Ihrem HTML-Editor in Ihre Seite einbauen knnen.
ANZEIGEN

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.

Animationen als AVI exportieren


Neben dem Export als animiertes GIF- und Flash-Animation knnen Sie Ihre Animation auch als AVI-Datei exportieren. In einem Animationsdokument whlen Sie EXPORTIEREN im Men DATEI und whlen AVI aus der Auswahlliste Dateityp im Exportdialog.

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.

Abb.: Eine typische FRAME-GALERIE.

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

Abb.: Der Dialog Animationseigenschaften

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.

Andere Bitmaps (auer JPEG)


Andere Bitmap-Arten, wie etwa BMP, TIFF oder PNG, sind in der Regel viel grer und daher weniger zur Verwendung in Flash-Animationen geeignet (JPEG-Kompression ist viel grer als bei PNG). Bei der Erstellung einer Flash-Animation werden diese Bitmaps daher in JPEGs umgewandelt, um die kleinstmgliche Dateigre zu erhalten. Die fr die automatische JPEG-Umwandlung verwendete Kompression kann in den Flash-Optionen des Dialogs ANIMATIONS-EIGENSCHAFTEN verndert werden. Der voreingestellte Kompressionswert betrgt 75% und kann beliebig gendert werden. ber eine Vorschau knnen Sie das Verhltnis zwischen Qualitt und Greneinsparung direkt verfolgen.

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.

Framerate und Tweenschritte bei Animationen


Flash-Animationen werden mit einer festen Framerate abgespielt. Je hher die Framerate, desto gleichmiger die Animation und grer die Flash-Datei. Standardmig zeigt eine MAGIX Web Designer 7 Premium-Animation 24 Bilder pro Sekunde an, dies lsst sich jedoch ndern.

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.

Flssigkeit der Animation


Flash-Filme werden bei konstanter Frame-Rate abgespielt. Je hher die Frame-Rate eingestellt ist, desto gleichmiger und flssiger wirkt die Animation. Standardmig zeigt MAGIX Web Designer 7 Premium 24 Bilder pro Sekunde an. Die Rate kann in den FLASH-OPTIONEN des Dialogs ANIMATIONS-EIGENSCHAFTEN 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

Farbumwandlung - Farbvernderungen animieren


Sie knnen wie folgt Farben in MAGIX Web Designer 7 Premium animieren: Sie knnen die Farbe einfarbig gefllter Objekte zwischen Keyframes ndern. Sie knnen die Linienfarbe unabhngig von der Fllfarbe ndern. Sie knnen die Farben ndern, mit denen Fotos eingefrbt sind. Sie knnen die Position von Farbverlufen nicht beeinflussen.

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

Flash-Animationen URLs in Flash


Damit ein Objekt in Ihrer Flashanimation ein klickbarer Link wird, whlen Sie das Objekt zuerst aus und anschlieend im Men EXTRAS > WEB-EINSTELLUNGEN (Tastaturkrzel: Strg + Umschalt+W). Geben Sie die gewnschte URL ein. (Soll der Link in einem neuen Browser-Fenster oder -Frame geffnet werden, whlen Sie das Ziel im LINK FFNEN IN Dropdown-Men aus). Wenn Sie den Text klickbar machen mchten, aktivieren Sie RECHTECK UM DAS OBJEKT . Damit stellen Sie sicher, dass ein Benutzer auf den Text, samt dessen Hintergrund, und nicht nur auf die Linien der Buchstaben klicken kann. Gesamte Animation anklickbar machen Unter ANIMATIONS-EINSTELLUNGEN -> FLASH-OPTIONEN knnen Sie Ihrer ganzen Animation eine URL zuweisen. So kann man z. B. berall auf ein Banner klicken, um auf eine andere Adresse weitergeleitet zu werden. clickTAG ClickTags werden oft von Werbenetzwerken verwendet. Man setzt eher ein clickTAG als die absolute URL in eine Flashanimation, sodass ein Werbeanbieter die eigene URL in die Animation setzen kann - dies ist insbesondere zur Nachverfolgung von Werbe-Klicks ntzlich. Wenn Sie diese Funktion verwenden, schreiben Sie einfach CLICKTAG anstelle einer URL.

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

Anklickbare Objekte und MouseOver-Effekte


Sie knnen die Animations-Sequenz zu jedem Kyefram springen lassen, indem Sie entweder ein Objekt anklicken oder die Maus darber bewegen. Dazu whlen Sie das Objekt aus, das Sie als Schalter benutzen wollen, ffnen den WEB-EINSTELLUNGEN-DIALOG (Strg+Umschlt+W) und whlen auf dem LINK Tab die Option ZU FRAME SPRINGEN .

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).

Flash-Animationen Animierte GIFs erstellen


Animierte GIFs sind eine schnelle und einfache Methode, um einfache Animationssequenzen auf Webseiten darzustellen. Bei animierten GIFs handelt es sich letztendlich lediglich um eine GIF-Datei, die eine Bildersequenz enthlt, vergleichbar mit den Einzelbildern eines Films.

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.

Eigenschaften animierter GIFs


Um die Animationseigenschaften zu ndern, klicken Sie mit der rechten Maustaste auf einen Frame in der FRAME-GALERIE und whlen Sie EIGENSCHAFTEN. Sie knnen dann die folgenden Optionen ndern.

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 :

Drucken

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.

Drucker auswhlen und einstellen


Zum Auswhlen und Einrichten Ihres Druckers whlen Sie DATEI > DRUCKEINSTELLUNGEN . Dies ffnet den Standarddialog von Windows:

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

Drucken Druckoptionen: Ausgabe

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

ist fr die meisten Dokumente passend.

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

Drucken Druckoptionen: Layout

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

Importieren und Exportieren

Importieren und Exportieren


Allgemeine Anmerkungen zum Exportieren und Importieren
Web Designer Premium bietet eine groe Auswahl an Import- und Exportoptionen. Erstens: Es ist wichtig den Unterschied zwischen dem Speichern und Exportieren von Dateien zu verstehen: befasst sich mit dem Speichern Ihrer Arbeit, sodass Sie sie spter wieder ffnen und daran weiterarbeiten knnen. MAGIX Web Designer 7 Premium speichert Ihre Arbeit in einer .WEB-Datei. Betrachten Sie dies als das Master-Dokument-Format. EXPORTIEREN bezeichnet die Umwandlung in sonstige untersttzte Formate. Exportieren ermglicht Ihnen, Ihre Designs zu verteilen und zu verwenden.
SPEICHERN

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.

Untersttzte Dateiformate fr Import und Export


Importformate
Wenn eine Datei in MAGIX Web Designer 7 Premium geladen werden soll, ist es wichtig, dass sie eine der unten aufgelisteten Dateierweiterungen 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

Importieren und Exportieren


UNIX Graustufen (*.pgm) PNG (*.png) UNIX mehrfarbig bis 24 Bit (*.ppm) Photoshop (*.psd) (siehe Import (auf Seite 431) und Export (auf Seite 434) von PSD-Dateien) Sun Raster (*.ras) Silicon Graphics Image (.sgi) TrueVision TARGA (*.tga) TIFF (RGB, RGBA + Alpha Kanal, CMYK) (*.tif) MAGIX Web Designer 7 Premium untersttzt: Fax TIFF-Dateien (Schwarz-Wei-Bilder). Mehrseitige Faxe werden als mehrere Seiten in MAGIX Web Designer 7 Premium importiert); Mac oder PC Byte-Order TIFF-Dateien; TIFF-Dateien mit Ebenen und Transparenz (wird aus Photoshop gespeichert, es gelten die gleichen Blend-Modi wie in PSD-Dateien); JPEG in TIFF (Transparenzen sind in diesem Fall nicht mglich). X Windows 2-farbig (*.xbm) X Windows 256-farbig (*.xpm) Wireless Bitmap Image (.wbmp). Schwarz/Wei-Bitmap (1-bit) fr mobile Gerte. RAW Kamera Format (*.raw) - Eine Liste aller Formate finden Sie im Abschnitt RAW Photo Import (auf Seite 432).

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

Importieren und Exportieren


PDF Platzhalter (*.pdf) Text (*.rtf) Flash-Platzhalter (*.swf) Widget-Platzhalter (*xwr) Von Xara intern benutztes Format (*.wix)

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

Importieren und Exportieren


automatisch entsprechend dem vorherigen skaliert. Das Bild ist auerdem ausgewhlt und MAGIX Web Designer 7 Premium wechselt ins FLL-WERKZEUG , so dass Position und Gre direkt beeinflusst werden knnen.

431

PSD Photoshop-Datei importieren


Um eine PSD-Datei zu importieren, gehen Sie wie gehabt beim Import vor. Im Men Datei > Importieren oder ziehen Sie die Datei einfach auf MAGIX Web Designer 7 Premium und setzen Sie sie dort ab. Ebenen und Sichtbarkeit der PSD-Datei werden beibehalten und in MAGIX Web Designer 7 Premium-Ebenen umgewandelt werden. Sie knnen sie in der EBENEN-GALERIE sehen. Tipp: wenn Sie separate Objekte in Photoshop haben, die Sie unabhngig voneinander in MAGIX Web Designer 7 Premium bearbeiten mchten, legen Sie diese auf je eigenen Ebenen ab, bevor Sie in Photoshop speichern.

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

Importieren und Exportieren


Text in PDF-Dateien, der als Subset-Schriftart definiert wurde, wird nicht lesbar oder editierbar sein. Das PDF-Format ist sehr komplex und wird oft nicht richtig importiert. Sie importieren ein PDF-Dokument am besten mit Ihrem Verwendungszweck im Hinterkopf. Die OPTIMIERUNG FR ANSICHT -Option sorgt dafr, dass das Ergebnis fast genauso wie in Acrobat aussieht. Allerdings kann die Bearbeitung schwierig sein (z. B. durch viele ClipAnsichten). Die Option OPTIMIERUNG FR BEARBEITUNG entfernt Teile, die schwer manuell bearbeitet werden knnen (z. B. verschachtelte ClipAnsichten).

Import von RAW-Fotodateien


Sie knnen Dateien im RAW-Format digitaler Kameras wie gehabt ber IMPORTIEREN oder per Drag&Drop einfgen. Folgende Dateiendungen werden untersttzt: *.crw, *.cr2, *.nef,*.mrw,*raf,*.kdc,*.orf, *.dng, *.ptx, *.pef, *.anw, *.x3f Es gibt eine groe Anzahl unterschiedlicher Dateiendungen, die fr RAW-Dateien von verschiedenen Kameras genutzt werden, wenn Sie also eine RAW-Datei haben, deren Endung oben nicht aufgelistet ist, knnen Sie versuchen, sie trotzdem zu importieren.

Bilder von einer Website importieren


Sie knnen Grafiken direkt aus einer Webseite in Ihr Dokument laden. Dabei werden alle Bilder von einer Webseite aus dem Internet importiert (whrend normales Importieren nur eine Datei von Ihrer Festplatte ldt). So laden Sie die Bilder einer Webseite:

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...

Als Flash exportieren


Sie knnen auch im Flash-Format SWF von Adobe exportieren. Es ist ideal fr Vektorgrafiken und bewirkt sehr geringe Dateigren. Sie knnen dann die SWF-Datei in

Importieren und Exportieren


eine Webseite einbinden oder zur Verwendung in Flash-Animationen in Adobe Flash importieren. Hinweis: Aus MAGIX Web Designer 7 Premium-Zeichnungen knnen nur statische Dateien exportiert werden, keine Animationen. Animationen knnen als animiertes Flash exportiert (auf Seite 402) werden.

433

Als AVI exportieren


Der Dialog AVI-Eigenschaften wird angezeigt. Folgende Einstellungen sind mglich: Auswahl des benutzten Codecs Einstellung der Qualitt des AVI-Videos Ein- und Ausschalten der Keyframes und Einstellen der Frequenz.

Windows-Metadatei exportieren (.wmf)


In diesem Format gespeicherte Dateien knnen von Microsoft Word und anderen Programmen gelesen werden.

Enhanced Metafile Format (EMF) exportieren


Einige Windows Programme untersttzen dieses erweiterte Dateiformat fr Vektorgrafiken. Es kann auch in Anwendungen, die spezielles Einfgen untersttzen, verwendet werden. Beachten Sie, dass bestimmte Effekte wie zum Beispiel komplexe Fllungen nicht in Vektor-Dateien wie EMF dargestellt werden knnen. In solchen Fllen wird dieser Teil als Bitmap exportiert.

HTML- und Webgrafiken schnell exportieren


Benutzen Sie die speziellen Befehle im MEN DATEI , um schnell Websites und Webgrafiken zu exportieren, ohne erst das Format aus der Liste aller unter DATEI -> EXPORTIEREN verfgbaren Formate auswhlen zu mssen. Exportieren des aktuellen Website-Dokuments in ein Verzeichnis Ihres Computers. DATEI ->JPEG EXPORTIEREN :Exportieren der Auswahl oder der ganzen Seite als JPEG-Datei. DATEI ->PNG EXPORTIEREN:Exportieren der Auswahl oder der ganzen Seite als PNG-Datei. Lesen Sie das Erste Schritte-Kapitel fr weitere Informationen.
DATEI ->WEBSITE EXPORTIEREN :

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

Importieren und Exportieren


Das GIF-Format untersttzt nur 256 Farben, und trotz seiner weiten Verbreitung auf Internetseiten ist das PNG-Format besser. PNG untersttzt auch halbdurchscheinende Grafiken (Einstellung: TRUE COLOR + ALPHA ), ALPHA wird bisher jedoch noch nicht durch den Microsoft Internet Explorer untersttzt (allerdings durch alle anderen Browser). Je weniger Farben eine Datei enthlt, desto kleiner ist die Datei und die Qualitt. Bei Verwendung von 256 Farben oder weniger bietet MAGIX Web Designer 7 Premium hochqualitative Verfahren, um eine weitaus hhere Farbzahl zu simulieren.

Wichtig
Bitmaps werden entsprechend der aktuellen Anzeigequalitt ausgegeben. Fr beste Ergebnisse stellen Sie im Men FENSTER -> QUALITT die Anzeigequalitt auf SEHR HOCH .

Photoshop PSD-Dateien exportieren


Photoshop ist ein Bildbearbeitungsprogramm, deswegen werden alle Vektorgrafiken beim Export aus MAGIX Web Designer 7 Premium im PSD Format gerastert (d. h. zu Bitmaps konvertiert). Beim Export kann die Auflsung (dpi) gewhlt werden. Speichern Sie immer alle Ihre Arbeiten in MAGIX Web Designer 7 Premium, bevor Sie exportieren. Wenn Sie dann Ihre Originalobjekte bearbeiten mchten, laden Sie sie einfach in MAGIX Web Designer 7 Premium, ndern Sie sie wie gewnscht und exportieren Sie die Objekte nochmals. Um als PSD-Datei zu exportieren, whlen Sie DATEI > EXPORTIEREN und dann ADOBE aus der SPEICHERN ALS -Liste.

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.

Importieren und Exportieren


Dpi beim Export
Sie haben die Mglichkeit, die dpi-Zahl der Bitmap-Rasterung fr die exportierte PSD-Datei zu definieren.

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.

bersicht JPEG, PNG und GIF Export-Dialog


Der Export-Dialog verfgt ber zwei Vorschaufenster: BILD A (links) und BILD B (rechts), so dass sich alternative Exporteinstellungen oder Dateitypen nebeneinander vergleichen lassen. Klicken Sie einfach in das linke oder rechte Vorschaufenster, um die Vorschau zu wechseln. ber dem Vorschaufenster befindet sich ein kleines Auswahlmen mit den drei gngigsten Export-Typen: JPEG, PNG und GIF.

436

Importieren und Exportieren


Bei Auswahl von Vorschau A oder B knnen Sie dann ber die fnf Reiter unterhalb der Vorschau zahlreiche Exportoptionen auswhlen. Einige Optionen, z. B. die Palettenoptionen, sind nur bei Dateitypen wie PNG anwendbar und nicht relevant fr JPEG. Andere Optionen im Reiter OPTIONEN ndern sich abhngig vom gewhlten Exportformat, z. B. beim Exportieren eines JPEG befindet sich dort die Einstellung fr die Qualitt. Im Folgenden wird der Ablauf fr das Exportieren eines Bildes beschrieben:

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.

Importieren und Exportieren

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:

skaliert das Vorschaubild auf Seitengre.

skaliert das Bild auf Vollbildgre (100 %).

AUF BILDAUFLSUNG VERGRERN (1:1) :

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.

Streurasterung & Palette


und PALETTENEINSTELLUNGEN werden dann ntig, wenn mit 256 Farben oder weniger exportiert wird. Es wird empfohlen, immer eine OPTIMIERTE PALETTE zu verwenden. Bei der Streuraster-Einstellung KEINE werden kleinere, aber mglicherweise streifige Dateien erstellt; FEHLER-DIFFUSION erzeugt zwar grere Dateien, dafr aber auch bessere Ergebnisse.
STREURASTERUNG

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

Importieren und Exportieren


Max. Farben
Bei Werten von 256 oder weniger Farben kann man sich genau die Palette zusammenstellen, die man haben mchte bzw. die im Dokument vorkommt. Einfach die gewnschte Anzahl an Farben eingeben und auf VORSCHAU klicken. Die Schaltflchen (auer TRANSPARENTER HINTERGRUND ) gelten, wenn Sie mit 256 oder weniger Farben exportieren. Die Dateien werden mit einer ganz bestimmten, limitierten Palette an Farben erzeugt. Klicken Sie auf die FARBPIPETTE oder auf eine der Farben in der FARBPALETTE .

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.

Farben einer Palette websicher machen


Ist dies aktiviert, werden die Farben entsprechend zu den 216 gebruchlichen websicheren Farben verschoben. Dies ist allerdings ein leicht veraltetes System, da die meisten Computer inzwischen Millionen von Farben darstellen knnen und sich daher kein Vorteil aus dieser Vorgehensweise ergibt.

Bildhintergrund transparent machen


Alle Bereiche, die nicht von Objekten bedeckt werden, werden transparent. Dies erzeugt automatisch einen Eintrag in der Farbpalette fr transparent.

Palettenfarbe transparent machen


Macht diese Farbe transparent. Beachten Sie den Unterschied zwischen dieser Einstellung, die Teile des Objekts transparent macht, und Bildhintergrund transparent machen, was sich auf den Bereich hinter den Objekten auswirkt.

Farbe aus der Palette lschen


Lscht die Farbe aus der Palette. Bei den Objekten, die bisher diese Farbe verwendeten, wird die hnlichste Farbe aus der restlichen Farbpalette ausgewhlt. Je weniger Farben in der Palette sind, um so kleiner wird das Bitmap.

Stellt die vorher gelschte Farbe wieder her


Macht den Lschvorgang wieder rckgngig

Importieren und Exportieren


Systemfarben hinzufgen oder entfernen
Fgt der Palette 28 Farben hinzu. Dies sind die Windows-Systemfarben und einige Grundfarben. Dadurch wird sichergestellt, dass eine grundstzliche Bandbreite an Farben in der Palette vorkommt. Wahrscheinlich ist es das Beste, wenn Sie mit dieser Funktion ein wenig experimentieren.

439

Bitmapgre
Hier knnen Sie die Gre des exportierten Bildes ndern.

Bitmapgre und Auflsung

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

Importieren und Exportieren


Optionen
Hier geben Sie die JPEG-Komprimierung und Progressive/Interlacing-Einstellungen ein. Progressiv (nur bei JPEG): Mit dieser Option erstellen Sie ein sog. progressives JPEG. Dies ist ntzlich bei groen Bildern fr das Internet. Das Bild wird bereits dargestellt, bevor es komplett heruntergeladen wurde. JPEG-Qualitt (nur bei JPEG): Niedrige Einstellungen verringern die Dateigre bei entsprechendem Qualittsverlust; hohe Werte erzeugen vergleichsweise groe Dateien, behalten aber auch die hohe Qualitt. Beachten Sie, dass auch bei einer Einstellung von 100% die Datei komprimiert wird. 75% erzeugt eine sehr gute Kompression ohne bemerkbare Verluste in der Qualitt - empfehlenswert fr die meisten Verwendungen. Interlace (nur GIF und PNG): verhlt sich wie ein progressives JPEG. Im Internet erscheint zuerst ein niedrig aufgelstes Bild. Whrend die Datei geladen wird, nimmt die Auflsung zu. Transparent (nur GIF und PNG): Bereiche, die nicht von Objekten verdeckt werden, werden mit dieser Option durchsichtig. Dies erzeugt einen Eintrag in der Farbpalette als transparent (bei GIF) bzw. einen Alpha-Kanal (bei PNG). Jede Ebene in eigene Datei exportieren: Mit dieser Option werden Dokumente mit mehreren Ebenen in einzelne Dateien - eine pro Ebene - gespeichert. Die Dateien werden nach den Ebenennamen (in der SEITEN- & EBENEN-GALERIE ) benannt.

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.

Importieren und Exportieren Design-Galerie


Die Galerie bietet professionell gestaltete Vorlagen, von kompletten Seiten oder ganzen Websites bis zu einzelnen Elementen, die Ihr Design aufwerten knnen. So ffnen Sie die Galerie: Whlen Sie EXTRAS -> GALERIEN -> DESIGN-GALERIE. Sie knnen auch auf die DESIGN-GALERIE -Schaltflche auf der Galerien-Leiste klicken.

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

Importieren und Exportieren


Widgets und Vorlagen zu sehen. Sie ffnen eine Vorlage als neues Dokument, indem Sie auf sie doppelklicken. Um die Vorlage in Ihr aktuelles Dokument einzufgen, ziehen Sie diese per Drag & Drop in Ihr Design. Seitenvorlagen werden als neue Seite an Ihr aktuelles Dokument angehngt. Andere Vorlagen und Widgets werden auf der aktuellen Seite eingefgt. Wenn Sie ein Widget auf die Seite ziehen, ffnet sich ein Browser-Fenster, in dem Sie das Widget konfigurieren 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 Platzhalter mit Vorschaubild des Widgets erzeugt. Sie sehen ein einfaches, statisches Bild auf der Seite in MAGIX Web Designer 7 Premium, das richtige Widget sehen Sie, wenn Sie die Seite exportieren und die Seitenvorschau ffnen. Fr weitere Informationen, lesen Sie das Kapitel Widgets (auf Seite 373).

Web Designer Premium anpassen

443

Web Designer Premium anpassen


ndern des leeren Vorlagendokuments
Das leere Vorlagendokument ist die Vorlage, die unter "Datei" > "Neu" zur Verfgung steht. Gestaltete Vorlagen stehen in der Design-Galerie zur Verfgung (oder ber den Menpunkt Datei -> Neu aus der Design-Galerie).

Hinzufgen eines Vorlagendokuments:

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.

Eigene Symbole in Browser-Reitern: Favicons


Vielleicht mchten Sie ein eigenes Symbol, z. B. ein Logo, anzeigen lassen, wenn Ihre Website in einem Reiter eines Webbrowsers angezeigt wird. In Web Designer Premium knnen Sie dies tun, indem Sie dem gewnschten Symbol den Namen favicon geben. Ein Favicon erzeugen Sie, indem Sie das gewnschte Bild auf Ihre Seite ziehen oder zeichnen. Die Gre des Bildes ist egal, da es bei der Anzeige im Browser automatisch auf die passende Gre skaliert wird. Klicken Sie es an und klicken Sie dann auf die Namen-Schaltflche rechts in der Infoleiste des AUSWAHL-WERKZEUGS .

444

Web Designer Premium anpassen


Schreiben Sie in den Namen-Dialog unter NAMEN favicon und klicken Sie erst auf HINZUFGEN , dann auf SCHLIEEN .

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.

Optionen im Men Extras


Mit EXTRAS > OPTIONEN oder Strg + Umschalt + O ffnen Sie den Optionen-Dialog. Hier knnen Sie einige Voreinstellungen fr Web Designer Premium vornehmen.

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

Web Designer Premium anpassen Allgemein


Diese Seite beschreibt die General tab des Dialoges unter Extras > Optionen.

445

Gre der Liste zuletzt geffneter Dateien


In einem Untermen des Dateimens gibt es eine Liste der zuletzt geffneten Dateien. ber diese Liste kann man schnell diese Dateien wieder laden. Hier knnen Sie einstellen, wie viele Dateien dort angezeigt werden (1 - 20).

Aktuelle Ebene immer sichtbar und bearbeitbar


Hinweis: Im Kapitel Ebenen (auf Seite 383) finden Sie weitere Details zu Ebenen und zur EBENEN-GALERIE . Wenn diese Option ausgewhlt wurde, ist eine ausgewhlte Ebene in der EBENEN-GALERIE automatisch sichtbar und bearbeitbar. Wenn diese Option nicht ausgewhlt wurde, bleiben die sicht- und bearbeitbaren Zustnde einer Ebene unverndert, wenn Sie die Ebene auswhlen.

446

Web Designer Premium anpassen


Vor Setzen aktueller Attribute nachfragen
Diese Option aktiviert einen Besttigungsdialog, der immer dann erscheint, wenn ein aktuelles Attribut verndert wird. Ein aktuelles Attribut verndern Sie, indem Sie ein Attribut (z. B. Farbe, Linienbreite...) ndern, ohne dass ein Objekt ausgewhlt ist. Bei aktivierter Option werden Sie gebeten, die nderung zu besttigen. Ist die Option nicht aktiviert, so wird die nderung ohne Nachfrage bernommen.

Gruppen als Ganzes transparent machen


Hinweis: Lesen Sie dazu auch das Kapitel Transparenzen. Wenn Sie eine Gruppe von Objekten transparent machen, wird nach der Voreinstellung von Web Designer Premium die gesamte Gruppe transparent gemacht, als ob sie ein Objekt wre (d. h. den Objekten der Gruppe werden keine individuellen Transparenzen zugewiesen). Wird diese Option deaktiviert, erhlt jedes Objekt seine eigene Transparenz.

Namen der importieren Ebenen beibehalten


Ist diese Funktion aktiviert, werden Ebenen-Informationen beim Import von Vorlagen oder anderen Dateien beibehalten. Wenn Sie stattdessen EBENEN IN DIE AKTIVE EBENE IMPORTIEREN auswhlen, werden die Ebenen-Informationen ignoriert und alle Objekte in die aktuell ausgewhlte Ebene importiert. WICHTIG: Beachten Sie, dass Sie diese Einstellung nicht ndern sollten, wenn Sie Web-Vorlagen aus der Design-Galerie verwenden. Die meisten Web-Vorlagen haben mehrere Ebenen, die zur Realisierung von MouseOver-Effekten benutzt werden. Daher ist es wichtig, dass beim Import diese Ebenen (MouseOver/MouseOff) erhalten bleiben und in denselben Ebenen im bestehenden Dokument landen.

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.

Dokument soll eine Website sein


Hier stellen Sie ein, dass das Dokument primr als Website exportiert werden soll. Dadurch wird die Behandlung von Links auf Objekten im Programm leicht verndert. Wenn Sie diese Option abschalten, funktioniert ein Link auf einem Objekt innerhalb einer Gruppe nach dem Export nichtin der exportierten Webseite, da die Gruppe als Ganzes in eine Grafik exportiert wird. Ist die Option jedoch eingeschaltet, wird der Link automatisch auf die gesamte

Web Designer Premium anpassen


Gruppe bertragen. Wenn Sie also z. B. auf den Text einer Schaltflche einen Link legen (und nicht auf die gesamte Schaltflche), so wird der Link auf die gesamte Schaltflche angewendet. In der Grundeinstellung ist diese Option eingeschaltet.

447

Windows kompatible Textlnge anzeigen


Lesen Sie dazu Text-Kompatibilitt in Browsern (auf Seite 225) im Kapitel ARBEITEN MIT
TEXT .

Schrittweite
SCHRITTWEITE

betrifft das Bewegen von Objekten mit den Pfeiltasten.

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.

Raster und Lineal


Diese Seite beschreibt die Grid and Ruler tab des Dialoges unter Extras > Optionen.

448

Web Designer Premium anpassen


Raster- und Linealabstand
HAUPTABSTAND

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:

Web Designer Premium anpassen


Normaler Klick: Mindestens eine Taste sollte fr den normalen Klick zugeteilt sein. Umschalt+ Klick Strg + Klick Alt + Klick Popup-Men zeigen (siehe unten) Vollbild-Modus ein-/ausschalten; lesen Sie dazu auch das Kapitel Arbeiten mit Dokumenten (auf Seite 85) Vergrern/verkleinern, Umschalt + Klick, um heraus zu zoomen; dies wird in Arbeiten mit Dokumenten (auf Seite 86) beschrieben SCHIEBE-WERKZEUG (als ob Umschalt + F8 gedrckt wre) Das Popup-Men enthlt verfgbare Optionen fr das Objekt, welches Sie gerade anklicken. Die meisten Objektarten bieten z. B. AUSSCHNEIDEN, KOPIEREN, EINFGEN, LSCHEN, DUPLIZIEREN, KLONEN . Diese Funktionen werden im Kapitel Arbeiten mit Objekten (auf Seite 111) beschrieben.
MAUSRAD-BEWEGUNG : Sie knnen zwischen Scrolling (hoch/runter) und Vergrern bzw. Verkleinern whlen. Scrolling ist die Standardeinstellung.

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.

Radius fr das Ausrichten an Objekten


Hinweis: Ausrichten an Objekten wird ausfhrlich im Kapitel Arbeiten mit Objekten (auf Seite 131) beschrieben. Diese Werte bestimmen, wie nahe Objekte den Ausrichtpunkten kommen knnen, bevor Sie angezogen werden. Es sind Abstnde auf dem Bildschirm und nicht abhngig von der Gre Ihres Dokuments.

450

Web Designer Premium anpassen Seitengre


Diese Seite beschreibt die Page Size tab des Dialoges unter Extras > Optionen.

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.

Web Designer Premium anpassen Symbolleisten


Sie knnen die Symbolleisten von Web Designer Premium an unterschiedliche Stellen im Fenster verschieben, neue Symbolleisten erstellen, Schaltflchen zwischen Symbolleisten hin- und herschieben oder -kopieren u. v. m. Sie knnen weder die Infoleiste eines Werkzeugs, noch die Ausklappmens, die sich hinter einigen Schaltflchen befinden, verndern.

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.

Symbolleisten ein- und ausblenden


Das Anzeigen der Symbolleisten wird ber den Dialog SYMBOLLEISTEN gesteuert (FENSTER > SYMBOLLEISTEN ).

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.

Angedockte und freischwebende Symbolleisten


In der Regel sind die Symbolleisten angedockt, d. h. sie sind am Fensterrand fest positioniert und werden beim Verschieben des Fensters ebenfalls verschoben. Symbolleisten knnen ebenfalls freischwebend sein. In diesem Fall folgen sie den Fensterbewegungen nicht.

452

Web Designer Premium anpassen

Abb.: Freischwebende Symbolleiste

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 in ihrer Gre ndern


Wenn Sie den Mauszeiger auf den Rand der Symbolleiste ziehen, wird er zu einem Doppelpfeil. Damit knnen Sie an der Kante ziehen, um die Symbolleiste zu skalieren.

Neue Symbolleisten erstellen


Um eine neue Symbolleiste zu erstellen, klicken Sie im Dialog EXTRAS > SYMBOLLEISTEN auf NEU . Hiermit knnen Sie eine neue Symbolleiste erstellen und benennen. Die neue Leiste ist leer. Sie knnen Schaltflchen per Drag & Drop hinzufgen.

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.

Schaltflchen und Werkzeuge bewegen


So werden Schaltflchen und Werkzeuge bewegt:

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.

Web Designer Premium anpassen


-

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.

Schaltflchen und Werkzeuge ausblenden


Bewegen Sie Schaltflchen oder Werkzeuge, die Sie verstecken mchten, auf eine andere Symbolleiste und blenden Sie diese dann (wie oben beschrieben) aus. Werden diese Schaltflchen spter wieder gebraucht, rufen Sie die Leiste ber FENSTER > einfach wieder auf.

SYMBOLLEISTEN

Hinweis: Schaltflchen und Werkzeuge knnen nicht gelscht werden.

454

Mens und Tastaturkrzel

Mens und Tastaturkrzel


Einfhrung
Die folgenden Menbefehle beziehen sich oft auf ein ausgewhltes Objekt. Meistens gelten sie aber auch fr mehrere ausgewhlte Objekte. Wir verwenden deswegen ausgewhltes Objekt als Abkrzung von: ein oder mehrere ausgewhlte Objekte. Die Programmfunktionen knnen oft alternativ aus dem Men, ber eine Symbolleiste oder auch mit einem Tastaturkrzel aufgerufen werden. Gibt es ein Tastaturkrzel und/oder eine Schaltflche fr die jeweilige Funktion, wird dies neben dem Meneintrag mit aufgefhrt. Beispiel: Neu (Standardsymbolleiste oder Strg + N) Hier soll dargestellt werden, dass es fr den Menbefehl NEU eine Schaltflche auf der Standardsymbolleiste sowie das Tastaturkrzel Strg + N mit derselben Funktion gibt.

Men Datei
Neu (Standardsymbolleiste oder Strg + N)
Erstellt ein neues Dokument.

Neu aus der Designs-Galerie


Wenn Sie diese Option auswhlen wird die Designs-Galerie geffnet und Sie knnen eine Vorlage fr ein neues Dokument auswhlen. Klicken Sie auf einen Ordner in der Galerie um ihn zu ffnen und doppelklicken Sie die gewnschte Vorlage, um ein neues Dokument mit dieser zu ffnen. Sie knnen die Designs-Galerie auch ber das Symbol in der Galerien-Leiste ffnen.

ffnen (Standardsymbolleiste oder Strg + O)


ffnet ein neues Fenster und ldt eine Datei. Folgende Dateitypen knnen geladen werden: Eine Web Designer Premium .web Datei ffnet ein bestehendes Web Designer Premium-Dokument zur Bearbeitung.

Mens und Tastaturkrzel


Sie knnen auch jedes andere Import-Format ffnen. Lesen Sie Importieren & Exportieren (auf Seite 427) fr eine Liste der Formate. Dadurch wird ein neues Dokument mit der Datei geffnet.

455

Zuletzt benutzte Dateien


Hier erreichen Sie eine Liste der zuletzt geladenen oder gespeicherten Dateien. ber diese Liste knnen die Dateien schnell erneut geladen werden. Sie knnen die Anzahl der angezeigten Dateien ndern. Lesen Sie das Kapitel Web Designer Premium anpassen (auf Seite 445) fr weitere Details.

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 (Standardsymbolleiste oder Strg + S)


Speichert das aktuelle Dokument.

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).

Importieren... (Strg + Alt+ I)


Ldt eine Datei in das aktuelle Dokument. Fr eine Liste der untersttzten Formate lesen Sie Importieren & Exportieren (auf Seite 427) . Beachten Sie den Unterschied zwischen FFNEN und IMPORTIEREN : Beide laden eine Reihe an verschiedenen Formaten, jedoch passiert dies bei ffnen immer in einem neuen Dokument. IMPORTIEREN ldt die Datei in das aktuell geffnete Dokument.

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

Mens und Tastaturkrzel


JPEG exportieren
Auch in der Export-Werkzeugleiste. Sie knnen auch rechtsklicken und Exportieren > JPEG exportieren whlen. Lsst Sie die ausgewhlten Objekte, eine Seite oder das gesamte Dokument als JPEG exportieren.

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.

Vorschau Seite (F12)


Exportieren und Vorschau der aktuellen Seite des aktuellen Website-Dokuments. Sie knnen auch ber die Vorschau-Schaltflche in der Web-Werkzeugleiste eine Vorschau Ihrer Seite anzeigen. Klicken Sie im Vorschaufenster oben auf den Browser, den Sie testen mchten. Vorschau der Seite in Google Chrome

Vorschau der Seite in Mozilla Firefox

Vorschau der Seite im Internet Explorer

Vorschau der Seite in Opera

Vorschau der Seite in Safari

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.

Mens und Tastaturkrzel


Website exportieren
Auch in der Export-Werkzeugleiste.

457

Aktuelles Dokument als HTML exportieren

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.

Animiertes GIF exportieren


Diese Funktion steht Ihnen auch in der Animations-Werkzeugleiste zur Verfgung, die in Animations-Dokumenten unter der Standard-Werkzeugleiste angezeigt wird.

Exportiert eine Animation zur Verwendung auf einer Website.

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

Mens und Tastaturkrzel


Druckeinstellungen
Hier legen Sie die Einstellungen des Druckers fest. Weitere Informationen finden Sie im Kapitel Drucken (auf Seite 421).

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).

Wiederherstellen (Standardsymbolleiste oder Strg + Y)


Mit Wiederherstellen knnen Sie den zuletzt RCKGNGIG gemachten Befehl wiederherstellen. Auch hierbei zeigt der weitere Wortlaut die Art der wiederherstellbaren Aktion. Lesen Sie dazu auch den Abschnitt Rckgngig & Wiederherstellen (auf Seite 110).

Ausschneiden (Symbolleiste bearbeiten oder Strg + X)


Schneidet das markierte Objekt aus und kopiert es in die Zwischenablage. Lesen Sie dazu auch das Kapitel Arbeiten mit Objekten (auf Seite 116).

Kopieren (Bearbeiten-Symbolleiste oder Strg + C)


Kopiert das ausgewhlte Objekt in die Zwischenablage. Der weitere Wortlaut dieser Option informiert ber den ausgewhlten Objekttyp. Das Objekt bleibt im Dokument erhalten. Lesen Sie dazu auch das Kapitel Arbeiten mit Objekten (auf Seite 116).

Einfgen (Symbolleiste Bearbeiten oder Strg + V)


Sie knnen auch rechtsklicken und EINFGEN whlen.

Mens und Tastaturkrzel


Fgen Sie damit den Inhalt der Zwischenablage in das Dokument ein. Je nachdem, wie diese Option im Men tatschlich benannt ist, lsst sich auf den Inhalt der Zwischenablage schlieen. Lesen Sie dazu das Kapitel Arbeiten mit Objekten (auf Seite 116). Gelegentlich knnen Sie den Inhalt der Zwischenablage in mehreren verschiedenen Formaten in ein Dokument einfgen. In diesem Fall erscheint der Dialog SPEZIELLES EINFGEN , in dem Sie das gewnschte Format whlen knnen.

459

Unformatierten Text einfgen


Fgt Text aus der Zwischenablage ohne jede Formatierung in das Dokument ein.

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

Mens und Tastaturkrzel


Das kopierte Objekt wird auf die Mittelposition des gelschten Objekts verschoben oder dort eingefgt.

In aktuelle Ebene einfgen


Dieselbe Funktion wie AN POSITION EINFGEN, nur dass das Objekt in die aktuelle Ebene eingefgt wird. Dies ist dann sinnvoll, wenn die darber oder darunter liegenden Ebenen angezeigt werden und Sie das eingefgte Objekt anzeigen oder verbergen mchten.

In aktueller Ebene an Position einfgen


Dieselbe Funktion wie IN AKTUELLE EBENE EINFGEN, mit der Ausnahme, dass das Objekt an derselben Stelle in die aktuelle Ebene eingefgt wird, von der es kopiert wurde.

Lschen (Bearbeiten-Symbolleiste & Standardsymbolleiste bzw. Entf)


Lscht das markierte Objekt. Der weitere Wortlaut informiert ber das aktuell ausgewhlte Objekt. Lesen Sie dazu auch das Kapitel Arbeiten mit Objekten (auf Seite 116).

Alles markieren (Strg + A)


Whlt alle Objekte aus, die in den editierbaren Ebenen des Dokuments liegen. Editierbare und gesperrte Ebenen werden im Kapitel Ebenen (auf Seite 383) beschrieben.

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.

Duplizieren (Symbolleiste Bearbeiten oder Strg+Alt+D)


Sie knnen auch rechtsklicken und DUPLIZIEREN whlen. Kopieren Sie das ausgewhlte Objekt, wobei Sie die Kopie leicht versetzt vom Original platzieren. Die Kopie wird dann zum ausgewhlten Objekt. Der Versatz kann eingestellt werden (siehe Web Designer Premium anpassen (auf Seite 447)).

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).

Mens und Tastaturkrzel Men Anordnen


Auf eine Ebene weiter vorne (Symbolleiste Anordnen oder Strg+Umschalt+U)
Sie knnen auch rechtsklicken und ANORDNEN > AUF EINE EBENE WEITER VORNE whlen. Bewegen Sie das Objekt eine Ebene weiter nach vorne. In der Zielebene wird das Objekt zu hinterst angebracht. In Animations-Dokumenten wird aus dieser Option dann ZUM NCHSTEN FRAME VERSCHIEBEN .

461

In den Vordergrund (Symbolleiste Anordnen oder Strg+F)


Sie knnen auch rechtsklicken und ANORDNEN > IN DEN VORDERGRUND whlen. Bewegen Sie das ausgewhlte Objekt vor alle anderen Objekte derselben Ebene. Siehe Arbeiten mit Objekten (auf Seite 111) fr weitere Informationen.

Eins nach vorn (Symbolleiste Anordnen oder Strg+Umschalt+F)


Sie knnen auch rechtsklicken und ANORDNEN > EINS NACH VORN whlen. Versetzen Sie das selektierte Objekt einen Schritt nach vorne (siehe Kapitel Arbeiten mit Objekten (auf Seite 111)).

Eins nach hinten (Symbolleiste Anordnen oder Strg+Umschalt+B)


Sie knnen auch rechtsklicken und ANORDNEN > EINS NACH HINTEN whlen. Versetzen Sie das selektierte Objekt einen Schritt nach hinten (siehe Kapitel Arbeiten mit Objekten).

In den Hintergrund (Symbolleiste Anordnen oder Strg+B)


Sie knnen auch rechtsklicken und ANORDNEN > IN DEN HINTERGRUND whlen. Bewegen Sie die gewhlten Objekte in dieser Ebene hinter alle anderen (siehe Kapitel Arbeiten mit Objekten (auf Seite 111)).

Auf eine Ebene weiter hinten (Symbolleiste Anordnen oder Strg+Umschalt+D)


Sie knnen auch rechtsklicken und ANORDNEN > AUF EINE EBENE WEITER HINTEN whlen. Verschieben Sie das gewhlte Objekt eine Ebene nach hinten. In der Zielebene wird das Objekt zu vorderst angebracht. In Animations-Dokumenten wird aus dieser Option dann ZUM VORHERIGEN FRAME VERSCHIEBEN .

Gruppieren (Symbolleiste Anordnen oder Strg+G)


Sie knnen auch rechtsklicken und GRUPPIEREN whlen.

462

Mens und Tastaturkrzel


Die gewhlten Objekte werden in einer Gruppe zusammengefasst, sodass Sie sich wie ein Objekt verhalten (siehe Kapitel Arbeiten mit Objekten (auf Seite 111)).

Gruppe auflsen (Symbolleiste Anordnen oder Strg+U)


Sie knnen auch rechtsklicken und GRUPPE AUFLSEN whlen. Teilen sie die Gruppe oder auch Gruppen in Einzelteile auf. Ist das Objekt keine Gruppe, ist diese Funktion ausgegraut. Bei mehreren Objekten muss mindestens eines eine Gruppe sein, um dies verwenden zu knnen.

Weiche Gruppe bilden (Strg + Alt + G)


Sie knnen auch rechtsklicken und WEICHE GRUPPE BILDEN auswhlen. Die ausgewhlten Objekte formen eine weiche Gruppe. Diese kann auch Objekte auf verschiedenen Ebenen enthalten. Lesen Sie dazu das Kapitel Arbeiten mit Objekten (auf Seite 136).

Weiche Gruppe auflsen (Strg + Alt + U)


Sie knnen auch rechtsklicken und WEICHE GRUPPE AUFLSEN auswhlen. Damit lsen Sie eine weiche Gruppe auf, so dass Sie alle Objekte wieder einzeln auswhlen knnen.

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).

Text an Kurve anpassen/Text von Kurve entfernen


Sie knnen auch rechtsklicken und TEXT AN KURVE ANPASSEN/TEXT VON KURVE ENTFERNEN whlen. Ermglicht die Anpassung eines Textes an eine beliebige Kurve bzw. diesen hiervon zu entfernen (siehe Arbeiten mit Text fr weitere Informationen).

Abweisen und Verankern


Sie knnen auch rechtsklicken und TEXT DARUNTER ABWEISEN, IN TEXT VERANKERN oder ABWEISEN UND VERANKERN auswhlen. Lassen Sie Objekte darunter liegenden Text abweisen und sich in einer Textspalte verankern. Siehe Textabweisende Objekte (auf Seite 213) und Verankerte Grafiken (auf Seite 215) fr weitere Details.

Mens und Tastaturkrzel


Navigationsleiste erstellen
Mit diesem Befehl knnen Sie aus einer einzelnen Schaltflche eine Navigationsleiste erzeugen. Mehr dazu im Kapitel NAVIGATIONSLEISTEN (auf Seite 346).

463

Auf allen Seiten wiederholen (Strg + Alt + Umschalt + R)


Sie knnen auch rechtsklicken und AUF ALLEN SEITEN WIEDERHOLEN whlen. Das ausgewhlte Objekt wird auf jede Seite an dieselbe Stelle kopiert. Der Befehl erzeugt automatisch einen passenden Repeating: AutoRepeat-Namen und weist diesen allen Kopien zu, so dass ab sofort alle Kopien aktualisiert werden, wenn Sie WIEDERHOLTE OBJEKTE AKTUALISIEREN whlen.

Wiederholen beenden (Umschalt + Strg + Alt + O)


Oder rechtsklicken und whlen Sie WIEDERHOLEN BEENDEN. > WIEDERHOLEN BEENDEN sorgt dafr, dass die Wiederholen-Eigenschaft eines Vorkommens eines Objekts oder aller Kopien eines Objekts auf der Website abgeschaltet wird.
ANORDNEN

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).

Bitmap-Galerie (Galerien-Symbolleiste oder F11)


Blendet die BITMAP/GALERIE ein/aus. Lesen Sie dazu das Kapitel Arbeiten mit Bitmaps (auf Seite 298).

Linien-Galerie (Galerie-Symbolleiste oder F12)


Blendet die LINIEN-GALERIE ein oder aus (siehe Linien zeichnen (auf Seite 166)).

Design-Galerie (Galerien-Symbolleiste oder Umschalt + F10)


Blendet die DESIGN-GALERIE ein/aus. Lesen Sie dazu Importieren und Exportieren (auf Seite 427)

Fll-Galerie (Galerien-Symbolleiste oder Umschalt + F11)


Blendet die FLL-GALERIE ein/aus. Lesen Sie dazu Arbeiten mit Bitmaps.

464

Mens und Tastaturkrzel


Frame-Galerie (Galerien-Symbolleiste oder Umschalt + F12)
Blendet die FRAME-GALERIE ein/aus. Nur in Animationen, lesen Sie dazu Flash-Animationen (auf Seite 397).

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).

Web-Einstellungen (Strg + Umschalt + W)


Sie knnen auch rechtsklicken und WEB-EINSTELLUNGEN whlen. Der WEB-EINSTELLUNGEN -Dialog wird geffnet, in dem Sie Web-Funktionen wie Links, Popup-Ebenen, Anker usw. einstellen knnen. Sie knnen auch festlegen, wie Bilder exportiert werden und viele andere Einstellungen vornehmen. Lesen Sie dazu das Kapitel Erste Schritte (auf Seite 22).

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.

Alle JPEGs optimieren


Optimiert alle JPEG-Fotos im Design. Siehe Fotos optimieren (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 :

Mens und Tastaturkrzel


diese Option fr die Vorschau von Flash-Animationen. Es gibt auf der Animations-Leiste eine Schaltflche fr den Schnellzugriff auf diese Option.

465

Rechtschreibung whrend der Eingabe prfen


Hier aktivieren Sie die RECHTSCHREIBPRFUNG (auf Seite 207) im Text-Werkzeug.

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.

Lineale zeigen (Strg + L)


Sie knnen auch rechtsklicken und RASTER/HILFSLINIEN ANZEIGEN > LINEALE ANZEIGEN auswhlen. Lineale werden oben und an der Seite des Web Designer Premium-Fensters angezeigt.

466

Mens und Tastaturkrzel


Symbolleisten
ffnet den Dialog SYMBOLLEISTEN.Lesen Sie dazu das Kapitel Web Designer Premium anpassen (auf Seite 450).

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.

Raster anzeigen (#)


Sie knnen auch rechtsklicken und RASTER/HILFSLINIEN ANZEIGEN > RASTER ANZEIGEN auswhlen. Das Bildschirmraster wird angezeigt (siehe Arbeiten mit Dokumenten (auf Seite 96)).

Hilfslinien anzeigen (Ziffernblock 1)


Sie knnen auch rechtsklicken und RASTER/HILFSLINIEN ANZEIGEN > HILFSLINIEN ANZEIGEN auswhlen. Zeigt oder versteckt die Hilfsebene, auf welcher alle Hilfslinien und Hilfsobjekte liegen.

An Raster ausrichten (Ziffernblock ,)


Sie knnen auch rechtsklicken und AUSRICHTEN AN > AN RASTER AUSRICHTEN whlen. Ist diese Option gewhlt, schnappen Objekte an allen Rasterpunkten ein (siehe Arbeiten mit Dokumenten (auf Seite 131)).

An Hilfslinien ausrichten (Ziffernblock 2)


Sie knnen auch rechtsklicken und AUSRICHTEN AN > AN HILFSLINIEN AUSRICHTEN whlen. Ist diese Option gewhlt, schnappen Objekte an allen Hilfslinien ein (siehe Arbeiten mit Objekten (auf Seite 133)).

An Objekten ausrichten (Ziffernblock *)


Sie knnen auch rechtsklicken und AUSRICHTEN AN > AN OBJEKTEN AUSRICHTEN whlen.

Mens und Tastaturkrzel


Ist diese Option gewhlt, richten sich Objekte an anderen Objekten und deren Anfassern aus; siehe Arbeiten mit Objekten (auf Seite 131) fr weitere Informationen. Sie knnen auch die Entfernung zum Ausrichten einstellen; siehe Web Designer Premium anpassen (auf Seite 443) fr weitere Informationen.

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.

Online-Workshops und mehr


In diesem Men befinden sich ntzliche Links zu Online-Workshops, dem Online-Forum und speziellen Angeboten.

Tipp des Tages


Unterhalb des Tipp des Tages befindet sich ein Kontrollkstchen mit dem Sie bestimmen knnen, ob bei jedem Programmstart Tipps angezeigt werden.

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

Mens und Tastaturkrzel


Registrieren Sie sich bei MAGIX mit der REGISTRIEREN-Option im Men HILFE.

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.

About MAGIX Web Designer 7 Premium


Displays copyright info and version number of MAGIX Web Designer 7 Premium.

Registrieren
Registrieren Sie Ihr Produkt online bei MAGIX, um kostenlose Programmaktualisierungen herunterladen zu knnen und ber Angebote und Neuigkeiten informiert zu werden.

Mens und Tastaturkrzel Tastaturkrzel


Werkzeuge
Auswahl-Werkzeug Formeditor-Werkzeug Rechteck-Werkzeug Ellipsen-Werkzeug Text-Werkzeug Fll-Werkzeug Transparenz-Werkzeug Schatten-Werkzeug Foto-Werkzeug Verschiebe-Werkzeug F2 oder V oder Alt + S F4 Umschalt + F3 oder M Umschalt + F4 oder L F8 oder T F5 oder G F6 Strg + F2 P Umschalt + F8, H oder Alt + X (befinden Sie sich nicht im Text-Werkzeug, funktioniert dazu auch die Leertaste) Umschalt + F7 oder Z oder Alt + Z

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

Mens und Tastaturkrzel


Alles markieren Nchstes Objekt auswhlen Auswahl lschen Auswahl aufheben Objekt nach vorne bringen Objekt nach hinten verschieben Objekt nach vorne verschieben Objekt nach hinten verschieben Objekt eine Eben nach vorn verschieben (Zeichnungen) Objekt eine Eben nach hinten verschieben (Zeichnungen) Zum nchsten Einzelbild gehen (Animationen) Zum vorherigen Einzelbild gehen (Animationen) Gruppe bilden Gruppe auflsen Objekte klonen Objekt mit Verschiebung duplizieren Objekt in Zwischenablage kopieren Auswahl in die Zwischenablage ausschneiden Objekt aus der Zwischenablage einfgen Objekt an der originalen Position einfgen Attribute einfgen Bitmap erstellen Formen addieren Formen subtrahieren Formenschnittmenge Formen zerschneiden Dialog zum Ausrichten ffnen Internetadresse Strg + A Tab Lschen * ESC Strg + F Strg + B * Strg + Umschalt + F Strg + Umschalt + B Strg + Umschalt + U Strg + Umschalt + D Strg + Umschalt + U Strg + Umschalt + D Strg + G Strg + U Strg + K Strg + D Strg + C Strg + X Strg + V Strg + Umschalt + V Strg + Umschalt + A Strg + Umschalt + C Strg + 1 Strg + 2 Strg + 3 Strg + 4 Strg + Umschalt + L* Strg + Umschalt + W

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).

Mens und Tastaturkrzel


Neues Dokument Neue Animation Dokument ffnen Dokument schlieen Zwischen Dokumenten wechseln Dokument drucken Dokument speichern Importieren Grafiken aus dem Internet importieren Exportieren Zeit zur Neuzeichnung eines Dokuments Gitter anzeigen Hilfslinien anzeigen An Raster ausrichten An Hilfslinien ausrichten An Objekten ausrichten Vollbildansicht auswhlen Lineale zeigen Rckgngig Wiederherstellen Strg + N Strg + Umschalt + N Strg + O Strg + W Strg + Tab Strg + P Strg + S Strg + Umschalt + I Alt+W * Strg + Umschalt + E Strg + Umschalt + T Ziffernblock 1 Ziffernblock , Ziffernblock 2 Ziffernblock * Ziffernblock '8' Strg + Umschalt + R Strg + Z oder , Strg + Y oder .

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

Mens und Tastaturkrzel


Langen Bindestrich einfgen, um eine Verwechslung mit einem Trennungszeichen am Ende einer Linie zu vermeiden. Schrift vergrern/verkleinern (Dies gilt nur, wenn die Auswahl durchgngig dieselbe Schriftgre hat). Schrittweite/Unterschneidung erhhen/verringern Neue Zeile beginnen. Den Buchstaben rechts des Text-Cursors lschen. Ist der Text-Cursor am Ende einer Zeile, wird diese mit der nchsten Zeile zusammengefhrt. Den Buchstaben links des Text-Cursors lschen. Ist der Text-Cursor am Anfang einer Ziele, wird diese mit der vorherigen Zeile zusammengefhrt. Allen Text zwischen Text-Cursor und Anfang der Zeile markieren. Allen Text zwischen Text-Cursor und Ende der Zeile markieren. Strg + Umschalt + '-'

Strg + Umschalt + < Strg + Umschalt + > Alt + Pfeiltasten Entf

Rcktaste

Umschalt + Pfeiltasten Umschalt + Ende

Sonderzeichen (im Textwerkzeug)


Unumbrechbares Leerzeichen (Wrter mit solchen Leerzeichen werden am Ende einer Zeile nicht umgebrochen) Bindestrich (Ein Bindestrich ist lnger als ein Minus) Gedankenstrich (Ein Gedankenstrich ist ein sehr langer Bindestrich) Auslassungspunkte Copyright Registriert Warenzeichen Listenpunkt Strg + Leertaste


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 Symbolle