<!-- <?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 >José</firstname ><surname >Pires</surname ><affiliation ><address ><email >zepires@gmail.com</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>