Comment m'assurer que Visual Studio 2005 affiche correctement les tableaux et les images?

Question

J'ai utilisé la fonction «Enregistrer pour le Web» de Photoshop CS2 pour créer une table d'images pour la mise en page de mon site.

Ce code HTML s'affiche correctement dans un navigateur Web. Toutefois, lors de l'importation dans Visual Studio et dans le concepteur de site, les métriques sont erronées et il existe des écarts horizontaux entre les images (cellules de tableau).

La sortie de Photoshop ne fait référence à aucune feuille de style.
Les attributs de table FIXER ENCADREMENT, cellpadding et cellspacing à 0.

Voici à quoi il ressemble dans le Concepteur:

Et voici à quoi il ressemble dans le navigateur:

Est-ce que Visual Studio est très pointilleux sur la disposition des tableaux et des images? Est-ce un bug dans Visual Studio 2005?

Answer 1

Personnellement, je n'ai jamais fait confiance et rarement utilisé la vue de conception dans Visual Studio et l'ai généralement réglé sur la vue de code pour toutes les pages. les versions des fichiers s'ouvrent dans IE et Firefox pour me permettre de voir leur mise en page mais cela peut causer des problèmes quand j'essaie de voir des formulaires en plusieurs étapes etc. Dans ces cas, j'ai toujours tendance à mettre du code en place pour étape que je souhaite voir sans passer par tous les rigmorals de g oing à travers chaque étape pour le tester. Rappelez-vous que dans VS vous pouvez faire un clic droit sur un fichier dans l'explorateur de projet et sélectionnez pour l'afficher dans un navigateur Web. vous pouvez également ajouter différents navigateurs aux préférences VS vous permettant de sélectionner le navigateur dans lequel vous souhaitez voir le fichier.

Je réalise que ce n'est pas une réponse mais j'espère que c'est utile.

Answer 2

Je n'ai pas joué avec la fonctionnalité "Enregistrer pour le Web", mais je suis sûr que la sortie html, à l'exception du balisage et des images, doit également contenir des styles CSS qui définissent le comportement d'affichage page. Par conséquent, lors de l'importation du code HTML dans VS, assurez-vous que les styles associés sont également transférés. N'oubliez pas Et pour assurer la validité HTML - vous pouvez choisir le niveau de conformité de votre application Web dans les propriétés web.config ou du projet (ou seulement dans l'éditeur html - définissez Target Schema to XHTML Transitional et vous devriez Assurez-vous que le code html que vous avez obtenu de Photoshop sera validé correctement

Answer 3

Le concepteur de Visual Studio 2005 semble avoir du mal à restituer certains contenus HTML. Comme Toby l'a dit, la meilleure façon de contourner le problème est de prévisualiser la page dans un navigateur Web plutôt que de travailler avec le concepteur.

L'autre alternative consiste bien sûr à utiliser Visual Studio 2008, il utilise le même composant de concepteur Web utilisé dans Expression Web. Je n'ai pas encore beaucoup utilisé Visual Studio 2008 pour des projets web, mais d'après ce que j'ai vu, c'est très impressionnant! Visual Studio 2008 dispose également de l'option "Split", qui vous permet de voir le concepteur pendant que vous modifiez le code HTML (plus besoin de basculer entre la vue source et le design et de prendre quelques minutes pour vous rattraper!)