Creare un'area ripetuta di InContext Editing

Un'area ripetuta di InContext Editing è costituita da una coppia di tag contenente l'attributo ice:repeating nel tag di apertura. L'area ripetuta definisce uno spazio della pagina che gli utenti possono "ripetere" e a cui possono aggiungere contenuti durante la modifica da un browser. Ad esempio, se avete un titolo seguito da un paragrafo di testo, potete trasformare questi elementi in un'area ripetuta che gli utenti possono duplicare su una pagina.

Aree ripetute in una finestra di browser InContext Editing modificabile. La parte inferiore è selezionata e può essere nuovamente duplicata, eliminata o spostata verso l'alto o verso il basso.

Oltre all'aggiunta di aree ripetute basate sull'area originale, potete permettere all'utente di eliminare aree, aggiungere aree completamente nuove (non basate sul contenuto dell'area originale) e di spostare le aree verso l'alto o verso il basso.

Quando create un'area ripetuta, Dreamweaver la racchiude in un altro contenitore, detto gruppo di aree ripetute. Questo contenitore (un tag div con l'attributo ice:repeatinggroup aggiunto al tag di apertura) agisce da contenitore per tutte le aree ripetute modificabili che gli utenti possono aggiungere al gruppo. Non potete spostare aree ripetute all'esterno dei relativi contenitori di gruppo di aree ripetute. È inoltre sconsigliabile aggiungere manualmente alla pagina tag di gruppo di aree ripetute. Vengono aggiunti automaticamente quando necessario.

Se lavorate su una pagina che contiene già un gruppo di aree ripetute e tentate di aggiungere un'area ripetuta subito dopo il gruppo esistente, viene rilevato automaticamente che un gruppo di aree ripetute precede l'area che state tentando di aggiungere e viene offerta la possibilità di aggiungere la nuova area al gruppo esistente. Potete scegliere di aggiungere la nuova area ripetuta al gruppo esistente o di creare un gruppo di aree ripetute completamente nuovo.

Per creare un'area ripetuta in Dreamweaver, attenetevi alla procedura descritta di seguito.

1. Effettuate una delle seguenti operazioni:

   • Selezionate un tag da trasformare in area ripetuta. L'elenco dei tag possibili è lungo: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul e var.

     Nota: solo i tag div possono contenere contemporaneamente gli attributi di area modificabile e di area ripetuta.

   • Spostate il punto di inserimento nella posizione della pagina in cui desiderate inserire una nuova area ripetuta.

   • Selezionate esattamente un'area ripetuta in un modello di Dreamweaver (file DWT).

   • Selezionate nella pagina altro contenuto da rendere ripetibile (ad esempio un titolo e un blocco di testo).

2. Scegliete Inserisci > InContext Editing > Crea area ripetuta.

3. Le opzioni disponibili variano in base alla selezione.

   • Se avete selezionato un tag trasformabile, questo viene trasformato automaticamente in un'area ripetuta.

   • Se state inserendo una nuova area ripetuta vuota, effettuate una delle seguenti operazioni:

     • Selezionate Inserisci una nuova area ripetuta nel punto di inserimento corrente, poi fate clic su OK.

     • Selezionate Trasforma tag superiore in area ripetuta per fare in modo che Dreamweaver renda il tag superiore della selezione l'elemento contenitore dell'area. Solo alcuni tag HTML sono trasformabili: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul e var.

       Nota: la seconda opzione è disponibile solo se il nodo di origine soddisfa tutti i criteri per la trasformazione. Deve essere ad esempio uno dei tag trasformabili elencati e non deve essere soggetto agli errori elencati in Messaggi di errore di InContext Editing.

   • Se avete selezionato un'area ripetuta di un modello di Dreamweaver, fate clic su OK nella finestra di dialogo Crea area ripetuta. Attorno all'area ripetuta del modello viene applicato un tag div che agisce da contenitore per la nuova area ripetuta di InContext Editing.

   • Se avete selezionato altro contenuto da rendere ripetibile, effettuate una delle operazioni seguenti:

     • Selezionate "Racchiudi selezione corrente in un tag DIV e quindi trasforma" per racchiudere la selezione in un tag div e trasformarla in un'area ripetuta. Il tag div in cui Dreamweaver racchiude il contenuto funziona da contenuto dell'area ripetuta.

     • Selezionate Trasforma tag superiore in area ripetuta per fare in modo che Dreamweaver renda il tag superiore della selezione l'elemento contenitore dell'area ripetuta. Solo alcuni tag HTML sono trasformabili: a, abbr, acronym, address, b, big, blockquote, center, cite, code, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul e var.

4. Nella vista Struttura, fate clic sulla linguetta blu dell'area ripetuta per selezionarla (se non è già selezionata). Dreamweaver in realtà impone la selezione della linguetta relativa al gruppo di aree ripetute. Pertanto, tutte le aree ripetute sono inserite all'interno di un gruppo di aree ripetute ed è necessario impostare le opzioni per le aree ripetute impostandole per l'intero gruppo.

5. Selezionate o deselezionate le opzioni nella finestra di ispezione Proprietà gruppo di aree ripetute. Sono disponibili due opzioni: Riordina e Aggiungi/Rimuovi. Se selezionate Riordina, gli utenti potranno spostare le aree ripetute verso l'alto o verso il basso mentre effettuano le modifiche nel browser. Se selezionate Aggiungi/Rimuovi, gli utenti potranno aggiungere o rimuovere le aree ripetute mentre effettuano le modifiche nel browser. Entrambe le opzioni sono selezionate per impostazione predefinita. Almeno una delle due deve essere sempre selezionata.

6. Salvate la pagina.

   Se state aggiungendo la funzionalità InContext Editing a una pagina per la prima volta, Dreamweaver segnala l'aggiunta dei seguenti file di supporto di InContext Editing al sito: ice.conf.js, ice.js e ide.html. Al momento di caricare la pagina, verificate di aver caricato questi file sul server; in caso contrario, la funzionalità InContext Editing non funziona nei browser.