In genere , si utilizza il software di progettazione della pagina web , come Dreamweaver , per creare pagine Web HTML con link ad altre pagine o URL . Photoshop è principalmente un editor di grafica e foto ritocco programma . Tuttavia, è possibile creare collegamenti a immagini PSD di Photoshop con lo strumento " Slice" e quindi esportare il PSD a una pagina Web HTML . Lo strumento sezione crea "fette ", o immagini separate, che agiscono come pulsanti nella pagina Web. HTHL . Cose che ti serviranno
Adobe Photoshop CS3 o versione successiva
Show More Istruzioni
1
Inizia una nuova immagine PSD o aprire un'immagine esistente in Photoshop .
< Br > 2
Creare l' immagine come di consueto , aggiungendo la pagina banner, bottoni e altri oggetti. È possibile utilizzare il testo di Photoshop e strumenti grafici per creare la vostra immagine , o importare immagini di Photoshop - compatibili esistenti e metterli in PSD che si desidera convertire in una pagina web. O usare una combinazione di entrambi i metodi .
3
Seleziona lo strumento " Slice" ( quinto nella Casella degli strumenti ) . Se non è stato utilizzato lo strumento Sezione prima , un altro strumento può essere attivo sul pulsante. In tal caso, fare clic e tenere premuto il pulsante e quindi scegliere " Slice Tool " dal fly- out .
4
pulsante destro del mouse l'area che affettato e scegliere " Modifica Opzioni sezione " dal menu pop- up menu . 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 pagina di destinazione o URL per il collegamento nel campo "URL" . Per esempio : . " Http://mydomain.com/services.html " ( senza le virgolette ) per
Inserisci 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 entrambi voce. ) Economici 5
Fare clic su " OK " per applicare il collegamento.
6
continuare a creare fette e l'applicazione di link fino a creare tutti i collegamenti necessari.
7
Fare clic su " File" la barra dei menu e scegliere " Salva per Web e dispositivi. " visualizza il Salva per Web e dispositivi finestra di dialogo . Questa finestra di dialogo consente di controllare diverse opzioni di configurazione per la pagina HTML , come il colore di sfondo , la qualità delle immagini , la compressione , tag di metadati ( per i motori di ricerca) e così via .
8
Fare clic su " Salva" pulsante per denominare ed esportare la pagina Web ; . A meno che non la si cambia , Photoshop salva il file HTML nella stessa directory del file 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 , controllarli in Modifica Opzioni sezione per accertarsi che siano digitati e configurati correttamente.