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

Question

J'ai utilisé "Enregistrer pour le Web" de Photoshop CS2. fonctionnalité permettant de créer un tableau d'images pour la mise en page de mon site.

Ce code HTML semble bien dans un navigateur Web. Toutefois, lorsqu’il est importé dans Visual Studio et affiché dans le concepteur de site, les métriques sont incorrectes et il existe des espaces horizontaux entre les images (cellules de tableau).

La sortie de Photoshop ne fait référence à aucune feuille de style.
Les attributs de table définissent la bordure, le cellpadding et le cellpacing sur 0.

Voici à quoi cela ressemble dans le concepteur:

Et voici à quoi cela ressemble dans le navigateur:

Est-ce que Visual Studio est pointilleux en ce qui concerne la disposition des tableaux et des images? Est-ce un bogue dans Visual Studio 2005?

Answer 1

Personnellement, je n’ai jamais fait confiance et utilise rarement la vue Conception dans Visual Studio et l’ai généralement définie sur la vue Code pour toutes les pages. J'ai tendance à garder les versions actives des fichiers ouverts dans IE et Firefox pour me permettre de voir leur disposition, mais cela peut poser des problèmes lorsque vous essayez d'afficher des formulaires en plusieurs étapes, etc. Dans ce cas, j'ai toujours tendance à mettre du code en place pour me permettre. pour sélectionner l’état / l’étape que je souhaite voir sans passer par toutes les règles rigoureuses de chaque étape pour la tester.

N'oubliez pas que dans VS, vous pouvez cliquer avec le bouton droit de la souris sur un fichier dans l'explorateur de projet et choisir de l'afficher dans un navigateur Web. vous pouvez également ajouter différents navigateurs aux préférences VS, ce qui vous permet 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 "Enregistrer pour le Web". fonctionnalité, mais je suis à peu près sûr que le code HTML de sortie, à l'exception du balisage du tableau et des images, devrait également contenir des styles CSS qui définissent le comportement d'affichage de l'ensemble de la page.

Ainsi, lors de l'importation du code HTML dans VS, assurez-vous que les styles associés sont également transférés.

N'oubliez pas non plus Et pour garantir 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 simplement dans l'éditeur html - définissez Target Schema sur XHTML Transitional et vous devriez le faire.) assurez-vous que le code HTML que vous avez obtenu de Photoshop sera correctement validé.

Answer 3

Le concepteur de Visual Studio 2005 semble avoir du mal à restituer certains contenus HTML. Comme Toby l'a dit, le meilleur moyen de contourner le problème est de prévisualiser la page dans un navigateur Web au lieu de travailler avec le concepteur.

L’autre alternative est bien sûr d’utiliser Visual Studio 2008, elle utilise le même composant de concepteur Web que celui 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 comporte également le " Split " L'option d'affichage, qui vous permet de voir le concepteur pendant que vous modifiez le code HTML (vous ne devez plus basculer entre les affichages source et de conception et prenez quelques minutes pour vous rattraper!)