Comment convertir la création de votre PSD à XHTML dans quelques minutes!

Ceci est un truc simple pour Photoshop et vous pouvez simplement mettre en pratique aujourd'hui. La conversion de votre PSD en XHTML est simplement une question de génération d'un CSS et l'ajout d'un fichier HTML ou simplement générer directement comme xHTML. Jetons un coup d'oeil dans une approche étape par étape.

L'astuce est simple et il est idéal pour soutenir un designer comme beaucoup d'entre nous qui ne sont pas programmeurs experts. Pour convertir une mise en page à un CSS est peut-être le moyen le plus facile pour un site avec de nombreuses pages.

xHTML est également une option viable. Les deux sont tout aussi facile à faire. Ce que vous devez d'abord faire est de ne pas utiliser des tables qui sont souvent délicate et dont le code est beaucoup plus grande. Soyez simple, votre utilisateur l'apprécie. Ceci est simplement une des normes plus élevées de conception de sites Web et d'utiliser moins de code

Etape 1:. Ouvrez votre conception dans Photoshop. Il devrait fonctionner pour les anciennes versions

Étape 2:. Définir les coupes (tranches).

Ici, il est important de couper les éléments à utiliser dans votre site Web en utilisant les "tranches" (raccourci K) avec les coupes que nous voulons dessiner ce que Photoshop ne

Étape 3:. Cliquez sur l'étiquette de chaque coupe et mettre un nom significatif. Cela vous aidera à mieux comprendre le code, une fois transformé en CSS. Essayez de vous souvenir de mettre des noms à tous les éléments de la conception

Étape 4:. Répéter l'opération avec toutes les coupes. De cette manière, nous nous assurons que le code puisse obtenir une meilleure compréhension.

Si vous êtes un développeur être plus familier avec le langage de programmation. Mais si vous êtes un designer comme moi, il est plus facile si nous utilisons un moyen tôt pour comprendre le code plus facilement. Après tout, un concepteur de sites Web finit apprendre un peu de tous les codes et le langage utilisés dans le monde

Étape 5:. Enregistrer pour le Web et les périphériques. Maintenant que vous avez tout prêt, cliquez sur "Fichier et Enregistrer pour le Web et les périphériques" et sélectionnez toutes SLICER ici ou couper et cliquez sur Enregistrer

Étape 6:.

Réglages: Custom. Cela ouvre un écran où il vous demande où vous voulez enregistrer votre travail. Avant d'appuyer sur le bouton Enregistrer, cliquez sur le fond de la boîte de dialogue Paramètres et sélectionnez CUSTOM

É