<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Mike</firstname
> <surname
>McBride</surname
> </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
>Tutorial paso a paso</title>
<indexterm
><primary
>tutorial</primary
></indexterm>
<para
>Esta sección es un repaso paso a paso a través de las funciones más importantes que necesitan entender cómo crear y manipular un documento complejo. Este tutorial generará el comienzo de una carta de noticias como un documento de ejemplo. </para>

<para
>Se recomienda que siga el tutorial en orden al menos una vez si es nuevo en esto de los procesadores de textos basados en marcos.</para>

<sect1 id="choose-template">
<title
>Tutorial: Seleccionando la plantilla inicial</title>

<note
><para
>Los pasos de este tutorial están numerados del 1 al 23. Debajo de cada paso hay un texto en <emphasis
>cursiva</emphasis
> que explica de forma más elaborada los cambios.</para
></note>

<para
>Cuando <link linkend="starting-kword"
>inicie &kword;</link
> por primer vez (o <link linkend="new-doc"
>inicie un nuevo documento</link
> cuando &kword; esté funcionando), &kword; le pide una plantilla para el documento.</para>

<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="ChooseTempDia.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject>
</mediaobject>

<para
><emphasis
>Aquí puede:</emphasis
></para>
<itemizedlist>
<listitem>
<para
><emphasis
>Seleccione la plantilla inicial para su nuevo documento.</emphasis
></para>
</listitem>
<listitem>
<para
><emphasis
>Abrir un documento de &kword; guardado en su disco duro o de la red.</emphasis
></para>
</listitem>

</itemizedlist>

<para
>Paso 1: Haga clic en <guilabel
>Disposición de página</guilabel
>.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut1.png"/></imageobject
><textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject>

<para
><emphasis
>Esto listará las plantillas de distribución de página disponibles en su sistema. Para información sobre las diferencias entre las plantillas de distribución de página y las orientadas a texto, vea la sección titulada <link linkend="wp-vs-dtp"
>La diferencia entre las plantillas orientadas a texto y de distribución de página</link
>.</emphasis
></para>

<para
>Paso 2: Ahora seleccione el icono <guilabel
>Distribución simple</guilabel
> haciendo clic una vez con el botón izquierdo de su ratón.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut2.png"/></imageobject
><textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject>

<para
><emphasis
>Esta es la plantilla que usaremos para el tutorial</emphasis
></para>

<para
>Paso 3: ahora confirme su selección haciendo clic sobre <guibutton
>Usar esta plantilla</guibutton
>.</para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut3.png"
align="center"/></imageobject
><textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject>

<para
><emphasis
>Para completar su selección</emphasis
>.</para>

<para
><emphasis
>&kword; abrirá un documento nuevo con tres marcos. Los marcos están resaltados sobre el fondo blanco como cajas grises. Cada caja es un marco diferente.</emphasis
></para>

</sect1>

<sect1 id="tutorial-frame-select">
<title
>Tutorial: Seleccionando un marco e introduciendo texto en ese marco</title>

<para
><emphasis
>Para comenzar a introducir texto (o añadir cualquier tipo de datos) en un documento, es importante haga saber a &kword; en qué marco poner los datos.</emphasis
></para>

<note>
<para
>Para mantener tanto la edición como el formato de su documento eficiente y simple, el comando ejecutado con un clic del ratón cambia dependiendo del punto de la ventana de &kword; en el que se localice.</para>

<para
>Cuando el puntero se localiza sobre las barras de herramientas, los botones del menú u otras áreas <emphasis
>fuera del documento</emphasis
>, el puntero es una flecha. Debería estar familiarizado con este tipo de puntero debido a su uso en otros programas de &kde;. </para>
<para
>Cuando está <emphasis
>dentro del documento</emphasis
>, hay dos punteros distintos que se alternan automáticamente en base a cómo de cerca esté el puntero de un borde de marco.</para>
<para
>Cuando el puntero del ratón está cerca del borde de un marco, el puntero se convertirá en dos líneas que se cortan son flechas en los cuatro puntos. Haciendo clic con el botón izquierdo del ratón ahora se seleccionará el marco más cercano. </para>
<para
>Si mueve el puntero lejos del borde del marco, el puntero se convertirá en un puntero de entrada de texto. Haciendo clic sobre el botón izquierdo del ratón ahora le dirá a &kword; que inserte texto en este marco.</para>
</note>


<para
>Paso 4: Ponga el puntero del ratón sobre el marco superior izquierdo. Asegúrese de que no ve el <emphasis
>puntero de selección del marco</emphasis
>.</para>
<para
>Paso 5: Clic una vez con el botón izquierdo del ratón.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut4.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject>

<para
><emphasis
>Esto le dice a &kword; que inserte texto en este marco. Pulse en la esquina superior izquierda del marco para posicionar el cursor en la esquina superior izquierda del marco. </emphasis
></para>

<para
>Paso 6: Introduzca el siguiente texto usando el teclado: <userinput
>Notas de prensa de &kword;</userinput
>.</para>

<para
><emphasis
>Este es el mismo texto de ejemplo para nuestra carta.</emphasis
></para>

<para
>Paso 7: seleccione <emphasis
>Nota de prensa de &kword;</emphasis
>, poniendo el cursor del ratón a la derecha del texto. Haga clic una vez con el &LMB; y arrastre el cursor del ratón a la izquierda.  El texto seleccionado será texto blanco sobre fondo coloreado. Cuando todo el texto ha sido seleccionado, suelte el &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut7.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>
<para
><emphasis
>Esto define qué texto se va a alterar con el paso 8.</emphasis
></para>
<para
>Paso 8: Clic dentro de la lista desplegable <guilabel
>Tamaño de texto</guilabel
>. Cambie este número a 26.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut8.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Esto cambia el tamaño del texto seleccionado a uno más apropiado para un título.</emphasis
></para>

</sect1>

<sect1 id="tutorial-resize-frame"
> <title
>Tutorial: Cambiando el tamaño de un marco</title>

<para
><emphasis
>Ahora que hemos introducido algo de texto, podemos ver que el marco se debería extender a través del ancho completo de la página para el título. Necesitamos cambiar el tamaño y la forma del marco. </emphasis
></para>

<para
>Paso 9: Ponga el puntero del ratón sobre el borde del marco (notará que el cursor cambia a dos líneas con flechas que se cruzan), y haga clic una vez con el &LMB;.</para>

<para
><emphasis
>Esto seleccionará este marco, para que pueda cambiarlo de forma.</emphasis
></para>

<para
><emphasis
>Ahora notará que el marco está rodeado por un contorno negro, con 8 cuadrados en el contorno. Estos cuadrados se usan para cambiar el tamaño del marco.</emphasis
></para>

<para
>Paso 10: Ponga el puntero del ratón sobre el cuadrado de la esquina inferior derecha del marco. Pulse con el &LMB; y manténgalo pulsado. Arrastre el ratón arriba y a la derecha.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut11a.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Fíjese en cómo cambia la forma del marco. Ajuste el tamaño y la forma del marco hasta que su aspecto sea similar al ejemplo de abajo:</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut11b.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>Cuando lo haya hecho, suelte el botón del ratón.</para>

</sect1>

<sect1 id="tutorial-move-frame"
> 
<title
>Tutorial: Mover un marco en la página y ubicar los marcos en capas</title>

<para
>Ahora que hemos creado un bloque pequeño, lo centraremos arriba en la página.</para>

<para
>Paso 11: ponga el puntero del ratón sobre el borde del marco (pero no sobre alguno de los oscuros).</para>

<para
><emphasis
>El puntero pasará ahora a ser una flecha de 4 destinos. Esto le indica que &kword; está preparado para mover el marco en la página.</emphasis
></para>

<para
>Paso 12: Haga clic y mantenga pulsado con el . ArraArrastre el ratón y el lo seguirá. Ponga el marco en el centro de la página, cerca del límite superior. Cuando esté satisfecho con su ubicación final, suelte el botón del ratón.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut13.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>Advertirá que la zona derecha del bloque de título se ha deslizado detrás del marco vacío de la derecha. Se corrige de forma sencilla.</para>

<para
>Paso 13: Seleccione <menuchoice
><guimenu
>Marcos</guimenu
><guimenuitem
>Traer al frente</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut13a.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>Esto ubicará el título encima del otro marco. Puede elevar y bajar marcos para darle el aspecto que necesite.</para>
</sect1>

<sect1 id="tutorial-add-frame"
> 
<title
>Tutorial: Añadiendo un nuevo marco/Haciendo que el texto fluya entre dos marcos</title>
<para
>Ahora añadiremos un nuevo marco de texto a nuestro documento para nuestro primer artículo.</para>
<para
>Paso 14: Comience seleccionando <menuchoice
><guimenu
>Insertar</guimenu
><guimenuitem
>Marco de texto</guimenuitem
></menuchoice
> en la barra de menú.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>El puntero ha pasado a ser una cruz. Puede dibujar su nuevo cuadro de texto con este cursor. Comience poniendo el puntero en una esquina. Haga clic y mantenga pulsado el botón <mousebutton
>izquierdo</mousebutton
> del ratón. Arrastre el ratón diagonalmente. Aparecerá un contorno que representa su nuevo marco de texto. Cuando tenga un marco de texto de tamaño razonable, suelte el botón <mousebutton
>izquierdo</mousebutton
> del ratón.</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14a.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>No es importante para los propósitos de este tutorial si el cuadro de texto no se parece al del ejemplo.</emphasis
></para>

<para
><emphasis
>Cuando suelte el botón <mousebutton
>izquierdo</mousebutton
> del ratón, aparecerá un nuevo cuadro de diálogo.</emphasis
></para>


<para
><emphasis
>Este cuadro de diálogo lista todos los conjuntos de marcos y tiene un botón radial para crear un nuevo conjunto de marcos. (valor predefinido). Al seleccionar el valor predeterminado, creará un nuevo conjunto de marcos (el texto no fluirá ahora de cualquier otro marco a este marco).</emphasis
></para>

<para
><emphasis
>Tenga en cuenta que el nombre predeterminado para este conjunto de marcos es <guilabel
>Conjunto de marcos de texto 3</guilabel
></emphasis
></para>

<para
>Paso 15: para los propósitos de este tutorial, el valor predefinido de <guilabel
>Crear nuevo conjunto de marcos</guilabel
> es aceptable. Simplemente, seleccione <guibutton
>Aceptar</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut15.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Ahora puede ver que su nuevo marco ha sido creado. Se llama <guilabel
>Conjunto de marcos de texto 3</guilabel
></emphasis
></para>

<para
><emphasis
>Ahora vamos a crear otro pequeño marco junto a este.</emphasis
></para>

<para
>Paso 16: seleccione <menuchoice
><guimenu
>Insertar</guimenu
><guimenuitem
>Marco de texto</guimenuitem
></menuchoice
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>De nuevo usando el puntero de cruz, dibuje otro pequeño marco cerca del primero.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14b.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>Aparecerá un cuadro de diálogo.</para>

<para
>Paso 17: Seleccione <guilabel
>Conjunto de marcos de texto 3</guilabel
> pulsando con el &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut15b.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>Paso 18: Seleccione <guibutton
>Aceptar</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut16.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Lo que acaba de hacer es conectar este nuevo marco de texto al último marco de texto que creó. Para comprobar esto:</emphasis
></para>

<para
>Paso 19: Clic una vez dentro del marco más a la izquierda con el &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut18.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
>Paso 20: Comience a escribir. Tendrá que teclear bastante. Cuando haya agotado el espacio del marco de texto, verá que su texto nuevo se mueve inmediatamente al marco de texto nuevo.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut19.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

</sect1>

<sect1 id="tutorial-del-frame"
> 
<title
>Tutorial: Borrando un marco</title>

<para
>Ahora borraremos un marco innecesario. Borraremos el marco de texto grande del lado derecho de la página.</para>

<para
>Paso 21: Ponga el puntero del ratón sobre el borde del marco de texto a mano derecha (Recuerde: observe que el puntero cambia), y haga clic con el &LMB;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut21.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Esto selecciona el marco.</emphasis
></para>

<para
>Paso 22: seleccione <menuchoice
><guimenu
>Marcos</guimenu
><guimenuitem
>Eliminar marco</guimenuitem
></menuchoice
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut22.png"/></imageobject>
<textobject
><phrase
>Captura de pantalla</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Aparece un pequeño cuadro de diálogo, para comprobar que verdaderamente quiere eliminar este marco.</emphasis
></para>
<para
>Paso 23: Seleccione <guibutton
>Eliminar</guibutton
>.</para>

<para
><emphasis
>Esto borra el marco.</emphasis
></para>

</sect1>
<sect1 id="tutorial-summary">
<title
>Tutorial: Resumen</title>

<para
>Ojalá que este tutorial le haya enseñado las tareas básicas más comunes de &kword;.</para>

<para
>En este punto, ha:</para>

<itemizedlist>
<listitem
><para
>Iniciado un documento nuevo usando una plantilla</para
></listitem>
<listitem
><para
>Añadido texto a un marco.</para
></listitem>
<listitem
><para
>Cambiado el tamaño del texto.</para
></listitem>
<listitem
><para
>Creado, movido, cambiado el tamaño y borrado marcos.</para
></listitem>
</itemizedlist>
<para
>El propósito de este tutorial no era explorar cada aspecto de &kword;, sino presentarle lo más básico. En el mejor de los casos, habrá aprendido la manipulación básica de marcos. Desde este punto, puede dirigirse a las secciones específicas del manual para más ayuda, consejos y características avanzadas de &kword;.</para>
</sect1>
</chapter>
