concepteurs de sites Web sont utilisés pour la conception de leurs maquettes de sites Web sur Photoshop. Lorsque vous avez besoin de convertir votre maquette pour un site en direct, certains HMTL et les compétences CSS seront utiles . Si vous avez besoin d'exporter votre maquette dans votre logiciel de développement ou de plate-forme tels que Dreamweaver Joomla , vous pouvez faire la conversion en quelques étapes . Choses que vous devez
Photoshop
Dreamweaver
Voir Plus Instructions
1
Double -cliquez sur votre maquette Photoshop . Cliquez sur " Fichier" et "Enregistrer pour le Web et les périphériques " de l'exporter vers un format convivial Web. Sélectionnez un format de fichier tel que JPEG ou PNG. Définir une qualité d'image dans le dialogue à venir. Cliquez sur " Enregistrer". Entrez un nom pour votre image.
2
cultures et séparer le concept de votre arrière-plan , l'ombre et effet de frontière transparent , pied de page et des concepts de la barre latérale . Enregistrez-les dans un répertoire local . La plupart d'entre eux sont disposition pertinente.
3
Aller à Dreamweaver. Cliquez sur " Fichier" et " Nouveau fichier HTML. " Un nouveau fichier HTML sera mis en place avec les principaux cadres comme en-tête et le corps d' . Entrez un nom pour le fichier .
4
créer un fichier CSS pour le site en cliquant sur les « styles CSS " dans le coin supérieur droit de Dreamweaver. Cliquez-droit sur la zone vierge pour créer de nouvelles règles CSS . Choisissez " Tag ( redéfinit un élément HTML )" de sélecteur de type. Choisissez " corps " et puis "Nouveau fichier feuille de style . " Cliquez sur " OK" pour commencer à définir le fichier CSS
5
importer votre image de fond et d'autres éléments conceptuels dans votre code CSS: background : url ( /images /background.jpg ) ; pied de page: . URL ( /images /footer.jpg ); .