Estruturação Web

Dreamweaver, (x)html e css

Professor Fabiano Pereira

O que é estruturação?

Fazer o código (x)html, desenvolver o css para formatação visual.

Parte-se de um lay-out pronto e aprovado, feito em algum programa para criação visual.

Transformar lindos arquivos .psd em páginas web que funcionem corretamente, de maneira satisfatória.

É necessário saber (x)html/css?

A web é inteiramente baseada em tais linguagens de estruturação visual.

Não saber é como morar na Inglaterra, sem o conhecimento de inglês fluente.

O mercado profissional EXIGE tal conhecimento, para designers e programadores.

Como aprender?

Orientações corretas, bons professores. Evitar livros, apostilas e tutoriais de qualidade

duvidosa, antiquados. Aplicar conceitos padronizados, sem vícios ou

‘quebra-galhos”. Conhecer o código à fundo, sem dependência

somente do editor visual. Aplicar as Web Standards.

O que são web standards?

Padrões de desenvolvimento, dizem respeito ao conjunto de normas que devem ser utilizados.

Garantem o acesso democrático ao conteúdo de seu site web.

Otimiza a localização de seu site pelo google, aumentando o lucro.

Web Standards:

Recomendam a utilização do DOCTYPE xhtml 1.0 (transitional e strict).

Recomendam o repúdio aos códigos antiquados e “sujos”.

Utilizar a semântica (usar o comando – tag para o fim original para qual foi criada).

Recomendam acessibilidade.

Dreamweaver

Editor de código WYSWYG (edição visual do código), aumenta produtividade.

Permite criação de páginas sem “sujar as mãos” com códigos xhtml/css.

Oferece ferramentas diversas para a organização e produção de conteúdo.

Melhor editor xhtml/css pago do mercado

Dreamweaver: armadilhas!

Profissional web deve conhecer código, fazendo sites até com bloco de notas.

Gera código sujo, não-semântico. Assim, se o profissional não conhecer xhtml/css, o código irá ao ar com diversos erros.

Oferece recursos não recomandados atualmente. Falta de cultura geral leva ao uso errado de recursos.

Dreamweaver: benefícios

Facilita a produção web. Oferece recursos de aprendizado. Integração com demais ferramentas. Edita, facilmente, blocos complexos de

código, com correções diversas. Indispensável no dia-a-dia do profissional.

Conclusões Finais

Deve-se conhecer (x)html e css. Não abrir mão das facilidades oferecidas pelo

Dreamweaver (indispensáveis). Expandir técnicas e conceitos (ver a web e suas

possibilidades como conceitos, não somente ferramentas e softwares).

Estar sempre bem informado e atualizar-se constantemente.

Links Sugeridos:

http://www.w3.org/2005/11/Translations/Lists/OverviewLang.html#pt-br

http://www.w3.org http://www.maujor.com.br http://www.fabianoweb.net/blog http://www.imasters.com.br http://www.csszengarden.com