# Lavorare Con...

Questo capitolo descrive le parti di &quantaplus; che userai per la maggior parte del tempo. Queste, non solo ti rendono più produttivo, ma ti permettono anche ti personalizzare &quantaplus; secondo il tuo stile di lavoro.

## Barre degli strumenti

Come accennato precedentemente, le barre degli strumenti in &quantaplus; sono principalmente gestite attraverso il menu Barre degli strumenti. Il loro utilizzo e la loro creazione sono in un certo senso differenti. La creazione delle barre degli strumenti è discussa in una successiva sezione intitolata Creare Barre degli strumenti.

L'uso delle barre degli strumenti è abbastanza semplice. Quando fai clic sull'icona di un determinato elemento o azione, accade una di queste tre possibilità: viene inserito l'elemento (eventualmente con un elemento di chiusura); viene aperta una finestra di dialogo dell'elemento, che ti permette di completarne gli attributi; infine viene attivata un'azione che compie qualcosa di intelligente con il tuo file corrente o col tuo progetto. Se ti accorgi di digitare cose noiose e ridondanti per un particolare elemento, che non è in &quantaplus;, allora puoi aggiungerlo. Guarda dtep-intro-3-2 per ulteriori informazioni.

La configurazione delle barre degli strumenti e dei loro elementi può essere fatta sia utilizzando il menu contestuale (facendo clic con il pulsante destro su una barra degli strumenti), dove puoi creare una Nuova azione, una Nuova barra degli strumenti, puoi intraprendere ulteriori azioni come Rimuovi barra degli strumenti, Rinomina barra degli strumenti o Configura barra degli strumenti, che ti presenterà una finestra di dialogo in cui puoi specificare quali azioni dovrebbero essere visibili in questa o altre barre degli strumenti.

Invocando il menu contestuale su di una azione (icona) posta in una barra degli strumenti, assieme alle precedenti azioni potrai trovare le voci Rimuovi azione e Modifica azione che sono autoesplicative.

Le barre degli strumenti e le loro azioni possono essere configurate tramite le voci Impostazioni Configura le barre degli strumenti... e Impostazioni Configura azioni....

Riguardo alle azioni definibili dall'utente puoi leggere user-actions.

Una finestra di dialogo del tag appare così:

Un esempio di finestra di dialogo di un tag.

L'immagine qui sopra rappresenta la finestra di dialogo per il tag àncora. Se conosci &HTML;/&XHTML;, allora dovresti aver notato che sono disponibili tutti gli attributi validi per un elemento àncora. Osserva le linguette in alto per Principale, Core & i18n, Eventi e Focus; contengono tutti gli attributi, suddivisi in base al loro scopo, disponibili per l'elemento àncora. Tutto quello che devi fare è: completa i campi degli attributi che desideri nell'àncora, ometti gli attributi che non vuoi e fai clic su OK. Avrai così un'àncora ben formata posta alla posizione corrente del cursore.

&quanta-projects;

## Modelli

I modelli sono in pratica degli scheletri di documenti, parti di codice e file da collegare. &quantaplus; utilizza i modelli fondamentalmente come un tipico file system con un'organizzazione ed un'interfaccia avanzate. Puoi copiare, spostare o collegare qualsiasi archivio attualmente sul suo sistema nell'albero dei modelli. I modelli di &quantaplus; hanno lo stesso limite del tuo file system: la tua immaginazione.

I modelli si presentano in cartelle annidate. Non c'è limite alla profondità con cui puoi annidarli; in ogni caso all'interno di ogni cartella &quantaplus; si aspetta azioni consistenti con i tipi di modello base descritti sotto. I modelli permettono, inoltre, di concatenare del testo prefisso e postfisso a modelli che non sono di tipo documento. Ciò facilita la creazione dei tag. È previsto che nel prossimo aggiornamento, dopo questa introduzione, venga aggiunta la capacità di passare delle variabili al testo, come l'informazione della dimensione immagine, per aiutare nella creazione dei tag.

Il nostro obiettivo con i modelli è quello di estenderli sino ad includere il concetto di modelli a file multipli, utili per cose come impostare un ordine o creare una sezione "A proposito di...". Questo sarà, idealmente, uno strumento per rendere il tuo lavoro più produttivo e dinamico. Un obiettivo finale è quello di avere una modalità di progettazione di modelli strutturata per gestire il layout e la struttura di siti web per progettare e aggiornare interattivamente i tuoi siti. Se desiderassi contribuire anche tu, guarda sulla nostra pagina help wanted.

Alcuni dei modelli allegati a &quantaplus; impongono delle condizioni riguardo il loro utilizzo. Per favore, leggi attentamente le condizioni nella dichiarazione di utilizzo in cima ad ogni modello, prima di usarlo.

### Tipi di Modelli

&quantaplus; supporta diversi tipi di modelli. Questi sono:

- Modelli binari
- Modelli di documento
- Frammenti di testo
- Modelli di sito

Alcuni esempi di questi tipi sono forniti assieme a &quantaplus;.

Modelli binari

- I documenti binari sono qualsiasi cosa non identificata puramente con testo. Possono consistere in ogni tipo di file, eccetto testo, incluse le immagini, i &PDF;, i file flash, ecc. I modelli binari sono inclusi di solito nel tuo documento attraverso dei collegamenti (ad esempio le immagini tramite un `img src=/src/url`). Alcuni esempi si trovano nell'albero dei modelli sotto ai modelli globali. Vedi qit-3-2 per maggiori informazioni riguardo all'albero dei modelli.

Modelli di documento

- I documenti possono essere di qualsiasi tipo. In genere vorrai annidare i documenti più specifici o diversi in sotto-cartelle. Qui puoi creare una semplice architettura per il tuo lavoro in maniera organizzata e con miglior efficienza. Puoi trovare diversi esempi nell'albero dei modelli sotto a modelli globali. Vedi qit-3-2 per maggiori informazioni sull'albero dei modelli.

Frammenti di testo

- Questo genere di modello è utile quando non desideri creare un nuovo documento sulla base di un modello, ma preferisci inserire la stessa area di testo più volte nel tuo documento. Possono contenere qualsiasi cosa, a partire da commenti fino alla gestione completa di un menu tramite metodi JavaScript o script di perl. Puoi trovare diversi esempi nell'albero dei modelli sotto a modelli globali. Vedi qit-3-2 per maggiori informazioni sull'albero dei modelli.

Modelli di sito

- Come si può intuire dal nome questi modelli sono utili per costruire un intero sito a partire da un modello. Sono una collezione di diversi documenti che possono essere organizzati in una struttura a cartelle, e conservati in un archivio tar compresso. Al momento in cui questo manuale è stato scritto non ci sono esempi di modelli di sito in &quantaplus;.

### Categorie di Modelli

Si può accedere ai modelli sulla base del loro spazio di lavoro in &quantaplus;

### Creare Modelli

Crea la struttura di documento che ami (&XML;, &HTML;, DocBook, eccetera) e fai clic su File Salva come modello locale/del progetto .

Fatto questo, noterai che (anche se viene salvato come Modello di Progetto) il modello non appare nella scheda del progetto. Guarda nella scheda dei modelli e lo troverai sotto alla scheda Modelli di progetto.

#### Creare frammenti di testo

Seleziona del testo nel tuo documento e fai clic su File Salva come modello Salva selezione come modello locale/di progetto . In alternativa puoi semplicemente trascinare la selezione e rilasciarla sulla vista dell'albero dei modelli.

#### Creare modelli binari

La creazione di modelli binari è semplice: basta copiare il file in una cartella dei modelli. Puoi utilizzare le funzioni di gestione dei file predefinite per farlo, ad esempio trascinando e rilasciando o copiando e incollando da Konqueror o dall'albero dei file.

#### Creare modelli di sito

Nell'albero dei file o nella vista file di progetto puoi fare clic con il tasto destro su una cartella e selezionare Crea modello di sito, scegliere un nome per il modello e salvarlo. Per impostazione predefinita cercherà di salvarlo nella cartella dei modelli del progetto, ma ovviamente potrai scegliere di salvarlo anche come modello locale o globale.

### Usare i Modelli con i Progetti

I modelli di progetto ti permettono di essere più preciso. Puoi creare intestazioni, piè di pagina o cose dinamiche tramite l'inclusione o il collegamento di file &PHP;.Inoltre abbiamo preso in considerazione alcune cose molto intelligenti nell'uso dei modelli nei progetti.

Quando crei un progetto puoi scegliere se copiare nella cartella locale del progetto tutti i modelli globali e dell'utente. Anche i vecchi progetti potranno utilizzare i modelli quindi nulla è perduto. Puoi scegliere dove porre i tuoi file dei modelli così che possano risiedere nella radice del tuo server, permettendo un semplice invio, o puoi metterli al sicuro tramite un link al di sotto della radice del server che è un trucco molto ingegnoso. Quando esegui un link ad un file che non si trova nei modelli di progetto ti verrà chiesto di copiare il file nei modelli di progetti prima di eseguire il link. Ciò preverrà lo spezzarsi dei link durante l'invio. Hai sempre il controllo sul luogo dove verranno posti i tuoi modelli quindi puoi scegliere di spostarli. In ogni caso &quantaplus; non lo memorizza e quindi dovrai cambiare i link.

### Gestire i modelli

La struttura dei modelli nella scheda omonima è basata sui file trovati in `$`KDEDIR`/share/apps/quanta/templates` e `$`HOME`/.kde/share/apps/quanta/templates`. Ognuna di queste cartelle è specificata come contenitore di uno dei quattro tipi come spiegato sopra.

Per impostare il comportamento di ogni cartella, fai clic con il tasto destro del mouse, nella vista dei modelli, sulla cartella e scegli Proprietà. Apparirà la seguente finestra di dialogo:

Finestra di dialogo Proprietà.

Tipo

- Casella a discesa con i tre tipi discussi precedentemente; file, testo, modello. Questa casella sarà disabilitata se hai attivato la casella collega attributo genitore.

Collega attributo genitore (`foo`)

- Per impostazione predefinita è attivato e va bene per tutte le cartelle, tranne quella di primo livello nel tuo albero dei modelli. Se è attivo per la cartella di primo livello, verranno praticamente disattivati i modelli di quella cartella e tutte quelle che non sono esplicitamente impostate nei livelli sottostanti. Se questa non è una cartella di primo livello, allora `blah` sarà impostato a qualcosa come `Frammento di testo`. Se non è impostato, allora c'è qualche possibilità che tu ti trovi in una cartella di primo livello.

Utilizza testo prima/dopo

- Abilita il testo prima e dopo per i modelli in questa cartella. Questo può essere un'intestazione/piè di pagina comune a tutti i tuoi modelli di un dato progetto. Puoi così copiare il contenuto dei modelli in questa cartella ed ottenere così, come punto di partenza, una pagina completa con intestazione e/o piè di pagina personalizzati.

Testo-prima

- Il testo che si desidera inserire prima del contenuto dei tuoi modelli.

Test-dopo

- Il testo che si desidera inserire dopo il contenuto dei tuoi modelli.

Se osservi, inoltre, le tue opzioni con il tasto destro del mouse potrai vedere degli strumenti completi di gestione del file system per creare o copiare e incollare modelli da un posto all'altro.

## Aspetto Pagina Visuale

### Modalità &VPL;

L'editor d'Aspetto Pagina Visuale (&VPL;) (conosciuto anche come WYSIWYG (What You See Is What You Get - Quello che Vedi È Quello che Ottieni)) ti permette di modificare un documento &HTML; o &XHTML; vedendo i cambiamenti istantaneamente. Allo stesso modo del tuo wordprocessor preferito, puoi fare clic sul tuo documento ed apparirà un cursore, permettendoti di inserire del teso, immagini, applicare delle decorazioni al testo, eccetera. Lo scopo del &VPL; è di permetterti di creare pagine web grandiose e corrette senza alcuna conoscenza dei linguaggi markup di Internet.

&quantaplus; mette a disposizione due modalità: l'Editor &VPL; e l'Editor &VPL; & del Sorgente, che sono attivabili dal menu Visualizza. Il primo sostituisce l'Editor del Sorgente con l'Editor &VPL; ed il secondo suddivide la finestra dell'editor in due parti: l'Editor del Sorgente e l'Editor &VPL;.

L'Editor &VPL; funziona così: carica un documento che può essere una normale pagina &HTML; o &XHTML; ed appare un cursore. Puoi quindi modificarlo e, tornando all'Editor del Sorgente, puoi vedere che i cambiamenti che avrai apportato nell'Editor &VPL; sono stati fusi nell'Editor del Sorgente.

Quando si lavora nell'Editor &VPL; con un documento che contiene codice &PHP;, vedrai una piccola icona verde a rappresentare il codice &PHP;. Non lo potrai modificare direttamente con l'Editor &VPL;. Per modificare il &PHP;, avrai ancora bisogno di usare l'Editor del Sorgente. Non pensiamo di cambiare questa caratteristica.

La seconda modalità si comporta esattamente come la prima, eccetto il fatto che vedrai istantaneamente le conseguenze dei cambiamenti che avrai apportato, sia nell'Editor del Sorgente che nell'Editor &VPL; ed i due cursori saranno sincronizzati. Premendo F9 si caricherà questa modalità ma, se è già caricata, verrà spostato il focus da una vista all'altra, restando sempre alla stessa posizione nel documento.

Gli intervalli di aggiornamento dell'Editor &VPL; e dell'Editor del Sorgente sono configurabili. Vai su Impostazioni Configura Quanta... . Seleziona la scheda Anteprima &VPL;. Puoi scegliere se desideri aggiornare un'anteprima solo quando fai clic su di essa o automaticamente. Se scegli l'aggiornamento automatico, puoi impostare un intervallo di aggiornamento. La raccomandazione tipica è: Un numero piccolo per computer veloci ed uno grande per quelli lenti.

La modalità Editor &VPL; & del Sorgente.

### Modificare con &VPL;

#### La finestra di dialogo Proprietà Documento

Supponiamo, ora, che tu voglia modificare il titolo della tua pagina web. Cosa farai? Apri semplicemente Strumenti Proprietà Documento . Questo strumento ti permette di modificare alcuni tag invisibili quando si utilizza l'Editor &VPL;. La finestra di dialogo Proprietà Documento viene aperta inoltre quando si crea un nuovo documento mentre ci si trova nell'Editor &VPL;, ciò per ridurre la quantità di codice da scrivere a mano. Con questa, potrai impostare:

Titolo

- Il titolo del documento.

Elementi meta

- I meta-tag permettono di memorizzare informazioni riguardo al documento stesso, ad esempio parole chiave per i motori di ricerca di Internet. Puoi aggiungere o rimuovere Elementi meta premendo i due pulsanti in basso e modificarli facendo clic sulla lista; ad esempio metti keywords nella colonna nome e keyword1 keyword2 nella colonna contenuto.

Regole CSS

- Le Regole CSS sono la nuova maniera per spiegare al tuo browser web come presentare la pagina. Puoi aggiungere o cancellare le Regole CSS premendo i pulsanti in basso. Puoi completare, inoltre, i campi come con gli Elementi meta. La modifica delle Regole CSS non è ancora supportata.

Collega foglio di stile CSS

- Puoi inoltre collegare un fogli di stile CSS esterno. Basta fare clic sul pulsante Sfoglia e selezionare il tuo file.

#### L'Editor &VPL;

Puoi usare il cursore come in un wordprocessor, spostandoti con le frecce. Potrebbe accadere che il cursore non vuole andare dove vuoi tu (un noioso bug). Anche la selezione avviene come di norma. Puoi inserire del testo digitandolo e rimuoverlo premendo &Backspace; o il tasto cancella.

Adesso passeremo all'inserimento dei tag. Puoi inserire immagini, applet, decorazioni del testo quali grassetto e così via utilizzando le stesse barre degli strumenti che usi nell'editor del sorgente. Nota che l'inserimento di un tag non rimuove tag identici precedenti, ad esempio se inserisci un tag àncora attorno a del testo, devi poi rimuovere qualsiasi altro tag àncora che lo circonda.

Alcuni elementi della barra degli strumenti saranno disabilitati, come l'Assistente per le Tabelle o l'Assistente per le Liste. Funzioneranno in seguito in &VPL;, ma per questa versione, dovresti usare le barre degli strumenti Tabelle o Liste.

Per modificare un tag (sia esso un'immagine, un applet o altro), passa all'Albero Attributi, accessibile attraverso Visualizza Viste strumenti . Fai clic sul tag che desideri modificare o, se non puoi accedervi, fai clic su di un oggetto che lo contiene. L'Albero Attributi visualizzerà il nome del tag corrente così come una lista di tutti i suoi genitori ed attributi. Al momento &VPL; non supporta, ad esempio, &XHTML;+MathML, ma vedrai che potrai modificare i namespace attraverso questa vista. Puoi semplicemente fare clic sul campo Valore e modificare quello che vuoi. Se desideri accedere al genitore del tag corrente, allora selezionalo e l'Albero Attributi lo caricherà.

Per cancellare un tag, useremo l'Albero Attributi. Hai notato le due piccole croci rosse nell'angolo in alto a destra? La prima cancella solo il tag correntemente selezionato e, se la specifica &HTML;/&XHTML; non permette ad alcuni dei figli del tag cancellato di essere figli del genitore del tag da cancellare, saranno anch'essi cancellati, e così via. La seconda croce cancellerà il tag selezionato così come tutti i suoi figli, perciò fai attenzione!