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!
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">
<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}
[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.
[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!
[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.
[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.....
[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:
[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"
[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...
[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.
[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!!!
[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.
[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 :)