<!-- <?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 &stage; é 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 &stage;, a janela inicial do &calligra; aparece. </para> <screenshot> <screeninfo >A janela inicial do <guilabel >&calligra;</guilabel ></screeninfo> <mediaobject> <imageobject> <imagedata fileref="tut01.png" format="PNG"/></imageobject> <textobject ><phrase >A janela inicial do &calligra;</phrase ></textobject> </mediaobject> </screenshot> <para >Seleccione o <guilabel >Ecrã</guilabel > e escolha o modelo chamado <guilabel >Vazio</guilabel > (realçado a azul na imagem acima), carregando no botão respectivo. Poderá assinalar a opção <guilabel >Usar sempre este modelo</guilabel > para o tornar o modelo por omissão. </para> <para >Agora carregue em <guibutton >Usar Este Modelo</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. </para> <para >De momento, só existe um 'slide' vazio, pelo que seleccione o 'slide' em cima e à esquerda com o campo de texto único da área <guilabel >Disposições do 'Slide'</guilabel >.</para> <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. </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 >'Slide'</guimenu > e carregue então em <guimenuitem >Inserir um 'Slide'</guimenuitem >. </para> <para >A janela inicial aparece, de modo que poderá decidir como é que o 'slide' novo deverá ficar. Desta vez, seleccione uma disposição em colunas (realçado a azul.) </para> <screenshot> <screeninfo >Escolher uma disposição para a nova página</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut07.png" format="PNG"/></imageobject> <textobject ><phrase >Escolher uma disposição para a nova página</phrase ></textobject> </mediaobject> </screenshot> <para >A nova disposição do '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> <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 é activar a área <guilabel >Adicionar uma Forma</guilabel > com a opção do menu <menuchoice ><guimenu >Configuração</guimenu > <guimenuitem >Áreas Acopláveis</guimenuitem ></menuchoice >. </para> <para >Agora seleccione a imagem na área <guilabel >Adicionar uma Forma</guilabel > e 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 (carregue no &LMB; e mantenha o botão carregado) para indicar a posição e o tamanho do logótipo. </para> <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. Se carregar na <guiicon >seta para cima</guiicon > irá subir um nível na hierarquia de pastas. </para> <para >Seleccione um ficheiro e carregue em <guibutton >OK</guibutton >. </para> <para >Agora a imagem será inserida no 'slide' e existirão pegas de selecção (pequenos quadrados) visíveis em torno do contorno 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> <para >É tudo. Tem agora uma imagem na página do título! </para> <!--FIXME Double click opens the file dialog to replace the image--> </sect1> <sect1 id="insert-object"> <title >Inserir um objecto do &calligra;</title> <para >Vamos inserir outro objecto do &calligra; por baixo da imagem, como por exemplo um gráfico.</para> <para >Todos os objectos suportados pelo &calligra; poderão ser incorporados num 'slide' do &stage;. Vamos escolher então um gráfico na área <guilabel >Adicionar uma Forma</guilabel >. </para> <para >Seleccione <guilabel >Gráfico</guilabel > e depois seleccione com o seu rato a área onde deseja colocar o seu gráfico no 'slide' do &stage;. </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> <para >Quando largar o botão do rato, será adicionado um gráfico em branco ao 'slide'. Sempre que trabalhar no gráfico, as suas <guilabel >Opções da Ferramenta</guilabel > irão aparecer na área acoplável. </para> <screenshot> <screeninfo >As Opções da Ferramenta &kchart;</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut26.png" format="PNG"/></imageobject> <textobject ><phrase >As Opções da Ferramenta &kchart;</phrase ></textobject> </mediaobject> </screenshot> <para >Para mover, redimensionar ou mesmo remover o gráfico incorporado, mude para a ferramenta de <guibutton >Manipulação básica da forma</guibutton > e carregue em qualquer lado da área do gráfico. Esta deverá aparecer agora com um padrão de riscas diagonais e com um pequeno rectângulo preto em cada canto e no meio de cada um dos lados. </para> <para >Se você mover o cursor para qualquer um dos quadrados pretos ele irá mudar para uma seta com duas pontas. Poderá redimensionar o gráfico se arrastar um destes quadrados com o botão <mousebutton >esquerdo</mousebutton > do rato carregado. Para remover o gráfico, carregue com o botão <mousebutton >direito</mousebutton > num dos quadrados e seleccione a opção <guimenuitem >Apagar</guimenuitem >.</para> <para >Para mover o gráfico, coloque o cursor dentro do gráfico. O cursor deverá então mudar para uma cruz; carregue então com o botão <mousebutton >esquerdo</mousebutton > do rato para que possa arrastar o gráfico para o local que deseja.</para> <para >Para repor o gráfico com a sua aparência normal, basta carregar em qualquer lado fora da área do gráfico.</para> <para >Para alterar o formato do gráfico em si, carregue duas vezes com o botão <mousebutton >esquerdo</mousebutton > dentro da área do gráfico. O gráfico <guilabel >Opções das Ferramentas</guilabel > deverá aparecer na área acoplável. Poderá então usar estas ferramentas para editar as propriedades do gráfico, como o seu tipo, legendas, eixos e dados.</para> <para >Carregue em qualquer lado com o &LMB;, fora do gráfico, para voltar ao 'slide' do &stage;.</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 &stage;. 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> <!-- does not work in BETA6 here <sect1 id="addshadow"> <title >Add a shadow to the title text</title> <para> Let's continue enhancing our title page by adding a shadow behind the title. <mousebutton >Right</mousebutton > click anywhere on the title text. This achieves two things: the text box containing the title is selected, and a menu pops up. </para> <para> Select the <guimenuitem >Shadow Objects...</guimenuitem > option in the popup menu. </para> <screenshot> <screeninfo >The context menu</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut15.png" format="PNG"/></imageobject> <textobject ><phrase >The context menu</phrase ></textobject> </mediaobject> </screenshot> <para> The <guilabel >Shadow</guilabel > dialog pops up. The distance between the shadow and the text is currently 0 so the shadow cannot be seen (this part of the dialog box is highlighted in red.) </para> <screenshot> <screeninfo >The <guilabel >Shadow</guilabel > dialog</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut16.png" format="PNG"/></imageobject> <textobject ><phrase >The <guilabel >Shadow</guilabel> dialog</phrase ></textobject> </mediaobject> </screenshot> <para> Increase the distance value to 3. The effect of changing the distance can be seen in the preview window. Now click <guibutton >OK</guibutton >. </para> <screenshot> <screeninfo >Adding a shadow to the title</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut17.png" format="PNG"/></imageobject> <textobject ><phrase >Adding a shadow to the title</phrase ></textobject> </mediaobject> </screenshot> <para> Now the title has a shadow! </para> <screenshot> <screeninfo >The new shadowed title</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut18.png" format="PNG"/></imageobject> <textobject ><phrase >The new shadowed title</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> <!-- Font from menu Format or contextmenu with a lot of options--> <para >Abra o selector de cores com o ícone <inlinemediaobject ><imageobject > <imagedata fileref="22x22-actions-format-text-color.png" format="PNG"/></imageobject > </inlinemediaobject > nas opções de edição do texto (este ícone tem uma dica 'Cor do Texto...').</para> <screenshot> <screeninfo >O selector de cores</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut19.png" format="PNG"/></imageobject> <textobject ><phrase >O selector de cores</phrase ></textobject> </mediaobject> </screenshot> <screenshot> <screeninfo >O selector de cores</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut20.png" format="PNG"/></imageobject> <textobject ><phrase >O selector de cores</phrase ></textobject> <caption ><para >Mude a cor para azul.</para ></caption> </mediaobject> </screenshot> <para >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> <note> <para >A selecção da cor do texto também está disponível na página <guilabel >Decorações</guilabel > da janela para <guilabel >Seleccionar o Tipo de Letra</guilabel >. Abra esta janela com a opção <guimenuitem >Tipo de Letra</guimenuitem > do menu <guimenu >Formato</guimenu > ou do menu de contexto. </para> </note> <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 >Iniciar a Apresentação</guiicon > da barra de ferramentas. O primeiro 'slide' deverá então aparecer no seu ecrã. </para> <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> <para >Para sair da apresentação, carregue no botão &Esc;. </para> </sect1> </chapter>