You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
391 lines
15 KiB
391 lines
15 KiB
13 years ago
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||
|
|
||
|
<chapter id="fundamentals-3-2">
|
||
|
<chapterinfo>
|
||
|
<title
|
||
|
>Los fundamentos de &quantaplus;</title>
|
||
|
<authorgroup>
|
||
|
<author
|
||
|
><firstname
|
||
|
>Robert</firstname
|
||
|
> <surname
|
||
|
>Nickel</surname
|
||
|
> <affiliation
|
||
|
> <address
|
||
|
><email
|
||
|
>robert@artnickel.com</email
|
||
|
></address>
|
||
|
</affiliation>
|
||
|
</author>
|
||
|
|
||
|
<othercredit role="reviewer"
|
||
|
><firstname
|
||
|
>Christopher</firstname
|
||
|
> <surname
|
||
|
>Hornbaker</surname
|
||
|
> <affiliation
|
||
|
> <address
|
||
|
><email
|
||
|
>chrishornbaker@earthlink.net</email
|
||
|
></address>
|
||
|
</affiliation>
|
||
|
<contrib
|
||
|
>Revisor</contrib>
|
||
|
</othercredit>
|
||
|
|
||
|
<othercredit role="reviewer"
|
||
|
><firstname
|
||
|
>Fabrice</firstname
|
||
|
> <surname
|
||
|
>Mous</surname
|
||
|
> <affiliation
|
||
|
> <address
|
||
|
><email
|
||
|
>fabrice@kde.nl</email
|
||
|
></address>
|
||
|
</affiliation>
|
||
|
<contrib
|
||
|
>Revisor</contrib>
|
||
|
</othercredit>
|
||
|
|
||
|
<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
|
||
|
>Los fundamentos de &quantaplus;</title>
|
||
|
|
||
|
<para
|
||
|
>Hay varios conceptos clave en &quantaplus;. Para comprenderlos y aprovecharse de las ventajas de &quantaplus;, primero tiene que aprenderse estos conceptos, los fundamentos. Este capítulo le explicará y le mostrará estos conceptos, sin los que &quantaplus; sería primario. </para>
|
||
|
|
||
|
<sect1 id="quanta-workspaces-3-2">
|
||
|
<title
|
||
|
>El espacio de trabajo</title>
|
||
|
|
||
|
<para
|
||
|
>&quantaplus; divide el espacio de trabajo en tres ámbitos: global, local y proyecto. Estas distinciones afectan a varios componentes de &quantaplus;. </para>
|
||
|
|
||
|
<variablelist>
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Global</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Los elementos globales están disponibles para todos los que usan &quantaplus;. Desde las barras de herramientas hasta las acciones, todo lo que está marcado como global se guarda en la estructura común de carpetas de &quantaplus;. Tiene el efecto de permitir a un grupo de administradores almacenar ciertas barras de herramientas, acciones y plantillas en el árbol global, que se puede usar, por tanto, para mantener una instalación común de &quantaplus; para múltiples usuarios en el sistema. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Local</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Los elementos locales se componen de la colección personal de recursos de desarrollo web del usuario. Estos elementos son plantillas y barras de herramientas del usuario. Los elementos locales se guardan en la carpeta del usuario. Esto hace que los elementos del usuario sólo estén disponibles para su uso personal. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Proyecto</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Los elementos del proyecto sólo están disponibles para un proyecto en particular. Pueden ser cualquier cosa, desde una plantilla &CSS; hasta una barra de herramientas con acciones personalizadas que realizan alguna tarea específica sobre los archivos del proyecto. En esencia, éste es el ámbito más limitado. Todos los elementos se guardan en el espacio de trabajo del proyecto, en el árbol de carpetas del mismo, permitiendo compartir sus herramientas específicas y sus plantillas con cualquiera con el que comparta su proyecto. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
</variablelist>
|
||
|
|
||
|
</sect1>
|
||
|
|
||
|
<sect1 id="mdi-interface-3-2">
|
||
|
<title
|
||
|
>El interfaz de múltiples documentos</title>
|
||
|
|
||
|
<para
|
||
|
><mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="quantamdi.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>&quantaplus; edición del documento que está leyendo ahora.</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
</para>
|
||
|
|
||
|
|
||
|
<para
|
||
|
>El &MDI; de &quantaplus; está dividido en varias partes: la ventana del editor, los árboles de información rápida, las solapas adicionales y las barras de herramientas. Puede ver <xref linkend="editor-3-2"/>, <xref linkend="qit-3-2"/>, <xref linkend="information-3-2"/> y <xref linkend="toolbars-3-2"/> para obtener más información de estas partes. </para>
|
||
|
|
||
|
<sect2 id="editor-3-2">
|
||
|
<title
|
||
|
>La ventana del editor</title>
|
||
|
|
||
|
<para>
|
||
|
<mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="quantamdi-editor.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>La ventana del editor de &quantaplus;.</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
</para>
|
||
|
|
||
|
<para
|
||
|
>La ventana del editor de &quantaplus; permite tener abiertos a la vez múltiples archivos. Cuando sólo hay un archivo abierto, el documento ocupa la ventana del editor al completo. En cuanto se abre el segundo documento, una pequeña cantidad del espacio inferior del editor se ocupa para permitir que se muestren las solapas con los nombres de los archivos y un icono de estado. La imagen de abajo muestra un icono de <guiicon
|
||
|
>disquete</guiicon
|
||
|
> junto al nombre del archivo, lo que indica que el archivo se ha modificado y se debe guardar.</para>
|
||
|
<para
|
||
|
>Puede hacer clic derecho de ratón sobre las solapas para acceder a un menú de contexto con opciones relativas al documento actual, como cerrar el documento, cerrar otro documento o cerrar todas las solapas. También permite pasar a otras solapas, recargar, eliminar o publicar el documento, pasar a una línea con un marcador y realizar operaciones de CVS en el documento actual.</para>
|
||
|
<para
|
||
|
>Si hace clic derecho en la área del editor tendrá acceso a otro menú de contexto relacionado con el contenido del documento que esté editando, como acciones básicas de edición (copiar, cortar y pegar), editar la etiqueta que esté bajo el cursor, seleccionar la área cubierta por la etiqueta que hay bajo el cursor, obtener ayuda de contexto sobre la palabra que haya bajo el cursor o abrir un archivo, si la cadena que hay bajo el cursor apunta a un archivo.</para>
|
||
|
|
||
|
|
||
|
<para
|
||
|
>En la parte superior de la ventana del editor está puesta la barra de herramientas del editor. Actualmente, &quantaplus; elige por omisión &HTML; 4.01 Transitional, que tiene el juego predefinido de barras de herramientas que se cargan. A medida que avance &quantaplus;, las barras de herramientas se irán actualizando para acomodarse a las necesidades de los usuarios y para utilizar las nuevas características. </para>
|
||
|
|
||
|
<para
|
||
|
>El uso de la barra de herramientas es bastante sencillo. Si quiere insertar una etiqueta básica como <p> en su documento, puede hacer clic sobre el icono que representa la etiqueta. Ahora puede indicar los datos para la etiqueta que acaba de insertar. Si quiere insertar una etiqueta que necesite algunos atributos (como un ancla), se le mostrará un cuadro de diálogo con los diversos campos que tiene que rellenar. <mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="taginputex.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>El cuadro de diálogo del ancla (<a>).</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
</para>
|
||
|
</sect2>
|
||
|
|
||
|
<sect2 id="qit-3-2">
|
||
|
<title
|
||
|
>Las vistas de herramientas</title>
|
||
|
|
||
|
<mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="quantamdi-treeview.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>Las vistas de herramientas.</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
|
||
|
<para
|
||
|
>Las vistas de herramientas o los árboles de información rápida (&QIT;) le permiten navegar, abrir y obtener información en &quantaplus;. Su formato con solapa presenta los archivos, el proyecto, las plantillas, la estructura del documento, los guiones, los atributos y los árboles de documentación. </para>
|
||
|
|
||
|
<variablelist id="qit-parts">
|
||
|
<title
|
||
|
>&QIT; explicado</title>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol de archivos <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="ftab.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Aquí puede navegar por todo el sistema de archivos. Se le muestran dos raíces de nivel superior del sistema de archivos. La primera es su carpeta de inicio y la segunda es la carpeta raíz del sistema de archivos, /. Úselas para encontrar los archivos que están en su máquina y que quiera editar o añadir a un proyecto activo. Al hacer clic con el botón derecho del ratón sobre un archivo en esta vista se le muestran varias opciones para gestionar el archivo seleccionado y también le permite insertar el archivo en el proyecto activo, si lo hubiera, o alternar entre la vista de árbol y la de lista. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol del proyecto <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="ptab.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>La <link linkend="quanta-projects-3-2"
|
||
|
>gestión del proyecto</link
|
||
|
> es una de las múltiples y poderosas herramientas que le ofrece &quantaplus;. Esta solapa muestra todos los archivos de su proyecto y le permite gestionar los archivos del proyecto a golpe de clic con el &RMB;. Se pueden realizar a través de este menú acciones como añadir, eliminar, subir o eliminar por completo archivos del disco. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol de plantillas <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="ttab.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Otra característica de &quantaplus; es la de plantillas. Las plantillas pueden ser cualquier cosa que quiera. Imágenes, trozos de código, una página web completa, etc. </para>
|
||
|
|
||
|
<para
|
||
|
>Las plantillas se encuadran en tres categorías, basadas a su vez en sus ámbitos y en el contexto en el que se usan. Estos ámbitos derivan del espacio de trabajo de &quantaplus;. Las plantillas globales se pueden usar siempre, las plantillas locales sólo las puede utilizar el usuario actual y las plantillas de proyectos sólo se pueden usar en el proyecto indicado. Se puede encontrar más información sobre las plantillas en <xref linkend="templates-3-2"/>. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol de guiones <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="exec.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Aquí encontrará información sobre los diferentes guiones que tiene a su disposición. El concepto de global, local y del proyecto también se aplica aquí. Al seleccionar las entradas con el &LMB; tendrá acceso a toda la información disponible sobre el guión. Y el clic con el &RMB; le permitirá realizar unas pocas acciones como ejecutar el guión, editarlo y mandarlo por correo, por ejemplo. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol de estructura del documento <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="view_sidetree.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Esta solapa muestra la representación interna del analizador para su documento. Al hacer clic con el &LMB; sobre un elemento, el cursor se desplazará hasta la posición del elemento en el documento. Al hacer clic &RMB; sobre un elemento se le mostrarán varias acciones que tratan sobre la navegación y la actualización del árbol. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol de atributos <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="tag_misc.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Este árbol aparece debajo de los otros &QIT;s. En él puede editar rápidamente los atributos y los espacios de nombres. La entrada del sistema que tiene el foco de contenido le permite modificar todos los atributos disponibles con unos pocos clics de ratón. <mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="attribute_tree.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>Árbol de atributos</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
</para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Árbol de documentación <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="contents2.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Aquí puede encontrar documentación completa sobre las tecnologías web que guían su desarrollo. Puede descargar la documentación preempaquetada para &quantaplus; en <ulink url="http://quanta.sourceforge.net/docs.html"
|
||
|
>el sitio de la documentación de &quantaplus;</ulink
|
||
|
>, puede <link linkend="creating-quanta-docs-3-2"
|
||
|
>crear su propia documentación</link
|
||
|
>, y, si añade una carpeta llamada «doc» a un proyecto, puede añadir, editar y ver la documentación específica del proyecto. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
</variablelist>
|
||
|
</sect2>
|
||
|
|
||
|
<sect2 id="information-3-2">
|
||
|
<title
|
||
|
>Las solapas informativas</title>
|
||
|
|
||
|
<mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="info_tab.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>Solapas informativas de &quantaplus;.</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
|
||
|
<para
|
||
|
>De forma predefinida, &quantaplus; tiene dos solapas ubicadas en la parte inferior de la ventana, de las que puede obtener información valiosa. Son la ventana de mensajes y la de problemas. </para>
|
||
|
<variablelist>
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Solapa de la ventana de mensajes <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Esta solapa mustra información de los guiones que se hacen funcionar en quanta. Por ejemplo, la DTD que se va a usar para el documento actual y se mostrará cualquier cambio que se haga a la DTD. </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
|
||
|
<varlistentry>
|
||
|
<term
|
||
|
>Solapa de problemas <inlinemediaobject
|
||
|
> <imageobject>
|
||
|
<imagedata fileref="" format="PNG"/>
|
||
|
</imageobject>
|
||
|
</inlinemediaobject>
|
||
|
</term>
|
||
|
<listitem>
|
||
|
<para
|
||
|
>Esta solapa muestra cualquier error en el marcado del documento actual. Los guiones que ejecute &quantaplus; mostrarán también en esta solapa los mensajes de error (si es que hay). </para>
|
||
|
</listitem>
|
||
|
</varlistentry>
|
||
|
</variablelist>
|
||
|
</sect2>
|
||
|
|
||
|
<sect2 id="toolbars-3-2">
|
||
|
<title
|
||
|
>Las barras de herramientas</title>
|
||
|
|
||
|
<mediaobject>
|
||
|
<imageobject>
|
||
|
<imagedata fileref="toolbars.png" format="PNG"/>
|
||
|
</imageobject>
|
||
|
<caption
|
||
|
><para
|
||
|
>Las barras de herramientas &HTML; de &quantaplus;.</para
|
||
|
></caption>
|
||
|
</mediaobject>
|
||
|
|
||
|
<para
|
||
|
>Las barras de herramientas de &quantaplus; se amplían con facilidad y son muy fáciles de entender. Haga clic sobre el botón y se realizará la acción asociada a ese botón. Lo interesante de las barras de herramientas es que puede definir gráficamente sus acciones con &quantaplus;. </para>
|
||
|
|
||
|
<para
|
||
|
>La gestión de barras de herramientas con &quantaplus; es sencilla. Seleccione el menú <guimenu
|
||
|
>Barras de herramientas</guimenu
|
||
|
> y tendrá la opción de cargar, guardar, añadir, eliminar y mandar por correo-e las barras de herramientas. Cuando elija cargar una barra de herramientas, puede escoger entre alguno de los tres <link linkend="quanta-workspaces-3-2"
|
||
|
>espacios de trabajo</link
|
||
|
> de &quantaplus;. Al guardar una barra de herramientas que haya creado, puede guardarla con ámbito local o en el ámbito del proyecto. Si quiere hacer que una barra de herramientas nueva esté disponible en el ámbito global, pida a su administrador que la ponga en la carpeta global de &quantaplus;. </para>
|
||
|
|
||
|
<para
|
||
|
>Otra característica de &quantaplus; es la capacidad de mandar por correo-e sus barras de herramientas. &quantaplus; envía la barra de herramientas como un archivo empaquetado con tar y comprimido con gzip a través de &kmail;. Si recibe en un correo-e una barra de herramientas, puede guardarla (y cargarla luego) en &quantaplus; como cualquier otra barra de herramientas. </para>
|
||
|
</sect2>
|
||
|
</sect1>
|
||
|
</chapter>
|