Home Area utenti Cerca Help FAQ

Tutorials/Photoshop

Slice Tool - Creare un sito - pag.2

5. Le Slice azzurre saranno quelle attive, le grige quelle ottenute in consegueza alle delimitazioni necessarie.
Adesso conferiremo ad ogni zona attiva le giuste proprietà Html.

Scegliere lo Strumento di selezione slice.

6. Fare clic col bottone destro sulla slice della grande zona di testo della pagina inizialmente creata. La zona risulterà selezionata e quindi facilmente riconoscibile.
Cliccare su Edit Slice Options per accedere al pannello delle opzioni.

7. Per la slice di testo scegliere il tipo No Image, ossia che PS6 creerà al suo posto invece di una immagine una cella di tabella dove sarà possibile editare.

8. Nella finestra HTML si potrà digitare del codice sorgente o lasciare lo spazio vuoto e riempirlo dopo con un editor visuale.

9. Fare clic su Ok.

10. Tutti i settori immagine che hanno invece un ruolo attivo all'interno della pagina riceveranno diversamente le proprie opzioni.
Infatti nella finestra Slice Options sceglieremo il Tipo Immagine (Image) e per ogni componente grafico della pagina metteremo le caratteristiche adeguate.
Specificheremo il Collegamento, il Target, il Messaggio di Testo e il testo alternativo, avremo nella finestra anche la posizione del bottone e le sue dimensioni.
Questa operazione va ripetura per ogni immagine attiva della ns pagina.

11. Una volta impostati tutti i parametri per le immagini attive dovremo passare al salvataggio della pagina html con le relative immagini.

12. Da File cliccare Save for Web (Salva per il web).

13. All'interno della finestra Save for Web clic su Output Settings per impostare i parametri di salvataggio della pagina html.

Continua...