Come convertire PSD file per Joomla Templates

December 9

Come convertire PSD file per Joomla Templates


Conversione PSD, o Photoshop, file di Joomla non richiede un sacco di esperienza o conoscenza nella progettazione Web. La chiave per la conversione di file PSD a Joomla è nominare i livelli in modo Joomla li possa riconoscere. Joomla ha diverse aree predefinite in cui il contenuto è collocato. Gli strati che contengono "_joomla" nel nome sono resi come aree di contenuto del sito. Le versioni più recenti di Photoshop, CS4 e versioni successive, sono più versioni user-friendly, ma anche anziani lavoreranno per questo progetto.

istruzione

1 Fare clic sul pulsante "Start" sul desktop e spostare il mouse su "Tutti i programmi". Far scorrere il puntatore del mouse verso destra su "Adobe" e cliccare su "Photoshop". Le versioni più recenti di Photoshop possono richiedere fino a 30 secondi per iniziare.

2 Fare clic su "File", quindi fare clic sulla scheda "Open" per caricare un'immagine da utilizzare come sfondo per il sito web. La larghezza ideale dovrebbe essere 1.000 pixel o superiore. L'altezza deve essere maggiore della larghezza, anche se non è necessaria.

3 Clicca su "Selezione rettangolare Tool" dalla barra degli strumenti si trova sul lato sinistro. Progettare il layout del sito web disegnando rettangoli o quadrati, come le aree di contenuto del sito. Disegnare un rettangolo sulla parte superiore dell'immagine in cui si desidera che l'intestazione di essere collocato. Mettere un rettangolo su entrambi i lati sinistro e destro, una grande piazza tra di loro per la principale area di contenuti e un rettangolo sul fondo come piè di pagina. Questi nuovi strati diventare quotata sul lato destro in Photoshop.

4 Fare doppio clic sul nome di ogni strato creato per rinominarlo. Nome lo strato superiore "header_joomla," "left_joomla," strato di sinistra "right_joomla," strato destra la piazza "content_joomla" e lo strato inferiore "footer_joomla." Anche se alcune aree hanno nomi specifici come "header_joomla", è possibile scegliere di luoghi altre caratteristiche del sito in quel luogo, piuttosto che header image.

5 Fare clic sul pulsante "File" e "Salva con nome" dal menu a discesa. Verrà visualizzata la finestra pop-up salvare. Fare clic sulla casella di testo "Nome file" e digitare una parola o una frase. Accanto alla parola "Format", proprio sotto il "Nome file", si dovrebbe dire "Photoshop" per impostazione predefinita. In caso contrario, cliccare sulla freccia rivolta verso il basso per aprire il menu a tendina e cliccare su "Photoshop". Fare clic sul pulsante "Salva" e vicino Photoshop.

6 Fare doppio clic sull'icona del browser sul desktop per aprirlo. Vai al sito Psd2css online (vedi Risorse). Fare clic sul pulsante "Browse" in prima pagina e si apre una finestra pop-up. Selezionare il file di Photoshop è stato salvato dal computer e fare clic sul pulsante "Apri".

7 Fai clic sul pulsante "Carica". Questo processo richiederà fino a qualche minuto per convertire il file di Photoshop a Joomla. La notifica verrà visualizzato quando il processo è completo.

8 Fare clic sul pulsante "Salva" e scegliere la posizione in cui i file verranno salvati sul computer. Fare clic sul pulsante "Salva" e file di template Joomla verranno salvati in una cartella nella posizione scelta.

Consigli e avvertenze

  • Ulteriori aree di contenuti possono essere creati disegnando rettangoli o quadrati nelle posizioni desiderate. Nome ogni area aggiuntiva "utente" e aggiungere un numero ad esso. Esempio: "Utente1, Utente2."