<!-- <?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) haciendo clic sobre ella. Puede marcar <guilabel
>Usar siempre esta plantilla</guilabel
> para hacer que sea su plantilla predefinida. </para>

<para
>Ahora haga clic 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 doble clic 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
>Clic 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
>Seleccione <guilabel
>Utilizar una plantilla diferente</guilabel
> y pulse <guibutton
>Aceptar</guibutton
> para añadir una página nueva después de la página 1. </para>

<para
>El diálogo de inicio hace posible que podamos decidir la apariencia de la diapositiva nueva. Esta vez, seleccione <guilabel
>Pantalla</guilabel
>, y 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, realice una doble pulsación sobre el segundo cuadro de texto con una viñeta. 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 haciendo clic 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 haciendo clic 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). Haciendo clic 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 haga clic 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
>Pulse con el &LMB; en el lugar que quiera para situar el logo en su tamaño original o dibuje un rectángulo con el botón izquierdo (pulse el &LMB; y manténgalo pulsado) para especificar la posición y tamaño para el logo. 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 soportados por &koffice; se pueden incrustar en una diapositiva de &kpresenter;. Para hacerlo, el primer paso es pulsar en el elemento de menú <guimenu
>Insertar</guimenu
> 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 hacer clic 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
>Haga clic con el &LMB; fuera de la gráfica para volver a la diapositiva de &kpresenter;.</para>

<para
>Si hace clic 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 doble clic 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. Clic <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
>Sombrear objetos...</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 haga clic 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 y selecciónelo. </para>

<para
>Abra el diálogo <guilabel
>Selector de color</guilabel
> pulsando en el icono <guiicon
>azul oscuro A</guiicon
> en el lado derecho de la barra herramientas <guilabel
>Texto</guilabel
> (este icono tiene como leyenda «Color...») o elija el menú <guimenu
>Texto</guimenu
>, pulse en <guimenuitem
>Color...</guimenuitem
> y cambie el color a azul.</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 <guilabel
>Seleccionar color</guilabel
> 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 haga clic 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, pulse el botón <guiicon
>reproducir</guiicon
> (la flecha doble azul) encima de la barra de herramientas <guilabel
>Mostrar presentación</guilabel
>. 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 haga clic 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, haga clic <mousebutton
>derecho</mousebutton
> y luego seleccione la opción <guimenuitem
>Terminar</guimenuitem
> del menú emergente. </para>

</sect1>

</chapter>
