Download - Estruturação Web
![Page 1: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/1.jpg)
Estruturação Web
Dreamweaver, (x)html e css
Professor Fabiano Pereira
![Page 2: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/2.jpg)
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.
![Page 3: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/3.jpg)
É 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.
![Page 4: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/4.jpg)
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.
![Page 5: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/5.jpg)
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.
![Page 6: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/6.jpg)
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.
![Page 7: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/7.jpg)
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
![Page 8: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/8.jpg)
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.
![Page 9: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/9.jpg)
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.
![Page 10: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/10.jpg)
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.
![Page 11: Estruturação Web](https://reader038.vdocuments.com.br/reader038/viewer/2022100602/558c8eefd8b42af7328b45d6/html5/thumbnails/11.jpg)
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