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/23 08:28] penelope_chapron [Lignes directrices] |
fr:web:page_editor [2015/12/09 07:59] (Version actuelle) penelope_chapron [Position] |
||
---|---|---|---|
Ligne 21: | Ligne 21: | ||
===== Guides ===== | ===== Guides ===== | ||
- | 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. | + | 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. |
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. | 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. | ||
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. |