Download - Estruturação Web
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