<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@gmail.com</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á uma nota de lançamento como documento de exemplo. </para>

<para
>É recomendável que você acompanhe o tutorial 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
>Os passos deste tutorial estão numerados de 1 a 23. Abaixo de cada passo, existe um texto em <emphasis
>itálico</emphasis
>, que contém explicações ou orientações de como proceder.</para
></note>

<para
>Quando você <link linkend="starting-kword"
>inicia o &kword;</link
> (ou <link linkend="new-doc"
>inicia um novo documento</link
> depois do &kword; já estar rodando), o &kword; solicita um modelo de documento.</para>

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

<para
><emphasis
>Aqui você poderá tanto:</emphasis
></para>
<itemizedlist>
<listitem>
<para
><emphasis
>Selecionar o modelo inicial para seu novo documento.</emphasis
></para>
</listitem>
<listitem>
<para
><emphasis
>Abrir um documento do &kword; salvo no seu disco ou rede.</emphasis
></para>
</listitem>

</itemizedlist>

<para
>Passo 1: Clique em <guilabel
>Documento em Branco</guilabel
>.</para>

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

<para
><emphasis
>Isto listará os modelos disponíveis em seu sistema. Para informações sobre as diferenças entre modelos de Layout de Página e Orientados à Texto, veja a seção <link linkend="wp-vs-dtp"
>A diferença entre modelos Orientados à Texto e de Layout de 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 o tutorial</emphasis
>.</para
> <para
><emphasis
>Nota do tradutor:</emphasis
> este modelo não existe mais nas versões mais recentes do &kword;. No entanto, foi incluído no diretório da documentação um arquivo de modelo do &kword; que pode ser usado neste tutorial. Você pode encontrá-lo em algo como: <emphasis
>/opt/kde3/share/doc/HTML/pt_BR/kword/</emphasis
>. Para aprender como adicionar este modelo aos seus modelos pré-definidos, clique <link linkend="template-add"
>aqui</link
>.</para>

<para
>Passo 3: Agora confirme a sua seleção, clicando em <guibutton
>Usar Este Modelo</guibutton
>.</para>

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

<para
><emphasis
>Para completar a 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 tipo 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, ítens 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 está <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 a forma de duas linhas se cruzando com quatro setas nas quatro pontas. Clicar com o botão esquerdo do mouse neste ponto 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 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
>Isto diz ao &kword; para inserir texto dentro deste quadro. Clique no canto superior esquerdo do quadro para posicionar o cursor no canto superior esquerdo do quadro. </emphasis
></para>

<para
>Passo 6: Insira o seguinte texto usando o teclado: <userinput
>Nota de Lançamento do KWord</userinput
>.</para>

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

<para
>Passo 7: Selecione o <emphasis
>Nota de Lançamento do KWord</emphasis
>, colocando o cursor do mouse na ponta direita do texto. Clique uma vez com o &LMB; e arraste o cursor do mouse para a esquerda. O texto selecionado ficará em branco com um fundo colorido. Quando todo o texto estiver selecionado, solte o &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 na lista <guilabel
>Tamanho da Fonte</guilabel
>. Mude este valor 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 estender 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 a forma de uma seta com quatro pontas), 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
>Você observará que o quadro está circundado em preto, com 8 quadrados posicionados no seu contorno. Estes quadrados são usados para redimensionar o quadro.</emphasis
></para>

<para
>Passo 10: Coloque o cursor do mouse sobre o quadrado no canto inferior do quadro. Clique com o &LMB; e mantenha-o pressionado. Arraste o mouse para cima e para a direita.</para>

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

<para
><emphasis
>Observe 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 tiver terminado, solte o botão do mouse.</para>

</sect1>

<sect1 id="tutorial-move-frame"
> 
<title
>Tutorial: Movendo um quadro na página e colocando quadros em camadas</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: Coloque o cursor do mouse sobre a borda do quadro (mas fora de qualquer um dos quadrados).</para>

<para
><emphasis
>O ponteiro 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 o &LMB;. 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>

<para
>Repare como o lado direito do bloco do título deslizou para trás da moldura vazia à direita. Isto é facilmente corrigido.</para>

<para
>Passo 13: Selecione a opção <menuchoice
><guimenu
>Quadros</guimenu
><guimenuitem
>Trazer para Frente</guimenuitem
></menuchoice
>.</para>

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

<para
>Isto irá colocar o título por cima do outro quadro. Você poderá elevar ou baixar os quadros para obter o visual que precisar.</para>
</sect1>

<sect1 id="tutorial-add-frame"
> 
<title
>Tutorial: Adicionando um novo quadro/Fazendo o texto fluir entre dois quadros</title>
<para
>Agora nós adicionaremos um novo quadro de texto ao nosso documento para nosso primeiro artigo.</para>
<para
>Passo 14: Comece selecionando <menuchoice
><guimenu
>Inserir</guimenu
><guimenuitem
>Quadro de Texto</guimenuitem
></menuchoice
> no menu.</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 duas 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 se parecer 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 aparecerá.</emphasis
></para>


<para
><emphasis
>Esta janela mostra todos os conjuntos de quadros e possui um botão de opção para criar um novo conjunto de quadros (valor padrão). Selecionando o valor padrão, você irá criar um novo conjunto de quadros (o texto não fluirá de nenhum quadro para este quadro)</emphasis
>.</para>

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

<para
>Passo 15: Para o objetivo deste tutorial, o valor padrão para <guilabel
>Criar um novo conjunto de quadros</guilabel
> é adequado. Basta clicar <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
>Passo 16: Selecione <menuchoice
><guimenu
>Inserir</guimenu
><guimenuitem
>Quadro de Texto</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
>Passo 17: Selecione <guilabel
>Conjunto de Quadros de Texto 3</guilabel
> clicando com o &LMB;.</para>

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

<para
>Passo 18: Selecione <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
>Passo 19: Clique uma vez dentro do quadro mais à esquerda com o &LMB;.</para>

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

<para
>Passo 20: Comece a digitar. Você terá que escrever ainda um pouco mais, mas continue digitando. Quando ficar sem espaço no quadro de texto, verá que o seu novo texto passou imediatamente para o seu novo quadro de texto.</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: Removendo um quadro</title>

<para
>Agora nós removeremos um quadro desnecessário. Nós apagaremos o grande quadro de texto existente do lado direito da página.</para>

<para
>Passo 21: Posicione o ponteiro do mouse sobre a borda do quadro à direita do quadro de texto (Lembre-se: observe a mudança de ponteiro), e clique com o &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
>Passo 22: Selecione <menuchoice
><guimenu
>Quadros</guimenu
><guimenuitem
>Excluir Quadro</guimenuitem
></menuchoice
>.</para>

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

<para
><emphasis
>Irá aparecer uma pequena janela que verifica se você pretende mesmo remover o quadro em questão.</emphasis
></para>
<para
>Passo 23: Selecione <guibutton
>Excluir</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 operações básicas do &kword;.</para>

<para
>Agora, você já sabe:</para>

<itemizedlist>
<listitem
><para
>Iniciar um documento novo usando um modelo</para
></listitem>
<listitem
><para
>Adicionar texto a um quadro.</para
></listitem>
<listitem
><para
>Redimensionar o quadro de texto.</para
></listitem>
<listitem
><para
>Criar, mover, redimensionar e excluir quadros.</para
></listitem>
</itemizedlist>
<para
>A finalidade deste tutorial não foi explorar todos os aspectos do &kword;, mas apresentar 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>
