CHR Designer » Semântica http://chrdesigner.com/blog Sat, 27 Mar 2010 12:04:08 +0000 en hourly 1 http://wordpress.org/?v=3.0 Como iniciar um recorte em Tableless http://chrdesigner.com/blog/index.php/como-iniciar-um-recorte-em-tableless/ http://chrdesigner.com/blog/index.php/como-iniciar-um-recorte-em-tableless/#comments Sun, 31 May 2009 01:01:39 +0000 CHR Designer http://chrdesigner.com/blog/?p=411 E ai pessoal, esse post vai ser dedicado ao Alex um amigo meu que trabalha comigo na Lógica Digital,  sempre que vai começar um recorte do zero ele tem muitas dúvidas de como iniciar. Ele não sabe como as DIVs tem que ficar e toda vez eu explico mas agora se ele perguntar para mim eu vou mandar esse link para ele…hahahaha….

Vamos lá então primeiro tem que ter algum editor de HTML eu uso o Aptana aqui em casa mas na Lógica eu uso o Dreamweaver mas se vocês não quiserem instalar nenhum desse software pode usar o NotePad do Windows mesmo.

Abaixo tem um modelo de HTML crú:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>COMO INICIAR UM RECORTE EM TABLELESS</title>
</head>
<body>

</body>
</html>

Agora eu vou colocar as DIVs:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>COMO INICIAR UM RECORTE EM TABLELESS</title>
</head>
<body>

<div>TOPO</div>
<div”>LATERAL</div>
<div>CONTEUDO</div>
<div>RODAPE</div>

</body>
</html>

Agora para finalizar vou colocar as IDs nas DIVs e lembrando que nunca pode ter duas IDs com o mesmo nome senão não valida o seu código, vou colocar mais uma DIV que e a “container” que nele vai o css para determinar a largura do site e vou adicionar o css na pagina mesmo “<style type=”text/css”>”:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>COMO INICIAR UM RECORTE EM TABLELESS</title>


<style type=”text/css”>
*{margin:0; padding:0;}
#container{width:998px; margin:0 auto; text-align:center;}
#header{float:left; width:996px; height:40px; border:1px solid black;}
#nav{float:left; width:98px; height:100px; border:1px solid blue;}
#content{float:left; width:896px; height:100px; border:1px solid red;}
#footer{clear:both; height:40px; border:1px solid black;}
</style>


</head>
<body>


<div id=”container”>
<div id=”header”>TOPO</div>
<div id=”nav”>LATERAL</div>
<div id=”content”>CONTEUDO</div>
<div id=”footer”>RODAPE</div>
</div>


</body>
</html>

Visualizar o Exemplo
Download do Exemplo

]]> http://chrdesigner.com/blog/index.php/como-iniciar-um-recorte-em-tableless/feed/ 2 O que é A Web Semântica http://chrdesigner.com/blog/index.php/o-que-e-a-web-semantica/ http://chrdesigner.com/blog/index.php/o-que-e-a-web-semantica/#comments Sun, 19 Apr 2009 20:16:27 +0000 CHR Designer http://chrdesigner.com/blog/?p=76 Um post muito interessante que eu li no Tableless e achei importante postar aqui no meu blog, então vamos começar intender um pouco sobre Web Semântica.

Web Semântica é nada mais nada menos, que uma web com toda sua informação organizada de forma que não somente seres humanos possam entendê-la, mas principalmente máquinas. Disse principalmente máquinas, porque elas nos ajudarão, de fato, em tarefas que hoje, invariávelmente temos que fazer manualmente.

Imagine a situação abaixo e entenda melhor:

Você precisa fazer uma viagem as pressas para a Tailândia, então você pede ao computador encontrar uma companhia aérea que siga as seguintes restrições: que tenha um voo para a manhã seguinte na classe econômica e seja a companhia com o preço mais barato.
O computador, em poucos momentos lhe fornece o resultado da busca com a companhia que melhor se encaixa nas medidas impostas. Depois disso, você apenas tem o trabalho de reservar seu lugar.

A Web Semântica é uma evolução da nossa web atual. Com as informações devidamente organizadas, fica fácil de criar sistemas e robôs de busca mais inteligentes e ágeis. A nossa web de hoje, é uma web que apenas humanos entendem as informações disponíveis. Com a Web Semântica, as máquinas compreenderão essas informações e assim, poderão nos auxiliar em tarefas corriqueiras, que antes eram feitas manualmente. Atualmente é extremamente complexo fazer um sistema que leia e entenda de maneira sensata qualquer informação que a web provê.

A Web Semântica incorpora significado às informações da web. Isso proporciona um ambiente onde máquinas e usuários trabalhem em conjunto. Tendo cada tipo de informação devidamente identificada, fica fácil para os sistemas encontrarem informações mais precisas sobre um determinado assunto.

Então, o ambiente de que estamos falando, terá informações devidamente identificáveis, que sistemas personalisados possam manipular, compartilhar e reusar de forma prática, as informações providas pela Web.

Tente imaginar como o Google seria mais preciso em suas buscas se toda a informação da web estivesse organizada de uma maneira sensata, ou o que os calendários como do Yahoo! poderiam fazer se você agendasse uma viagem: 2 dias antes – ou no momento que desejar – ele te avisaria que as passagens da companhia aérea que você usa freqüentemente já foram compradas e sua reserva já foi efetuada no hotel que você costuma ficar quando visita aquele determinado local.

Referência: Tableless

]]> http://chrdesigner.com/blog/index.php/o-que-e-a-web-semantica/feed/ 0