Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
fr:web:page_editor [2015/11/16 08:54] penelope_chapron |
fr:web:page_editor [2015/12/09 07:59] (Version actuelle) penelope_chapron [Position] |
||
---|---|---|---|
Ligne 19: | Ligne 19: | ||
{{page>fr:basic:page_editor#préférences_de_texte}} | {{page>fr:basic:page_editor#préférences_de_texte}} | ||
- | ===== Lignes directrices ===== | + | ===== Guides ===== |
- | In Page Editor and Layout mode, you can access, adjust settings, and name guidelines through Guides under the View tab. In this window you have the opportunity to apply color and set the transparency factor. Once you have created the parameters for a set of guides, you just need to press the save button. Another window will pop open that allows you to name the set of guides for use in the future. All the guide settings you have saved are in the left-hand pane. | + | Dans l'éditeur de pages et le mode mise en page vous pouvez régler les guides et leurs noms dans l'onglet "Affichage". Dans cette fenêtre, vous avez la possibilité d'appliquer de la couleur et de régler la transparence. Une fois que vous avez paramétré vos guides, vous n'avez qu'à cliquer sur "Enregistrer". Une autre fenêtre apparaitra vous permettant de nommer l'ensemble des guides afin de pouvoir les réutiliser plus tard. Tous les paramètres de guides enregistrés se trouvent dans le volet de gauche. |
- | Guides enable you to perfectly align various objects along a line. Guides are not design elements; they will not appear in the output. To create a new guide, click the mouse on the horizontal or vertical ruler and drag it to the workspace. | + | Les guides vous permettent d'aligner parfaitement divers objets le long d'une ligne. Ce ne sont pas des éléments de conception ; ils n'apparaitront pas dans le résultat final. Pour créer un nouveau guide, cliquez à l'aide de votre souris sur la règle horizontale ou verticale et faites-la glisser sur votre espace de travail. |
- | You can move your guides at any time by clicking and dragging them. To remove a guide, simply drag it back to its ruler. Arrange multiple guides on the place to create a general layout pattern for your page. To space guides evenly or to keep pixel-perfect distances, move the mouse pointer over a guide. The current position of the guide and its distance to either neighbor will display. | + | Vous pouvez déplacer vos guides à tout moment en cliquant dessus en en les faisant glisser ou vous le souhaitez. Pour supprimer un guide, il vous suffit de le faire glisser sur sa règle. Disposez plusieurs guides sur votre espace de travail afin de créer un plan de votre page. Pour espacer les guides uniformément ou obtenir des distances au pixel près, déplacez le pointeur de la souris sur un guide. La position actuelle du guide ainsi que sa distance au guide voisin seront affichées. |
- | By default, guides act “magnetic.” Objects that you bring near a guide will automatically snap to the guide's exact position. To change the behavior of guidelines and related settings, right-click on the page background and choose “Guides” from the context menu. | + | Par défaut, les guides sont "magnétiques". Les objets que vous déposerez près d'un guide seront automatiquement alignés sur sa position exacte. Pour changer ce comportement, effectuez un clic droit à l'aide de la souris sur le fond de page et choisissez "Guides" dans le menu contextuel. |
- | In the panel “Guides” you can control the “magnetic” property of guides as well as their position and appearance. With the “Save Settings” button, you can add a pattern of guidelines to the list of stored settings for future reuse on a similar page. | + | Dans le panneau "Guides" vous pouvez contrôler la propriété "magnétique" des guides ainsi que leur position et leur apparence. Vous pouvez ajouter un agencement de guides à la liste des réglages déjà mémorisés pour une réutilisation future sur une page similaire en cliquant sur "Enregistrer les paramètres". |
- | If you have too many guides and you don’t want to close them one by one, or if they are starting to become a distraction, you can use the “Clear Guides” button to remove all guides instantly. | + | Si vous avez trop de guides et que vous ne voulez pas les fermer un par un, ou si ils vous gênent pour travailler, vous pouvez utiliser le bouton "Effacer les repères" pour supprimer tous les guides instantanément. |
===== Marges ===== | ===== Marges ===== | ||
Ligne 39: | Ligne 39: | ||
Grâce à l'utilisation des marges, un web-designer peut mesurer l'affichage de la page par rapport aux tailles d'écran courantes. Vous pouvez utiliser des marges différentes pour chaque site Web StudioLine. | Grâce à l'utilisation des marges, un web-designer peut mesurer l'affichage de la page par rapport aux tailles d'écran courantes. Vous pouvez utiliser des marges différentes pour chaque site Web StudioLine. | ||
- | Allez dans l'onglet "Marges" dans le menu Affichage pour en ouvrir la fenêtre. | + | Allez dans l'onglet "Marges" dans le menu "Affichage" pour en ouvrir la fenêtre. |
- | **Afficher les marges de la zone visible du navigateur Web** - montre les marges sur les zones indiquées de l'écran d'ordinateur. | + | **Afficher les marges de la zone visible du navigateur Web** - Montre les marges sur les zones indiquées de l'écran de l'ordinateur. |
- | **Optimisées pour** - choisir la taille d'écran appropriée en pixels. Les marges affichent la zone approximative d'une fenêtre de navigateur maximisée. | + | **Optimisées pour** - Choisir la taille d'écran appropriée en pixels. Les marges affichent la zone approximative d'une fenêtre de navigateur maximisée. |
- | **Marges toujours au dessus** - affiche les marges au premier plan du contenu de la page. | + | **Marges toujours au dessus** - Affiche les marges au premier plan du contenu de la page. |
- | Remarque : Pour ajuster l'alignement horizontal et vertical d'une page Web ouverte sur laquelle vous travaillez, appuyez sur les boutons d'alignement de la page dans la barre d'outils et choisissez le paramètre approprié dans le manu déroulant. | + | Remarque : Pour ajuster l'alignement horizontal et vertical d'une page Web ouverte sur laquelle vous travaillez, appuyez sur les boutons d'alignement de la page dans la barre d'outils et choisissez le paramètre approprié dans le menu déroulant. |
===== Position ===== | ===== Position ===== | ||
- | This function enables positioning of objects with pixel level accuracy. You access this window by right-clicking on an object and going to the Position tab. | + | Cette fonction permet le positionnement d'objets avec une précision au pixel près. Vous pouvez accéder à cette fenêtre en cliquant avec le bouton droit de votre souris sur une objet et en cliquant sur "Position". |
- | When a single objects is selected, the positioning number is related to the upper left-hand corner of the element. When more than one object is selected, the positioning number is also the upper left-hand corner of the total selection. | + | Lorsqu'un seul objet est sélectionné, le nombre de positions est lié à l'angle supérieur gauche de l'élément. Lorsque plusieurs objet sont sélectionnés, le nombre de positions est également l'angle supérieur gauche, mais de la sélection totale. |
- | **Horizontal** - move the selected objects either right or left on a page. Increasing the number moves the object(s) to the left. Decreasing the number moves the objects to the right. Use the arrows just to the right of the numbers field to specify the exact number of pixels that you would like the object(s) to be moved. | + | **Horizontale** - Déplace les objets sélectionnés vers la droite ou la gauche sur une page. Augmenter le chiffre dans la fenêtre dédiée déplace les objets vers la droite. Utilisez les flèches situées à droite du champ de saisie pour préciser de combien de pixels exactement vous souhaitez déplacer l'objet. |
- | **Vertical** - move the selected objects either up or down. The positioning relates to the highest point or plane of the selected object(s). Use the arrows just to the right of the numbers field to specify the exact number of pixels that you would like the object(s) to be moved. | + | **Verticale** - Déplace les objets sélectionnés vers le haut ou vers le bas. Le point le plus haut de l'objet définit la position donnée. Utilisez les flèches situées à droite du champ de saisie pour préciser de combien de pixels exactement vous souhaitez déplacer l'objet. |
- | **Shift Selected Objects** - moves the selected object by one pixel in the selected direction. If you hold down the shift key while you click on the arrow, this moves the selected object by 10 pixels. | + | **Déplacer les objets sélectionnés** - Déplace l'objet sélectionné d'un pixel dans la direction choisie. Si vous maintenez enfoncée la touche Maj pendant que vous cliquez sur une des flèches, l'objet sera déplacé de 10 pixels à la fois. |