0 Conceitos e Técnicas HTML Tema 01 – Introdução ao Web Standards Bloco 1
Prof. Rogério Carlos dos Santos
Como funciona a internet
“World Wide Web” ou “WWW”.
• Rede Mundial de Computadores. • Acessada por Navegadores – “Bowsers”. • Desde o início houve a necessidade de padronização das diversas linguagens e programas para viabilizar seu uso. Como funciona a internet
Porque precisou-se padronizar o uso da
internet? • Na internet compartilhamos informações dos mais variados tipos. • Texto, imagens, vídeos, músicas, informações pessoais, corporativas, mensagens eletrônicas, comunicações por texto, som e por vídeo, documentos diversos, sentimentos e ideias através das inúmeras redes sociais existentes, comércio eletrônico e muito mais. Web Standards
• O W3C - World Wide Web Consortium é
responsável pelas recomendações de padrões de uso para a web. • Estas recomendações são chamadas de Web Standards, termo inglês que em uma tradução livre significa Padrões Web. Web Standards
• O W3C - World Wide Web Consortium é
responsável por mais de uma centena de padrões usados na web, como o HTML, CSS, SVG e HTML5. Padrões recomendados
• O W3C - tem recomendações para:
• Web design. • Aplicações web. • Arquitetura web. • Semântica. • XML. • Web de serviços. • Web de dispositivos. • Recomendações para criação de novos navegadores e muitas outras. Internacionalização das Web Standards • Diz respeito a caracteres especiais usados pelos diversos idiomas mundiais. • Os desenvolvedores de sites devem sempre ter em mente as diferenças de idiomas e o uso de caracteres especiais que devem ser apresentados. Internacionalização das Web Standards • Estes caracteres especiais, também chamados de entidades, são aceitos pelo HTML e suas linguagens correlatas como XHTML e HTML5 formam conjuntos de símbolos especiais. Internacionalização das Web Standards • Caracteres ISO8859-1: responsáveis pelos caracteres latinos. • Caracteres matemáticos, símbolos, letras latinas e gregas. • Caracteres de marcação. Links do W3C
• O W3C – está na internet e suas
recomendações são públicas e podem ser acessadas diretamente em: • http://www.w3c.br/Home/WebHome • Entrada do site em português. Links do W3C Conceitos e Técnicas HTML Tema 01 – Introdução ao Web Standards Bloco 2
Prof. Rogério Carlos dos Santos
Motores de renderização
• Navegadores (Browsers) contêm
mecanismos que interpretam o código HTML e os exibem. • Estes mecanismos são chamados de motores de renderização. Motores de renderização
• É possível ter uma noção do quanto seu
site será apresentado corretamente, de acordo com o motor escolhido. • Exemplo: Motores de renderização do Google Chrome, I.E., Android e outros. Motores de renderização
Quadro 1 | Principais motores e seus respectivos
browsers Conceitos de interoperabilidade e usabilidade A interoperabilidade: • Na prática é a possibilidade de diferentes sistemas se comunicarem e trocar informações e dados entre si. Conceitos de interoperabilidade e usabilidade • Para acontecer a interoperabilidade, é necessário padronizar: • protocolos de redes de computadores adotados; • sistemas desenvolvidos para funcionarem na internet; • a compatibilidade com os diversos navegadores; • regras e padrões propostos pelo 3WC referente às linguagens HTML, XHTML e outras que dão suporte às diversas tecnologias. Conceitos de interoperabilidade e usabilidade A usabilidade: • É usada para definir a facilidade de uso que as pessoas podem ter quando forem usar um determinado site ou programa. Conceitos de interoperabilidade e usabilidade A usabilidade: • Um site tem uma boa usabilidade quando estando dentro de uma página deste site temos a possibilidade de ir a qualquer outra parte dele com apenas 1 clique ou toque, sem ter que usar o botão voltar. Conceitos de interoperabilidade e usabilidade A usabilidade: • existem métodos para testar esta eficiência de usabilidade; • por exemplo a análise heurística, um método que analisa um determinado site de acordo com regras pré-estabelecidas; • verifica se o usuário encontrará uma maior ou menor facilidade de uso para um site ou sistema.