Erreur entre Dreamweaver / Photoshop / Navigateur pour mon site

Fermé
Lapick Messages postés 1 Date d'inscription dimanche 28 avril 2013 Statut Membre Dernière intervention 28 avril 2013 - Modifié par Lapick le 28/04/2013 à 23:19
 porfea - 28 avril 2013 à 22:43
J'ai sous la main Dreamweaver CS5.5
Photoshop CS6
Navigateur

Mon soucis est au niveau du ressortit navigateur du site sous Dreamweaver, Je vous montre sa en image :

La je prépare l'aspect esthétique de l'index sur photoshop :
[url=http://www.noelshack.com/2013-17-1367180556-p4.png]

Ensuite je definis mes future bouton ou zone de texte :
[url=http://www.noelshack.com/2013-17-1367180554-p3.png]

Apres je trensfert sur Dreamweaver (j'y retrouve bien toutes mes partie):
[url=http://www.noelshack.com/2013-17-1367180541-p2.png]

Et quand je regarde le rendu navigateur sa me donne un truck tout moche :
[url=http://www.noelshack.com/2013-17-1367180528-p1.png]

Des idées sur ce qui cloche ?

Merci
A voir également:

1 réponse

Salut,

non il ne s'agit pas d'une erreur.

_Navigateurs web:
Les différents navigateurs(internet explorer, chrome, firefox, opera...) interprètent parfois mal ou différemment les mêmes éléments de mise en page.

Bien qu'il y ait des normes ( chrome y est le plus fidèle) il y a des différences ou des décalages qui vont provoquer ce qu'on appelle des bugs graphiques.
Vous pouvez soit vérifier votre code auprès du validateur(ce qui ne résout pas tout) mais devez en tout les cas tester vos page(il me semble que c'est F11 avec Dreamweaver).

_Photoshop est un outil de retouche photo très avancé qui permet aussi de faire du design graphique. En aucun cas vous ne devez vous y fier ou utiliser photoshop pour vos pages web. Utilisez éventuellement fireworks pour faire des découpes des différents éléments.

_Dreamweaver: Un outil qui va écrire(plus ou moins automatiquement) une mise en page au format HTML et CSS. L'aperçu que vous obtiendrez est peu fiable et sera différent de celui que vous aurez dans un navigateur. Donc tester régulièrement dans plusieurs navigateurs pour éviter es surprises comme celle que vous avez.

HTML: Est le langage d'écriture des pages. Il indique avec des éléments nommés balises l'emplacement et permet d'intégrer tout les contenus de la page; que ce soit une image un texte ou une vidéo c'est HTLM qui permet de l'afficher.
Le CSS est un langage complémentaire qui permet d'améliorer la mise en page, les positionnements des éléments html et la typographie.

Je vous invite à vous renseigner au moins sur les rudiments de ces technologies qui sont pas très compliqués et sont indispensables même si vous vous appuiez sur dreamweaver vous verrez que écrit par une machine cette mise en page aura peu de chance d'être correcte et conforme; sans parler d'autres problèmes très gênants que je ne détaillerait pas mais qu'un humain ne fera pas.
-1