Dividere in sezioni una pagina Web

Lo strumento sezioni consente di suddividere un’immagine singola in immagini più piccole che vengono composte per formare la pagina Web mediante una tabella HTML o livelli CSS. Dividendo l’immagine, potrete assegnare alle diverse sezioni diversi collegamenti URL per inserire nella pagina funzioni di navigazione, oppure ottimizzare ciascuna parte dell’immagine con impostazioni di ottimizzazione proprie.

L’esportazione e l’ottimizzazione di un’immagine suddivisa in sezioni vengono eseguite mediante il comando Salva per Web e dispositivi. Photoshop consente di salvare ciascuna sezione come file individuale e genera il codice HTML o CSS necessario per la visualizzazione dell’immagine divisa in sezioni.

Quando lavorate con le sezioni, tenete presente quanto segue:

• Potete creare una sezione usando lo strumento sezione o creando sezioni basate su livelli.

• Dopo aver creato una sezione, potete selezionarla mediante lo strumento selezione sezioni  e spostarla, ridimensionarla o allinearla con altre sezioni.

• Per ciascuna sezione, nella finestra di dialogo Opzioni sezione potete impostare varie opzioni, come tipo, nome e URL.

• Ciascuna sezione può essere ottimizzata mediante diverse impostazioni di ottimizzazione nella finestra di dialogo Salva per Web e dispositivi.

Le sezioni sono classificate in base al tipo di contenuto (Tabella, Immagine o Nessuna immagine) e al modo in cui sono create (utente, basate su livelli, automatiche).

Le sezioni create mediante lo strumento sezione sono definite sezioni utente; le sezione create da un livello sono definite sezioni basate su livelli. Quando create una nuova sezione utente o basata su livelli, vengono generate delle sezioni automatiche aggiuntive per le restanti aree dell’immagine. In altri termini, le sezioni automatiche riempiono lo spazio dell’immagine non definito da sezioni utente o basate su livelli e vengono rigenerate ogni volta che aggiungete o modificate gli altri due tipi di sezioni. Potete convertire le sezioni automatiche in sezioni utente.

Le sezioni utente, basate su livelli e automatiche si differenziano visivamente: le prime due sono delimitate da una linea intera, mentre le sezioni automatiche da una linea tratteggiata. Inoltre, le sezioni utente e le sezioni basate su livelli hanno un’icona diversa. Potete scegliere se mostrare o nascondere le sezioni automatiche, per agevolare il lavoro con le sezioni utente e basate su livelli.

Una sottosezione è un tipo di sezione automatica generata quando create sezioni sovrapposte. Le sottosezioni indicano in che modo viene suddivisa l’immagine quando salvate il file ottimizzato. Anche se le sottosezioni sono numerate e identificate da un simbolo di sezione, non potete selezionarle o modificarle separatamente dalla sezione sottostante. Le sottosezioni vengono rigenerate ogni volta che si riordina la sovrapposizione delle sezioni.

È possibile creare le sezioni in diversi modi:

• Le sezioni automatiche sono generate automaticamente.

• Le sezioni utente sono create con lo strumento sezione.

• Le sezioni basate su livelli sono create con il pannello Livelli.

Lo strumento sezione consente di tracciare linee di sezione direttamente su un’immagine oppure di creare immagini mediante i livelli, quindi sezioni basate sui livelli.

Una sezione basata sul livello comprende tutti i dati dei pixel contenuti nel livello. Se spostate il livello o ne modificate il contenuto, l’area della sezione si adatta automaticamente fino a comprendere i nuovi pixel.

Le sezioni basate sui livelli sono meno flessibili delle sezioni utenti; tuttavia è possibile convertire (“promuovere”) una sezione basata su livello in sezione utente. Consultate Convertire una sezione basata su livelli in una sezione utente.

Una sezione basata su livelli è legata al contenuto di pixel di un livello; pertanto, per spostarla, combinarla, dividerla, ridimensionarla e allinearla occorre modificare il livello.

Tutte le sezioni automatiche di un’immagine sono collegate e condividono le stesse impostazioni di ottimizzazione. Per impostare una diversa impostazione di ottimizzazione per una sezione automatica, è necessario convertirla in una sezione utente.

È possibile visualizzare sezioni in Photoshop e salvarle nella finestra di dialogo Salva per Web e dispositivi. Le seguenti caratteristiche possono aiutarvi a identificare e differenziare le varie sezioni: