Diese Website wurde ausschließlich mit MAGIX Web Designer erstellt. Es wurden keine anderen Grafikprogramme 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 aktualisieren’ auswählen.

Präsentationen

Benutzer der Premium-Version von Web Designer können jetzt auch web-basierte Präsentationen, ähnlich den web- basierten PowerPoint-Präsentationen, erzeugen. Ihre Internet-Zuschauer können entweder selbst die einzelnen Folien durchklicken oder Sie steuern die Präsentation für eingeladene Zuschauer selbst.

Text umfließen lassen

Um ein Objekt textabweisend zu machen, klicken Sie mit der rechten Maustaste darauf und wählen Sie „Text darunter abweisen“. Wenn Sie das Objekt jetzt bewegen, verschiebt es den Text um sich. 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. In Version 9 gibt es mehr automatische Seitenanpassungen. Wenn Sie hier Text hinzufügen oder entfernen, verschieben sich alle Elemente unterhalb nach oben oder unten, auch Grafiken und die Fußzeile. Die Seitengröße wird angepasst, sogar die Blumengrafik unten auf der Seite bleibt an der richtigen Stelle. Grafiken und Fotos können in eine Textzeile eingefügt werden. Alternativ können Grafiken an einem Punkt im Text verankert werden. D. h. dass die Grafik mit dem Text während der Bearbeitung verschoben wird. Die beiden Bilder unten sind Beispiele dafür – Fügen Sie in diesen Text ein paar Leerzeilen ein, um zu sehen, wie sie sich bewegen.

Seiten-Auswahl und -Ansicht

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

Verschieben Sie die Seiten einfach 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-Themen -> Kostenloses Beispiel 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 nehmen Sie den Farbeditor (Strg + E). Ändern Sie Größe, Position und Winkel: Ziehen Sie mit dem Auswahl-Werkzeug einen der 4 Anfasser, die sich um das Objekt befinden. Geben Sie ihm einen weichen Schatten: Wählen Sie das Schatten-Werkzeug links und ziehen Sie an Ihrer Sprechblase. Ändern Sie die Steuerelemente oben. Geben Sie ihm einen Farbverlauf: Wählen Sie das Füll-Werkzeug (Farbtopf-Symbol) und ziehen Sie mit gehaltener Maustaste ü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 zweiten 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. Abschließend: Betrachten Sie die Vorschau Ihrer Änderungen - Alles was Sie machen „funktioniert einfach“ im Web- Browser. (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 Mehr... MAGIX Web Designer 9 MAGIX Erweitert