Design view do Dreamweaver não é browser
Postado por: Pedro Rogério emPara muitos desenvolvedores, editores do tipo WYSIWYG deveriam ser banidos da face da terra, sejam eles adeptos do Notepad++, EditPlus ou Bloco de Notas, eu não tenho nada contra quem usa esses editores, pelo contrário, eu também já os utilizei em minha jornada, mas hoje utilizo o Dreamweaver pois ele simplesmente atende as minhas necessidades no trabalho. Mas esse agora não é o propósito desse post.
O termo WYSIWYG quer dizer: “What You See Is What You Get“, e em português claro: “O que você vê é o que você obtém“, o Dreamweaver é um editor desse tipo, mas ele também possui o modo de edição de código, que é o que eu utilizo, pois alguém já tentou desenvolver algum site nele no modo Design View? Não façam isso (agora cheguei no propósito do post), pois o que você está vendo alí nem sempre é o resultado esperado, prefira sempre, utilizar o modo código, e visualize sua página no browser, mas nunca dentro do Dreamweaver. Querem ver um exemplo do desastre que pode provocar o Design view do Dreamweaver? Olhem a screen abaixo:
Agora vejam no browser como a página deveria se comportar. Viram a diferença? Nunca desenvolva no Dreamweaver no modo Design view, a não ser que queira ter sérios problemas. Mas pelo que andei lendo recentemente a nova versão do Dreamweaver vai utilizar o motor de renderização WebKit, mas isso não me anima a começar a utilizar o modo Design, ainda vou continuar no modo código.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Apoio e concordo. É claro que perde-se produtividade, mas ganha em banda, melhorias nas estruturas e consequentemente fica fácil a manutenção no código (website como todo). Defendo a prática do desenvolvimento web via código e aos iniciantes: ESTUDEM!
É tão chato quando estou a fazer tudo bem e no dreamweaver é um resultado, no firefox é outro, no IE é outro e no safari é outro…
O motor de renderização do DW sempre foi o seu grande problema…
Só discordo que se perde em produtividade… no modo código minha produtividade é maior de um modo geral, pois não preciso ficar fazendo fixes depois que termino o projeto.
E outra, alguém aí já implementou programação em um layout montado no “Design View” do DW? É um parto achar qualquer linha lá. hahaha :P
É por essas e outras que desisti do Dreamweaver e estou usando o Eclipse/Aptana. Além de inúmeras opções extras não presentes no Dreamweaver para aumentar a produtividade, mesmo trabalhando só com código, ele já vem com um preview usando a engine dos navegadores instalados no seu computador, sem precisar abrir várias janelas.
Se não se deve usar o Dreamweaver no modo visual, então porque ele *tem* esse modo? Acredito que seja para ser usado pelos designers que não conhecem código, e é para esses que o Dreamweaver era marketeado originalmente.
No fim, é simplesmente o conflito “quem faz o que na web”. Enquanto a web for tratada como “brochura digital”, haverá um sério conflito entre como o designer gráfico pensa a interface de um site (imagens, camadas, animações), e como essa mesma interface é implementada (HTML, CSS, Javascript, Flash). Como é raro encontrar um designer gráfico que *também* conheça tudo de HTML e CSS, além de um Javascript habitual, as equipes deveriam ter 2 profissionais – um desenha e outro implementa.
Acho que lá fora até existe essa realidade, mas no Brasil, ainda é o “web-tudo”. Para esses o Dreamweaver vai cair como uma luva mesmo.
Henrique, o Dreamweaver tem esse modo desde a versão 4 quando se fazia site com tabela. Aquela bagunça com tabela era interpretada de forma semelhante entre todos os navegadores.
As versões seguintes do Dreamweaver, inclusive, não corrigiram muito bugs. Um radio group, por exemplo, ainda é codificado do jeito mais tosco possível.
Usar o modo visual do Dreamweaver é como usar o Corel pra webdesign. Até dá… mas muitos problemas vão acabar aparecendo.
Bem, quem é designer deve acordar, pois além desses programas WYSIWYG, eles não se atualizam com relação a tecnologia que será trabalhada. Por exemplo: Hoje temos HTML 4.01, XHTML 1.0 e agora HTML 5 que não vai demorar muito para os browsers aceitarem, além do mais, nunca se escreve CSS em modo Design View.
O principal problema é o apego a ferramento. Outro dia um funcionário aqui na empresa teve um problema e não tinha Dreamweaver, infelizmente na máquina do analista tinha apenas o bloco de notas, então o que fazer? Compra o Dreamweaver pra resolver o problema? Ou levar pra sua máquina? Ironia, não?
Defendo o código limpo. Isso chama-se Web Standard também?
Um abraço!
Não uso o dreamweaver desde a versão 4. A única coisa que gosto nele é o seu editor de códigos, e se é pra usar apenas um editor vou comprar essa coisa por que? Prefiro baixar um editor free que vai me servir muito bem.
Infelizmente ainda tem gente que acredita no que o DW exibe. :D
Com o CS4, parece que terá um browser preview de verdade e ainda rodando o Webkit. Vamos esperar pra ver.
Por isso digo: “Graças a Deus existe o modo ‘Split’”
=)
pó só eu uso o spllit??
Ah! o Design View do dreamweaver é um lixo.. E quando nele ta certo e você vai visualizar ta tudo torto no browser? hauuhauhauha
Perde tempo tentando achar
Sou iniciante,
tenho duas semanas de XHTML + CSS e mas prefiro usar o Aptana.. pelo menos é um WYSIWYG de verdade ;)
Jà aproveitando o lugar.. se alguém tiver de comentar sobre meu projeto de aprendizado.. se é que pode se chamar asim…
http://williamxsp.awardspace.us/
Eu sou contra WYSIWYG, mas naum contra o Design View!
De cara, o Dreamweaver tem a vantagem de fechar as tags, pelo menos é o único q conheço q faz isso e qd uso outro editor fico sentindo falta :P
Eu uso oq parece ser chamado de modo Split. Na hora de digitar texto uso o Design View, já viciei tb na forma q ele trata espaços… E na hora de escrever elementos HTML vou no texto.
Naum se iludam pensando q esse Design View substitui browsers, é preciso testar em todos os browsers pra garantir a visualização perfeita! Se nem testando num browser real garante q vai funcionar nos outros, imagina dentro do Dreamweaver! Ele funciona só como um preview, tendo em real time uma idéia do q o código q vc escreveu vai exibir, em vez de ter q ficar dando reload no browser toda hora.
Aki eu até tenho templates baseados no CSS das themes do WordPress. Aí ao criar um novo post, em vez de criar uma pagina nova no Dreamwaver, abro esses templates. Eles já tem um protótipo CSS com as stylings mais relevantes da theme, e tudo q eu escrevo sai no preview com uma boa idéia de como vai ficar dentro da theme.
Já qd é coisa mais avançada, HTML complexo, é Notepad + FireFox + Firebug na véia!!