W3C - World Wide Web Consortium

Conheça a W3C, entidade responsável pela padronização WEB como: XHTML, HTML, CSS, RSS etc, e os serviços de validações (selo de qualidade) que ela oferece, fundada pelo "pai da Web" Tim Berners Lee, útil para web designers. Confira!

[ Hits: 39.816 ]

Por: Michele Oliveira Soares em 24/06/2008 | Blog: https://www.facebook.com/srtapinkiss


Criando os arquivos necessários para a validação



Qualquer um deste arquivos poderão ser feitos em qualquer editor de textos (kwite, kate, vi, mcedit etc) ou editor html (quanta, bluefish etc), desde que salvos com a extensão correta (.html ou .htm e .css).

Criando pink.html, neste arquivo utilizo o XHTML 1.0 Strict, ou seja, XHTML puro; também tem o XHTML Transitional que é a mistura de HTML com XHTML, para obter maiores informações sobre as linguagens XHTML/HTML, visite o site www.w3.org/markup. Este é um exemplo bem simples, mas já dá uma certa idéia de como é importante a validação.

<?xml version = "1.0"?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org//TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--Arquivo: pink.html-->
<!--Usando css externo pink.css-->

<html xmlns = "http://www.w3.org/1999/xhtml">
     <head>
           <title> Katie KDE </title>
           <link rel="stylesheet" type="text/css" href="pink.css"/>
     </head>
     <body>
           <p> Katie - Mascote Oficial do KDE !!!</p>
           <p>
              <a href="http://womem.kde.org" title="Women KDE">
                <img src="katie.jpg" alt="Katie dragão oficial do KDE" title="Katie dragão oficial do KDE"/>
              </a>
           </p>
           <p>
              <a href="http://www.vivaolinux.com.br" title="Viva o Linux - Por que nós amamos a liberdade">Viva o Linux</a>
           </p>
      </body>
</html>

As linhas 1-3 são necessárias nos documentos XHTML para indicar que se obedece a sintaxe adequada de XHTML. A linha 8 especifica um atributo requerido (xmlns) e o valor (http://www.w3.org/1999/xhtml) para o elemento em um dos documentos XHTML. A linha 11 mostram um elemento link, que utiliza o atributo rel para especificar um relacionamento entre o documento atual e outro documento; nesse caso foi declarado que o documento vinculado seja stylesheet para esse documento. O atributo type especifica o tipe MIME como text/css. O atributo href fornece a url para o documento que contém a folha de estilo. O elemento link só pode ser colocado no elemento head.

Criando pink.css, neste aquivo utilizo CSS externo, ou seja , permite especificar a apresentação dos elementos em uma página WEB (espaçamento, margens, etc.) separadamente da estrutura do documento (corpo de texto, cabeçalho, links, etc.). Essa separação entre estrutura e apresentação simplifica a manutenção e a modificação do layout de um documento. Este é um exemplo bem simples, mas que deixará seu arquivo mais ou menos do meu gosto: cor-de-rosa...

/* Arquivo: pink.css */
/* Aplicando em pink.html */

body {text-align: center}

a {text-decoration: none; color: #ff2da8 }

a:hover {text-decoration: underline; color: #ff9bde }

p {color: #ff06a0; font-weight: bold }

Pronto! Agora vamos para a validação.

Página anterior     Próxima página

Páginas do artigo
   1. Introdução
   2. O que é W3C?
   3. Entendendo HTML, XHTML e CSS
   4. Criando os arquivos necessários para a validação
   5. Serviço de validação XHTML da W3C
   6. Serviço de validação CSS da W3C
   7. Conclusão, referências, agradecimentos e perfumarias
Outros artigos deste autor
Nenhum artigo encontrado.
Leitura recomendada

MathML - Mathematical Markup Language

Google Maps API - Criando e interagindo com seus próprios mapas

Diferenças de sites Web Standards

Como camuflar seu WhatsApp Web usando Snippets JavaScript

Listar dados em MySQL utilizando PHP e AJAX (parte 1)

  
Comentários
[1] Comentário enviado por maran em 24/06/2008 - 16:48h

;)
Caracas a falta de um namorado te fez um bem tremendo em, que qualidade de artigo pink, e ao pensar que é apenas o primeiro me empolgo pensando nos proximos.
Voce abordou um tema muito bom, e soube dicertar perfeitamente sobre o mesmo, realmente abriu a minha mente.

Nada mais a declarar oO'',

# mv W3C-World-Wide-Web-Consortium ~/favoritos

bjOos...

[2] Comentário enviado por Ed_slacker em 24/06/2008 - 18:14h

Nunca li um artigo e, português sobre a W3C que fosse de tão boa qualidade como este que postastes aqui e teve a bondade de compartilhar com todos os frequentadores deste sítio!

Meus parabéns à autora!

[3] Comentário enviado por KelvinVicente em 24/06/2008 - 19:56h

Excelente, explicou cada detalhe e ainda deu exemplos de como realizar as etapas de validação.

[4] Comentário enviado por fulllinux em 24/06/2008 - 22:14h

Exata explanação da coisa chamada W3C, é muito bom ver um artigo com tamanha qualidade como esse, ainda mais eu como Design Gráfico e Web Design que sempre me refugio em outros sites para fazer tais leituras... fico extremamente contente em poder contemplar este excelente artigo de sua autoria.

Menina, a senhorita me espanta com tamanha capacidade de colocar suas palavras de uma maneira simples sem agressão a paciência do leitor.

Também defendo os padrões da web com unhas e dentes, acessibilidade e usabilidade a todos esse é meu voto... muitos criticam a W3C por algumas de suas decisões, mas o que eles não intendem é que esse é um jeito defender os que realmente são profissionais web!

Fico muito grato por mais uma surpresa que preparou... e quando vai parar de surpreender???

Bjos.
Rafael Santana @fulllinux

credit's of maran:
# mv W3C-World-Wide-Web-Consortium ~/favoritos

[5] Comentário enviado por albertguedes em 25/06/2008 - 01:32h

Esse artigo deve ter dado trabalheira hein Pink ?
Outro agora só ano que vem. hehehe
Brincadeia, eu sei que inspiração todo mundo tem uma hora ou outra e quando vem, melhor não deixar esfriar, então quando tiver mais um artigão desses, manda ver.
Gostei mais da parte da validação CSS, sempre passo cinco vezes por ele antes de conseguir o bendito "selo" de validação.
Tenho que melhorar minhas técnicas senão fico atrasado em relação a vocês aqui. : )
Até mais.

[6] Comentário enviado por elgio em 25/06/2008 - 10:25h

Muito bom!
Pena que muitos desenvolvedores parecem que nunca houviram falar de padrões!!

Ah, maran e CIA:

cp W3C-World-Wide-Web-Consortium ~/favoritos

Desaconselho o mv :-D

[7] Comentário enviado por pink em 25/06/2008 - 13:19h

Olá a todos!!!!
Fico muito feliz e agradecida pelos comentários.... A W3C é muito complexa, espero poder escrever mais sobre esse tema e outros em andamento com a WAI.... pra falar a verdade comecei este artigo em 12/2006 e esqueci.... semana passada lembrei e decidi terminar e postei sábado....

# maran
Fico muito feliz pelo seu comentário, o objetivo era esse abrir a mente hehehe... Quanto à outros artigos espero escrever ainda melhor com ou sem namorado hehe...

# edi_oliver
Muito obrigada por suas palavras, compartilhar não é somente bondade, também é um dever da Filosofia Software Livre (a tal das 4 liberdades), enfim obrigada novamente.

# KelvinVicente
Obrigada pelo comentário.

# fulllinux
Fico extremamente feliz, um dos motivos da conclusão desse artigo foi a motivação que recebi através daquela sua avaliação :)... Concordo plenamente com você.... Está certo que as vezes é chato seguir padrões mas eles existem para serem seguidos para que sejam visualizados por qualquer um independente da deficiência ou não... por isso eu também defendo os padrões da web com unhas e dentes. Surpreender? Quem foi surpreendida fui eu hehe. Obrigada de coração mesmo.

# albertguedes
Obrigada pelo comentário, deu um certo trabalho porque o site da W3C teve várias modificações, quando eu ía postar, eles atualização a área de validação e eu tinha que trocar as imagens e atualizar os textos.... Quanto ao próximo artigo, ano que vem não sei, mas talvez em breve quando eu tiver uns 5 minutos hahaha

# elgio
Obrigada, pois é a tecnologia W3C é ignorada pelo não conhecimento dos padrões, mas acredito que isso irá mudar depois do lançamento do W3C Escritório Brasil que foi nesse mês, é esperar pra ver.....

Enfim, obrigada.....
Bjos

[8] Comentário enviado por foguinho.peruca em 25/06/2008 - 23:04h

Olá!

Gostei de ver... mto bom divulgar padrões abertos pois eles facilitam e muito a nossa vida. Acho que não existe nada melhor do que tecnologia aberta pois com ela podemos evoluir do ponto de onde outros pararam e também contribuir para a comunidade com a nossa evolução... é uma situação típica do "ganha-ganha".... Vc tá de parabéns....

Quanto ao namorado, bom acho que vc deveria ficar mais um tempinho sem pq vai sair mais artigos bacanas.... ;) Ou talvez vc axe um por aki... vai saber... alias vai ter o 2º encontro do VOL em SP agora em julho, vc vai? O.o

Bom, eu ia copiar o comando do maran, achei mto criativo mas o elgios relamente teve uma sacada legal trocando o mv pelo cp... ^^'' portanto:

cp W3C-World-Wide-Web-Consortium ~/favoritos

Jeff

[9] Comentário enviado por tsanches em 26/06/2008 - 00:08h

Grande Pink!
Não sabia nada sobre W3C, você me deu um norte sobre esse assunto, excelente artigo! Parabéns!!!
Como o maran, estou empolgado para conhecer os outros :-)
Um grande abraço,
TSANCHES
"O Prazer de ser Livre"

[10] Comentário enviado por juliaojunior em 27/06/2008 - 10:09h

Parabéns!!! Bom, claro e extremamente bem escrito.

[11] Comentário enviado por pink em 27/06/2008 - 12:57h

Oieeeeeee, agradecendo......

# foguinho.peruca
Obrigada pelo comentário hehehe pois é estou solteira então quem sabe saia algum outro artigo rsrs Quanto ao 2º Encontro VOL gostaria de ir mas.... além de ser difícil sair final de semana, eu não gosto de viajar sozinha :(... mas enfim valew

# tsanches
Obrigada e um grande abraço, também adoro seus artigos...

# juliaojunior
Obrigada por suas palavras....

Um grande abraço, pink

[12] Comentário enviado por engos em 27/06/2008 - 17:49h

Depois de um tempo com problemas pessoais estou voltando agora para o VOL e me deparei com seu artigo, o qual me deixou impressionado.

Parabéns pela qualidade, poucos artigos atingem esse um nível tão alto, principalmente o primeiro.

Só um detalhe (não li os outros comentários para saber se já falaram a respeito), existe um navegador, um tal de IE, que diz seguir a W3C, mas segue apenas parte dela, sendo assim, mesmo que se siga a W3C exatamente como deve, ainda assim você corre o risco de nem todos os navegadores funcionarem adequadamente. Isso foi prometido ser resolvido no IE 8...

Só para finalizar, esse foi o primeiro artigo do ano que me chama a atenção e o leio de forma a dizer que não conseguiria fazer de forma melhor e apesar de nada de novo me ser apresentado, ainda assim considero o melhor artigo do ano.

Abraços

[13] Comentário enviado por removido em 28/06/2008 - 09:41h

Olá Michele...

parabéns pelo seu artigo... realmente ficou a sua altura... algo competente e explicativo. Esse é o seu perfil.

Mais uma vez Parabéns!!!

Tenho orgulho de ter contribuído na sua formação. Agradeço a referência nos agradecimentos.

Fique com Deus!

Prof. Cesar Cusin - "Tio Cesar"

[14] Comentário enviado por pink em 01/07/2008 - 11:56h

Olá
# engos
Nossaaaaaaaa muita obrigada, quem dera o "melhor artigo do ano", pois é o IE 8......, felizes somos nós que não dependemos dele hehehe

# cesarcusin
Obrigada, não esperava te ver por aqui......... Fico muito feliz, por suas palavras, você contribuiu e muito.... esse artigo foi escrito após as suas aulas..... obrigada po tudo Tio Cesar!!!

Fiquem com Deus!
Paz, Amor e Linux!

[15] Comentário enviado por ramon.silva em 22/04/2009 - 11:58h

Olá Pink,

Muito bom o artigo, mas tenho algumas considerações:

"Neste meu primeiro artigo abordo a tecnologia W3C" - Não concordo que W3C seja uma tecnologia, na verdade são, como vc disse posteriormente, recomentadações.

"falta de um namorado geek/nerd" - Eu sou nerd, agora só falta a gente se conhecer. rs

"em dúvida se tua página vai rodar no browser X ou Y, a W3C criou padrões" - Não é porque a sua página validará que rodará em todos os browsers corretamente.

Só mais um ponto, acho interessante frisar é que a W3C foi criada devido à guerra dos browsers, que na época cada browser fazia "a coisa" da forma que queria, a web era a verdadeira terra de ninguém, por isso foi criado, senão hoje, nós, pobres desenvolvedores, estaríamos "fritos".

No mais, muito bom o seu artigo, imagino o trablho que deu fazê-lo. Espero que minhas observações (não críticas) tenham sido pertinentes.

Fuiii...

[16] Comentário enviado por albertguedes em 22/04/2009 - 18:07h

Só queria uma coisa: que o <center> fosse padrão.
Usar CSS pra centralizar as coisas é um inferno hehehe


[17] Comentário enviado por alegrife em 14/07/2009 - 11:57h

Adoreii seu artigoOoOoO
Ficou excelente, que tal minha tia hein????
Embora eu não entenda tanto de programação WEB, eu consegui entender sobre a W3C rsrsrs <amo>Michele</amo>
Parabens, ficou ótimo minha tia pinguim!
Adoro-te

[18] Comentário enviado por gustavo luis em 26/10/2009 - 20:27h

otimo artigo
mais eu acho q por mais que venham tentar padronizar surgira algum Navegador q nem vai rolar pod crer, muitas pessoas estao no custume de pegar algo ja pronto mais sempre tem um louco que adora inventar o que é bom!!!
como no mundo nao existe só um louco , mmais sim varios como padronizar ???
meio impossivel
né???
mais boto mó fé no w3c Deus queira que vá para frente!
ae parabens mesmo pelo artigo varias coisas que nem sabia

[19] Comentário enviado por pink em 26/10/2009 - 20:46h

Olá gustavo luis, muito obrigada pelo comentário....
Pois é as normas estão aí para serem usadas... pode não ser 100% visível nos browsers.... mas existem para que os desenvolvedoras sigam para aumentar a acessibilidade entre usuários...
[]'s

[20] Comentário enviado por albertguedes em 26/10/2009 - 20:48h

Mas ninguém é louco de perder mercado também. Quando se aceita um padrão, sabe-se que todos vão trabalhar com ele, o que significa menos custo com treinamento de mão de obra, se algo fora do padrão é feito, é muito mais carao contratar alguém que entenda desse "não-padrão", pois o cara vai ser um especialista nesse algo, portanto vai ser mais caro sua contratação.
Fora que nem citei a velocidade de produção de com um padrão do que com algo fora dele.
Mas também pode haver padrões que mais atrapalham que qualquer coisa (w3c strict dizem ser um deles, mas eu me acostumei :P ).

Resumo da ópera: padrões ajudam, mas desde que sejam bem feitos.

[21] Comentário enviado por pink em 26/10/2009 - 21:01h

Bom albertguedes, concordo com você.... nunca é demais um desenvolvedor seguir padrões, além de vantagem é qualidade....
W3C Strict é complicado, mas é possível rsrsr, é o meu preferido :)


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts