Come posso assicurarmi che Visual Studio 2005 visualizzi correttamente le tabelle e le immagini?

Question

Ho usato Photoshop CS2 "Salva per Web" funzione per creare una tabella di immagini per il layout del mio sito.

Questo HTML appare bene in un browser web, tuttavia quando viene importato in Visual Studio e visualizzato nella progettazione del sito, le metriche sono errate e ci sono spazi orizzontali tra le immagini (celle della tabella).

L'output di Photoshop non fa riferimento ad alcun foglio di stile.
Gli attributi della tabella impostano border, cellpad e cellpacing su 0.

Ecco come appare nel Designer:

Ed ecco come appare nel browser:

Visual Studio è esigente riguardo al layout di tabelle e immagini? È un bug in Visual Studio 2005?

Answer 1

Personalmente non mi sono mai fidato e uso raramente la vista di progettazione in Visual Studio e generalmente l'ho impostata sulla vista del codice per tutte le pagine. Tendo a mantenere aperte le versioni funzionanti dei file in IE e Firefox per consentirmi di vedere il loro layout, tuttavia ciò può causare problemi quando provo a visualizzare moduli multi-step ecc. In questi casi tendo sempre a mettere un po 'di codice in atto per abilitarmi per selezionare quale stato / passaggio voglio vedere senza passare attraverso tutti i rigmorali di passare attraverso ogni passaggio per testarlo.

Ricorda che in VS puoi fare clic con il tasto destro su un file in Esplora progetti e selezionare per visualizzarlo in un browser web. puoi anche aggiungere vari browser alle preferenze VS, permettendoti di selezionare il browser in cui desideri vedere il file.

Mi rendo conto che questa non è una risposta, ma spero che sia utile.

Answer 2

Non ho giocato con " Salva per Web " caratteristica, ma sono abbastanza sicuro che l'output html, ad eccezione del markup e delle immagini della tabella, dovrebbe contenere anche alcuni stili CSS che definiscono il comportamento di visualizzazione dell'intera pagina.

Quindi, quando si importa l'html in VS, assicurarsi che vengano trasferiti anche gli stili associati.

Inoltre, non dimenticare E per garantire la validità dell'HTML, puoi scegliere il livello di conformità della tua app web nelle proprietà web.config o project (o semplicemente nell'editor html - imposta Target Schema su XHTML Transitional e dovresti essere sicuro che l'html ottenuto da Photoshop sarà validato correttamente.

Answer 3

Il progettista di Visual Studio 2005 sembra avere problemi con il rendering di determinati contenuti HTML. Come ha detto Toby, il modo migliore per aggirare il problema è visualizzare l'anteprima della pagina in un browser Web invece di lavorare con il designer.

L'altra alternativa ovviamente è usare Visual Studio 2008, usa lo stesso componente web designer utilizzato in Expression Web. Non ho ancora utilizzato ampiamente Visual Studio 2008 per progetti Web, ma da quello che ho visto è davvero impressionante! Visual Studio 2008 ha anche il "Dividi" " opzione di visualizzazione, che ti consente di vedere il designer mentre stai modificando l'HTML (non è più necessario passare dalla vista di origine a quella di progettazione e ci vogliono un paio di minuti per raggiungerti!)