Acorda pra Web!

Tecnologia que vai mudar nossas vidas, depois do café.

Edição visual é má só pra completamente leigos

O podre, nojento, desprezível, gordurento e mal-cheiroso código que a maioria dos editores visuais gera não é tão ruim assim. O real problema é quando iniciantes tentam utilizar esse tipo de editor sem conhecimento algum de semântica e marcação.

Eu comecei com uma dessas desgraças, o Dreamweaver, na versão 3. Meu primeiro site tinha fundo de espaço sideral e textos em verde, e eu achava o máximo. O código dele eu nunca sequer vi, mas provavelmente era mais sujo do que uma bituca de cigarro jogada em privada de banheiro público.

Hoje eu uso editores visuais menos poderosos, como o TinyMCE e o WYMeditor (ambos web-based) e recentemente notei que o código gerado por eles é bastante limpo e geralmente requer poucas revisões. Bem, o código gerado por eles quando eu escrevo neles. Arrisquei implantar o FCKEditor no no painel de administração de um dos meus clientes e deixar o próprio cliente fazer as alterações nos textos do site. Nem precisa dizer o que houve né?

Após um suave treinamento, o cliente aprendeu como usar o editor e manter o código saudável (expliquei que era importante para manter os rankings nos buscadores) e também manter a identidade visual do site. Antes do treinamento, ele identava os parágrados com espaços, criava colunas com tabelas e insistia em colocar os títulos com cores diferentes em cada página, me senti em uma fábrica de chocolate (nada fantástica).

Ensinar o cliente a mexer em um simples editor visual foi provavelmente menos doloroso do que ensiná-lo HTML ou BBcode, o que prova que é possível fazer uma web com semântica tão ou mais usável do que a atual. Também prova que um desenvolvedor pode usar editores visuais, mas para tirar bom proveito dos mesmos tem que conhecer a semântica do documento que está desenvolvendo.

À partir de hoje, vou procurar incluir editores visuais em mais sites de clientes e testar os resultados antes e depois do treinamento com os mesmos. Pretendo criar um mini-manual de edição semântica visual para leigos, que pode colaborar até com pessoas que escrevem no Microsoft Word (sim, ele tem semântica), o que acham?

3 Respostas para “Edição visual é má só pra completamente leigos”

  1. Aguinelo Pedroso diz:

    É uma excelente idéia Alexandre, semântica não é só coisa de profissional não, todos devem aprender a usa-la de maneira correta (e semantica!?).

  2. Canha diz:

    Como desenvolvedor web, muitos clientes meus querem se livrar de mim o quanto antes para não ter que dependender de um profissional para ficar atualizando o site. Aprendi então a implementar editores WYSIWYG em painéis de controle para o cliente. O FCKEditor é um dos melhores que já utilizei até agora, especialmente pq ele simplifica o upload de imagens (que era meu inferno pessoal antes de eu conhecer esse editor). O bom dele é que dá pra tirar várias opções também, justamente para evitar com que o cliente faça cagada no site que vc desenvolveu com tanto carinho e respeito pela identidade visual (tanto é que em alguns sites o cliente nem sequer têm a opção para mudar a cor, para evitar problemas assim).
    O manual de uso dele é bem mais simplificado, pq a maioria conhece o Word e esses editores são moleza para eles.
    Têm alguns profissionais que me criticam por causa disto, mas não vejo pq. Esses editores já estão colaborando cada vez mais com a semântica e não estão sujando o código tanto quanto já sujaram.
    O bom é que o cliente já acha que vai se livrar de custos de manutenção do site, e isso é ótimo pois justifica um preço de desenvolvimento maior.

    Mas ainda está por vir um editor online que seja 100% semântico e que não tente inventar firulas. De qualquer jeito, estamos já com meio caminho andado.

    Abraços.

  3. VitorGGA diz:

    Eu uso a uns 2 anos nos meus sistemas o editor antigão do KevinRoth.com, aquele primeirão mesmo. Criei uns add-ons pra ele na parte das imagens (para que os clientes possam enviar e incluir a imagem no conteúdo dele), e como o Canha fez, o tirei uns botões de formatação, como o de cores para evitar o arco-íris na página.
    Esse editor do Kevin Roth optei por ele pela velocidade dele, como não tem muita muage, roda bem rápido.
    Até para nós mesmos é bom ter um editor desses no sistema, caso o cliente queira mudar um número de telefone, tchannn, só ir lá e mudar ele mesmo, igual no Word ;)
    Vou futricar o FCKEditor pra ver a qualidade… Bom post!

Deixar um Comentário

XHTML: Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>