Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. hosting 2 Created with Sketch. hosting Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue svg-CP Created with Sketch. Control-panel-Icon Created with Sketch. wsb Created with Sketch. WSB-Brush Created with Sketch. wsb 2 Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. wp Created with Sketch. wp 2 Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. svg-webmail Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Menu Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Website - Neuigkeiten

Seien Sie kreativ mit der neuen Version des Web Editors

Erstellt 30.09.2014 Kategorie: Website

Wir freuen uns, die neuen Funktionen im Web Editor vorstellen zu können - speziell dazu entwickelt, Ihren Arbeitsablauf zu verbessern.

Allen Kunden steht nun die neue Version des Web Editor zur Verfügung, welche es noch leichter macht, Seiten anzupassen und zu gestalten. Der Bereich "Eigenschaften" ist vereinfacht worden und neue Komponenten wurden hinzugefügt. Die größte Änderung ist aber die Freiheit beim Gestalten der Seite.

Hier finden Sie Videos mit Tipps und Tricks zur Seitengestaltung im neuen Web Editor.


Tipp 1 - Den Platzhalter verwenden
Tipp 2 - Die Hilfslinien benutzen
Tipp 3 - Text oder Bilder aufeinander platzieren
Tipp 4 - Bilder mit Text umfließen lassen
Tipp 5 - Elemente auf mehreren Ebenen platzieren
Tipp 6 - Die roten Flächen zum Finden überlappender Elemente verwenden



Tipp 1 - Den Platzhalter verwenden


Der Platzhalter besteht aus den zwei grauen horizontalen Linien, die sich auf der Arbeitsfläche ober- und unterhalb einer ausgewählten Komponente befinden. Ziehen Sie diese Linien mit der Maus, um den Platzbedarf der Komponente zu vergrößern oder zu verringern.

Durch das Verschieben dieser Linien an einer Hintergrundkomponente können Sie auch mehrere Elemente auf einmal bewegen.




Ebenso kann der graue Platzhalter zum Erzeugen neuen Freiraumes für weitere Komponenten verwendet werden.




Tipp 2 - Die Hilfslinien benutzen


Die Hilfslinien dienen dazu, Bilder und andere Elemente präzise anzuordnen. Sie werden automatisch als gestrichelte Linien angezeigt, sobald Komponenten auf der Arbeitsfläche bewegt werden. Mit den Hilfslinien können Sie Bilder und andere Komponenten Ihrer Webseite exakt aneinander ausrichten.

Und keine Sorge: Die Hilfslinien werden natürlich nicht auf der veröffentlichten Webseite zu sehen sein.






Tipp 3 - Text oder Bilder aufeinander platzieren


Text- und Bildkomponenten können ganz einfach aufeinander platziert werden. Ziehen Sie einfach neue Komponenten auf Ihre Arbeitsfläche und richten Sie sie mit den Hilfslinien aneinander aus.







Tipp 4 - Bilder mit Text umfließen lassen


Um Text um ein Bild herum anzuordnen genügt es, eine Hintergrundkomponente einzufügen, und mit dieser das Umfließen zu kontrollieren.






Tipp 5 - Elemente auf mehreren Ebenen platzieren


Im Web Editor können Komponenten auf unterschiedlichen Ebenen platziert werden. Die Ebenentiefe kann durch Klicken auf das Symbol Ebenentiefe ändern angepasst werden.

Dabei stehen folgende Optionen zur Verfügung: Nach vorne verschieben, Eine Ebene nach vorne verschieben, Eine Ebene nach hinten verschieben und Nach hinten verschieben.






Tipp 6 - Die roten Flächen zum Finden überlappender Elemente verwenden


Einander überlappende Elemente werden durch eine rote Fläche markiert. Bitte dabei beachten, dass diese nur eine Hilfestellung für die Bearbeitung ist, und nicht auf der veröffentlichten Website angezeigt wird.