8A356F71-DA6E-4345-B1E7-E401AE4EE163 Created with sketchtool. 9BF07BAC-BC2E-400B-A0CC-69A823F8C48C Created with sketchtool. 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. Trustpilot-stars Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. 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.

Site web - Actualités

Faites preuve de créativité avec le nouveau Web Editor

Écrit 30/09/2014 Catégorie: Site web

Nous sommes heureux de présenter les nouvelles fonctionnalités du Web Editor spécialement conçues pour améliorer la progression du travail.

Tous nos clients obtiennent maintenant la nouvelle version du Web Editor qui facilite l'ajustement et la conception des pages. Les propriétés du panneau sont simples et de nouveaux composants ont été ajoutés. Mais le principal changement est la liberté de conception sur le site.

Consultez ici, les vidéos avec conseils et astuces pour la conception de pages avec le nouveau Web Editor.


Astuce 1 - Utiliser l'ajusteur d'espace
Astuce 2 - Utiliser les lignes directrices
Astuce 3 - Ajouter du texte et des images sur des éléments existants
Astuce 4 - Habillage du texte autour d'images
Astuce 5 - Placer les éléments les uns sur les autres
Astuce 6 - Utiliser les carrés rouges afin de trouver les éléments qui se chevauchent



Astuce 1 - Utiliser l'ajusteur d'espace


L'ajusteur d'espace est composé de deux lignes grises et horizontales, placées au-dessus et au-dessous du composant sélectionné sur l'espace de travail. Glissez simplement les lignes afin d'augmenter ou réduire l'espace autour du composant.

En ajustant ces lignes pour le composant arrière-plan , vous pouvez déplacer plus d'un élément à la fois.




Voyez comment vous pouvez utiliser l'ajusteur d'espace gris afin de faire de la place pour un nouveau composant.




Astuce 2 - Utiliser les lignes directrices


Les lignes directrices vous aident à positionner vos images et éléments précisément. Elles apparaissent automatiquement sous forme de lignes à tiret lorsque vous commencez à déplacer un composant sur votre espace de travail. Utilisez-les pour aligner parfaitement les images ou autres composants du site web que vous créez.

Ne vous préoccupez pas, les lignes directrices ne seront pas visibles sur votre site web publié.






Astuce 3 - Ajouter du texte et des images sur des éléments existants


Vous pouvez facilement ajouter du texte et des images les uns sur les autres. Glissez simplement les nouveaux composants sur votre espace de travail, et utilisez les lignes directrices afin de les aligner.







Astuce 4 - Habillage du texte autour d'images


Voyez comment habiller votre texte autour d'images. Ajoutez simplement un composant arrière-plan, afin de contrôler l'habillage.






Astuce 5 - Placer les éléments les uns sur les autres


Dans le Web Editor, vous pouvez placer les composants les uns sur les autres. Changez la position du composant rapidement en cliquant sur l'icône Modifier la profondeur

Choisissez parmi les options suivantes: Avancer, Déplacer au premier plan, Reculer et Déplacer à l'arrière plan.






Astuce 6 - Utiliser les carrés rouges afin de trouver les éléments qui se chevauchent


Le carré rouge transparent vous indique que certains éléments se chevauchent. Souvenez-vous que le carré rouge n'est qu'une aide pendant que vous travaillez, et ne sera pas publié sur votre site web.