KWord/Tutorials/BasicLayout: Difference between revisions
(Balanced brackets) |
(Marked this version for translation) |
||
(9 intermediate revisions by 3 users not shown) | |||
Line 21: | Line 21: | ||
<!--T:5--> | <!--T:5--> | ||
For this kind of layout you need fairly generous margins, so set the top to 25mm and the other three sides to 20mm. If you work in Imperial, make them 1" at the top and 3/4" on the other sides. | For this kind of layout you need fairly generous margins, so set the top to 25mm and the other three sides to 20mm. If you work in Imperial, make them 1" at the top and 3/4" on the other sides. | ||
<!--T:33--> | |||
{{Warning|1=Currently (version 2.3.3), changing margins doesn't work as you would expect in KWord. It is expected work from the next version. See [http://forum.kde.org/viewtopic.php?f=96&t=94730&p=194602#p194602 this forum thread].}} | |||
<!--T:6--> | <!--T:6--> | ||
In the right-hand toolbox, under <menuchoice>Add Shape</menuchoice>, click on the <menuchoice>Text shape</menuchoice> tool [[Image:Text-shape.png|16px]] and draw a box margin to margin and 3cm (about 1.25") high - you can see your cursor position on the ruler at the left. The result will be a coloured box, but that is just a marker. You get a <menuchoice>Frameset</menuchoice> dialog. This is going to be our banner heading, so you can change its name if | In the right-hand toolbox, under <menuchoice>Add Shape</menuchoice>, click on the <menuchoice>Text shape</menuchoice> tool [[Image:Text-shape.png|16px]] and draw a box margin to margin and 3cm (about 1.25") high - you can see your cursor position on the ruler at the left. The result will be a coloured box, but that is just a marker. You get a <menuchoice>Frameset</menuchoice> dialog. This is going to be our banner heading, so you can change its name if you wish, but you won't need to change anything else. Click <menuchoice>OK</menuchoice> and the text box fills with sample text. Now Click on the <menuchoice>text editing tool</menuchoice> [[Image:KOffice-tool-text.png|16px]] - the sample text disappears and you can add your heading. I used URW Chancery L, 48pt for the title and 24pt for the subheading. Highlight both lines of text and click on [[Image:Kword_alignCenter.png|16px]] to centre it. Font, size, centering, and other text attributes can be set in the <menuchoice>Abc</menuchoice> tab of the <menuchoice>Tool options</menuchoice> docker. If you do not see this docker in the lower right part of the window, you can bring it up by selecting the <menuchoice>Show -> Show dockers</menuchoice> menu item or pressing <keycap>Ctrl + H</keycap>. | ||
<br /><br /> | |||
Create another text box, margin to margin, and 1.5cm deep, and add the sub-text: | |||
<!--T:7--> | <!--T:7--> | ||
Line 48: | Line 53: | ||
|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||[[Image:Hellebore2.jpg|thumb|100px]] | |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||[[Image:Hellebore2.jpg|thumb|100px]] | ||
|} | |} | ||
<!--T:32--> | |||
{{Warning|1=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 <menuchoice>Image Shape</menuchoice> tool, click somewhere in your document, pick the image and adjust it afterwards.<br /><br /> | |||
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}} | |||
<!--T:13--> | <!--T:13--> | ||
Line 53: | Line 62: | ||
<!--T:14--> | <!--T:14--> | ||
{{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.}} | {{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 <menuchoice>Frames</menuchoice> menu, <menuchoice>Send to Back</menuchoice>, so that it's behind your working frames.}} | ||
<!--T:15--> | <!--T:15--> |
Latest revision as of 08:27, 29 April 2011
First Layout Project
In this lesson you will
- add text boxes and adjust their size and position
- format text
- add illustrations
- adjust their size and position
Launch KWord and select the
template. You will be presented with an empty page, with the size most likely for your region - usually A4 or Letter. Using the menu, select . For this project I am using A4, but it shouldn't take much adjustment to fit it to a Letter page.For this kind of layout you need fairly generous margins, so set the top to 25mm and the other three sides to 20mm. If you work in Imperial, make them 1" at the top and 3/4" on the other sides.
![](/images.userbase/thumb/c/cb/Warning.png/40px-Warning.png)
In the right-hand toolbox, under , click on the tool and draw a box margin to margin and 3cm (about 1.25") high - you can see your cursor position on the ruler at the left. The result will be a coloured box, but that is just a marker. You get a dialog. This is going to be our banner heading, so you can change its name if you wish, but you won't need to change anything else. Click and the text box fills with sample text. Now Click on the
- the sample text disappears and you can add your heading. I used URW Chancery L, 48pt for the title and 24pt for the subheading. Highlight both lines of text and click on
to centre it. Font, size, centering, and other text attributes can be set in the tab of the docker. If you do not see this docker in the lower right part of the window, you can bring it up by selecting the menu item or pressing Ctrl + H.
Create another text box, margin to margin, and 1.5cm deep, and add the sub-text:
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
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.
![]() |
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 | ![]() |
![](/images.userbase/thumb/c/cb/Warning.png/40px-Warning.png)
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
![](/images.userbase/thumb/9/98/Ktip.png/40px-Ktip.png)
Look at the image frame that is best aligned to the left margin - select that frame by clicking on it, right-click and select . On the tab you can see position and size. If your is 20mm, set to 2cm. Correct the to 8cm and to 6cm.
Repeat these settings on the other left-hand image, so that they are perfectly aligned. For the right-hand image, set the
and to match the others. Setting to 11cm should line it up nicely.Now we turn our attention to adding the descriptive text boxes.
Select the , 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
, 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
tab of the . You now need to check the 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
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.