<!-- <?xml version="1.0" ?> <!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//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 >Selecione a opção <guilabel >Escolher modelo diferente</guilabel > e clique em <guibutton >OK</guibutton >, para adicionar uma página nova após a página 1. </para> <para >A janela inicial aparece, de modo que nós poderemos decidir como o 'slide' novo deverá ficar. Desta vez, selecione o <guilabel >Tela</guilabel > e 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 itens 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 com o marcador. 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 item 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 >Clique com o &LMB; onde deseja colocar o logotipo no seu tamanho original ou desenhe um retângulo com o &LMB; do mouse (clique o &LMB; e mantenha o botão pressionado) para especificar a posição e o tamanho do logotipo. Existem pegas de seleção (pequenos quadrados) 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 <guisubmenu >Objeto</guisubmenu >. </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 e selecione o texto. </para> <para >Abra a janela <guilabel >Selecionar Cor</guilabel > clicando no ícone <guiicon >azul escuro A</guiicon > à esquerda da barra <guilabel >Texto</guilabel > (este ícone possui como dica 'Cor...') ou escolha a opção do menu <guimenu >Texto</guimenu > e então clique em <guimenuitem >Cor...</guimenuitem > e mude 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 >Clique <guilabel >OK</guilabel > na janela de <guilabel >Seleção de Cores</guilabel >. A mudança de cor do texto selecionado para azul altera a sua aparência. A cor exata 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 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 >reproduzir</guiicon > (a seta dupla azul) na barra <guilabel >Apresentação</guilabel >. 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>