In genere, è necessario utilizzare software di progettazione pagina web, come Dreamweaver, per creare pagine Web HTML con collegamenti ad altre pagine o URL. Photoshop è principalmente un editor di grafica e foto programma di ritocco. Tuttavia, è possibile creare collegamenti a immagini di Photoshop PSD con lo strumento "Slice" e poi esportare il PSD a una pagina Web HTML. Lo strumento crea Slice "fette", o immagini separate, che agiscono come i pulsanti nella pagina Web HTHL.

istruzione

1 Inizia una nuova immagine PSD o aprire un'immagine esistente in Photoshop.

2 Creare l'immagine come di consueto, aggiungendo il tuo banner pagina, pulsanti e altri oggetti. È possibile utilizzare strumenti di testo e grafica di Photoshop per creare l'immagine, o importare immagini compatibile con Photoshop esistenti e metterli nel PSD si desidera convertire a una pagina Web. Oppure utilizzare una combinazione di entrambi i metodi.

3 Selezionare l'opzione "Strumento Slice" (quinta nella Casella degli strumenti). Se non si è utilizzato lo strumento sezione prima, un altro strumento può essere attivo sul pulsante. In tal caso, fare clic e tenere premuto il pulsante e poi scegliere "strumento sezione" dal fly-out.

4 Pulsante destro del mouse l'area che affettato e scegliere "Modifica Opzioni sezione" dal menu a comparsa. Verrà visualizzata la finestra di dialogo Opzioni sezione. Ci sono diverse opzioni in questa finestra di dialogo per la creazione di collegamenti. Digitare il nome del file di paging di destinazione o URL per il collegamento nel campo "URL". Per esempio: "http://mydomain.com/services.html” (Senza le virgolette).

Inserire il comportamento del browser di destinazione nel campo "Destinazione". Ad esempio, per aprire il collegamento in una nuova pagina, digitare "_blank". Per aprire il link di destinazione nella stessa pagina, digitare "_self." (Senza virgolette sia per l'ingresso.)

5 Fai clic su "OK" per applicare il collegamento.

6 Continuare a creare le fette e l'applicazione di link fino a creare tutti i collegamenti necessari.

7 Fai clic su "File" sulla barra dei menu e scegliere "Salva per Web e dispositivi." Ciò visualizza la finestra di dialogo Salva per Web e dispositivi. Questa finestra di dialogo permette di controllare diverse opzioni di configurazione per la vostra pagina HTML, come il colore di sfondo, la qualità delle immagini, la compressione, i tag di metadati (per i motori di ricerca) e così via.

8 Fare clic sul pulsante "Salva" per nome e esportare la pagina Web. A meno che non si cambia, Photoshop salva il file HTML in stessa directory del PSD. Fare doppio clic sul file HTML per aprire la nuova pagina in un browser e controllare i collegamenti. Se i link non funzionano correttamente, li controlla a Modifica Opzioni sezione per assicurarsi che stanno digitati e configurati correttamente.

Consigli e avvertenze

• Durante l'esportazione, Photoshop crea un'immagine separata da ogni fetta e la colloca in una sotto-directory chiamata "immagini". Quando si carica il file su un server Web, assicurarsi anche di caricare la cartella "immagini" per mantenere il vostro link.
• È possibile creare una casella di testo da una fetta in questo modo: In Opzioni sezione, impostare la "fetta Type" a discesa per questo viene visualizzato un "Testo espressa in cella" campo "Nessuna immagine".. Digitare o tagliare e incollare il testo in questo campo. Quando si esporta il file, le esportazioni fetta come una tabella HTML contenente il testo.