KWord/Tutorials/BasicLayout

From KDE UserBase Wiki
Revision as of 11:01, 21 August 2012 by Ddurand42 (talk | contribs)
Other languages:

Premier exemple de Mise en page

Premier exemple de Mise en page
Cette mise en page a été destinée à une vente de plantes de charité. Apprenez ces techniques et vous pourrez les utiliser dans de nombreuses occasions. Vous pouvez enregistrer et ré-utiliser ces images pour votre usage. Cliquez sur les vignettes et vous obtiendrez l'image en pleine taille.


Dans cette leçon, vous

  • ajouterez des boîtes de texte et ajusterez leur taille et position
  • formaterez du texte
  • ajouterez des illustrations
  • ajusterez leur taille et position

Lancez KWord et sélectionnez le modèle Document vide. vous obtenez une page blanche de la taille la plus répandue pour votre région géographique - habituellement A4 ou Lettre. En utilisant le menu Format, sélectionnez Mise en page. Pour ce projet, j'ai utilisé A4, mais il n'y aurait pas beaucoup de modifications à faire pour l'utiliser sur une page Lettre.

Dans ce type de mise en page, vous avez besoin de marges généreuse, aussi configurez la mage haute à 25 mm et celles des trois autres côtés à 20 mm. Si vous utilisez le format Imperial, ajustez les marges à 1" en haut et 3/4" sur les autres côtés.

Warning

Actuellement (version 2.3.3), la modification des marges ne fonctionne pas comme il le devrait dans KWord. Il devrait fonctionner dans la prochaine version. Voir this forum thread.


Dans la boîte à outils de droite, sous Ajouter une forme, cliquez sur l'outil Forme texte et tracez une boîte de marge à marge et de 3 cm de haut (environ 1.25") - vous pouvez voir la position de votre curseur sur la règle de gauche. vous obtenez une boîte colorée mais il s'agit juste d'un marqueur. Une boîte de dialogue Cadre apparaît. Cela deviendra notre notre en-tête, aussi vous pouvez modifier le nom si vous le souhaitez, mais vous pas besoin de changer autre chose. Cliquer sur Ok et la boîte Texte se remplit avec un texte modèle. Maintenant, cliquez sur l'Outil d'édition de texte - le texte modèle disparaît et vous pouvez ajouter votre texte d'en-tête. J'utilise la police URW Chancery L, 48pt pour le titre et 24pt pour le sous-titre. sélectionnez les deux lignes de texte et cliquez sur pour centrer. La police, sa taille, sa justification et les autres attributs de texte peuvent être définis dans l'onglet Abcdu panneau Options des outils. si vous ne voyez pas ce panneau dans la partie droite basse de la fenêtre, vous pouvez la faire apparaître en sélectionnant l'élément en question dans Affichage -> Affichage des panneaux ou en cliquant sur Ctrl + H.

Créez une autre boîte de text, marge à marge, et de 1.5 cm de haut, et ajoutez le sous-titre:

This plant gets its unfortunate name because many people think that the flowers develop a strong smell if taken into a warm room

While a box is selected, hovering over it produces a cross-arrow cursor. You can use this for large movements of the box. We will later use Properties to make fine adjustments.

That's the heading all sorted. Now we need to look at illustrating our page. Many cameras use a 4:3 format, so we will use Image frames that are 8cm x 6 cm.

Using the Image shape tool create your first box touching the left-hand margin, just below your text box. Drag it as close as you can to the desired size - it can be tweaked later. Like the text box it creates a coloured box, then it opens a dialog for you to point it to the desired picture. We will select Hellebore1.jpg for this picture.
Repeat the process, creating this image box immediately below, and just touching the bottom margin. Select the file Hellebore3.jpg.
The third image box should be the same size, touching the right margin, and positioned vertically as close as you can to half-way between the other two. Select the file Hellebore2.jpg

Warning

You may find, that adding images does not quite work as described above. Instead you may find that the image is entered in its full size, completely ignoring the box you carefully dragged. If that is the case, you just have to resize and reposition the image. In this case it is probably easier to simply select the Image Shape tool, click somewhere in your document, pick the image and adjust it afterwards.

To resize the image grab one of the small squares at the edge of the image - the marker becomes a pair of small arrows pointing up/down, left/right or diagonally depending on which square you use - and drag it to the desired size. To reposition the image grab it anywhere - the marker becomes a four small arrows pointing up/down/right/left - and drag it to the desired position


Now we need to tweak the position, to get them exactly where we want them. First, make sure you are using the default (pointer) tool

Tip

The default page already has a basic text frame, covering the whole of the usable page. If at any time you can't reach a frame to work with it, click on an empty part of the page and you should see the frame highlighted. From the Frames menu, Send to Back, so that it's behind your working frames.


Look at the image frame that is best aligned to the left margin - select that frame by clicking on it, right-click and select Frame/Frameset Properties. On the Geometry tab you can see position and size. If your margin is 20mm, set X: to 2cm. Correct the Width to 8cm and Height to 6cm.

Repeat these settings on the other left-hand image, so that they are perfectly aligned. For the right-hand image, set the Width and Height to match the others. Setting X: to 11cm should line it up nicely.

Now we turn our attention to adding the descriptive text boxes.

Select the Text shape , and draw a box approximately 6cm wide and 3 cm deeps, in the center of the space to the right of your first picture. Into that paste the text:

Flowering Season:

Late winter, typically starting February and lasting for several weeks.

You will see the text automatically wrap to the box. Right-click to get the Frame/Frameset Properties, and adjust the width until the wrap gives you reasonably balanced lines.

The second text box is created and adjusted in the same way, using the text:

Description:

Very dark green, deeply divided palm-like leaves below bright acid-green flowers which are often burgundy-tipped.

The final text box uses the words:

Habitat:

Prefers to be out of strong sunlight.  Thrives under trees where the bright flowers add a welcome glow.

Again, adjust the width on the Geometry tab of the Frame/Frameset Properties. You now need to check the X: setting for the two text boxes Flowering Season and Habitat, making sure that they are identical. The width is less important, but a badly-aligned box is very noticeable. The middle box doesn't have anything to line up with, so just adjust until it looks central in the space.

Just one task left. Return to the heading and sub-heading banners and use the Frame/Frameset Properties to ensure that they start and end on the margins.

That's all there is to it. If you were doing an advertising flyer you could have a smaller-text banner across the bottom with your contact details.

In the next tutorial you will use your own images and text, and we will explore text-flow, both around shapes and between boxes.