Treballar amb...

Robert Nickel

    robert@artnickel.com

András Mantia

    amantia@kde.org

Christopher Hornbaker

    chrishornbaker@earthlink.net

Revisor
Fabrice Mous

    fabrice@kde.nl

Revisor
Antoni Bella

    bella5@teleline.es

Traductor

# Treballar amb...

Aquest capítol descriu les parts de &quantaplus; amb les que interactuareu en la majoria dels casos. No tan sols fan el vostre treball més productiu, si no que també us permeten personalitzar &quantaplus;.

## Barres d'eines

Com ja s'ha mencionat, les barres d'eines de &quantaplus; es gestionen principalment des del menú Barres d'eines. L'ús i la creació són quelcom diferents. La creació de barres d'eines es tracta en una secció anterior titulada Crear barres d'eines.

Usar barres d'eines és força simple. Quan feu clic sobre una icona per a un ítem o acció desitjada, pot succeir una d'aquestes tres possibilitats: L'element és inserit (opcionalment, amb un element de tanca); s'activa un diàleg d'element, permetent-vos omplir els atributs en un diàleg; o, per últim, s'activa una acció i fa quelcom amb ingeni sobre el fitxer o projecte actual. Si us trobeu fent quelcom avorrit o escrivint de forma redundant per a un element en particular, i el que esteu fent no està en &quantaplus;, el podeu afegir. Per a més informació .

Es poden configurar les barres d'eines i els elements usant el menú de context (clic dret sobre la barra d'eines), des d'on podeu crear una Acció nova, una Barra d'eines nova. Podeu realitzar d'altres accions, com Elimina barra d'eines, Renomena barra d'eines o Configura les barres d'eines, en aquest cas apareixerà un diàleg en el que podreu indicar quines accions han de ser visibles en aquesta i en les altres barres d'eines.

Si invoqueu el menú de context sobre una acció (icona) d'una barra d'eines, a més de les anteriors accions, podreu veure les entrades Elimina acció i Edita acció, que s'expliquen per sí mateixes.

Les barres d'eines i les accions que hi ha en aquestes es poden configurar usant les entrades de menú Arranjament Configura barres d'eines... i Arranjament Configura accions...

Podeu llegir més quant a les accions definibles per l'usuari en .

Un diàleg d'etiqueta com el següent:

Un diàleg d'etiqueta com a exemple.

La imatge de dalt és el diàleg de l'etiqueta ancoratge. Si coneixeu &HTML;/&XHTML;, us haureu donat compte de que estan disponibles tots els atributs d'un ítem d'ancoratge. Fixeu-vos en les pestanyes de dalt per a Principal, Nucli i i18n, Esdeveniments i Focus, llavores estan tots els atributs per a aquesta etiqueta, disposats segons el seu propòsit. Tot el que teniu que fer és omplir els espais buits per als atributs que voleu en l'ancoratge, ometre els atributs que no voleu i fer clic en Bé. Ara ja teniu un ancoratge ben format a la posició actual del cursor.

&quanta-projects;

## Plantilles

Les plantilles són bàsicament esquelets de documents, trossos de codi i fitxers als que enllaçar. &quantaplus; usa plantilles fonamentalment com a un sistema de fitxers estàndard amb una organització i interfície avançats. Les podeu copiar, moure o enllaçar amb qualsevol repositori que estigui actualment al vostre sistema en l'arbre de plantilles. Penseu en que les plantilles de &quantaplus; tenen les mateixes limitacions que les que podeu imaginar per al vostre sistema de fitxers.

Les plantilles existeixen en carpetes aniuades. No hi ha límit de profunditat en l'aniuament. De tota manera, &quantaplus; espera que en qualsevol carpeta indicada hi hagi una acció consistent per al tipus de plantilla base que es descriu a sota. A més, les plantilles per abans i després del text es poden concatenar amb plantilles de tipus que no siguin documents. Això facilita la creació d'etiquetes. La següent actualització seguit de la introducció està planificada per afegir la capacitat de passar variables al text, tal com informació sobre la mida de la imatge per a que assisteixi en la creació de l'etiqueta.

El nostre objectiu amb les plantilles és estendre-les per a que incloguin el concepte de múltiples fitxers, d'utilitat per a coses com posar un ordre o crear una secció "Quant a". De manera ideal, aquesta serà una eina per a fer més productiu i dinàmic el vostre treball. Un objectiu eventual és tenir un mode de disseny de plantilla estructural que tracti sobre la disposició i estructura del lloc amb el que podreu usar per a dissenyar i actualitzar de forma interactiva els vostres llocs. Si us voleu implicar, visiteu la nostra pàgina web en sol·licitud d'ajuda.

Algunes de les plantilles que es distribueixen amb &quantaplus; tenen condicions d'ús. Si us plau, llegiu amb cura les condicions d'ús, a la part superior de cada plantilla, abans d'usarla.

### Tipus de plantilla

&quantaplus; admet diversos tipus de plantilla. Aquests són:

- Plantilles de binari
- Plantilles de document
- Retalls de text
- Plantilles de lloc

Es proveeixen exemples per a aquests tipus amb &quantaplus;.

Plantilles de binari

  Els binaris són qualsevol cosa que no s'identifiqui com a text pur. Poden ser qualsevol tipus de fitxer que no sigui de text, com ara fitxers d'imatge, fitxers &PDF;, fitxers flash, &etc; Les plantilles de binari es solen incloure en el document mitjançant enllaços (&ead;, com les imatges img src=/src/url). Hi ha alguns exemples en l'arbre de plantilles sota plantilles globals. Si us plau, per a més informació consulteu sobre l'arbre Plantilles..

Plantilles de document

  Els documents poden ser qualsevol tipus de document de text. Podeu crear documents nous segons aquestes plantilles. Generalment voldreu aniuar els documents més específics o diversos en subcarpetes. Aquí podeu construir el vostre propi entorn de treball bàsic, de manera que tingueu organitzat el vostre treball i pugueu augmentar el vostre rendiment i eficiència. Hi ha alguns exemples en l'arbre de plantilles que hi ha dintre de les plantilles globals. Si us plau, consulteu per a més informació quant a l'arbre de Plantilles..

Retalls de text

  Aquest tipus de plantilla és d'utilitat quan no voleu crear un document nou basant-vos en una plantilla, si no que voleu inserir la mateixa àrea de text una i una altra vegada en els vostres documents. Pot contenir qualsevol cosa, des d'un comentari fins a un menú sencer que es gestioni amb mètodes de JavaScript o amb scripts de perl. Hi ha alguns exemples en l'arbre de plantilles que hi ha dins de les plantilles globals. Si us plau, consulteu per a més informació quant a l'arbre de Plantilles.

Plantilles de lloc

  Com el seu propi nom indica, són útils per a construir un lloc complet a partir d'una plantilla. Són una col·lecció de diversos documents que es poden organitzar en una estructura de directori, tot plegat compremut en un fitxer tar. En el moment d'escriure aquest manual no hi havia exemples de plantilles de lloc en &quantaplus;.

### Àmbits de la plantilla

Les plantilles són accessibles en base al seu espai de treball establert en &quantaplus;

### Crear plantilles

#### Crear plantilles de documents

Creeu l'estructura de document que preferiu (&XML;, &HTML;, DocBook, &etc;) i feu clic sobre Fitxer Desa com a plantilla Desa com a plantilla local/del projecte .

Una vegada fet, advertireu que (tot i que l'heu desat com a una plantilla del projecte), la plantilla no es mostra en la vista de pestanyes del projecte. Mireu en la vista de plantilla per a trobar la vostra plantilla en la pestanya de plantilles del projecte.

#### Crear retalls de text

Seleccioneu quelcom de text en el vostre document i feu clic sobre Fitxer Desa com a plantilla Desa la selecció a un fitxer de plantilla local/del projecte . Alternativament, podeu usar la característica d'arrossegar i deixar per arrossegar la selecció cap a la vista en arbre Plantilles.

#### Crear plantilles de binari

La creació d'una plantilla de binari és molt simple: Simplement copieu el fitxer en una carpeta 'template'. Podeu usar les funcions estàndard de gestió de fitxers per a fer-ho, com arrossegar i deixar o copiar i enganxar des del Konqueror o des de l'Arbre de fitxers.

#### Crear plantilles de lloc

En les vistes en arbre l'Arbre de fitxers o dels Fitxers del projecte, feu clic dret sobre una carpeta i seleccioneu Crea plantilla de lloc, escolliu un nom per a la plantilla i deseu-la. Per omissió, s'intentarà desar en la carpeta 'template' del projecte, però, per descomptat, també podeu escollir desar-la com a una plantilla local o global.

### Usar plantilles amb projectes

Les plantilles de projecte us permeten centrar-vos millor. Podeu crear capçaleres, peus o passar al dinamisme amb els fitxers include de &PHP; i enllaçar-los. A més, hi ha algunes coses del més útils que hem de tenir molt en compte quan s'usen plantilles en els projectes.

Al crear un projecte, podeu optar per copiar al vostre projecte local totes les plantilles globals i d'usuari existents. Els projectes heretats tenen per omissió la capacitat d'usar plantilles, així que no heu perdut res. Podeu triar a on localitzar els vostres fitxers de plantilla per a que puguin estar en l'arrel del vostre servidor i poder-los publicar amb facilitat o poder fer-los més segurs enllaçant-los per sota de l'arrel del vostre servidor, un bon truc. Quan enllaceu amb fitxers que no estan en les plantilles del projecte, se us demanarà si s'ha de copiar el fitxer a les plantilles del projecte en comptes d'enllaçar-lo. Això evitarà els enllaços no vàlids a l'hora de la publicació. Sempre tindreu el control de a on ubicar les vostres plantilles, per a que podeu escollir a on moure-les. De tota manera, &quantaplus; no en seguirà la pista si cal canviar els enllaços.

### Gestionar plantilles

La estructura de plantilles de la pestanya de plantilles es basa en els fitxers que es troben en `$`TDEDIR`/share/apps/quanta/templates` i `$`HOME`/.trinity/share/apps/quanta/templates`. En cadascuna d'aquestes carpetes s'especifica un d'aquests quatre tipus de contenidor, tal i com s'ha explicat a dalt..

Per a definir el comportament de cada carpeta, feu clic amb el &BDR; en la vista de plantilla de la carpeta i escolliuPropietats. Apareixerà el següent diàleg:

Diàleg de propietats.

Tipus

  La llista desplegable amb els tres tipus s'ha tractat anteriorment; fitxers, text, plantilles. Aquesta caixa s'obscurirà si heu marcat la caixa Hereta atribut pare.

Hereta atribut pare (foo)

  Per omissió està marcat i és adequat per a totes les carpetes de nivell superior en l'arbre de plantilles. Si la carpeta de nivell superior el té marcat, bàsicament es desactivaran les plantilles per a aquesta carpeta i per a totes aquelles que estiguin per sota d'aquestes i no s'hagi definit explícitament. Si no és una carpeta de nivell superior, blah dirà quelcom com `Retall de text`. Si no diu res, llavores és perquè esteu en una carpeta de nivell superior.

Usa text pre/post

  Habilita el text pre i post per a les plantilles en aquesta carpeta. Podria tractar-se d'una capçalera/peu per a totes les plantilles d'un projecte en concret i copiar les plantilles de contingut a aquesta carpeta, i tendreu una pàgina completa amb una capçalera/peu com a punt de partida.

Text pre

  El text real que s'inserirà abans del contingut de les plantilles.

Text post

  El text real que s'inserirà al darrera del contingut de les plantilles.

A més, si mireu en les seves opcions amb el &BDR;, veureu les eines de gestió de fitxers al complet per a crear carpetes o copiar i enganxar plantilles d'una localització a una altra.

Disposició visual de la pàgina

Nicolas Deschildre

    nicolasdchd@ifrance.com

Christopher Hornbaker

    chrishornbaker@earthlink.net

Revisor
Antoni Bella

    bella5@teleline.es

Traductor

## Disposició visual de la pàgina

### Modes &VPL;

L'editor de Disposició visual de la pàgina (&VPL;) (també conegut com a WYSIWYG (What You See Is What You Get -el que veieu és el que hi ha-)) us permet editar un document &HTML; o &XHTML; mentre veieu els canvis al vol. Igual que en el vostre processador de text favorit, podeu fer clic en el document i veureu aparèixer un cursor, que us permetrà introduir text, inserir imatges, aplicar decoracions de text, &etc; L'objectiu de &VPL; és permetre-us crear pàgines web grans i vàlides sense necessitat de conèixer els llenguatges de marcat de Internet.

&quantaplus; us ofereix dos modes: Editor &VPL; i Editor &VPL; i font, als que podeu accedir des del menú Visualitza. El primer substitueix a l'Editor de font amb l'Editor &VPL;, i el segon divideix la finestra de l'editor en dues parts: La de l'Editor font i la de l'Editor &VPL;.

L'Editor &VPL; funciona així: Carrega un document com a una pàgina &HTML; o &XHTML; i apareix un cursor. Després la podeu editar i tornar a l'Editor font, veure que els canvis que heu realitzat en l'Editor &VPL; s'han inclòs en l'Editor font.

Al treballar en l'Editor &VPL; amb un document que contingui &PHP;, veureu una petita icona verda que representa el codi &PHP;. No el podeu editar directament amb l'Editor &VPL;. Per editar &PHP;, haureu d'usar l'Editor font. No hi ha plans de canvi per a aquesta funcionalitat.

El segon mode es comporta exactament igual que el primer, excepte en que podeu veure instantàniament l'impacte dels canvis que heu realitzat, bé en l'Editor font o bé en l'Editor &VPL;, i els cursors de l'editor de codi font i de l'Editor &VPL; estan sincronitzats. En prémer F9 es carrega aquest mode, però, si ja està carregat, mourà el focus d'una vista a l'altra, mantenint la mateixa localització del document.

Es poden configurar els intervals de refresc entre l'Editor &VPL; i l'Editor font. Aneu a Arranjament Configura Quanta... . Escolliu la pestanya Vista &VPL;. Podeu escollir si voleu refrescar una vista tan sols quan es faci clic sobre seu o que es faci automàticament. Si escolliu que es faci automàticament, podeu escollir un interval de refresc. La recomanació general és: Un número petit per a ordinadors ràpids i un número més gran per a les més lentes.

El mode Editors &VPL; i font.

### Edició &VPL;

#### El diàleg Propietats del document

Ara, diguem que voleu editar el títol de la vostra pàgina web. Com fer-ho? Simplement, obriu Eines Propietats del document . Aquesta eina permet l'edició d'etiquetes invisibles quan useu l'Editor &VPL;. El diàleg Propietats del document també es carrega quan creeu un document nou en l'Editor &VPL;. Això és per a reduir la quantitat de codificació manual que us cal realitzar. De manera que podeu editar:

Títol

  El títol del document.

Ítems meta

  Les etiquetes meta us permeten desar informació quant al propi document, &pex;, paraules clau per als motors de recerca d'Internet. Podeu afegir o eliminar Ítems meta prement els dos botons de a sota, i editar-los fent clic en la llista, &pex;, poseu paraules clau en la columna nom i paraula_clau1 paraula_clau2 en la columna contingut.

Regles CSS

  Les Regles CSS són la nova forma de dir-li al navegador com presentar la pàgina. Les podeu afegir o eliminar prement els botons de a sota. També podeu omplir els camps com els Ítems meta. Encara no està suportada l'edició de les Regles CSS.

Enllaç a full d'estil CSS

  També podeu enllaçar amb un full d'estil CSS extern. Simplement, feu clic sobre el botó Navega i seleccioneu el vostre fitxer.

#### L'Editor &VPL;

Podeu usar el cursor de la mateixa manera que en un processador de text, movent-lo amb les fletxes. Pot arribar un moment en el que el cursor no vulgui anar cap a on li indiqueu (un error un tant molest). La selecció també funciona com és normal. Podeu inserir text teclejant-lo i eliminar-lo prement la tecla &Retro; o Supr.

Ara anem amb la inserció d'etiquetes. Podeu inserir imatges, applets, decoracions de text tals com negreta i similars usant les mateixes barres d'eines que useu en l'editor de codi font. Tingueu present que la inserció d'etiquetes no eliminarà les etiquetes idèntiques anteriors, &pex; si inseriu una etiqueta d'ancoratge que torna a un text, podeu eliminar qualsevol altra ancoratge que la retorni.

Alguns ítems de la barra d'eines es deshabilitaran, com l'Assistent de taules o l'Assistent ràpid de llistes. En algun moment funcionarà en &VPL;, però, en aquesta versió, hauríeu d'usar les barres d'eines Taules o Llistes.

Per a editar una etiqueta (que sigui una imatge, un applet o qualsevol altra cosa), passeu a l'Arbre d'atributs, al qual s'accedeix mitjançant Visualitza Vistes d'eines . Feu clic sobre l'etiqueta que vulgueu editar o, si no podeu accedir, feu clic sobre un objecte en la que estigui continguda. L'Arbre d'atributs us mostrarà el nom de l'etiqueta actual així com la llista de tots els seus pares i atributs. Actualment, &VPL; no suporta, diguem, &XHTML;+MathML, però veureu que podeu editar espais de nom amb aquesta vista. Simplement podeu fer clic sobre el camp Valor i modificar qualsevol cosa que vulgueu. Si voleu accedir al pare de l'etiqueta actual, seleccioneu-la i l'Arbre d'atributs la carregarà.

Per eliminar una etiqueta, useu l'Arbre d'atributs. Us heu adonat de dues petites creus roges en la cantonada superior dreta? La primera elimina tan sols l'etiqueta que estigui seleccionada en aquest moment i, si l'especificació &HTML;/&XHTML; no permet que alguns fills de l'etiqueta eliminada siguin fills de l'etiqueta pare del conjunt d'etiquetes que es va a eliminar, també s'eliminen i així successivament. La segona creu eliminarà l'etiqueta seleccionada, així com tots els seus fills, de manera que tingueu cura!