WEB STANDARD

Conteudista
Me. GLEIDSON GOUVEA DA SILVA

Introduo
Aqui iremos ver e entender sobre padres de web, sua importncia, conhecer
um pouco da sua trajetria e evoluo ao longo do tempo. Desde o inicio da
histria da informtica, j vamos Bill Gattes ele j contava a histria da IBM,
como ela conquistou mercado e tudo isso devido aos padres de web. Padres
que so praticamente o guia de sobrevivncia no mercado digital.
O Importante pensarmos tudo isso em um contexto geral como pensando em
padres, pensamos em acessibilidade, em compatibilidade, manuteno e
entre coisas a mais que vamos encontrando no mercado.
Trabalhando com Padres web, no apenas ganhar nos itens vistos acima,
mas tambm comeamos a pensar em ganho na manuteno, em
desenvolvimento, tornando assim nosso projeto mais completo e com mnima
chances de erros.
O que so padres web?
Quando falamos de padres web, eles esto ligados a codificao da nossa
pgina web e tambm s recomendaes W3C, vamos ver que utilizar regras
da W3C torna o projeto mais limpo, organizado, criar plataforma aberta da web,
funcional e assim gerando uma boa visualizao perante os demais na web,
criando experincias que possuam um grande potencial. Falando em cdigos
precisamos abranger os itens a seguir:

Cdigo html/xhtml e CSS vlidos;

Separao em camadas: contedo, apresentao e comportamento;

Cdigo (X)HTML semntico. (W3C)

Pensando na importncia desses padres j precisamos trabalhar e pensar na

acessibilidade do sites e para acessibilidade temos vrios tipos e ai podemos
parar e pensar, para que/quem serve a acessibilidade? Podemos dividir em
algumas partes:

Acessibilidade Web Padro , ou podemos conhecer como universal,

serve para todos os usurios.

Acessibilidade com pessoas com deficincia e nessa parte precisamos

pensar bem em todos os tipos de deficincia e como usurio ir navegar
seu o projeto, quais os recursos disponveis para eles. (W3C)

Ao ouvir falar em padres de web, pensamos logo ao incio j em cdigos

especficos, regras de aplicao, normas de etiqueta e surge ento em nossa
mente os primeiros tens como os famosos html, css, svg, mas vamos ver e
entender que esses tens esto em nossa lista, mas vamos alm dos cdigos
tradicionais.

W3C desenvolve especificaes tcnicas e orientaes atravs de um

processo

projetado

para

maximizar

consenso

sobre

as

recomendaes, garantindo qualidades tcnicas e editoriais, alm de

transparentemente alcanar apoio da comunidade de desenvolvedores,
do consrcio e do pblico em geral. (W3C)

Para tudo em que fazemos no mundo do design, vdeo e web precisamos

seguir diretrizes, quando falamos logo em regras pensamos em algo chato e
autoritrio, mas devemos analisar e verificar que nem sempre assim, fazer
parte de um mercado no qual para ter um projeto ativo necessrio estar
dentro de um mix de ferramentas que seguem um padro, pode ser muito bom.
3

Sabemos que como avano da tecnologias o que mais surgem so pessoas

aprendendo sobre web e design, assim aumentando o nmero de concorrentes
no mercado, mas quando aplicamos nosso projeto dentro dos padres e regras
necessrias estabelecidas, o mesmo consegue melhor desempenho, tornando
no apenas um simples projeto na web, mas destacando-se, desde
posicionamento e hanking em buscadores at funcionalidades e interaes.

Para compreender mais sobre padres temos as tecnologias respectivas a

cada rea especfica na web, ento podemos ver desde a rea de design,
linguagens, dispositivos, conceitos e estudos, tudo isso com o mesmo
propsito.

Web Design e Aplicaes

Encontramos tudo que se diz padro para rea de desenvolvimento na web.
Desde Html & CSS, udio e vdeo, acessibilidade, Script e Ajax, grficos,
internacionalizao. Sabemos que o Html e CSS so fundamentais para nosso
projeto web funcionar, com eles trabalhamos nosso layout para web, webfonts,
estilos entre outros itens.
Scrip e Ajax, trabalhando fortemente nos padres de

APIs, desde

geolocalizao, interaes de widgets com mobile. Tambm em udio e vdeo,

trabalhamos lindados com linguagens em HTML, SVG, SMIL, para sincronia,
legendas e outras aplicaes. Em grficos chegamos ao elemento visual com
PNG, SVG que ajudam a compor nossa rea na web. Internacionalizao, traz
como objetivo fazer que algo funcione em qualquer lugar e qualquer idioma
como conhecemos o famoso Unicode tambm servindo como uma orientador.
J em acessibilidade temos algo muito importante na rea de orientao de
contedo para pessoas com deficincia, tornando tudo mais acessvel.
Arquitetura Web
Com foco nas tecnologias que sustentam a web desde o HTTP e URI at
outras linguagens como ptrocolos e documentao, meta formatos como XML,
identificadores como falamos acima, URL, RI, IRI, trazendo toda informao
sempre pautada nos princpios e tecnologias fundamentais da web.
Tecnologia XML
Vamos falar um pouco das tecnologias XML que incluem vrios itens
comoXQuery, XML Schema, XSLT e outro padres relacionados, desde
segurana, eficincia, transformando, processo, componentes, todos esses
itens e outros mais o XML atua fortemente na web.

Web Services
Esto ligados aos projetos de comunicao na web entre aplicaes em
tecnologias. vamos encontrar linguagens conhecidas e tambm itens como
pagamentos, inovao e segurana esto ligados ao web services.
Web de Dispositivos
Como estamos voltados ao mobile os padres W3C tambm no ficam atrs,
nessa parte temos regras e padres para o mundo da web no mobile. Vamos
ver desde acessos mltiplos, web e tv interaes tecnologias, navegao por
voz, interaes com APIs entre outros itens. Tecnologias que permitem o
acesso Web por todos, de qualquer lugar, a qualquer hora e utilizando
qualquer dispositivo.
Navegadores e Ferramentas de Autoria
Hoje a leitura na web superior a leitura de livros tradicionais e isso graas a
navegadores, ferramentas de leitura, itens que nos possibilitam ter informao
de modo rpido, objetivo e fcil, podendo ler, ouvir, criar e publicar contedo
tambm de modo intuitivo e fcil. Com o crescimento dos CMSs (sistema de
gerenciamento de contedo), ficou mais fcil ter seu contedo publicado,
tornando

assim

visvel

para

qualquer

usurio

na

rede.

Web Semntica
Vem para trazer a possibilidade que construam coisas mais teis, desde
consultas, aplicaes, inferncia, dados linkados entre outros.
O termo Web Semntica refere-se viso do W3C da Web dos Dados
Linkados. A Web Semntica d s pessoas a capacidade de criarem
repositrios de dados na Web, construrem vocabulrios e escreverem regras
para interoperarem com esses dados. (W3C).

At aqui vimos vrios itens que do nosso start aos padres web, sendo que
vimos apenas a ponta de tudo e onde tudo isso pode chegar, a partir daqui
vamos pensar no futuro da web, onde isso tudo ir nos levar e qual o
fundamento de tudo que vimos, como eles iro falar entre s, qual exato
momento as linguagens entram em ao e comeam a trabalhar para que isso
acontea? O conceito de inteligncia articifical, j nos faz pensar em grandes
expectativas, porm j pensamos tambm em seu cenrio positivo e negativo.
Vemos que dentro da web semntica, inferncia nos ajuda com a descoberta
de novos relacionamentos entre termos e significados, tambm permite
processos automticos, novos mix de regras e relaes.

O HTML 5 vem para marcar essa mudana, trazendo novas possibilidades em

semnticas,

se

trabalharmos

bem

nossa

semntica

do

cdigo,

consequentemente temos aumento no poder de significado., J vemos tambm

impacto nos buscadores de contedo como Google, no qual sempre em
7

constante alterao para que esses impactos e mudanas no deixem de

afetar seu desempenho, isso vemos em mudanas semnticas estruturais,
sendo assim quando no vemos mudana em sua rea visual porm podem
sofrer vrias alteraes. Essas alteraes que sero o futuro padro da nova
web, alteraes que ditaro as regras do mercado web.

Para continuarmos nosso estudo, vamos falar um pouco mais sobre

acessibilidade, algo que parece comum ao dia de uma pessoa para muitos,
pode se tornar um desafio. Vimos como os padres nos ajudam no dia-a-dia
para construo de um projeto, vimos rapidamente porque cada item
necessrio e o fator principal que cada um carrega, vamos falar sobre
acessibilidade, pois ela tem sido fator fundamental no apenas no uso, mas
sim para uma boa construo de um projeto web, vemos no mercado vrios
projetos fantsticos, porm em grandes casos as vezes no acessivel nem
para usurio sem deficincia, agora imagine com deficincia. Precisamos
pensar que na construo de nosso projeto ele precisa ter ser conceito
trabalhado, estudado, realmente pensado e no apenas desenvolver por
desenvolver.

Como vimos na semana anterior, gerar uma experincia com usurio algo
que a web procura a realizer constantemente, tornando o usurio mais que um
mero expectador e sim colaborador. Em relao acessibilidade vamos chegar
ao ponto de tornar o usurio como ator principal no mundo da web, isso vamos
ver para pessoas com e sem deficincia e porque devemos pensar e estudar
bem

nosso

projeto.

Importncia dos padres weba para acessibilidade de pessoas com

deficincia.
Para pessoas sem deficincia super comum, fcil e digamos que at modo
automtico, sentar em frente ao desktop, carregar um notebook, desfrutar da
mobilidade de um tablet ou smartphone, situaes comuns no dia-a-dia de uma
pessoas sem deficincia. E quando pensamos um projeto para usurios sem
deficincia j um desafio, imagine pensar e estruturar um conceito web para
pessoas com deficincia. Essa questo sempre delicada ao dialogar mas
vamos mostrar a partir de agora que nossa funo criar projetos de
experincia web to funcionais quanto.
Vamos encontrar usurios com deficincias visuais, auditivas e fsicas e
precisamos estar sempre atentos na hora de produzir nosso projeto, pensar
nas facilidades para um deficiente visual navegar, tambm para um auditivo,
como para um fisico, nos padres web vemos a grande importncia de se
atentar a esse item. Evolumos ao mundo que tudo rpido e acessvel ento
precisamos constantemente repensar nossa forma de criar nossos projetos
web, pensar em dispositivos que auxiliem o acesso de pessoas com deficincia
pensar alm no seu projeto, pensar em pessoas, e isso que fazemos
sempre que criamos um projeto para web.

Quando falamos de usurios com qualquer tipo de deficincia como visual,

fsica ou audiovisual, temos que repensar nosso projeto e fazer com que tudo
que produzimos chegue, geralmente so os maiores desafios que um
professional de web chega a ter em um projeto, porm, quando a ideia aplicada
funciona para ambas partes temos mais que um projeto web, temos um
material que atinge, pessoas, que cria conceitos e gera conexes entre
pessoas e mquina.
Concluso
Podemos ver nessa semana sobre os famosos padres web, temos muito mais
contedo sobre o assunto, algo que podemos ir falando e falando, repensando
conceitos e pensando como sero os novos padres no futuro? Qual a
tendncia da web para os novos anos? Como ela ir caminhar? Quais sero os
novos padres? Perguntas e mais perguntas que iremos fazer a cada dia de
nossa vida, a cada momento de dvida, cada tecnologia nova que surge, novas
tendncias, que afetam diretamente no comportamento do nosso usurio,
sempre precisaremos saber o que ele est pensando, qual ser o desejo desse
usurio referente ao passar dos anos e as novas tendncias.
Antes falvamos de tabelas, depois vivemos a era dos gifs, logo aps muito
animao com a macromedia flash, em seguida febre dos CMS e agora
chegamos ao HTML5 com grandes mudanas, desde tendncias de mercado,
comportamento, tecnologia e aplicao, transformando assim mais uma vez
nossa web e assim podemos sempre ficarmos atentos as novidades de
mercado.
Conhecemos a base dos padres web W3C, como cada item se comporta e
sua funo para o mundo da web, cada item com seu sub-item e cada um com
sua funo para tornar nossa web mais funcional e harmnica. Abordamos um
pouco mais sobre acessibilidade, pois quando falamos dela parece algo
simplese rpido de ser resolvido, quando pensamos em um layout, botes de
fcil acesso, layout limpo, so itens que muitas vezes as pessoas categorizam
como acessibilidade, no deixam de estarem corretas, mas precisamos ir alm
10

e pensar no cliente de nosso cliente sempre e como podemos tornar toda essa
navegao fcil e intuitiva para todos independente das mdias escolhidas.

11

Referncias
BREITMAN, Karin. Web Semntica A Internet do Futuro.

POLLOCK, Jeffrey T. Web semntica para leigos.

SIEGEL, Deivd. Pull: A Fora da Web Semntica O Futuro e o Impacto em
seus negcios.

SILVA, Mauricio Samy. Construindo sites com CSS e (X)HTML . 2007

ZELDMAN, Jeffrey. E Marcotte, Ethan. Designing with Web Standards

http://www.w3c.br < acessado 13/06/2015 >

http://acessibilidadelegal.com/23-padroes-web.php < acessado 13/06/2015 >

https://www.ted.com/talks/tim_berners_lee_on_the_next_web?language=en
< acessado 13/06/2015 >

12