Como posso garantir que o Visual Studio 2005 exibe as tabelas e imagens corretamente?

Question

Eu usei Photoshop CS2 do "Save for Web" característica para criar uma tabela de imagens para o meu layout do site.

Este HTML aparece bem em um navegador web, no entanto, quando importados para Visual Studio e visualizado no designer do site, as métricas estão errados e existem lacunas horizontais entre imagens (células de tabela).

A saída do Photoshop não se refere a nenhum estilo.
atributos A tabela set fronteira, cellpadding e cellspacing a 0.

Aqui está como ele olha para o Designer:

E aqui está como ele olha no browser:

É Visual exigente Estúdio sobre o layout de tabelas e imagens? É este um erro no Visual Studio 2005?

Answer 1

Pessoalmente eu nunca confiou e raramente usar o modo de design no Visual Studio e, geralmente, tem que definir a visualização de código para todas as páginas. I tendem a manter versões de arquivos de trabalho aberto no IE e Firefox para permitir-me para ver seu layout no entanto isso pode causar problemas ao tentar visualizar formas multi-passo etc. Nestes casos eu sempre tendem a colocar algum código no lugar para permitir-me para selecionar quais estadual / passo i deseja ver sem passar por todos os rigmorals de passar por cada etapa para testá-lo.

Lembre-se que no VS você pode clicar em um arquivo no Project Explorer e selecione para visualizá-lo em um navegador da web. você também pode adicionar vários navegadores diferentes para preferências VS permitindo que você selecione o navegador que você deseja ver o arquivo em.

Eu percebo que esta não é uma anwser, mas espero que seja útil.

Answer 2

Eu não tenho jogado com o recurso "Salvar para Web", mas eu tenho certeza que o HTML de saída, exceto para a marcação mesa e imagens, também deve conter alguns estilos CSS que definem o comportamento de toda a página de exibição .

Assim, ao importar o HTML em VS, fazem estilos certeza associados são transferidos também.

Também não se esqueça E para garantir a validade HTML - você pode escolher o nível de conformidade de sua aplicação web no web.config ou projeto propriedades (ou apenas no editor de html - Set Target Schema para XHTML Transitional e você deve ser Certifique-se de que o html que você tem de Photoshop serão validados corretamente.

Answer 3

O designer de Visual Studio 2005 parece lutar com prestação de determinado conteúdo HTML. Como disse Toby, a melhor maneira de contornar o problema é para visualizar a página em um navegador da web em vez de trabalhar com o designer.

A outra alternativa, claro, é usar o Visual Studio 2008, ele usa o mesmo componente web designer que é usado no Expression Web. Eu não usei o Visual Studio 2008 extensivamente para projetos web ainda, mas pelo que tenho visto é muito impressionante! Visual Studio 2008 também tem a opção "Dividir" vista, que permite que você veja o designer enquanto você está editando o HTML (não mais comutação entre a origem eo modo de design e tomar um par de minutos para pegar com você!)