web-dev-qa-db-fra.com

Dreamweaver: superposer une image pour faciliter l'ajustement des éléments CSS et du positionnement des éléments?

J'ai un site Web que j'ai créé dans Photoshop, je suis exporté tout ce dont j'ai besoin. Je dois maintenant configurer Dreamweaver et positionner les choses à l'aide de CSS.

Je veux m'assurer que j'aligne mes éléments en HTML exactement comme ils sont dans le PSD.

Dreamweaver prend-il en charge les incrustations Alpha ou similaires?

1
Martin

L'un des moyens les plus efficaces consiste à prévisualiser les modifications dans Firefox et à utiliser l'extension Pixel Perfect.

https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/

Vous voudrez peut-être utiliser une bonne réinitialisation CSS pour minimiser les incohérences du navigateur.

Si vous ne souhaitez pas installer l'extension, vous pouvez également créer une image png presque transparente dans Photoshop et la superposer au format HTML. Utilisez-le pendant que vous alignez les éléments html avec HTML et CSS et supprimez-le une fois terminé.

1
Osvaldo

Il y a un endroit pour faire ça bien dans DW. Modifier> Propriétés de la page> Traçage d'image, vous pourrez régler la transparence de l'image ici. vérifier ma capture d'écran screenshot.

Mais l’autre réponse ici a un bon point: pour le développement Web, il est vraiment préférable de concevoir et de tester à plusieurs reprises dans les navigateurs, car ils donnent tous un rendu légèrement différent.

0
Drai