SlideShare une entreprise Scribd logo
1  sur  13
Construindo Páginas Web Standards Prof: Renan Dantas – Seven Computação Gráfica
Introdução A Web foi inventada em 1992 por Tim Berners-Lee. Em maio de 1994, foi organizada em Genebra, a primeira Conferência para a World Wide Web com a apresentação do HTML+. Com a criação de novos navegadores, HTML tornou-se um caos, com cada fabricante inventando novas formas de marcação HTML exclusivas para seus navegadores. Em 1994, então é criado o W3C e o conceito de Web Standards. Prof: Renan Dantas – Seven Computação Gráfica
O que são Web Standards É o termo em inglês para designar um conjunto de normas e diretrizes a serem empregadas nos vários setores envolvidos direta ou indiretamente com a web. Prof: Renan Dantas – Seven Computação Gráfica
O que é o W3C? Tais normas são reguladas pelo W3C, um consórcio mundial formado por companhias, fabricantes, desenvolvedores e comunidades relacionadas que buscam a universalidade da web. Prof: Renan Dantas – Seven Computação Gráfica
HTML ou (X)HTML? A linguagem HTML para marcar textos é constituída de elementos e atributos. Essa linguagem não é mais padrão na WEB.  O (X)HTML é uma linguagem padrão desde do ano 2000. XHTML é uma mistura de XML com HTML. Com a XML você cria suas próprias tags e atributos  para escrever seus hipertextos.  Prof: Renan Dantas – Seven Computação Gráfica
Diferenças entre HTML e XHTML Documentos devem ser bem formados. Todas as tags devem ser escritas com letras minúsculas. Tags devem estar convenientemente aninhadas. Uso das tags de fechamento é obrigatório. Elementos vazios devem ser fechados. Diferenças na sintaxe dos atributos. Prof: Renan Dantas – Seven Computação Gráfica
Pra que serve o DOCTYPE? O DOCTYPE deve ser declarado em um documento web. É ele que indica, com uso de um link para um endereço no site da entidade normativa da linguagem, o caminho para o navegador encontrar as diretrizes que regulamentam a sintaxe e as entidades válidas no documento e, baseado nelas, renderizar o documento. Prof: Renan Dantas – Seven Computação Gráfica
Pra que serve o DOCTYPE? XHTML Strict: Esta é a mais rígida das declarações. Os documentos XHTML nesse modo não admitem qualquer item de apresentação dentro dos elementos e tampouco elementos em desuso, segundo as recomendações do W3C. XHTML Transitional: Esta declaração é mais flexível que a anterior e está indicada para documentos que empregam elementos em desuso. XHTML Frameset: Ela é regida pelas mesmas diretrizes da declaração transitional. Como acréscimo permite o emprego de elementos específicos para frames. Prof: Renan Dantas – Seven Computação Gráfica
CSS – Folhas de Estilo em Cascata Folhas de estilos podem ser usadas para definir a aparência de todo o site. Seguindo a introdução das CSS, o W3C recomenda que definições específicas para layout sejam retiradas do HTML e entregues às folhas de estilos, sendo assim, a criação de uma página mais simples e estrutural. Prof: Renan Dantas – Seven Computação Gráfica
Quais são as vantagens da Standards? Acessibilidade:  	Significa não somente acesso à web para pessoas portadoras de necessidades especiais, como também à usuários com browsers não convencionais, incluindo-se aí os browsers de voz, que lêem os documentos para pessoas com restrições visuais, os browsers Braille que convertem textos para a escrita Braille, os browsers portáteis com monitores minúsculos, as tela para tele-textos e demais dispositivos não usuais.  Prof: Renan Dantas – Seven Computação Gráfica
Quais são as vantagens da Standards? Estabilidade:  	Durante sua existência, um website pode vir a ser gerenciado por várias equipes de designers e é importante que qualquer um compreenda e edite o código com facilidade. As web standards baseiam-se em um conjunto de regras que qualquer desenvolvedor Web é capaz de seguir, entender e estar familiarizado. Quando um desenvolvedor projeta segundo as standards, outro desenvolvedor é capaz de assumir sem qualquer problema ou solução de continuidade. Prof: Renan Dantas – Seven Computação Gráfica
Conclusão 	Projetar páginas web em conformidade com as standards reduz o tempo de desenvolvimento e de manutenção. Correções e soluções de problemas são mais fáceis, porque o código segue as Standards. Não há preocupações com codificação e manutenção de várias versões do mesmo código. Uma só versão do site é suficiente. 	Meu desejo é que esta palestra propiciem em vocês, desenvolvedores web, todo o incentivo para aderir as standards, e também forneçam a argumentação necessária para que vocês motivem nos seus trabalhos seus colegas desenvolvedores a também aderir às standards.  Prof: Renan Dantas – Seven Computação Gráfica
Obrigado! Prof. Renan Dantas renanseven@gmail.com Facebook: Renan Dantas

Contenu connexe

En vedette

En vedette (10)

Thiago Hapner - Especialista em Branding
Thiago Hapner - Especialista em BrandingThiago Hapner - Especialista em Branding
Thiago Hapner - Especialista em Branding
 
Dicas Fantásticas de Marketing Para Micro e Pequenas Empresas
Dicas Fantásticas de Marketing Para Micro e Pequenas EmpresasDicas Fantásticas de Marketing Para Micro e Pequenas Empresas
Dicas Fantásticas de Marketing Para Micro e Pequenas Empresas
 
Renan Dantas - Coordenador Seven Computação
Renan Dantas - Coordenador Seven ComputaçãoRenan Dantas - Coordenador Seven Computação
Renan Dantas - Coordenador Seven Computação
 
Bruno Amaro – Dir. Loupe Consultorias RH
Bruno Amaro – Dir. Loupe Consultorias RHBruno Amaro – Dir. Loupe Consultorias RH
Bruno Amaro – Dir. Loupe Consultorias RH
 
Gustavo Mota - CEO We do Logos
Gustavo Mota - CEO We do LogosGustavo Mota - CEO We do Logos
Gustavo Mota - CEO We do Logos
 
WDL cartão de visitas tamanhos e medidas
WDL cartão de visitas tamanhos e medidasWDL cartão de visitas tamanhos e medidas
WDL cartão de visitas tamanhos e medidas
 
WDL 7 dicas para fazer panfletos você mesmo
WDL 7 dicas para fazer panfletos você mesmoWDL 7 dicas para fazer panfletos você mesmo
WDL 7 dicas para fazer panfletos você mesmo
 
WDL - Regras para criar um slogan muito bom
WDL - Regras para criar um slogan muito bomWDL - Regras para criar um slogan muito bom
WDL - Regras para criar um slogan muito bom
 
WDL - como criar nomes para empresas
WDL - como criar nomes para empresasWDL - como criar nomes para empresas
WDL - como criar nomes para empresas
 
WDL - Os 4 Ps do marketing
WDL - Os 4 Ps do marketingWDL - Os 4 Ps do marketing
WDL - Os 4 Ps do marketing
 

Similaire à Renan Dantas - Coordenador Seven Computação

Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
Ruan Carvalho
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
NickMartinsgaspar
 
T@rget trust integrando flex e java com blazeds
T@rget trust   integrando flex e java com blazedsT@rget trust   integrando flex e java com blazeds
T@rget trust integrando flex e java com blazeds
Targettrust
 

Similaire à Renan Dantas - Coordenador Seven Computação (20)

A importância dos padrões web
A importância dos padrões webA importância dos padrões web
A importância dos padrões web
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1
 
Sobre o HTML
Sobre o HTMLSobre o HTML
Sobre o HTML
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
Benefícios dos WebStandards
Benefícios dos WebStandardsBenefícios dos WebStandards
Benefícios dos WebStandards
 
Padrões Web & Code Standard
Padrões Web & Code StandardPadrões Web & Code Standard
Padrões Web & Code Standard
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
Word camp sp 2017 willian marques
Word camp sp 2017   willian marquesWord camp sp 2017   willian marques
Word camp sp 2017 willian marques
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
Escalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLIDEscalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLID
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Estruturação Web
Estruturação WebEstruturação Web
Estruturação Web
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 
Palestra ror edted
Palestra ror edtedPalestra ror edted
Palestra ror edted
 
T@rget trust integrando flex e java com blazeds
T@rget trust   integrando flex e java com blazedsT@rget trust   integrando flex e java com blazeds
T@rget trust integrando flex e java com blazeds
 

Renan Dantas - Coordenador Seven Computação

  • 1. Construindo Páginas Web Standards Prof: Renan Dantas – Seven Computação Gráfica
  • 2. Introdução A Web foi inventada em 1992 por Tim Berners-Lee. Em maio de 1994, foi organizada em Genebra, a primeira Conferência para a World Wide Web com a apresentação do HTML+. Com a criação de novos navegadores, HTML tornou-se um caos, com cada fabricante inventando novas formas de marcação HTML exclusivas para seus navegadores. Em 1994, então é criado o W3C e o conceito de Web Standards. Prof: Renan Dantas – Seven Computação Gráfica
  • 3. O que são Web Standards É o termo em inglês para designar um conjunto de normas e diretrizes a serem empregadas nos vários setores envolvidos direta ou indiretamente com a web. Prof: Renan Dantas – Seven Computação Gráfica
  • 4. O que é o W3C? Tais normas são reguladas pelo W3C, um consórcio mundial formado por companhias, fabricantes, desenvolvedores e comunidades relacionadas que buscam a universalidade da web. Prof: Renan Dantas – Seven Computação Gráfica
  • 5. HTML ou (X)HTML? A linguagem HTML para marcar textos é constituída de elementos e atributos. Essa linguagem não é mais padrão na WEB. O (X)HTML é uma linguagem padrão desde do ano 2000. XHTML é uma mistura de XML com HTML. Com a XML você cria suas próprias tags e atributos para escrever seus hipertextos. Prof: Renan Dantas – Seven Computação Gráfica
  • 6. Diferenças entre HTML e XHTML Documentos devem ser bem formados. Todas as tags devem ser escritas com letras minúsculas. Tags devem estar convenientemente aninhadas. Uso das tags de fechamento é obrigatório. Elementos vazios devem ser fechados. Diferenças na sintaxe dos atributos. Prof: Renan Dantas – Seven Computação Gráfica
  • 7. Pra que serve o DOCTYPE? O DOCTYPE deve ser declarado em um documento web. É ele que indica, com uso de um link para um endereço no site da entidade normativa da linguagem, o caminho para o navegador encontrar as diretrizes que regulamentam a sintaxe e as entidades válidas no documento e, baseado nelas, renderizar o documento. Prof: Renan Dantas – Seven Computação Gráfica
  • 8. Pra que serve o DOCTYPE? XHTML Strict: Esta é a mais rígida das declarações. Os documentos XHTML nesse modo não admitem qualquer item de apresentação dentro dos elementos e tampouco elementos em desuso, segundo as recomendações do W3C. XHTML Transitional: Esta declaração é mais flexível que a anterior e está indicada para documentos que empregam elementos em desuso. XHTML Frameset: Ela é regida pelas mesmas diretrizes da declaração transitional. Como acréscimo permite o emprego de elementos específicos para frames. Prof: Renan Dantas – Seven Computação Gráfica
  • 9. CSS – Folhas de Estilo em Cascata Folhas de estilos podem ser usadas para definir a aparência de todo o site. Seguindo a introdução das CSS, o W3C recomenda que definições específicas para layout sejam retiradas do HTML e entregues às folhas de estilos, sendo assim, a criação de uma página mais simples e estrutural. Prof: Renan Dantas – Seven Computação Gráfica
  • 10. Quais são as vantagens da Standards? Acessibilidade: Significa não somente acesso à web para pessoas portadoras de necessidades especiais, como também à usuários com browsers não convencionais, incluindo-se aí os browsers de voz, que lêem os documentos para pessoas com restrições visuais, os browsers Braille que convertem textos para a escrita Braille, os browsers portáteis com monitores minúsculos, as tela para tele-textos e demais dispositivos não usuais. Prof: Renan Dantas – Seven Computação Gráfica
  • 11. Quais são as vantagens da Standards? Estabilidade: Durante sua existência, um website pode vir a ser gerenciado por várias equipes de designers e é importante que qualquer um compreenda e edite o código com facilidade. As web standards baseiam-se em um conjunto de regras que qualquer desenvolvedor Web é capaz de seguir, entender e estar familiarizado. Quando um desenvolvedor projeta segundo as standards, outro desenvolvedor é capaz de assumir sem qualquer problema ou solução de continuidade. Prof: Renan Dantas – Seven Computação Gráfica
  • 12. Conclusão Projetar páginas web em conformidade com as standards reduz o tempo de desenvolvimento e de manutenção. Correções e soluções de problemas são mais fáceis, porque o código segue as Standards. Não há preocupações com codificação e manutenção de várias versões do mesmo código. Uma só versão do site é suficiente. Meu desejo é que esta palestra propiciem em vocês, desenvolvedores web, todo o incentivo para aderir as standards, e também forneçam a argumentação necessária para que vocês motivem nos seus trabalhos seus colegas desenvolvedores a também aderir às standards. Prof: Renan Dantas – Seven Computação Gráfica
  • 13. Obrigado! Prof. Renan Dantas renanseven@gmail.com Facebook: Renan Dantas