In genere, si utilizzerà il software di progettazione pagina Web, come Dreamweaver, per creare pagine HTML con link ad altre pagine o URL. Photoshop è principalmente un editor e foto ritocco programma di grafica. Tuttavia, è possibile creare collegamenti in Photoshop PSD immagini con lo "strumento di sezione" e quindi esportare il PSD in una pagina HTML Web. Lo strumento sezione Crea "fette", o immagini separate, che agiscono come pulsanti nella pagina Web HTHL.

Istruzioni

1

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

2

Creare l'immagine come si farebbe normalmente, aggiungendo il tuo banner di pagina, pulsanti e altri oggetti. È possibile utilizzare strumenti di grafica e testo di Photoshop per creare la tua immagine, o importare immagini di Photoshop-compatibili esistenti e metterli nella PSD si desidera convertire in una pagina Web. Oppure utilizzare una combinazione di entrambi i metodi.

3

Selezionare il "Slice Tool" (quinto nella casella degli strumenti). Se non hai usato lo strumento sezione prima, un altro strumento può essere attivo sul pulsante. In caso affermativo, fare clic e tenere premuto il pulsante e quindi scegliere "Slice Tool" dal fly-out.

4

Pulsante destro del mouse l'area affettato e scegliere "Modifica opzioni" 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 di file di pagina di destinazione o l'URL per il link nel campo "URL". Ad esempio: "http://mydomain.com/services.html" (senza virgolette).

Inserire il comportamento del browser di destinazione nel campo "Destinazione". Ad esempio, per aprire il link in una nuova pagina, digitare blank." Per aprire il link di destinazione nella stessa pagina, digitare self." (Senza virgolette per ogni voce).

5

Fare clic su "OK" per applicare il link.

6

Continuare a creare fette e applicando i collegamenti fino a quando non aver creato tutti i link che avete bisogno.

7

Fare clic su "File" sulla barra dei menu e scegliere "Salva per Web e dispositivi." Verrà visualizzato il dialogo Salva per Web e dispositivi. Questa finestra di dialogo consente di controllare diverse opzioni di configurazione per la tua pagina HTML, ad esempio il colore di sfondo, immagine di qualità, compressione, tag di metadati (per motori di ricerca) e così via.

8

Fare clic sul pulsante "Salva" per denominare ed esportare la pagina Web. A meno che non si modifica, Photoshop salva il file HTML nella stessa directory come il PSD. Fare doppio clic sul file HTML per aprire la nuova pagina in un browser e controllare i collegamenti. Se il link non funziona correttamente, è possibile archiviarle nel modificare opzioni sezione per assicurarsi che sono tipizzati e configurati correttamente.

Consigli & Avvertenze

• Durante l'esportazione, Photoshop crea un'immagine separata da ogni fetta e lo inserisce in una sottodirectory denominata "immagini". Quando si carica il file su un server Web, assicurarsi di che caricare anche la directory "immagini" per mantenere il vostro link.
• È possibile creare una casella di testo da una fetta in questo modo: nella sezione Opzioni, impostare il "tipo di fetta" discesa a "Nessuna immagine". Verrà visualizzato un campo "Testo visualizzato nella cella". Digitare o tagliare e incollare il testo in questo campo. Quando si esporta il file, la fetta Esporta come una tabella HTML contenente il testo.