Web Como Um Todo!: o que é

Mostrando postagens com marcador o que é. Mostrar todas as postagens

3 de mar. de 2010

O que é W3C ?

W3C significa "World Wide Web Consortium" é um consórcio de empresas de tecnologia, atualmente com cerca de 500 membros. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo, por meio do desenvolvimento de protocolos comuns e fóruns abertos que promovem sua evolução e asseguram a sua interoperabilidade.

O W3C desenvolve padrões para a criação e a interpretação dos conteúdos para a Web. Sites desenvolvidos segundo esses padrões podem ser acessados e visualizados por qualquer pessoa ou tecnologia, independente de hardware ou software utilizados, como celulares (em Portugal, telemóvel), PDAs, de maneira rápida e compatível com os novos padrões e tecnologias que possam surgir com a evolução da internet.

Para alcançar seus objetivos, a W3C possui diversos comitês que estudam as tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões de recomendação para utilizar essas tecnologias. Com a padronização, os programas conseguem acessar facilmente os códigos e entender onde deve ser aplicado cada conhecimento expresso no documento.

Padrões seus como HTML, XHTML e CSS são muito populares, contudo, em muitos casos são usados de forma errônea devido ao desconhecimento da especificação.

É um dever de todo desenvolvedor Web respeitar e seguir os padrões de acessibilidade do W3C, pois de outro modo poderá impor barreiras tecnológicas a diversas pessoas, desestimulando e até mesmo impedindo o acesso a suas páginas.

19 de fev. de 2010

O que é/Como usar JQuery?

JQuery é um framework javascript que enfatiza a interação entre HTML e Javascript, usado em vários sites mais acessados se tornou o framework javascript mais popular do mundo.

Por que usar?
JQuery é Open Source (ô Beleza!) e tem uma sintaxe que torna muito mais fácil a seleção de elementos via DOM, criar animações (Sem flash, é claro!) e torna o AJAX bem simples, e o melhor te deixa criar plugins para facilitar ainda mais o desenvolvimento de todos.

Quem está de olho?
Além de nós(Desenvolvedores), a Microsoft e Nokia já estão de olha para adicionar o JQuery em suas plataformas.

Como usar?

- Faça o download da versão mais recente do JQuery.

- Importe o código em sua página HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>

A maioria dos desenvolvedores quando precisam executar algo quando a página está pronta utiliza o método abaixo

window.onload = function(){ alert("welcome"); }

Porém este código executa antes da página ser completamente carregada, por isso com JQuery é simples resolver este problema, apenas utilize:

$(document).ready(function(){
// Your code here
});

Seleção de objetos
Você pode selecionar um objeto pela sua classe
$('.myCssClass')
ou por seu id
$('#myId')
ou até mesmo pelo nome da tag html
$('a')
Eventos
Você também pode setar eventos como por exemplo click de um elemento.


$(document).ready(function(){
$("a").click(function(event){
alert("Thanks for visiting!");
});
});

Não é mágica, é JQuery
Então o exemplo completo fica assim, copie e salve como .html e veja a mágica do jquery:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a").click(function(event){
    alert("Não é mágica, é JQuery. (Web como um todo)");
    event.preventDefault();
  });
});

</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>

Gostou de utilizar um evento como o click? Nesta página tem a descrição de todos eventos da biblioteca JQuery.

Classes CSS

Você pode adicionar ou remover uma classe CSS a um objeto em tempo de execução


$("a").addClass("test");
$("a").removeClass("test");

Aqui neste link você pode ver a FAQ do JQuery onde poderá retirar as dúvidas e com certeza aprender o básico do JQuery.

Bom por hoje é isso pessoal, se tiverem dúvidas é só deixar nos comentários.

Abraços.

13 de out. de 2009

O que é CSS ?

CSS é a abriviação de Cascading Style Sheets (Folhas de estilos em cascata)
Definem como/onde mostrar os elementos HTML
Vieram com o HTML 4.0 para solução de alguns problemas
Estilos podem ser armazenados em arquivos separados

Porque foi inventado?

Pense em um site grande como R7.com, onde as seções (Notícias, entretenimento, vídeos, etc..) tem sua cor definida e quando se entra em uma seção todos os links e textos são da mesma cor. Imagine se o diretor de marketing resolve modificar a cor da seção "entretenimento" porque a cor atual não agrada aos leitores.

Até aí tudo bem, agora imagine-se no lugar do desenvolvedor responsável pela mudança (credo!), ter que alterar todas as tags font para alterar as cores das fontes de cada elemento. Imagine o trabalho e o tempo que isso iria levar.

Graças a pesadelos como este o CSS foi inventado para poder separar as camadas de conteúdo (HTML) e interface (CSS), ou seja, você atribui estilos para seus elemento HTML sem ter que modificar NADA no código HTML.

30 de jul. de 2009

O que é HTML ?

HTML é uma linguagem para descrição de Web Pages, acrônimo para a expressão inglesa HyperText Markup Language (Linguagem de Marcação de Hipertexto), ou seja, NÃO é uma linguagem de programação, é apenas uma "linguagem de formatação", e para isso utilizaremos as 'TAGS' (nome dado para as "etiquetas marcadoras" do HTML)

TAGs

'TAGs' são palavras chaves que vem entre os sinais de "<" (menor que) e ">" (maior que). Exemplo: <html>

As tags, devem aparecer em pares como <b> (indica o início) e </b>(indica o final) (<b> é a tag que indica que a palavra que estiver entre "<b>" e "</b>" será marcado com negrito.

Abaixo um exemplo bem básico de HTML para se entender melhor.

<html>
<body>

<h1>Meu primeiro h1</h1>

<p>Meu primeiro parágrafo</p>

</body>
</html>

Explicaçao do código:

O texto entre as tags <html> e </html> descrevem a página Web.
O texto entre as tags <body> e </body> é a área visível da página.
O texto entre as tags <h1> e </h1> é mostrado como um cabeçalho.
O texto entre as tags <p> e </p> é mostrado como um parágrafo.

Bibliografia

Wikipedia
W3c

Web Como Um Todo!