# Trabajar con...

Robert
Nickel

    robert@artnickel.com

Christopher
Hornbaker

    chrishornbaker@earthlink.net

Revisor
Fabrice
Mous

    fabrice@kde.nl

Revisor
Juan Manuel
García Molina

    juanma@superiodico.net

Traductor

# Trabajar con...

Este capítulo describe las partes de &quantaplus; con las que interactuará mayormente. No sólo hacen su trabajo más productivo, sino que también le permiten personalizar &quantaplus;.

## Barras de herramientas

Como ya se mencionó anteriormente, las barras de herramientas de &quantaplus; se gestionan principalmente desde el menú Barras de herramientas. La usabilidad y la creación son algo diferentes. La creación de barras de herramientas se trata en una sección posterior titulada Crear barras de herramientas.

Usar barras de herramientas es bastante sencillo. Cuando hace clic sobre un icono para un elemento o acción deseada, puede suceder una de estas tres posibilidades: el elemento se inserta (opcionalmente, con un elemento de cierre); o se activa un cuadro de diálogo de elemento, permitiéndole rellenar los atributos en un cuadro de diálogo; o, por último, se activa una acción y hace algo ingenioso sobre el archivo o proyecto actual. Si se descubre haciendo algo tedioso o tecleando de forma redundante para un elemento en particular, y lo que está haciendo no está en &quantaplus;, puede añadirlo. Vea para más información.

Un cuadro de diálogo de etiqueta como el siguiente:

Un ejemplo de cuadro de diálogo de etiqueta.

La imagen superior es el cuadro de diálogo de la etiqueta de ancla. Si conoce &XHTML;, se habrá dado cuenta de que están disponibles todos los atributos de un elemento de ancla. Fíjese en las solapas de arriba para Principal, Núcleo e i18n, Eventos y Foco. Están todos los atributos para la etiqueta de ancla, dispuestos según su propósito. Todo lo que tiene que hacer es rellenar los espacios vacíos para los atributos que quiera en el ancla, omitir los atributos que no quiera y hacer clic en Aceptar. Ahora tiene un ancla bien formada puesta en la posición actual del cursor.

&quanta-projects;

## Plantillas

Las plantillas son básicamente esqueletos de documentos, trozos de código y archivos a los que enlazar. &quantaplus; usa plantillas fundamentalmente como un sistema de archivos estándar con una organización e interfaz avanzados. Puede copiar, mover o enlazar con cualquier repositorio que esté en su sistema en el árbol de plantillas actual. Piense en que las plantillas de &quantaplus; tienen las mismas limitaciones que las que puede imaginar para su sistema de archivos.

Las plantillas existen en carpetas anidadas. No hay límite de profundidad de anidamiento. Sin embargo, &quantaplus; espera que en cualquier carpeta dada haya una acción consistente para el tipo de plantilla base que se describe abajo. Además, las plantillas para antes y después del texto se pueden concadenar con plantillas de tipo que no sean documentos. Esto facilita la creación de etiquetas. La siguiente actualización tras la introducción está planificada para que añada la capacidad de pasar variables al texto, como información sobre el tamaño de la imagen para que asista en la creación de la etiqueta.

Nuestro objetivo con las plantillas es extenderlas para que incluyan el concepto de múltiples archivos, útil para cosas como poner una orden o crear una sección «acerca de». De forma ideal, esta será una herramienta para hacer su trabajo más productivo y dinámico. Un objetivo eventual es tener un modo de diseño estructural de plantillas que trate sobre la disposición y estructura del sitio, que podría usar para diseñar y actualizar interactivamente sus sitios. Si quiere implicarse, visite nuestra página de solicitud de ayuda.

Algunas de las plantillas que se distribuyen con &quantaplus; tienen condiciones de uso. Lea con cuidado las condiciones de uso, en la parte superior de cada plantilla, antes de usarla.

### Tipos de plantillas

Las plantillas están limitadas en la actualidad a ser un objeto de uno de los siguientes tipos:

- Documento
- Texto para insertar en un documento
- Un archivo para enlazar y formar un documento

Los documentos pueden ser de cualquier tipo. Generalmente, debería quere anidar los documento más específicos o más diversos en subcarpetas. Aquí puede hacer un entorno de trabajo básico para lo que quiera, y desarrollar su trabajo de una manera organizada para lograr una eficiencia mucho mayor. La inserción de texto puede ser de cualquier tipo, desde un trozo de código hasta un guión o cualquier otra cosa que desee usar. Esto se superpone con la capacidad de insertar bloques de texto como una acción que se puede invocar desde la barra de herramientas. Los archivos enlazados pueden ser binarios, bibliotecas de clases &PHP; o cualquier otro que quiera.

### Ámbitos de las plantillas

Se puede acceder a las plantillas en base al espacio de trabajo establecido en &quantaplus;

### Crear plantillas

Cree la estructura de documento que prefiera (&XML;, &HTML;, DocBook, &etc;.) y haga clic sobre Archivo Guardar como plantilla Guardar como proyecto local/Plantilla de proyecto .

Cuando lo haya hecho, advertirá que (aunque lo haya guardado como una plantilla de proyecto), la plantilla no se muestra en la vista de solapas del proyecto. Mire en la vista de plantilla para encontrar su plantilla en la solapa de plantillas del proyecto.

Además, si mira en sus opciones con el &RMB;, verá las herramientas de gestión de archivos al completo para crear carpetas o copiar y pegar plantillas de una ubicación a otra.

### Usar plantillas con proyectos

Las plantaillas de proyectos le permiten centrarse mejor. Puede crear encabezados, pies o pasarse al dinamismo con los archivos include de &PHP; y enlazar con ellos. Además, hay algunas cosas de lo más útiles que vamos a tener en cuenta cuando vayamos a usar plantillas en los proyectos.

Al crear un proyecto, puede optar por copiar a su propyecto local todas las plantillas globales y de usuario existentes. Los proyectos heredados tienen de forma predefinida la capacidad de usar plantillas, así que no habrá perdidio nada. Puede elegir dónde ubicar sus archivos de plantilla para que puedan estar en la raíz de su servidor y pueda publicarlos fácilmente o puede hacerlos más seguros enlazándolos por debajo la raíz de su servidor, un buen truco. Cuando enlace con un archivos que no esté en las plantillas del proyecto, se le preguntará si se debe copiar el archivo a las plantillas del proyecto en lugar de enlazarlo. Esto evitará los enlaces no válidos a la hora de la publicación. Siempre tendrá el control de dónde ubicar sus plantillas, para que pueda elegir dónde moverlas. Sin embargo, &quantaplus; no le seguirá la pista si tiene que cambiar los enlaces.

### Gestionar el comportamiento de las plantillas

La estructura de plantillas de la solapa de plantillas se basa en los archivos que se encuentran en `$`KDEDIR`/share/apps/quanta/templates` y `$`HOME`/.kde/share/apps/quanta/templates`. En cada una de estas carpetas se especifica uno de estos tres tipos de contenedor:

archivos/todo

  Los binarios y similares se insertan según su &URL; (&ie; imágenes como `img src=/src/url`).

texto/todo

  El texto que inserta en el documento actual de &quantaplus;, como bloques que se repiten.

plantilla/todo

  Plantillas de documentos desde las que puede crear documentos nuevos. Se abren en una ventana nueva de &quantaplus;.

Para definir el comportamiento de cada carpeta, haga clic &RMB; en la vista de plantilla de la carpeta y elija Propiedades. Se mostrará el siguiente cuadro de diálogo:

Cuadro de diálogo de propiedades.

Tipo

  La lista desplegable con los tres tipos se trató anteriormente; archivos, texto, plantillas. Esta casilla se oscurecerá si ha marcado heredar los atributos del padre.

Heredar los atributos del padre (`fulano`)

  Está marcado de forma predefinida y es adecuada para todas las carpetas de nivel superior en el árbol de plantillas. Si la carpeta de nivel superior lo tiene marcado, básicamente se desactivarán las plantillas para esa carpeta y para todas aquellas que estén por debajo de ellas y no se haya definido explícitamente. Si no es una carpeta de nivel superior, `bla` dirá algo como `text/all`. Si no dice nada es porque está en una carpeta de nivel superior.

Usar texto pre/post

  Activa el texto pre y post para las plantillas de esta carpeta. Podría tratarse de un encabezado/pie para todas las plantillas de un proyecto en concreto y copiar las plantillas de contenido a esa carpeta, y tendría una página completa con un encabezado/pie como punto de partida.

Texto pre

  El texto real que se insertará antes del contenido de las plantillas.

Texto post

  El texto real que se insertará detrás del contenido de las plantillas.

## Disposición visual de la página

Nicolas
Deschildre

    nicolasdchd@ifrance.com

Christopher
Hornbaker

    chrishornbaker@earthlink.net

Revisor
Juan Manuel
García Molina

    juanma@superiodico.net

Traductor

## Disposición visual de la página

### Modos de &VPL;

El editor de Disposición visual de la página (&VPL;) (también conocido como WYSIWYG (What You See Is What You Get - n.t. lo que ve es lo que hay)) le permite editar un documento &HTML; o &XHTML; mientras ve los cambios al vuelo. Igual que en su procesador de textos favorito, puede hacer clic en el documento y verá aparecer un cursor, que le permitirá introducir texto, insertar imágenes, aplicar decoraciones de texto, &etc;. El objetivo de &VPL; es permitirle crear páginas web grandes y válidas sin necesidad de conocer los lenguajes de marcado de Internet.

&quantaplus; le ofrece dos modos: Editor &VPL; y Editor de fuente y &VPL;, a los que puede acceder desde el menú Vista. El primero reemplaza al Editor de fuente con el Editor &VPL;, y el segundo divide la ventana del editor en dos partes: el Editor de fuente y el Editor &VPL;.

El Editor &VPL; funciona así: carga un documento como una página &HTML; o &XHTML; y aparece un cursor. Luego puede editarla y volver al Editor de fuente, ver que los cambios que ha realizado en el Editor &VPL; se han incluido en el Editor de fuente.

Al trabajar en el Editor &VPL; con un documento que contenga &PHP;, verá un pequeño icono verde que representa el código &PHP;. No puede editarlo directamente con el Editor &VPL;. Para editar &PHP;, tiene que usar el Editor de fuente. No hay visos de cambio para esta funcionalidad.

El segundo modo se comporta exactamente igual que el primero, salvo que puede ver instantáneamente el impacto de los cambios que ha realizado, bien en el Editor de fuente o bien en el Editor &VPL;, y los cursores del editor de código fuente y del Editor &VPL; están sincronizados. Al presionar F9 se carga este modo, pero si ya está cargado moverá el foco de una vista a la otra, manteniéndose en la misma ubicación del documento.

Se pueden configurar los intervalos de refresco entre el Editor &VPL; y el Editor fuente. Vaya a Preferencias Configurar Quanta... . Elija la solapa Vista &VPL;. Puede elegir si quiere refrescar una vista sólo cuando haga clic sobre ella o que se haga automáticamente. Si elige que se haga automáticamente, puede elegir un intervalo de refresco. La recomendación general es: un número pequeño para computadores rápidos y un número más grande para máquinas lentas.

El modo &VPL; y editor de fuente.

### Edición &VPL;

#### El cuadro de diálogo Propiedades del documento

Ahora, digamos que quiere editar el título de su página web. ¿Cómo hacerlo? Simplemente, abra Herramientas Propiedades del documento . Esta herramienta permite la edición de etiquetas invisibles cuando use el Editor &VPL;. El cuadro de diálogo Propiedades del documento también se abre cuando crea un documento nuevo en el Editor &VPL;. Esto es para reducir la cantidad de codificación manual que tenga que realizar. Así, puede editar:

Título

  El título del documento.

Elementos meta

  Las etiquetas meta le permiten almacenar información acerca del propio documento, &eg; palabras clave para los motores de búsqueda de Internet. Puede añadir o eliminar Elementos meta presionando los dos botones de abajo, y editarlos haciendo clic en la lista, &eg; ponga keywords en la columna name y palabra1 palabra2 en la columna content.

Reglas CSS

  Las Reglas CSS son la nueva forma de decirle al navegador cómo presentar la página. Puede añadir o eliminar las Reglas CSS presionando los botones de abajo. También puede rellenar los campos como los Elementos meta. Aún no se permite la edición de las Reglas CSS.

Enlace a hoja de estilo CSS

  También puede enlazar con una hoja de estilo CSS externa. Simplemente, haga clic sobre el botón Navegar y seleccione su archivo.

#### El Editor &VPL;

Puede usar el cursor de la misma forma que en un procesador de textos, moviéndolo con las flechas. Puede ser que el cursor no queira ir a donde se le indique (un error un tanto molesto). La selección también funciona como es normal. Puede insertar texto tecleándolo y eliminarlo presionando la tecla &Backspace; o suprimir.

Ahora vamos con la inserción de etiquetas. Puede insertar imágenes, applets, decoraciones de texto como negritas y similares usando las mismas barras de herramientas que usa en el editor de código fuente. Tenga en cuenta que la inserción de etiquetas no eliminará las etiquetas idénticas anteriores, &eg; si inserta una etiqueta de ancla que envuelve a un texto, puede eliminar a cualquier otra ancla que la envuelva.

Algunos elementos de la barra de herramientas se desactivarán, como el Asistente de tablas o el Asistente rápido de listas. En algún momento funcionarán en &VPL; pero, en esta versión, debería usar las barras de herramientas Tablas o Listas.

Para editar una etiqueta (que sea una imagen, un applet o cualquier otra cosa), pase al Árbol de atributos, a la que se accede por medio de Vista Vistas de árbol . Haga clic sobre la etiqueta que quiera editar o, si no puede acceder, haga clic sobre un objeto en la que esté contenida. El Árbol de atributos le mostrará el nombre de la etiqueta actual así como la lista de todos sus padres y atributos. Actualmente, &VPL; no permite, digamos, &XHTML;+MathML, pero verá que puede editar espacios de nombres con esta vista. Simplemente puede hacer clic sobre el campo Valor y modificar cualquier cosa que quiera. Si quiere acceder al padre de la etiqueta actual, selecciónela y el Árbol de atributos la cargará.

Para eliminar una etiqueta, usaremos el Árbol de atributos. ¿Se ha dado cuenta de que tiene dos pequeñas cruces rojas en la esquina superior derecha? La primera elimina sólo la etiqueta que esté seleccionada en ese momento y, si la especificación &HTML;/&XHTML; no permite que algunos hijos de la etiqueta eliminada sean hijos de la etiqueta padre del conjunto de etiquetas que se van a eliminar, también se eliminan y así sucesivamente. La segunda cruz eliminará la etiqueta seleccionada, así como todos sus hijos, así que tenga cuidado.