Sobre o "Design view" do Dreamweaver

[sethoso]

Olá pessoal do script brasil,

Gostaria de abrir uma discussão sobre o "Design view" do Dreamweaver. Para quem não sabe é aquela visualização somente do design da página sendo criada.

A questão é: A página no seu "Design view" é semelhante ao visualizado no navegador?

A visualização no meu "Design view" é totalmente diferente daquela que é visualizada em um navegador. Em muitas vezes o layout fica todo destruturado, o que acontece ao contrário quando visualizado em um navegador.

Seria alguma questão de configuração para estar corrigindo este defeito? Ou seria algo no desenvolvimento do site?

Observação: Eu utilizo somente a parte de edição de código no "Dreamweaver". Mas nunca eu vi o "Design view" funcionar perfeitamente.

[]'s

[MLeandroJr!]

O design view difere bastante do resultado final porque:

- Possui espaçadores e marcadores que ficam invisíveis quando o site é aberto em um navegador.

- Possui um interpretador HTML póprio que difere um pouco na leitura e interpretação do HTML feita pelos renderizadores Viper (Internet Explorer) e Gecko (Mozilla / Firefox)

O ideal é você visualizar o site no navegador, e não no design view, pois ele é mais para quem quer montar um site sem ter conhecimentos de HTML.

[Norivan Oliveira]

Cada navegador segue um padrão de saida html um pouco diferente um do outro de forma tal que fazem que posicionamentos sejam diferentes e até mesmo que algum componente não apareça ou não funcione.

Com o Design View não é diferente, ele segue seu próprio padrão e serve apenas como preview.

Para você ter certeza que seu código irá ser perfeitamente visualizado na maior parte dos navegadores você deve usar o painel Validation do Dreamweaver, localizado no painel Results (f7), ele sim é o responsável por validar seu código tentando fazer com que não contenha erros e seja exibido na maior parte dos navegadores que seguem o padrão w3c

para saber mais sobre o assunto acesse: www.w3c.org

[sethoso]

Obrigado pela participação colegas.

Então acredito que o "Design view" é totalmente desnecessário para um designer. Pois o resultado final, na maioria da vezes, difere com o visualizado nos navegadores mais utilizados.

Abraços.

[Norivan Oliveira]

Entendo sua opnião sethoso, no entanto discordo dela em parte.

O design view do Dreamweaver, assim como o de outras IDE's, como por exemplo a do Zend Stúdio For Eclipse, serve como uma ótima orientação para qualquer um seja ele designer ou programador de referencia de objetos.

O objetivo design view é este te dar uma referencia do que está sendo feito, design view ao tem como objetivo te dar preview do browser, para isto existe a função preview.

Tenha a idéia da seguinte situação:

1. Você está criando um sisteminha de controle de caixa e adiciona um campo do tipo text

2. Seu código mistura php, javascript, css e varios outros componentes na mesma página sendo que seu codigo fique com 5000 linhas

3. Você testou e tem alguma coisa errada naquele campo text que você adicionou

O que é mais fácil?

a ) procurar no seu código, de 5000 linhas, onde esta o campo text?

b ) clicar em design e clicar em cima do campo?

Quanto a problemas de visualização entre navegadores.... bom isso é como discutir religião... ninguém nunca chega a um ponto em comum.