Conversione di file PSD, o Photoshop, Joomla non richiede un sacco di esperienza o conoscenza nel Web design. La chiave per la conversione di file PSD in Joomla è denominazione gli strati in modo che Joomla può riconoscerli. Joomla ha diverse zone predefinite dove il contenuto viene inserito. Gli strati che contengono "_joomla" nel nome vengono visualizzati come aree di contenuto del sito Web. Le versioni più recenti di Photoshop CS4 e versioni successive, sono più facili da usare ma anche le versioni precedenti funzioneranno per questo progetto.

Istruzioni

1

Fare clic sul pulsante "Start" sul desktop e spostare il mouse sopra "Tutti i programmi." Far scorrere il puntatore del mouse a destra sopra "Adobe" e fare clic su "Photoshop". Le versioni più recenti di Photoshop potrebbero richiedere fino a 30 secondi per avviare.

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 è obbligatorio.

3

Fare clic sulla "Rectangular Marquee Tool" dalla barra degli strumenti si trova sul lato sinistro. Progettare il layout del sito Web di disegno di rettangoli o quadrati come le aree di contenuto del sito Web. Disegnare un rettangolo in cima l'immagine dove si desidera che l'intestazione da collocare. Posizionare un rettangolo su entrambi sinistra e destra, una grande piazza tra di loro per l'area del contenuto principale e un rettangolo sul fondo come piè di pagina. Questi diventano nuovi layer elencati sul lato destro in Photoshop.

4

Fare doppio clic sul nome di ciascun layer creato per rinominarlo. Nome lo strato superiore "header_joomla," sinistra strato "left_joomla," strato destra "right_joomla," la piazza "content_joomla" e lo strato inferiore "footer_joomla." Anche se alcune zone hanno nomi specifici, ad esempio "header_joomla", è possibile scegliere di luoghi altre caratteristiche del sito in quel luogo, piuttosto che intestazione immagine.

5

Fare clic sul pulsante "File" e "Salva con nome" dal menu a discesa. Il salvataggio viene visualizzata la finestra a comparsa. Fare clic sulla casella di testo "Nome File" e digitare una parola o una frase. Accanto alla parola "Formato", appena sotto il "Nome File", si dovrebbe dire "Photoshop" per impostazione predefinita. Se non esiste, fare clic sulla freccia rivolta verso il basso per aprire il menu a discesa e fare clic su "Photoshop". Fare clic sul pulsante "Salva" e chiudere Photoshop.

6

Fare doppio clic sull'icona del browser sul desktop per aprirlo. Vai al sito Psd2css Online (Vedi risorse). Fare clic sul pulsante "Sfoglia" sulla prima pagina e si apre una finestra pop-up. Selezionare il file di Photoshop che è stato salvato dal computer e fare clic sul pulsante "Aprire".

7

Fare clic sul pulsante "Upload". Questo processo porterà a pochi minuti a convertire il file di Photoshop in Joomla. Verrà visualizzata la notifica quando il processo è completo.

8

Fare clic sul pulsante "Salva" e scegliere il percorso dove i file verranno salvati sul computer. Fare clic sul pulsante "Salva" e Joomla template file saranno salvati in una cartella nel percorso scelto.

Consigli & Avvertenze

• Ulteriori aree di contenuto possono essere creati dal disegno di rettangoli o quadrati alle posizioni desiderate. Nome di ogni zona "utente" e aggiungere un numero ad esso. Esempio: "Utente1, Utente2."