Outils pour utilisateurs

Outils du site


fr:web:page_editor

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
fr:web:page_editor [2015/07/23 06:49]
henning_stummer créée
fr:web:page_editor [2015/12/09 07:59] (Version actuelle)
penelope_chapron [Position]
Ligne 1: Ligne 1:
-====== ​The Page Editor ​======+====== ​Galeries Web ======
  
 +Pour créer ou modifier une galerie Web, cliquez sur «Web» dans la barre de sélecteur de modes. Cela ouvre la galerie Web la plus récemment ouverte.
  
-To edit web galleries, click on "Web" ​in the Main Tool bar. This opens the most recent opened web gallery. +A droite de la fenêtre vous trouverez les onglets ​"Edition" ​et "Descripteurs" ​tout comme dans les  ​[[:​fr:​web:​image_archive|Archives d'​images]]. En mode Editionles modifications ​de ces volets ne prennent effet que sur les objets sélectionnés sur la page actuellement ouverteDe cette façon, vous pouvez changer les [[:​fr:​web:​editing_descriptors|descripteurs]] ou les [[:​fr:​web:​image_editing|modifications d'​images]] en fonction de vos besoins sur cette galerie Web.
- +
- +
-At the right of the window you see the "Edit" ​and "​Describe"​ bar, just like in the [[:​fr:​web:​image_archive|Image Archive]]. In Page Editor ​mode, modifications ​in these panes only take effect on selected objects on the currently opened ​page. This way you can change the [[:​fr:​web:​editing_descriptors|descriptors]] or [[:​fr:​web:​image_editing|image tool settings]] for your needs on this web gallery. +
  
 {{:​page_editor:​en:​pageeditorweb.jpg?​nolink&​892x589}} {{:​page_editor:​en:​pageeditorweb.jpg?​nolink&​892x589}}
  
 +===== Fond =====
  
-===== Background =====+{{page>​fr:​basic:​page_editor#​fond}}
  
 +===== Descripteurs de page =====
  
-{{page>​fr:​basic:​page_editor#​background}}+{{page>​fr:​basic:​page_editor#​descripteurs_de_page}}
  
 +===== Préférences de texte =====
  
-===== Page Descriptors =====+{{page>​fr:​basic:​page_editor#​préférences_de_texte}}
  
 +===== Guides =====
  
-{{page>​fr:​basic:​page_editor#​page_descriptors}}+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.
  
-===== Text Preferences =====+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.
  
 +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.
  
-{{page>​fr:​basic:​page_editor#​text_preferences}}+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"​.
  
 +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.
  
-===== Guidelines ​=====+===== Marges ​=====
  
 +StudioLine positionne au point exact l'​emplacement de tous les objets sur une page. Le résultat en est que la fenêtre de votre navigateur Web n'aura aucun effet sur l'​affichage de votre page Web ou de son contenu.
  
-In Page Editor and Layout modeyou can access, adjust settings, and name guidelines through Guides under the View tabIn 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.+Grâce à l'​utilisation des margesun web-designer peut mesurer l'​affichage de la page par rapport aux tailles d'​écran courantesVous 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.
  
-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.+**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. ​
  
-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. +**Marges toujours au dessus** - Affiche les marges au premier plan du contenu de la page.
- +
- +
-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. +
- +
- +
-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. +
- +
- +
-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. +
- +
- +
-===== Margins ===== +
- +
- +
-StudioLine utilizes a point exact positioning through which it is possible to place every object on a page to a predetermined position. The result is that a web browser window doesn'​t effect the way your web page or content is displayed. +
- +
- +
-Through the use of margins a web designer can measure the display of page in relation to the typical screen sizes. You can use different margins for every StudioLine website. +
- +
- +
-Go to the Margins tab under the View menu to open up the window. +
- +
- +
-**Show Margins** - shows the margins on indicated areas of the computer screen. +
- +
- +
-**Optimize Options** - choose the appropriate screen size in pixels. The margins display the approximate area of a maximized browser window. +
- +
- +
-**Margins on Top** - displays the margins in the foreground of the page content. +
- +
- +
-Note: To adjust the vertical and horizontal page alignment of an opened web page you are working on, press the Page Alignment buttons in the Tool Bar and choose the appropriate setting from the drop-down menu.+
  
 +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 =====
  
 +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"​.
  
-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. +Lorsqu'​un seul objet est sélectionnéle nombre de positions est lié à l'​angle supérieur gauche de l'​élémentLorsque plusieurs objet sont sélectionnésle nombre de positions est également l'​angle supérieur gauche, mais de la sélection totale.
- +
- +
-When a single objects is selectedthe positioning number is related to the upper left-hand corner of the elementWhen more than one object is selectedthe positioning number is also the upper left-hand corner of the total selection. +
- +
- +
-**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. +
- +
- +
-**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.+
  
 +**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.
  
-**Shift Selected Objects** - moves the selected object by one pixel in the selected directionIf you hold down the shift key while you click on the arrow, this moves the selected object by 10 pixels.+**Verticale** - Déplace les objets sélectionnés vers le haut ou vers le basLe 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.
  
 +**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.
fr/web/page_editor.1437648559.txt.gz · Dernière modification: 2015/07/23 06:49 par henning_stummer