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 Ihr