Comment convertir des fichiers PSD pour Joomla Templates

July 29

Comment convertir des fichiers PSD pour Joomla Templates


Conversion PSD, ou Photoshop, les fichiers à Joomla ne nécessite pas beaucoup d'expérience ou de connaissances dans la conception Web. La clé de la conversion des fichiers PSD pour Joomla est de nommer les couches d'une manière Joomla peut les reconnaître. Joomla a plusieurs zones prédéfinies où le contenu est placé. Les couches qui contiennent "_joomla" dans le nom sont rendus comme des zones de contenu du site. Les nouvelles versions de Photoshop, CS4 et plus tard, sont des versions plus anciennes, mais conviviales travailleront également pour ce projet.

Instructions

1 Cliquez sur le bouton "Démarrer" sur votre bureau et déplacez la souris sur "Tous les programmes." Faites glisser le pointeur de la souris vers la droite sur "Adobe" et cliquez sur "Photoshop". Les nouvelles versions de Photoshop peuvent prendre jusqu'à 30 secondes pour démarrer.

2 Cliquez sur "Fichier", puis cliquez sur l'onglet "Ouvrir" pour télécharger une image à utiliser comme arrière-plan pour le site. La largeur idéale devrait être de 1000 pixels ou plus. La hauteur doit être plus grande que la largeur, bien qu'il ne soit pas nécessaire.

3 Cliquez sur le "Rectangle Tool" de la barre d'outils située sur le côté gauche. Concevoir la mise en page du site en dessinant des rectangles ou carrés comme les zones de contenu du site. Dessinez un rectangle sur le dessus de l'image où vous voulez l'en-tête pour être placé. Placez un rectangle sur les deux côtés droit et gauche, une grande place entre eux pour la zone de contenu principal et un rectangle sur le fond comme un pied de page. Ces nouvelles couches devenir figurant sur le côté droit dans Photoshop.

4 Double-cliquez sur le nom de chaque couche créé pour le renommer. Nom de la couche supérieure "de header_joomla", "left_joomla," couche gauche "right_joomla," couche à droite la place "content_joomla" et la couche inférieure "footer_joomla." Bien que certaines régions ont des noms spécifiques tels que "header_joomla," vous pouvez choisir d'autres endroits caractéristiques du site à cet endroit plutôt l'image d'en-tête que.

5 Cliquez sur le bouton "Fichier" et "Enregistrer sous" dans le menu déroulant. La fenêtre de sauvegarde pop-up apparaît. Cliquez sur le "Nom de fichier" zone de texte et tapez un mot ou une phrase. A côté de la "Format" mot, juste en dessous du "Nom de fichier," il devrait dire "Photoshop" par défaut. Si elle ne le fait pas, cliquez sur le bas pointage flèche pour ouvrir le menu déroulant et cliquez sur "Photoshop". Cliquez sur le bouton "Enregistrer" et fermez Photoshop.

6 Double-cliquez sur l'icône du navigateur sur le bureau pour l'ouvrir. Allez sur le site Psd2css en ligne (voir Ressources). Cliquez sur le bouton "Parcourir" sur la première page et une fenêtre pop-up apparaît. Sélectionnez le fichier Photoshop vous avez enregistré à partir de l'ordinateur et cliquez sur le bouton "Ouvrir".

7 Cliquez sur le bouton "Ajouter". Ce processus peut prendre jusqu'à quelques minutes pour convertir le fichier Photoshop pour Joomla. La notification sera affichée lorsque le processus est terminé.

8 Cliquez sur le bouton "Enregistrer" et choisissez l'emplacement où les fichiers seront sauvegardés sur l'ordinateur. Cliquez sur le bouton "Enregistrer" et les fichiers de modèle Joomla seront enregistrés dans un dossier à l'emplacement choisi.

Conseils et avertissements

  • zones de contenu supplémentaires peuvent être créés en dessinant des rectangles ou carrés aux emplacements souhaités. Nommez chaque zone supplémentaire "utilisateur" et ajoutez un numéro à elle. Exemple: "User1, User2."

          

Post a comment: