<!-- <?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
>José</firstname
><surname
>Pires</surname
><affiliation
><address
><email
>jncp@netcabo.pt</email
></address
></affiliation
><contrib
>Tradução</contrib
></othercredit
> 
</authorgroup>
</chapterinfo>
<title
>Um Tutorial Passo-a-Passo</title>

<para
>Neste capítulo, o &kpresenter; é introduzido com um tutorial simples. Iremos seguir os passos mais básicos que estão envolvidos ao criar uma apresentação e adicionando alguns efeitos básicos. </para>

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

<para
>Quando você inicia o &kpresenter;, a janela para Escolher um Modelo aparece. </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
>Seleccione o modelo chamado <guilabel
>Título</guilabel
> (realçado a azul) seleccionando a opção. Poderá assinalar a opção <guilabel
>Iniciar sempre o KPresenter com o modelo seleccionado</guilabel
> para o tornar o modelo por omissão. </para>

<para
>Agora carregue em <guibutton
>OK</guibutton
>. Isto mostra a janela de edição de 'slides', onde os poderá ver e editar (bem como os objectos neles contidos) no seu documento. De momento, só existe um 'slide' com um objecto dentro dele, sendo este um campo de texto. </para>

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

<para
>Faça duplo-click no campo de texto. O cursor irá mudar para uma barra vertical, que lhe indica que pode agora escrever algum texto, assim como o fundo da área editada muda para cinzento. </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, escreva algum texto! </para>

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

<para
>Carregue fora do texto para deseleccionar o campo de texto quando acabar de escrever. </para>

</sect1>

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

<para
>Vai-se agora adicionar um novo 'slide' ao seu documento. Para o fazer, carregue no menu <guimenu
>Inserir</guimenu
> e carregue então em <guimenuitem
>'Slide'...</guimenuitem
>. </para>

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

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

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

<para
>Seleccione a opção <guilabel
>Escolher um modelo diferente</guilabel
> e carregue em <guibutton
>OK</guibutton
>, para adicionar uma página nova a seguir à página 1. </para>

<para
>A janela inicial aparece, de modo que poderá decidir como é que o 'slide' novo deverá ficar. Desta vez, seleccione o <guilabel
>Ecrã</guilabel
> e faça duplo-click no modelo <guilabel
>Uma Coluna</guilabel
> (realçado a azul.) </para>

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

<para
>O novo 'slide' irá aparecer agora na janela de edição. Para mudar de páginas na sua apresentação, poderá seleccionar os 'slides' na área à esquerda (realçada a 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
>A página inserida como nova tem dois campos de texto. Um é para um título e outra para conter uma lista de itens com pontos. </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
>Faça duplo-click e escreva um título. Depois faça duplo-click no segundo campo de texto com o ponto. Introduza algum texto e termine o parágrafo, carregando na tecla <keycap
>Enter</keycap
> ou <keycap
>Return</keycap
>. À medida que vai escrevendo parágrafos novos, os pontos vão aparecendo automaticamente à frente deles. </para>

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

<para
>Pode deseleccionar o campo de texto se carregar fora dele. </para>

</sect1>

<sect1 id="insert-pic">
<title
>Inserir uma imagem</title>

<para
>Voltando ao primeiro 'slide' agora, use a lista de 'slides' à esquerda do seu ecrã. </para>

<para
>Nesta secção, vai-se embelezar a apresentação um pouco, adicionando um logótipo bonito à página de título. Para o fazer, o primeiro passo é carregar no item de menu <guimenu
>Inserir</guimenu
> e depois em <guimenuitem
>Imagem...</guimenuitem
>. </para>

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

<para
>Isto mostra uma janela de selecção de ficheiros. Para aprender sobre isto ou sobre outra janela normal do &kde;, consulte por favor a documentação do &kde;. Poderá navegar se for carregando nos ícones das <guiicon
>pastas</guiicon
> ou usando os botões do estilo do <guiicon
>navegador</guiicon
> na barra de ferramentas (realçada a vermelho). Se carregar na <guiicon
>seta para cima</guiicon
> irá subir um nível na hierarquia de pastas. </para>

<para
>Procure o ficheiro chamado <filename
>koffice-logo.png</filename
>, o qual poderá estar numa pasta diferente da que é mostrada na imagem abaixo. Poderá também escolher outro ficheiro de imagem se o desejar! Seleccione o ficheiro e carregue em <guibutton
>OK</guibutton
>. </para>

<screenshot>
<screeninfo
>Escolher uma imagem a adicionar</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut12.png" format="PNG"/></imageobject>
<textobject
><phrase
>Escolher uma imagem a adicionar</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Carregue com o &LMB; onde deseja colocar o logótipo no seu tamanho original ou desenhe um rectângulo com o cursor do rato esquerdo, de modo a indicar a posição e o tamanho do logótipo. Existem pegas de selecção (pequenos quadrados) visíveis em torno do gráfico. </para>

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

<para
>Coloque o cursor do rato em qualquer ponto a meio do logótipo, arrastando-o para o meio da página de título. Depois, use as pegas de selecção para o dimensionar correctamente. </para>

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

<para
>É tudo. Tem agora uma imagem na página do título! </para>

</sect1>

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

<para
>Poderá incorporar qualquer documento suportado pelo &koffice; num 'slide' do &kpresenter;. Vamos então escolher um gráfico do &kchart;. Para o fazer, o primeiro passo é carregar no menu <guimenu
>Inserir</guimenu
> e <guimenuitem
>Objecto</guimenuitem
>. </para>

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

<para
>Aparece uma lista dos componentes disponíveis do &koffice; como submenu. Seleccione <guilabel
>Gráfico</guilabel
> e depois seleccione com o seu rato a área onde deseja colocar o seu gráfico no 'slide' do &kpresenter;. </para>

<screenshot>
<screeninfo
>Seleccione a área onde deseja pôr o gráfico</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Seleccione a área onde deseja pôr 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 largar o botão do rato, 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, se carregar com o &RMB; irá mostrar o menu de configuração que lhe permite modificar os parâmetros do gráfico. Veja por favor o manual  de utilizador do &kchart; para obter mais informações sobre a utilização do &kchart;.</para>

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

<para
>Se carregar uma vez no gráfico, poderá arrastá-lo para mudar a sua posição e também para arrastar os contornos para o tornar maior ou menor, como se fosse outro objecto qualquer do &kpresenter;. Faça duplo-click no gráfico para o colocar no modo do &kchart; e modificar qualquer uma das propriedades do gráfico.</para>

</sect1>

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

<para
>Continuando a melhorar a página de título, vai-se agora adicionar uma sombra por detrás deste. Carregue com o botão <mousebutton
>direito</mousebutton
> em qualquer ponto do texto de título. Isto origina duas coisas: o campo de texto que contém o título fica seleccionado e aparece também um menu. </para>

<para
>Seleccione a opção <guimenuitem
>Sombrear os Objectos...</guimenuitem
> do 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
>Aparece então a janela da <guilabel
>Sombra</guilabel
>. A distância entre a sombra e o texto é de momento 0, por isso esta não consegue ser vista (esta parte da janela está realçada a vermelho.) </para>

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

<para
>Aumente o valor da distância para 3. O efeito de alterar a distância poderá ser visto na janela de antevisão. Carregue agora em <guibutton
>OK</guibutton
>. </para>

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

<para
>Agora o título passou a ter 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
>Mude a cor do texto do título</title>

<para
>Para terminar, vai-se alterar a cor do texto do título de preto para azul. Para o fazer, seleccione o texto do título, fazendo duplo-click no campo de texto. </para>

<para
>Abra a janela para <guilabel
>Seleccionar uma Cor</guilabel
>, carregando no ícone <guiicon
>azul escuro A</guiicon
> do lado direito da barra de <guilabel
>Texto</guilabel
> (este ícone tem uma dica Cor...) ou escolha a opção do menu <guimenu
>Texto</guimenu
> e carregue depois em <guimenuitem
>Cor...</guimenuitem
>, mudando a cor para azul.</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
>Carregue em <guilabel
>OK</guilabel
> na janela de <guilabel
>Selecção de Cores</guilabel
>. A mudança de cor do texto seleccionado para azul altera a sua aparência. A cor exacta para a qual muda 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, carregue fora do texto para o deseleccionar. </para>

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

<para
>Agora que existem dois 'slides', porque não tentar uma apresentação? Para iniciar a apresentação, carregue no botão para <guiicon
>reproduzir</guiicon
> (a seta dupla azul) na barra de <guilabel
>Apresentação</guilabel
>. O primeiro 'slide' deverá então aparecer no seu ecrã. </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 'slide' para o seguinte, basta carregar em qualquer ponto do ecrã 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, carregue com o botão <mousebutton
>direito</mousebutton
> e seleccione então a opção <guimenuitem
>Terminar</guimenuitem
> do menu de contexto. </para>

</sect1>

</chapter>
