<!-- <?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
>Juan Manuel</firstname
><surname
>García Molina</surname
><affiliation
><address
><email
>juanma@superiodico.net</email
></address
></affiliation
><contrib
>Traductor</contrib
></othercredit
> 
</authorgroup>
</chapterinfo>
<title
>Un tutorial paso a paso</title>

<para
>En este capítulo, se presenta &kpresenter; usando un tutorial sencillo. Revisaremos los pasos más báscicos que implican la creación de una presentación y la adición de algunos efectos básicos. </para>

<sect1 id="start-new">
<title
>Comenzar un documento nuevo</title>

<para
>Cuando inicia &kpresenter;, aparece el diálogo de inicio de &koffice; habitual. </para>

<screenshot>
<screeninfo
>El diálogo de inicio de <guilabel
>&koffice;</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
<textobject
><phrase
>El diálogo de inicio de &koffice;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Seleccione <guilabel
>Pantalla</guilabel
> en la izquierda y luego elija la plantilla llamada <guilabel
>Título</guilabel
> (resaltada en azul en la captura de pantalla de arriba) pulsando sobre ella. Puede marcar <guilabel
>Usar siempre esta plantilla</guilabel
> para hacer que sea su plantilla predefinida. </para>

<para
>Ahora pulse sobre <guibutton
>Usar esta plantilla</guibutton
>. Debe aparecer la ventana del editor de diapositivas, donde puede ver y editar las diapositivas (y los objetos contenidos en ellas) de su documento. Por el momento, simplemente tenemos una diapositiva, con un objeto en ella, que es una casilla de texto. </para>

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

<para
>Haga una doble pulsación sobre la casilla de texto. El cursor pasa a ser una barra vertical para indicarle que tiene que teclear texto y el fondo del área editada se hace gris. </para>

<screenshot>
<screeninfo
>El cursor de inserción de texto</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut03.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>El cursor de inserción de texto</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Vamos allá ... ¡escriba algo de texto! </para>

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

<para
>Pulse fuera del texto para deseleccionar la caja de texto cuando haya acabado de teclear. </para>

</sect1>

<sect1 id="insert-page">
<title
>Añadir una página nueva</title>

<para
>Añadamos ahora una diapositiva nueva al documento. Para ello, pulse en el menú <guimenu
>Insertar</guimenu
> y luego pulse en <guimenuitem
>Diapositiva</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Insertar una diapositiva desde el menú</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut05.png" format="PNG"/></imageobject>
<textobject
><phrase
>Insertar una diapositiva desde el menú</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Esto hace surgir el diálogo <guilabel
>Insertar diapositiva</guilabel
>. </para>

<screenshot>
<screeninfo
>El diálogo <guilabel
>Insertar diapositiva</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut06.png" format="PNG"/></imageobject>
<textobject
><phrase
>El diálogo <guilabel
>Insertar diapositiva</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Pulse sobre <guibutton
>Aceptar</guibutton
> para aceptar los predeterminados, que añadirán una página nueva tras la página 1. </para>

<para
>El diálogo <guilabel
>Crear documento</guilabel
> hace posible que podamos decidir la apariencia de la nueva diapositiva. Esta vez, haga una doble pulsación sobre la plantilla <guilabel
>Una columna</guilabel
> (resaltada en azul). </para>

<screenshot>
<screeninfo
>Elegir una plantilla para la página nueva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut07.png" format="PNG"/></imageobject>
<textobject
><phrase
>Elegir una plantilla para la página nueva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>La nueva diapositiva aparece ahora en la ventana de edición. Para cambiar entre las páginas de su presentación, puede seleccionar diapositivas en el lado izquierdo (resaltado en azul en esta captura de pantalla). </para>

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

<para
>La diapositiva nueva insertada tiene dos casillas de texto. Hay una para un título y otra que contiene una lista de viñetas para elementos. </para>

<screenshot>
<screeninfo
>La diapositiva nueva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut09.png" format="PNG"/></imageobject>
<textobject
><phrase
>La diapositiva nueva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Realice una doble pulsación y teclee el título. Luego, una doble pulsación sobre la segunda caja de texto. Fíjese que aparece automáticamente una viñeta cuando empiece a teclear. Teclee algo de texto y finalice el párrafo pulsando la tecla<keycap
>Enter</keycap
> o <keycap
>Return</keycap
>. Cuando teclee nuevos párrafos, aparecerán automáticamente viñetas delante. </para>

<screenshot>
<screeninfo
>Añadir texto a la segunda diapositiva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut10.png" format="PNG"/></imageobject>
<textobject
><phrase
>Añadir texto a la segunda diapositiva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Puede deseleccionar la caja de texto pulsando fuera de ella. </para>

</sect1>

<sect1 id="insert-pic">
<title
>Insertar una imagen</title>

<para
>Volvamos de nuevo a la primera diapositiva. Use la lista de transparencias de la izquierda de su pantalla. </para>

<para
>En esta sección, animaremos nuestra presentación un poco añadiendo un bonito logo al título de la página. Para hacerlo, el primer paso es pulsar sobre el elemento del menú <guimenu
>Insertar</guimenu
>, y luego sobre <guimenuitem
>Imagen</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Usar el menú para añadir una imagen</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut11.png" format="PNG"/></imageobject>
<textobject
><phrase
>Usar el menú para añadir una imagen</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Esto le lleva a un diálogo de selección de archivo. Para aprender acerca de esto u otros cuadros de diálogo estándar de &kde; en detalle, consulte la documentación de &kde;. Puede navegarla pulsando sobre los iconos de la <guiicon
>carpeta</guiicon
> o usando los botones del estilo del <guiicon
>navegador</guiicon
> en la barra de herramientas (resaltado en rojo). Pulsando sobre la <guiicon
>flecha arriba</guiicon
>, va arriba un nivel en las carpetas. </para>

<para
>Busque el archivo llamado <filename
>koffice-logo.png</filename
>, que puede estar en una carpeta distinta a la que se muestra en la captura de pantalla de abajo. También puede elegir cualquier otro archivo gráfico si lo prefiere. Seleccione el archivo y pulse sobre <guibutton
>Abrir</guibutton
>. </para>

<screenshot>
<screeninfo
>Seleccionar una imagen para añadir</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut12.png" format="PNG"/></imageobject>
<textobject
><phrase
>Seleccionar una imagen para añadir</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ahora puede dibujar el logo en el lugar que quiera con el ratón. El gráfico del logo se verá allá donde lo ponga. Hay manipuladores de la selección (cuadrados negros pequeños) alrededor del borde del gráfico. </para>

<screenshot>
<screeninfo
>La imagen nueva añadida</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut13.png" format="PNG"/></imageobject>
<textobject
><phrase
>La imagen nueva añadida</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ponga el cursor del ratón en algún lugar del centro del logo y arrástrelo al centro de la página de título. Luego, use los manipuladores de la selección para cambiar su tamaño. </para>

<screenshot>
<screeninfo
>Arrastrando y cambiando el tamaño de la imagen</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut14.png" format="PNG"/></imageobject>
<textobject
><phrase
>Arrastrando y cambiando el tamaño de la imagen</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Eso es. Ahora tiene una imagen en la página del título. </para>

</sect1>

<sect1 id="insert-object">
<title
>Insertar un objeto de KOffice</title>
<para
>Insertemos ahora otro objeto de &koffice; bajo la imagen, por ejemplo, una gráfica.</para>

<para
>Todos los documentos admitidos por &koffice; se pueden incrustar en una diapositiva de &kpresenter;. Elijamos una gráfica de &kchart;. Para ello, el primer paso es pulsar en la opción <guimenu
>Insertar</guimenu
> del menú y luego sobre <guimenuitem
>Objeto</guimenuitem
>. </para>

<screenshot>
<screeninfo
>El menú «Insertar objeto»</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut24.png" format="PNG"/></imageobject>
<textobject
><phrase
>El menú «Insertar objeto»</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>En un submenú aparece una lista con los componentes disponibles en &koffice;. Seleccione <guilabel
>Gráfica</guilabel
> y luego rodee con su ratón el área en la que quiera poner la gráfica en la diapositiva de &kpresenter;. </para>

<screenshot>
<screeninfo
>Seleccionar el área en la que poner la gráfica</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Seleccionar el área en la que poner la gráfica</phrase
></textobject>
</mediaobject>
</screenshot>

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

<para
>Cuando suelte el botón del ratón, se añadirá una gráfica vacía a la diapositiva. Al trabajar en la gráfica, las barras de herramientas y la barra de menú de la ventana principal de &kpresenter; se reemplazarán por las de &kchart;. </para>

<screenshot>
<screeninfo
>Menús y barras de herramientas de &kchart; incrustadas</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut26.png" format="PNG"/></imageobject>
<textobject
><phrase
>Menús y barras de herramientas de &kchart; incrustadas</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Cuando esté en la gráfica, al pulsar con el &RMB; aparecerá el menú de opciones de &kchart;, que permite modificar los parámetros de la gráfica. Puede consultar el manual de usuario de &kchart; para acceder a la información relativa al uso de &kchart;.</para>

<para
>Pulse con el &LMB; fuera de la gráfica para volver a la diapositiva de &kpresenter;.</para>

<para
>Si pulsa una vez sobre la gráfica podrá arrastrarla para cambiarla de ubicación y también puede arrastrar los bordes para hacer que sea mayor, como con cualquier objeto de &kpresenter;. Si hace una doble pulsación sobre la gráfica, entra en modo &kchart; y puede modificar las propiedades de la gráfica.</para>

</sect1>

<sect1 id="addshadow">
<title
>Añadir una sombra al texto del título</title>

<para
>Sigamos mejorando nuestra página de título, añadiendo ahora una sombra debajo del título. Pulse con el botón <mousebutton
>derecho</mousebutton
> en algún sitio del texto. Esto logra dos cosas: el cuadro de texto que contiene el archivo se selecciona, y sale un menú emergente. </para>

<para
>Seleccione la opción <guimenuitem
>Sombra</guimenuitem
> del menú emergente. </para>

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

<para
>Aparece el diálogo <guilabel
>Sombra</guilabel
>. La distancia entre la sombra y el texto es actualmente 0, de tal forma que la sombra no se puede ver (esta parte del cuadro de diálogo está resaltada en rojo). </para>

<screenshot>
<screeninfo
>El cuadro de diálogo <guilabel
>Sombra</guilabel
></screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut16.png" format="PNG"/></imageobject>
<textobject
><phrase
>El cuadro de diálogo <guilabel
>Sombra</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Incremente el valor de la distancia a 3. El efecto de cambiar la distancia se puede ver en la ventana de vista preliminar. Ahora pulse sobre <guibutton
>Aceptar</guibutton
>. </para>

<screenshot>
<screeninfo
>Añadir una sombra al título</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut17.png" format="PNG"/></imageobject>
<textobject
><phrase
>Añadir una sombra al título</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ahora el título tiene una sombra. </para>

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

</sect1>

<sect1 id="textcolor">
<title
>Cambiar el color del texto del título</title>

<para
>Acabemos cambiando el color del texto del título de negro a azul. Para hacer esto, seleccione el texto del título haciendo una doble pulsación sobre el cuadro de texto. </para>

<para
>Cambie el color a azul pulsando el icono <guiicon
>azul oscuro A</guiicon
> en el lado derecho de la ventana de edición (este icono tiene como leyenda «Color...») o elija el menú <guimenu
>Texto</guimenu
> y pulse en <guimenuitem
>Color...</guimenuitem
>.</para>

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

<para
>Pulse en <guilabel
>Aceptar</guilabel
> en el cuadro de diálogo de selección de color del texto seleccionado para que aparezcan los tonos azules. El color exacto del texto resaltado depende del esquema de colores de su sistema. </para>

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

<para
>Ahora pulse fuera del texto para dejar de seleccionarlo. </para>

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

<para
>Ahora hay dos diapositivas, ¿por qué no probar una presentación? Para empezar la presentación, presione el botón <guiicon
>reproducir</guiicon
> (la flecha gris) encima de la barra de herramientas. La primera diapositiva deba aparecer en su pantalla. </para>

<screenshot>
<screeninfo
>La primera diapositiva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut22.png" format="PNG"/></imageobject>
<textobject
><phrase
>La primera diapositiva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Para avanzar a la siguiente, simplemente pulse en cualquier sitio de la pantalla, o use la tecla <keycap
>Av Pág</keycap
>. </para>

<screenshot>
<screeninfo
>La segunda diapositiva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut23.png" format="PNG"/></imageobject>
<textobject
><phrase
>La segunda diapositiva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Para salir de la presentación, pulse el botón <mousebutton
>derecho</mousebutton
> y luego seleccione la opción <guimenuitem
>Terminar</guimenuitem
> del menú emergente. </para>

</sect1>

</chapter>
