Mehrere Varianten

Die Erstellung von Websites im Responsive Web Design (RWD) kann traditionell eine komplexe Javascript-Programmierung erfordern. Da Xara jedoch ein auf "Null-Programmierung" ausgerichtetes Designer-Tool ist, hat der Benutzer immer noch alle Möglichkeiten des Freiform-Layouts, des "Anywhere"-Webdesigns - und kann auch mehrere Varianten derselben Website erstellen. So können Sie beispielsweise eine Variante für mobile Geräte mit schmalem Bildschirm, ein anderes Layout für Tablets mit kleinem Bildschirm und eine weitere Variante für einen herkömmlichen Desktop mit großem Bildschirm erstellen.

Wichtig ist, dass der Inhalt - d. h. der Text, die Bilder, die Grafiken und die Farbschemata - von allen Varianten gemeinsam genutzt wird. Der zweite wichtige Punkt ist, dass die verschiedenen Layout-Varianten für jede Seite keine separaten HTML-Dateien sind, sondern alle Teil einer einzigen HTML-Datei sind, die dynamisch und sofort von einem Layout zum anderen wechseln kann, je nach Browserbreite.

Für jede Variante, die Sie erstellen, können Sie das Layout nach Belieben anpassen. Sie können die Größe und Position von Elementen auf der Seite ändern, die von allen Varianten gemeinsam genutzt werden. Bearbeiten Sie den Text für die schmale mobile Variante und der Text wird für die anderen Varianten aktualisiert. Sie können auch den Textstil einer Variante aktualisieren und die Änderungen nur für diese Variante gelten lassen. Sie können auch entscheiden, dass Sie für eine Variante andere Inhalte oder Grafiken wünschen - mobile Varianten haben in der Regel einen reduzierten Inhalt.

Wenn Sie eine Seite in einer Variante hinzufügen oder löschen, wird die Seite automatisch auch in den anderen Varianten erstellt oder entfernt. So hat Ihre Website in allen Varianten immer die gleiche Seitenanordnung.

Webseiten müssen seinnamens wenn die Seite nicht benannt ist, wird automatisch ein Name verwendet, damit sie in allen Varianten gemeinsam genutzt werden kann.

Erstellen von RWD-Websites aus Vorlagen

Der bei weitem einfachste Weg, mit Varianten zu beginnen, ist die Verwendung einer der Website-Vorlagen aus dem - Importieren Sie einfach die Website-Vorlage, um sie zu öffnen und mit der Bearbeitung zu beginnen.

Wenn Sie eine Vorlage öffnen, sehen Sie zwei Dokument-Registerkarten, eine davon ist das Hauptdokument der Website, die so genannteHauptvarianteund die andere, schmalere Vorlage ist die Mobile Variante. Xara zeigt jede Variante in einer eigenen Registerkarte an, so dass Sie schnell und einfach zwischen den Varianten wechseln können. Vielleicht finden Sie es hilfreich, Ihre Webdokumente mit dem "Fenster" > "Ansichten anordnen" um Ihre Varianten nebeneinander aufzustellen.