<!-- <?xml version="1.0" ?>
<!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.1-Based Variant V1.0//EN" "dtd/kdex.dtd">
          
To edit or validate this document separately, uncomment this prolog
Be sure to comment it out again when you are done -->
   
<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Neil</firstname
> <surname
>Lucock</surname
> <affiliation
> <address
><email
>neil@nlucock.freeserve.co.uk</email
></address>
</affiliation>
</author>
<author
><firstname
>Krishna</firstname
> <surname
>Tateneni</surname
> <affiliation
> <address
><email
>tateneni@pluto.njcc.com</email
></address>
</affiliation>
</author>
<author
><firstname
>Anne-Marie</firstname
> <surname
>Mahfouf</surname
> <affiliation
> <address
><email
>annemarie.mahfouf@free.fr</email
></address>
</affiliation>
</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>

<para
>Neste capítulo, o &kpresenter; será apresentado usando um tutorial bem simples. Nós iremos passear através dos passos mais básicos que estão envolvidos na criação de uma apresentação e adição de alguns efeitos básicos. </para>

<sect1 id="start-new">
<title
>Iniciando um novo documento</title>

<para
>Quando você inicia o &kpresenter;, a janela inicial do &koffice; é exibida. </para>

<screenshot>
<screeninfo
>A janela inicial do <guilabel
>&koffice;</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
<textobject
><phrase
>A janela inicial do &koffice;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Selecione <guilabel
>Tela</guilabel
>, no painel à esquerda e então selecione o modelo chamado <guilabel
>Título</guilabel
> (realçado em azul) clicando sobre ele. Você poderá assinalar a opção <guilabel
>Usar sempre este modelo</guilabel
> para o torná-lo o modelo padrão. </para>

<para
>Agora clique em <guibutton
>Usar Este Modelo</guibutton
>. Isto fará com que seja exibida a janela de edição de slides, onde você poderá ver e editar os slides (bem como os objetos neles contidos) do seu documento. Neste momento, só existe um slide com um objeto dentro dele: uma caixa de texto. </para>

<screenshot>
<screeninfo
>O editor de slide</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut02.png" format="PNG"/></imageobject>
<textobject
><phrase
>O editor de slide</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Faça um duplo-clique na caixa de texto. O cursor irá mudar para uma barra vertical, mostrando que você pode agora digitar algum texto, assim como o fundo da área editada se torna cinza. </para>

<screenshot>
<screeninfo
>O cursor de inserção de texto</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut03.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>O cursor de inserção de texto</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Vá em frente, digite algum texto! </para>

<screenshot>
<screeninfo
>Adicionando texto</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut04.png" format="PNG"/></imageobject>
<textobject
><phrase
>Adicionando texto</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Clique fora do texto para desselecionar a caixa de texto quando você tiver terminado de digitar. </para>

</sect1>

<sect1 id="insert-page">
<title
>Adicionando uma nova página</title>

<para
>Vamos agora adicionar um novo slide ao seu documento. Para fazer isso, clique no menu <guimenu
>Inserir</guimenu
> e clique então em <guimenuitem
>Slide</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Inserindo um slide a partir do menu</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut05.png" format="PNG"/></imageobject>
<textobject
><phrase
>Inserindo um slide a partir do menu</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Isto mostra a janela para <guilabel
>Inserir Slide</guilabel
>. </para>

<screenshot>
<screeninfo
>A janela para <guilabel
>Inserir Slide</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut06.png" format="PNG"/></imageobject>
<textobject
><phrase
>A janela para <guilabel
>Inserir Slide</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Clique em <guibutton
>OK</guibutton
> para aceitar os valores padrões, o que adicionará um nova página após a página 1. </para>

<para
>A janela para <guilabel
>Criar Documento</guilabel
> aparece, de modo que você poderá decidir como o novo slide novo deverá ficar. Desta vez, faça um duplo-clique no modelo <guilabel
>Uma Coluna</guilabel
> (realçado em azul.) </para>

<screenshot>
<screeninfo
>Escolhendo um modelo para a nova página</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut07.png" format="PNG"/></imageobject>
<textobject
><phrase
>Escolhendo um modelo para a nova página</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>O novo slide irá aparecer agora na janela de edição. Para acessar as páginas na sua apresentação, você poderá selecionar o slide no painel à esquerda (realçado em azul nesta imagem). </para>

<screenshot>
<screeninfo
>A lista de slides</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut08.png" format="PNG"/></imageobject>
<textobject
><phrase
>A lista de slides</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>O novo slide inserido possui duas caixas de texto. Uma é para um título e outra para conter uma lista de ítens com marcadores. </para>

<screenshot>
<screeninfo
>O novo slide</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut09.png" format="PNG"/></imageobject>
<textobject
><phrase
>O novo slide</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Dê um duplo-clique e digite um título. Então dê um duplo-clique na segunda caixa de texto. Note que um marcador automaticamente aparece quando você inicia a digitação. Digite algum texto e termine o parágrafo teclando <keycap
>Enter</keycap
> ou <keycap
>Return</keycap
>. Quando você digitar novos parágrafos, marcadores aparecerão automaticamente neles. </para>

<screenshot>
<screeninfo
>Adicionando texto ao segundo slide</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut10.png" format="PNG"/></imageobject>
<textobject
><phrase
>Adicionando texto ao segundo slide</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Você pode desselecionar a caixa de texto clicando fora dela. </para>

</sect1>

<sect1 id="insert-pic">
<title
>Inserindo uma figura</title>

<para
>Vamos voltar ao primeiro slide agora. Use a lista de slides à esquerda da sua tela. </para>

<para
>Nesta seção, nós iremos realçar sua apresentação adicionando um belo logotipo à página de título. Para fazer isso, o primeiro passo é clicar no ítem de menu <guimenu
>Inserir</guimenu
>, e então em <guimenuitem
>Figura</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Usando o menu para adicionar uma imagem</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut11.png" format="PNG"/></imageobject>
<textobject
><phrase
>Usando o menu para adicionar uma imagem</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Isto exibirá uma janela de seleção de arquivo. Para aprender como usá-la ou como usar outra janela padrão do &kde; por favor consulte a documentação do &kde;. Você pode navegar clicando nos ícones de <guiicon
>pasta</guiicon
> ou usando os botões estilo <guiicon
>navegador</guiicon
> da barra de ferramentas (destacados em vermelho). Clicar na <guiicon
>seta para cima</guiicon
> sobe um nível na hierarquia de pastas. </para>

<para
>Procure o arquivo chamado <filename
>koffice-logo.png</filename
>, que poderá estar numa pasta diferente da que é mostrada na imagem abaixo. Você poderá também escolher outro arquivo de imagem se o desejar! Selecione o arquivo e clique <guibutton
>OK</guibutton
>. </para>

<screenshot>
<screeninfo
>Escolhendo uma figura para adicionar</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut12.png" format="PNG"/></imageobject>
<textobject
><phrase
>Escolhendo uma figura para adicionar</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Você poderá agora desenhar o logotipo onde deseja que ele fique com o mouse. A imagem do logotipo está agora visível no canto superior esquerdo da janela de edição. Existem pegas de seleção (pequenos quadrados pretos) visíveis em torno do gráfico. </para>

<screenshot>
<screeninfo
>A nova imagem adicionada</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut13.png" format="PNG"/></imageobject>
<textobject
><phrase
>A nova imagem adicionada</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Coloque o cursor do mouse em qualquer ponto no meio do logotipo, arrastando-o para o meio da página de título. Depois, use as pegas de seleção para dimensioná-lo corretamente. </para>

<screenshot>
<screeninfo
>Arrastado e redimensionando a imagem</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut14.png" format="PNG"/></imageobject>
<textobject
><phrase
>Arrastando e redimensionando a imagem</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>É isto. Agora você tem uma figura na página título! </para>

</sect1>

<sect1 id="insert-object">
<title
>Inserindo um objeto do KOffice</title>
<para
>Vamos inserir outro objeto do &koffice; abaixo da imagem, como por exemplo um gráfico.</para>

<para
>Qualquer documento suportado pelo &koffice; pode ser inserido em um slide do &kpresenter;. Vamos então escolher um gráfico do &kchart;. Para fazer isso, o primeiro passo é clicar no menu <guimenu
>Inserir</guimenu
> e então em <guimenuitem
>Objeto</guimenuitem
>. </para>

<screenshot>
<screeninfo
>O menu para Inserir Objeto</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut24.png" format="PNG"/></imageobject>
<textobject
><phrase
>O menu para Inserir Objeto</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Uma lista dos componentes disponíveis do &koffice; aparece como submenu. Selecione <guilabel
>Gráfico</guilabel
> e depois selecione com o seu mouse a área onde deseja colocar o seu gráfico no slide do &kpresenter;. </para>

<screenshot>
<screeninfo
>Selecione a área onde deseja colocar o gráfico</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Selecione a área onde deseja colocar o gráfico</phrase
></textobject>
</mediaobject>
</screenshot>

<!--TODO check if the Open Document dialog should appear when the chart is
created and not a blank chart-->

<para
>Quando soltar o botão do mouse, será adicionado um gráfico em branco ao slide. Sempre que trabalhar no gráfico, as barras de ferramentas e o menu da janela principal do &kpresenter; serão substituídos pelos do &kchart;. </para>

<screenshot>
<screeninfo
>Menus e barras de ferramentas do &kchart; incorporadas</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut26.png" format="PNG"/></imageobject>
<textobject
><phrase
>Menus e barras de ferramentas do &kchart; incorporadas</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Quando estiver no gráfico, clicar com o &RMB; irá mostrar o menu de configurações que lhe permite modificar os parâmetros do gráfico. Consulte por favor o manual do usuário do &kchart; para obter mais informações sobre a utilização do &kchart;.</para>

<para
>Clique em qualquer lado com o &LMB;, fora do gráfico, para voltar ao slide do &kpresenter;.</para>

<para
>Um clique simples no gráfico permitirá arrastá-lo para mudar a sua posição e também arrastar as bordas para torná-lo maior ou menor, como se fosse outro objeto qualquer do &kpresenter;. Dê um duplo-clique no gráfico para colocá-lo no modo do &kchart; e modificar qualquer uma das propriedades do gráfico.</para>

</sect1>

<sect1 id="addshadow">
<title
>Adicionando uma sombra ao texto do título</title>

<para
>Vamos continuar melhorando sua página título adicionado uma sombra atrás do título. Dê um clique <mousebutton
>direito</mousebutton
> em qualquer lugar da caixa de texto título. Isto faz duas coisas: a caixa de texto contendo o título é selecionada, e um menu aparece. </para>

<para
>Selecione a opção <guimenuitem
>Sombrear Objetos...</guimenuitem
> no menu de contexto. </para>

<screenshot>
<screeninfo
>O menu de contexto</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut15.png" format="PNG"/></imageobject>
<textobject
><phrase
>O menu de contexto</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>A janela de <guilabel
>Sombra</guilabel
> aparece. A distância entre a sombra e o texto está atualmente em 0 logo a sombra não pode ser vista (esta parte da janela está destacada em vermelho). </para>

<screenshot>
<screeninfo
>A janela <guilabel
>Sombra</guilabel
></screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut16.png" format="PNG"/></imageobject>
<textobject
><phrase
>A janela <guilabel
>Sombra</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Aumente o valor da distância para 3. O efeito da mudança da distância pode ser visto na área de previsão. Agora clique em <guibutton
>OK</guibutton
>. </para>

<screenshot>
<screeninfo
>Adicionando uma sombra para o título</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut17.png" format="PNG"/></imageobject>
<textobject
><phrase
>Adicionando uma sombra para o título</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Agora o título possui uma sombra! </para>

<screenshot>
<screeninfo
>O novo título sombreado</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut18.png" format="PNG"/></imageobject>
<textobject
><phrase
>O novo título sombreado</phrase
></textobject>
</mediaobject>
</screenshot>

</sect1>

<sect1 id="textcolor">
<title
>Mudando a cor do texto do título</title>

<para
>Vamos terminar mudando a cor do texto do título de preto para azul. Para fazer isso, selecione o texto do título dando um duplo-clique na caixa de texto. </para>

<para
>Mude a cor para azul, clicando no ícone <guiicon
>Azul Escuro</guiicon
> na paleta de cores do lado direito da janela de edição (ao passar o mouse sobre cada ícone de cor é exibida uma dica com o nome da cor) ou escolha a opção do menu <guimenu
>Texto</guimenu
> <guimenuitem
>Cor...</guimenuitem
>.</para>

<screenshot>
<screeninfo
>A paleta de cores</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut19.png" format="PNG"/></imageobject>
<textobject
><phrase
>A paleta de cores</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Clique <guilabel
>OK</guilabel
> na janela de Seleção de Cores. A mudança de cor do texto selecionado para azul altera a sua aparência. A cor exata que ficará o texto realçado depende do esquema de cores do seu sistema. </para>

<screenshot>
<screeninfo
>Texto realçado</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut20.png" format="PNG"/></imageobject>
<textobject
><phrase
>Texto realçado</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Agora clique fora do texto para desselecioná-lo. </para>

<screenshot>
<screeninfo
>O título final</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut21.png" format="PNG"/></imageobject>
<textobject
><phrase
>O título final</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Agora que existem dois slides, por que não testamos a apresentação! Para iniciar uma apresentação, pressione o botão <guiicon
>Iniciar</guiicon
> (a seta azul para a direita) na barra de ferramentas superior. O primeiro slide deverá aparecer em sua tela. </para>

<screenshot>
<screeninfo
>O primeiro slide</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut22.png" format="PNG"/></imageobject>
<textobject
><phrase
>O primeiro slide</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Para avançar do primeiro para o próximo slide, basta clicar em qualquer lugar da tela, ou usar a tecla <keycap
>Page Down</keycap
>. </para>

<screenshot>
<screeninfo
>O segundo slide</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut23.png" format="PNG"/></imageobject>
<textobject
><phrase
>O segundo slide</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Para sair da apresentação, clique com o botão <mousebutton
>direito</mousebutton
> e selecione então a opção <guimenuitem
>Fim</guimenuitem
> no menu de contexto. </para>

</sect1>

</chapter>
