MAGIX Web Designer MX
Diese Website wurde ausschließlich mit MAGIX Web Designer erstellt. Es wurden keine anderen Grafik- oder Softwareprogramme verwendet.
Funktionen für Fortgeschrittene

Wiederholte Objekte

Es ist üblich bei Websites, dass einige Objekte auf allen Unterseiten identisch sind. Beispiele hierfür sind Überschrift, Gestaltung der Kopfzeile und der Fußzeile. In Web Designer werden diese als „Wiederholte Objekte“ bezeichnet. Wiederholte Objekte haben ein kleines Blumensymbol wie dieses in der rechten oberen Ecke wenn sie ausgewählt werden. Wiederholte Objekte können leicht erstellt werden. Versuchen Sie dieser Seite ein Objekt hinzuzufügen, z. B. ein Foto, Clipart oder ein Rechteck. Wählen Sie mit dem Auswahl-Werkzeug das Element und klicken Sie im Menü:   Anordnen -> Auf allen Seiten wiederholen Mithilfe der Seiten- und Ebenen-Galerie können Sie nun sehen, dass das Element auf jeder Seite an derselben Position erscheint. Wird es geändert, ändern sich auch alle Kopien. Ein weiteres wiederholtes Objekt befindet sich in der Fußzeile am unteren Rand jeder Seite. Bearbeiten Sie diesen Text wie gewohnt mit dem Text-Werkzeug und wählen Sie „Wiederholte Objekte aktualisieren“ um die Änderung auf alle Seiten zu übertragen. (Tipp: Wenn Sie das Objekt auf einer Seite nicht haben möchten, entfernen Sie es einfach von dieser Seite. Wenn eine Kopie nicht mehr wiederholt sein soll, wählen Sie Anordnen -> Wiederholen beenden.)

Formate

Formatvorlagen werden in Web Designer unterstützt. Es gibt in der Infoleiste des Text-Werkzeugs ein Auswahlmenü mit allen im Dokument verwendeten Formaten. “Normal” ist das Format für Textkörper, zusätzlich gibt es zwei Überschriftsformate. “Überschrift 2” wird über diesem Absatz verwendet. Sie aktualisieren alle Überschriften dieses Formats, indem Sie eine auswählen, diese bearbeiten (Farbe, Schriftart, Größe, usw.) und dann im Format- Auswahlmenü Format ‘Überschrift 2’ aktualisieren auswählen.

Präsentationen

Wenn Sie die Premium-Version von Web Designer verwenden, können Sie auch webbasierte Präsentationen  wie  dieses Beispiel erstellen. Wie in PowerPoint-Präsentationen lassen sich diese Präsentationen mit der rechten Pfeiltaste steuern.

Text umfließen lassen

Um ein Objekt textabweisend zu machen, rechtsklicken Sie darauf und wählen Sie “Text darunter abweisen”. Wenn Sie das Objekt jetzt bewegen, schiebt es den Text von sich weg. Dabei wird natürlich alles auf der Seite neu ausgerichtet und eventuell ist es erforderlich, die Objekte neu zu positionieren oder die Seitengröße zu ändern, um den überlaufenden Text aufzunehmen. Sie können auch Grafiken in Text verankern. Das bedeutet, dass die Grafik während der Bearbeitung des Textes um den Text verschoben wird. Unten sind zwei Bilder als Beispiele zu sehen. Fügen Sie in den Text ein paar Leerzeilen ein, um zu sehen, wie sich die Bilder verschieben.

Page selection and view

Klicken Sie rechts in der Seiten- & Ebenen-Galerie auf ein Vorschaubild, um die gewünschte Seite anzuzeigen. Klicken Sie auf das kleine Dreieck neben dem Vorschaubild, um die Galerie aufzuklappen und die Ebenen einer Seite anzuzeigen. Wenn Sie wie in einer Textverarbeitung durch die einzelnen Seiten scrollen möchten, klicken Sie mit der rechten Maustaste auf den Seitenhintergrund und wählen Sie Mehrseitige Anzeige.

Seiten umbenennen und neu sortieren

Ziehen Sie einfach die Seiten-Vorschau in der Seiten- & Ebenen-Galerie um die Seiten neu anzuordnen. Seiten können Sie umbenennen, indem Sie sie erst per Klick auswählen und dann noch einmal auf den Seitennamen klicken, der unten auf jeder Seiten-Vorschau angezeigt wird. (Die erste Seite sollte immer index heißen.)

Seiten hinzufügen oder entfernen

Um eine neue Seite zu erstellen, die ähnlich der aktuellen ist, klicken Sie einfach auf dieses Symbol in der oberen Leiste (oder wählen Sie Bearbeiten -> Seiten). Um eine neue Seite aus den Vorlagen hinzuzufügen, z. B. im Stil dieser Seite, öffnen Sie die Design-Galerie und ziehen Sie eine Seitenvorlage aus dem Ordner Website-Vorlagenthemen -> Beispielwebseite in das Dokument. Die Farben werden automatisch angepasst. Die meisten installierten Seitenvorlagen finden Sie unter Website-Vorlagenthemen - es gibt dort auch viele verschiedene Designs.

Sonstige Werkzeuge

Wir erforschen nun einige andere Werkzeuge und Funktionen des Web Designer. Testen Sie diese mit der halbtransparenten Sprechblase unten. Bedenken Sie, dass Sie für die meisten Aktionen das Objekt zuerst auswählen müssen (durch Anklicken mit dem Auswahl-Werkzeug). Farbe ändern: Ziehen Sie eine Farbe aus der Farbleiste auf eine Form. Oder verwenden Sie den Farbeditor (Strg+E). Ändern von Größe, Position und Winkel: Ziehen Sie mit dem Auswahl-Werkzeug einen der 4 Anfasser, die sich um das Objekt befinden. Geben Sie ihr zusätzlich einen weichen Schatten: Wählen Sie das Schatten-Werkzeug links und ziehen Sie an Ihrer Sprechblase. Ändern Sie die Steuerelemente oben. Geben Sie ihr einen Farbverlauf: Wählen Sie das Füll-Werkzeug (Farbtopf-Symbol) und ziehen Sie es über die Form. Ziehen Sie zum Anpassen die Enden der Pfeile. Versuchen Sie, an den Enden des Füll-Pfeils eine Farbe abzulegen. Oder wählen Sie ein Pfeilende und öffnen Sie den Farbeditor (Strg + E). Halbtransparenz: Wählen Sie das Transparenz-Werkzeug (Weinglas) und ändern Sie die Transparenzwerte mithilfe des Reglers oben. Ziehen Sie die Form über die Seite um den Transparenzeffekt zu betrachten. Noch besser: Ziehen Sie mit dem Transparenz-Werkzeug über das Objekt. Nun erhält es einen Transparenzverlauf. Form bearbeiten: Das ist nun ein wenig fortgeschrittener. Wählen Sie die Form, öffnen Sie das Form-Werkzeug(in der Ausklappleiste des 2. Werkzeugs links) und ziehen Sie an der Form oder an einem der kleinen Kontrollpunkte. Falls Sie bereits vektorbasierte Werkzeuge für Beziér-Formen verwendet haben, werden Sie hiermit vertraut sein. Schließlich: Betrachten Sie die Vorschau Ihrer Änderungen - Alles „funktioniert einfach“ im Webbrowser. (Falls Sie bereits andere Webdesign-Programme, HTML-Editoren oder Grafik-Programme verwendet haben, werden Sie nun feststellen, wie fortschrittlich Web Designer ist. Die Möglichkeit, alles überall frei zu positionieren, von allem, einschließlich der Grafik-Werkzeuge genaueste WYSIWYG-Ergebnisse zu erhalten, machen Web Designer zu einem einzigartigen Design-Werkzeug.)
Beispiel für eine  halbtransparente Form Home Fotos Veröffentlichen Widgets Erweitert Anwendergalerie MAGIX Erweitert