Photoshop include uno strumento di "fetta" che è possibile utilizzare per creare una pagina Web strutturato con "<div>" tag. Mentre le impostazioni predefinite per la creazione di una pagina HTML in Photoshop struttura tua pagina con "<table>" tag, le impostazioni possono essere regolate per incorporare invece una struttura "<div>". Questa opzione permette di creare pagine Web da immagini e documenti senza richiedere un sacco di codice aggiuntivo, come sarebbe necessario se si stesse tentando di ricreare la pagina da zero.

istruzione

1 Fare clic destro sul file che si desidera modificare in Photoshop, fai clic su "Apri con" e quindi fare clic su "Adobe Photoshop".

2 Fare clic sull'icona "Crop Tool" nella casella degli strumenti sul lato sinistro della finestra, quindi fare clic sul "strumento sezione."

3 Fare clic sulla tela al centro dello schermo, e quindi trascinare il mouse per selezionare una sezione dell'immagine che si desidera impostare come "<div>" oggetto. Ripetere questo passaggio per ogni sezione della tela.

4 Fai clic su "File" nella parte superiore della finestra, quindi fare clic su "Salva per Web e dispositivi."

5 Fare clic sul pulsante "Salva".

6 Fai clic sul menu a discesa a destra di "Format" e poi cliccare su "HTML e immagini."

7 Fai clic sul menu a discesa a destra di "Impostazioni" e poi su "Altro". Questo aprirà una nuova finestra.

8 Fai clic sul menu a discesa a destra di "Impostazioni" e quindi su "XHTML."

9 Fare clic sul pulsante "Avanti".

10 Selezionare l'opzione "Genera CSS" nella sezione "Fetta di uscita" della finestra.

11 Fai clic su "OK" e quindi su "Salva".

Consigli e avvertenze

• Quando si è pronti per caricare la pagina al server Web, sarà necessario caricare "Immagini" cartella che Photoshop genera durante il processo di salvataggio pure. La cartella si trova nella stessa directory del file HTML salvato.