<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Mike</firstname
> <surname
>McBride</surname
> </author>
<othercredit role="translator"
><firstname
>Marcus</firstname
><surname
>Gama</surname
><affiliation
><address
><email
>marcus_gama@uol.com.br</email
></address
></affiliation
><contrib
>Tradução</contrib
></othercredit
> 
</authorgroup>
</chapterinfo>
<title
>Tutorial Passo à Passo</title>
<indexterm
><primary
>tutorial</primary
></indexterm>
<para
>Esta seção é um passeio passo à passo pelas mais importantes funções necessárias para compreender como criar e manipular um documento complexo. Este tutorial criará o início de uma notícia como um documento exemplo. </para>

<para
>É recomendável que você acompanhe o tutorial na ordem pelo menos uma vez se você é novato em processadores de texto baseados em quadro.</para>

<sect1 id="choose-template">
<title
>Tutorial: Escolhendo o modelo inicial</title>

<note
><para
>As passos deste tutorial estão numerados de 1 à 22. Abaixo de cada passo, existe texto em <emphasis
>itálico</emphasis
>. Este texto explanará qual o passo anterior no tutorial foi completado.</para
></note>

<para
>Quando você pela primeira vez <link linkend="starting-kword"
>inicia o &kword;</link
> (ou <link linkend="new-doc"
>inicia um novo documento</link
> com o &kword; rodando), um diálogo aparece.</para>

<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="ChooseTempDia.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject>
</mediaobject>

<para
><emphasis
>This dialog box is used to:</emphasis
></para>
<orderedlist numeration="arabic">
<listitem>
<para
><emphasis
>Select the initial template for your new document</emphasis
></para>
</listitem>
<listitem>
<para
><emphasis
>Abrir um documento &kword; salvo em seu disco rígido ou rede.</emphasis
></para>
</listitem>
<listitem>
<para
><emphasis
>Start &kword; without any document started.</emphasis
></para>
</listitem>
</orderedlist>

<para
>Step 1: Click on the <guilabel
>Page Layout</guilabel
> tab.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut1.png"/></imageobject
><textobject
><phrase
>Tela</phrase
></textobject
></mediaobject>

<para
><emphasis
>Isto listará os modelos Orientados à Página disponíveis em seu sistema. Para informações sobre as diferenças entre modelos Orientados à Página e Orientados à Texto, veja a seção entitulada <link linkend="wp-vs-dtp"
>A diferença entre modelos Oreintados à Texto e Orientados à Página</link
>.</emphasis
></para>

<para
>Passo 2: Agora selecione o ícone <guilabel
>Layout Simples</guilabel
> clicando uma vez com o botão esquerdo do seu mouse.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut2.png"/></imageobject
><textobject
><phrase
>Tela</phrase
></textobject
></mediaobject>

<para
><emphasis
>Este é o modelo que nós usaremos para este tutorial</emphasis
></para>

<para
>Passo 3: Agora confirme sua selecção clicando no <guibutton
>OK</guibutton
> </para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut3.png"
align="center"/></imageobject
><textobject
><phrase
>Tela</phrase
></textobject
></mediaobject>

<para
><emphasis
>Para completas sua seleção</emphasis
></para>

<para
><emphasis
>O &kword; abrirá um novo documento com três quadros. Os quadros possuem fundo branco e são circundados por uma linha, como caixas cinzas. Cada caixa é um quadro separado.</emphasis
></para>

</sect1>

<sect1 id="tutorial-frame-select">
<title
>Tutorial: Selecionando um quadro e inserindo texto neste quadro</title>

<para
><emphasis
>Para iniciar a inserção de texto (ou adição de qualquer tidpo de dado relacionado) no documento, é importante informar ao &kword; em qual quadro ele deve colocar os dados.</emphasis
></para>

<note>
<para
>A fim de manter tanto a edição como a formatação de seu documento eficiente e simples, o comando executado com um clique de mouse muda dependendo de onde o ponteiro da janela do &kword; está localizado.</para>

<para
>Quando o ponteiro está localizado sobre barras de ferramentas, barras de rolagem, botões de menu ou outras áreas <emphasis
>fora do documento</emphasis
>, o ponteiro é uma seta. Você já deve estar familiarizado com este tipo de ponteiro ao usar outros programas &kde;. </para>
<para
>Quando <emphasis
>dentro do documento</emphasis
>, existem dois ponteiros separados que se alternam automaticamente baseado no quão perto de um lado de quadro o ponteiro está atualmente localizado.</para>
<para
>Quando o ponteiro do mouse estiver perto do lado de um quadro, o ponteiro mudará para duas linhas cruzadas com setas em todas as quatro pontas. Clicar com o botão esquerdo do mouse agora selecionará o quadro mais próximo. </para>
<para
>Conforme você move o ponteiro do mouse para longe do lado do quadro, o ponteiro mudará para um ponteiro de entrada de texto. Clicar o botão esquerdo do mouse neste momento dirá ao &kword; para inserir texto dentro do quadro.</para>
</note>


<para
>Passo 4: Posicione o ponteiro do mouse sobre o quadro superior esquerdo. Certifique-se de que você não vê o <emphasis
>ponteiro seletor de quadro</emphasis
></para>
<para
>Passo 5: Clique uma vez com o botão esquerdo do mouse.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut4.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject>

<para
><emphasis
>This tells &kword; to insert text into this frame. A cursor appears in the upper left corner of the frame. </emphasis
></para>

<para
>Step 6: Enter the following text into the keyboard: <userinput
>KWord Press Release</userinput
>.</para>

<para
><emphasis
>Isto é apenas um exemplo de texto para sua notícia.</emphasis
></para>

<para
>Step 7: Select <emphasis
>KWord Press Release</emphasis
> by placing the mouse cursor on the right end of the text. Click once with the &LMB; and drag the mouse cursor to the left.. Selected text will be white text on dark background. When all the text has been selected, release the &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut7.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>
<para
><emphasis
>Isto define que texto será alterado com o Passo 8.</emphasis
></para>
<para
>Passo 8: Clique dentro da caixa combinada de tamanho do texto. Mude este número para 26.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut8.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Isto muda o tamanho do texto selecionado para um mais apropriado para um título.</emphasis
></para>

</sect1>

<sect1 id="tutorial-resize-frame"
> <title
>Tutorial: Mudando o tamanho de um quadro</title>

<para
><emphasis
>Agora que nós já inserimos algum texto, nós podemos ver que o quadro deve se extender por toda a largura da página para ser um título. Nós precisamos mudar o tamanho e forma do quadro. </emphasis
></para>

<para
>Passo 9: Posicione o ponteiro do mouse sobre a borda do quadro (nós já informamos que o cursor muda para duas linhas cruzadas com setas), e clique uma vez com o &LMB;.</para>

<para
><emphasis
>Isto selecionará este quadro, de modo que ele possa ser remodelado.</emphasis
></para>

<para
><emphasis
>You will now notice the frame is outlined in black, with 8 dark squares on the outline. These squares are used for re-sizing the frame.</emphasis
></para>

<para
>Step 10: Place the mouse pointer over the dark square in the lower right corner of the frame. Click with the left mouse button and hold it down. Drag the mouse up and to the right.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut11a.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Observer como o quadro muda de forma. Ajuste o tamanho e forma do quadro até que ele pareça com o exemplo abaixo:</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut11b.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
>Quando estiver feito, solte o botão do mouse.</para>

</sect1>

<sect1 id="tutorial-move-frame"
> 
<title
>Tutorial: Moving a frame on the page</title>

<para
>Agora que nós criamos um bloco de título, nós o centralizaremos no topo da página.</para>

<para
>Passo 11: Posicione o ponteiro do mouse sobre a borda do quadro (mas não em qualquer um dos quadrados pretos).</para>

<para
><emphasis
>O ponteir do mouse agora muda para uma seta de quatro pontas. Isto indica que o &kword; está pronto para mover o quadro na página.</emphasis
></para>

<para
>Passo 12: Clique e mantenha pressionado com o botão esquerdo do mouse. Arraste o mouse, e o quadro o seguirá. Posicione o quadro no centro da página próximo ao topo. Quando você estiver satisfeito com a posição final, solte o botão do mouse.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut13.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

</sect1>

<sect1 id="tutorial-add-frame"
> 
<title
>Tutorial: Adicionando um novo quadro/Fazendo o fluxo de texto entre dois quadros</title>
<para
>Now we will add a new text frame for our first story.</para>
<para
>Step 13: Begin by selecting <menuchoice
><guimenu
>Insert</guimenu
><guimenuitem
>Text Frame</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>O ponteiro do mouse muda para linhas cruzadas. Você pode desenhar sua nova caixa de texto com este cursor. Inicie colocando o ponteiro num dos cantos. Clique e mantenha pressionado o botão <mousebutton
>esquerdo</mousebutton
> do mouse. Arraste o mouse diagonalmente. Uma linha retangular aparece representando seu novo quadro de texto. Quando você tiver um quadro de texto de razoável tamanho, solte o botão <mousebutton
>esquerdo</mousebutton
> do mouse.</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14a.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Não se preocupe se sua caixa de texto não parecer-se com a do exemplo para a finalidade deste tutorial.</emphasis
></para>

<para
><emphasis
>Quando você soltar o botão <mousebutton
>esquerdo</mousebutton
> do mouse, uma nova caixa de diálogo aparece.</emphasis
></para>


<para
><emphasis
>Esta caixa de diálogo lista todos os conjuntos de quadros atuais. O valor padrão é destacado. Selecionando o valor padrão, você criará um novo conjunto de quadros (o texto não fluirá de nenhum outro quadro para este quadro)</emphasis
></para>

<para
><emphasis
>Observe que o nome padrão do conjunto de quadros é <guilabel
>Conjunto de Quadros de Texto 3</guilabel
></emphasis
></para>

<para
>Step 14: For the purposes of this tutorial, the default value of <guilabel
>Create new frameset with this frame</guilabel
> is good. Simply select <guibutton
>OK</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut15.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Agora você pode ver seu novo quadro sendo criado. Ele é chamado <guilabel
>Conjunto de Quadros de Texto 3</guilabel
></emphasis
></para>

<para
><emphasis
>Agora nós iremos criar outro pequeno quadro à direita do já criado.</emphasis
></para>

<para
>Step 15: Select <menuchoice
><guimenu
>Insert</guimenu
><guimenuitem
>Text Frame</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
>Novamente usando o ponteiro de linhas cruzadas, desenhe outro pequeno quadro próximo ao primeiro criado.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14b.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
>Uma caixa de diálogo aparece.</para>

<para
>Step 16: Select <guilabel
>Text Frameset 3</guilabel
> using your mouse.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut15b.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
>Step 17: Select <guibutton
>OK</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut16.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>O que você acabou de fazer foi conectar este novo quadro de texto ao último quadro que você criou. Para testar isso:</emphasis
></para>

<para
>Step 18: Click once inside the new frame with the &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut18.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Notice that your cursor immediately jumps to the frame to the left. That is because the left frame is the first frame in the current frameset.</emphasis
></para>

<para
>Step 19: Begin typing. You will need to type quite a bit, but keep typing. When you run out of space in the text frame, you will see your new text is moved immediately into your new text frame.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut19.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

</sect1>

<sect1 id="tutorial-del-frame"
> 
<title
>Tutorial: Excluindo um quadro</title>

<para
>Agora nós excluiremos um quadro desencessário. (Sim, nós apenas criamos um novo quadro, mas o &kword; perdoa um usuário indeciso). Nós iremos excluir o longo quadro de texto do lado direito da página.</para>

<para
>Step 20: Place the mouse pointer over the frame border of the right hand text frame (Remember: watch for the pointer to change), and click with the &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut21.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Isto seleciona o quadro.</emphasis
></para>

<para
>Step 21: Select <menuchoice
><guimenu
>Frames</guimenu
><guimenuitem
>Delete Frame</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut22.png"/></imageobject>
<textobject
><phrase
>Tela</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Uma pequena caixa de diálogo aparece, solicitando uma confirmação de que você realmente deseja excluir este quadro.</emphasis
></para>
<para
>Step 22: Select <guibutton
>Delete</guibutton
>.</para>

<para
><emphasis
>Isto exclui o quadro.</emphasis
></para>

</sect1>
<sect1 id="tutorial-summary">
<title
>Tutorial: Sumário</title>

<para
>Esperamos que este tutorial tenha apresentado as tarefas mais básicas do &kword;. </para>

<para
>Neste momento, você tem:</para>

<itemizedlist>
<listitem
><para
>Texto adicionado a um quadro.</para
></listitem>
<listitem
><para
>Texto redimensionado.</para
></listitem>
<listitem
><para
>Quadros criados, movidos, redimensionados e excluídos.</para
></listitem>
</itemizedlist>
<para
>A finalidade deste tutorial não foi explorar todos os aspectos do &kword;, mas introduzir os conceitos essenciais. Esperamos que você tenha compreendido a manipulação básica de quadros. A partir de agora, você pode acessar seções específicas do manual para ajuda, dicas e características avançadas do &kword;.</para>
</sect1>
</chapter>
