Os 6 meses mais felizes da minha vida

Vida,

Nasce qualquer coisa aqui dentro que me domina...

Nao sei se consigo descrever mas vou tentar...

Nao tenho peso. Sinto que flutuo enquanto tento tocar o chão, em vão, pois nem meus dedos respondem ao toque e nem as coisas podem ser tocadas. Sobe uma nuvem de frios na barriga com intensidade tamanha pra me fazer esquecer o tempo... meu relógio para, as coisas param, uma única luz me guia nesse lapso que rompe o tempo e o espaço. Meus pensamentos me traem... meus movimentos me traem, não domino mais meu corpo, não domino mais meus gestos, não tenho forças pra ir contra nada que ele pede.

Me sinto prisioneiro de meus sentimentos, mas tudo isso é doce... Toda essa prisão me causa paz e é a favor de tudo que quero. O vento me faz carinho e posso sentir ele querendo conversar comigo... meu corpo se sente atraído por um olhar, minha boca quer uma boca... todas as células do meu corpo querem se comunicar com as celulas suas e não consigo dizer não. meu sorriso se abre, meu olho trava no seu, meu corpo ganha 8 atenções a todos os sentidos que tenho ao te ver... sinto o cheiro de seu Shampoo que é diferente do de seu pescoço ao mesmo tempo, consigo ver milimétricamente seu cabelo como se vc cortar um dedo de fios eu saberia, meus dedos sentem a distãncia a pele de sua mão e de seu rosto enquanto meu braço sabe exatamente a força que quer vc entre eles. Sua voz é uma música que tem o Dom de me trazer o maior sentimento que já existiu nesse mundo, uma mistura de paz com beleza que não tem explicação.

O mais incrível é que essas coisas no dia-a-dia nos passam desapercebidas e eu normalmente não reparo nisso em ninguem. Sinto cheiro, mas não todos e nem com tanta intensidade. Vejo cabelos, mas só mulheres se reconhecem entre si se tiraram um dedo ou outro de comprimento.

Minha vida, isso é um resumo do que ocorre desde o primeiro dia que te vi, todas as vezes que te vejo. Fazem 6 meses que voce consegue mudar tudo que sou e sinto pela razão e eu amo o que sou desde que decidi estar ao seu lado eternamente.

Obrigado por ser tão especial meu amor...

Sou feliz... sou teu...

Pare e pense...

O mundo para!!! As pessoas que estão a minha volta viram meros coadjuvantes de um filme que Deus fez aonde eu sou o protagonista disso tudo. Tudo depende do meu olhar, do meu ponto de vista, da minha forma de encarar a vida... tudo depende... Se não fosse meu olhar de que adiantariam as rosas, de que adiantariam os campos... essa noção é egoísta? se elas existissem e eu não estivesse aqui, seria util pra outra pessoa, mas o que elas adiantariam pra mim?

Deus me criou para interagir com com tudo que ele criou e me mostra todos os dias por um propósito. Mas qual? Quem sou eu... Lições deixadas por pessoas especiais em minha vida me mostram que eu não vou conseguir alcançar nenhuma virtude, pois virtude nenhuma é algo palpável. Não significa que não sou capaz, mas nosso entendimento é pequeno para esses assuntos. Vc consegue tocar a fidelidae? abraçar a amizade? Como reconhecemos isso em alguém?... ATOS!!! Apenas tenha atitudes que contenham características das virtudes que vc deseja ter e assim vc vai estar bem próximo dela, e mesmo ainda não sendo ela, vc contem uma parte e já pode se orgulhar, pois quantos têm isso hoje? Por isso não temos uma virtude, não podemos mantê-la, mas podemos executá-la em nossos atos para que os outros reconheçam, e não pensando nisso, pois se faz pra ser reconhecido então não é você... apenas faça sua parte...

Quais são seus atos? O que vc busca? O que vc mostra no seu mais íntimo? Isso é você... se reconheça e se descobrir erros se orgulhe... você é um ser humano como qualquer outro que veio aqui para aprender, nesse dom maravilhoso dado por Deus que é a VIDA... e caso não enchergue defeitos e por que ele está em seus olhos que só encherga o mundinho egoísta que vc é...

Até esse mundo ser redondo tem um propósito monstruoso. Tudo gira, tudo aqui é ciclo... Ou seja, seu atos serão colhidos... se vc plantar tomates não voltarão caquis... ou seja, se a intenção de sua atitude for boua, vc não poderá colher coisas ruins... facil falar né!! Fazer tbm... mas como? avalia com atenção no que faria bem pra pessoa que vc quer fazer algo bom... SÓ PRA ELA! que não contenha sua vontade a não ser de fazer por ela, algo pra ela... assim vc estará tornando seu mundo e das pessoas que lhe rodeia algo melhor... isso é muito contagiante, basta dar o primeiro passo...

Apenas seja você e faça sua parte... esse é meu melhor e maior conselho a todos que lerem essa mensagem.

Obrigado!

Uma pessoa especial demais em minha vida

Oswaldo Montenegro - Quando a gente ama

Quem vai dizer ao coração,
Que a paixão não é loucura
Mesmo que pareça
Insano acreditar

Me apaixonei por um olhar
Por um gesto de ternura
Mesmo sem palavra
Alguma pra falar

Meu amor, a vida passa num instante
E um instante é muito pouco pra sonhar

Quando a gente ama,
Simplesmente ama
É impossível explicar
Quando a gente ama
Simplesmente ama!

O Mundo do CSS

Bom gente chegou a hora. Depois de ter passado rapidamente sobre a base de todos os sites de internet, o html, agora é hora de introduzir vocês ao mundo do layout, o famoso CSS.

Após a um breve relato sobre as linguagens e as ultilidades delas, passamos por dentro do html. Agora é hora de dar beleza em nossas htmls... O CSS, que quer dizer "Cascading Style Sheet" traduzindo "folha de estilo em cascata", é um mecanismo simples para adicionar/alterar estilos como as fontes, cores, espaçamentos nos layouts das páginas da web. De um modo geral ele organiza e embeleza os documentos de forma rápida e prática.

Como e onde usar???

Todos os elementos dentro do BODY da html aceitam CSS. Uma div, uma tabela, dentro de uma linha da tabela ou dentro de uma célula de uma tabela, uma imagem, na centralização do texto de um link. e existem várias formas de usar:

No cabeçalho usando identificações do que se vai usar, ou no próprio objeto:

No cabeçalho usamos assim:

<link rel="stylesheet" type="text/css" href="estilo.css">
<style type="text/css">
<!--
@import url("estilo.css");
body{
margin:auto;
background-color:#0000FF;
vertical-align:middle;
text-align:center;
}
-->
</style>

Ótimo guilherme!? Que diacho é tudo isso??

Vamos lá passo a passo:

<link rel="stylesheet" type="text/css" href="estilo.css">

Usamos essa tag link para fazer o navegador carregar um CSS escrito em um arquivo que esteja fora da página usada. É chamada de "Folha de estilo externa importada ou linkada"( nesse caso linkada". O "rel" avisa o navegador o que ele está puxando como link. "type" indica o tipo do estilo que está sendo puxado. "href" indica onde está e o nome do arquivo. suponhamos que vc seja organizado e tenha uma pastinha onde fica seus CSS's chamada "css", ele ficaria assim href="css/seu_css.css". Acho que aqui fica claro o que acontece e como. mas ainda não fica claro o que vai nesse documento. Vc faria um documento assim:



@charset "utf-8";
/* CSS Document */
body{
margin:auto;
background-color:#0000FF;
vertical-align:middle;
text-align:center;
}



E salvaria esse documento com um nome qualquer com a extensão ".css" exemplo "guilherme.css" e na hora de chamar ele usaria o link por exemplo. Viu como é simples e isso pode ser feito no bloco de notas do windows. Basta entender o que é cada estilo agora que mais pra frente, eu vou passar um por um. Continuando:

<style type="text/css">

Essa é a tag que avisa o navegador que esse código é de CSS. O type indica tipo e pelo que conheço existem dois tipos de CSS. o tipo "text/css"que é o mais simples e o que funde o CSS ao javascript "text/javascript" que veremos assim que entrarmos no javascript. Como toda boa tag que abrimos precisamos fechá-la por isso no final "</style>". Usamos o "<!--" e seu fechamento "-->" para proteger os browsers antigos. esse é o código que diz que na html vai haver um comentário qualquer que não precisa ser exibido na tela. Os navegadores antigos não suportavam que esse código pulasse linhas usando o "enter" como parte do código, ou seja, para eles do começo dele até o final dele é tudo um breve comentário que não precisa ser exibido. Já as novas tecnologias diferenciam o enter, fazendo assim com que na hora que vc pula a linha isso deixe de ser um comentário para ser um código comum. Asim isso proteje os navegadores antigos de executarem códigos que eles não conhecem.

O código:

@import url("estilo.css");

É uma segunda forma de importar um css de fora. Essa é a "Folha de estilo externa importada". Não tem segredo nenhum. O arquivo que ele vai puxar é o mesmo padrão descrito acima. url é o endereço mais o nome do arquivo. Suponhamos, de novo, que vc seja organizado e tenha uma pastinha onde fica seus CSS's chamada "css", ele ficaria assim "url("css/seu_css.css");". Fácil ainda né...

Agora chegamos ao que interessa, na "Folha de estilo incorporada ou interna". Ela tem esse nome pois é escrita na página html mesmo dentro das tags <style>. Veja:

A sintaxe dela funciona assim:

identificador {propriedade: valor da propriedade;}

No nosso caso:

BODY{ = o corpo do site, ou seja, tudo que estiver dentro da body que não tenha outro CSS vai seguir esse que esta aqui. Poderíamos usar por exemplo as tabelas ficaria assim:

TABLE, TH, TD{ = como já vimos no html o que são cada um desses códigos ssabemos qure toda uma tabela vai receber esses estilos.

Sempre identificamos o objeto que será usado ou pelo nome do objeto.

Agora como usar isso dentro dos objetos específicos. esse procedimento se chama "Folha de estilo inline" e tem a maior ultilidade dentre elas. Existem duas formas. Uma é a class, que usa a CSS escrita, ou usamos o id do obejto, ou, dentro do próprio obejto. Veja o exemplo:

Suponhamos que temos uma div com o id="teste". ficaria assim:

<div id="teste">

algum texto

</div>

Para a gente linkar um CSS a essa div nós usamos o seguinte.

#teste{
margin:auto;
background-color:#0000FF;
vertical-align:middle;
text-align:center;
}

O simbolo do sutenido(#) faz a CSS procurar o objeto pela id recebida e assim atribuir os estilos. Ta ficando muito fácil isso né.... Calma que falta só mais dois para chegarmos a lista do total que podemos fazer:

Suponhamos que queremos usar um mesmo estilo para algumas DIV's de nossa html. ai criamos uma class. ela é identificada pelo ponto(.) na frente:

.teste{
margin:auto;
background-color:#0000FF;
vertical-align:middle;
text-align:center;
}

Ai chamamos ela na DIV assim:

<div class="teste">

algum texto

</div>

Podemos chamar isso dentor de tudo que queremos, uma table, um link e etc... normalmente usamos as "Class" ou "classes" para padronizarmos os textos da página, por exemplo, uma clas chamas título para todos os títulos, uma para textos, para todos os textos. isso é livre pra organização do programador.

E por útlimo usamos a direta no objeto:

<div style="width:150px;heigth: 100%;">

texto.

</div>

Nessa escrevemos no próprio objeto diretamente o que para nós ele tera como estilo. Provavelmente a menos organizada, mas a mais simples delas.

Agora vamos ao que interessa: Quais estilos podemos usar. abaixo estou disponibilizando uma tabela muito boa sobre todos eles pois ela vem explicando o que cada uma significa e como usar:

Link

Essa tabela de cima está em inglês. Abaixo segue uma tradução pela babel fish. Não use os nomes em português eu só fiz isso para vocês entenderem o que significa cada item:

Link

Espero que tenha sido útil. Apliquem e testem cada item. Em meu próximo post explicarei o javascript. Ai estaremos aptos a usarmos a html em sua totalidade, com alguns itens dinâmicos.

Abraços,

Códigos html

Bom pessoal, como prometido eu iria dar uma noção de html pra quem está começando.
 

Aqui vai:
 

Bom o princípío da programação depende de um resultado antes de começarmos. É estranho, mas a programação começa de trás pra frente, ou seja, vc sabe o resultado antes de começar e pelo resultado programa para fazer isso funcionar. Em outras palavras vc programa pra fazer uma idéia acontecer de uma forma prevista. Segunda coisa importante:O código pode ser feito no bloco de notas, se vc salvar o arquivo com o final ".html". Não tem segredo nenhum e nem precisa de um programa gigante ou profissional pra isso, apesar deque programas bons ajudam muito. Dois que conheço que são bons são o "Notepad++"(free) e o "Dreamwaver"(pago da Adobe).
 

OK, mas o que significa H-T-M-L?
 

HTML é a abreviatura de "HyperText Mark-up Language" - e isto é tudo o que você precisa saber por enquanto. Contudo, vamos detalhar isto.
 

* Hyper é o oposto de linear. Nos tempos antigos - quando mouse era apenas um rato caçado por gatos - os programas de computadores rodavam linearmente: quando o programa executava uma ação tinha que esperar a próxima linha de comando para executar a próxima ação e assim por diante de linha em linha. Com HTML as coisas são diferentes - você pode ir de onde estiver para onde quiser. Exemplificando: não é necessário que você tenha visitado o site MSN.com antes de visitar o site HTML.net.

* Text é texto e não há mais nada a acresentar.

* Mark-up significa marcação e é o texto que você escreve. Você cria a marcação da mesma forma que escreve em um editor seus cabeçalhos, marcadores, negrito, etc

* Language significa linguagem e é exatamente o que HTML é; uma linguagem. A linguagem HTML usa muitas palavras do inglês.
 

Os códigos html comandam tudo que há na internet. Ele que fala pro navegador o quem ou o que vai abrir e como. Muitas pessoas mistificam dizendo que eles que desenham as imagens por códigos ou que são programação ferrada e difícil, mas quem fala isso realmente não tem noção do quanto é facil. Na verdade existem códigos que são capazes de fazer isso sim, mas não são html. Esse códigos exigem que vc saiba a html pra conseguir programar de forma mais pesada, são essas linguagens o ASP, o PHP, o ColdFusion, o ASP.NET, o Phyton entre outros códigos de programação mais pesadas, mas tudo que eles fazem é seguir uma rotina pra trazer o código html pro navegar pois o navegador não interpreta outro código. Mas nossa real preocupação é onde esse código vai rodar e como. Todas essas linguagens rodam no servidor(server-side) e trazem pro navegador um código html pronto. Vc vai encontrar outros códigos mais fáceis para deixar a página mais dinâmica sem a necessidade de saber algo mais complexo, que são dois códigos que ajudam o html a ser mais interativo e rodam no seu navegador(client-side), mas tem suas limitações. Esse códigos são o javascript e o CSS.
 

O javascript movimenta a página de uma forma bem criativa, colocando sua imaginação pra funcionar de acordo com o que vc quer. Ele dá movimento na página e nos itens que contem nela, interagindo com as ações do usuarios, por exemplo, ao clicar num botão ele abreuma janela, ou ao fechar umajanela ele diz "tchau!". Tudo depende da imaginção.
 

O CSS é apenas beleza. Com ele vc não monta uma página, mas diz como ela vai ficar, posicionando os elementos, colocando fundos, bordas e linhas na página.
 

Agora que explicamos os códigos éhora de desanimar. Esse post é apenas de html e não vou explicar os outros códigos por enquanto, mas acho que já é uma grande explicação pra quem está começando:
 

Html é feita através de Tags e são separadas pelo sinal de maior que e de menor que "<" ">" e toda tag aberta deve ser fechada com o simbolo "/". vamos colocar isso ná prática:
 

<html></html>
 

Com isso vc montou um código html. hahaiuhaiuiua.sim é facil assim, agora te faltam os elementos.
 

Duas tags obrigatórias em html são a tag "head", ou seja, cabeça e a tag "body", corpo. Todos os códigos visíveis no navegador são colocadas no body da html. ou seja qualquer texto que vc queira colocar pra se visto no navegador deve ser colocada na tag body. exemplo:


 

<html>

<head></head>

<body>

texto pra mostrar.

</body>

<html>


 

o resultado disso fica assim no navegador:
 

texto para mostrar.
 

Até agora nenhuma dificuladade. No head colocamos os códigos dinâmicos e a maior parte da programação da página. A maior parte do CSS e javascript é colocada ai. Outra tag que muitas pessoas colocam é o título da pagina que é exibido no navegador.


 

<html>

<head>

<title>seu título</title>

</head>

<body>

Texto pra aparecer.

</body>

<html>
 

o resultado disso fica assim no navegador:
 

Texto pra aparecer.
 

Existem outras tags que vc pode ver uma a uma e se vc procurar no google vc vai achar muita coisa a respeito. São elas as metas. Metas executam alguma função específica no navegador e são colocadas entre as tag head do seu código html.

Agora é hora da gente entrar nos atributos dos valores. atributos são valores colocados dentro da cabeça dos códigos exemplo:
 

<body bgcolor="#000000">Texto pra aparecer.</body>
 

Aqui a gente pintou o body de preto. "bgcolor" é "background color" em sua tradução, "cor de fundo". as cores interpretadas na html podem ser com seu nome direto em inglês(apenas as básicas) exemplo: bgcolor="red", ou em sua representação hexadecimal seguindo os valores de "0" a "F" (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F) sendo duas pra cada cor do monitor(RGB): 00(red),00(green),00(blue), ou seja 000000 é preto( a ausência de todas). pra avisar o navegador que vc vai especificar a cor via hexadecimal começa o código com "#". para saber todas as cores tenho dois links legais:
 

http://www.efeitosespeciais.net/tabela.htm
 

http://www.webcalc.com.br/frame.asp?pag=http://www.webcalc.com.br/utilitarios/rgb_hex.html
 

As tags meta necessitam de atributos que são:

NAME= nome dela

HTTP-EQUIV= diz o nome do atributo

CONTENT= o conteudo do atributo

e alguma outra tag que ele necessite

Ex:
 

<meta equiv="Expires" content="Thu, 29 Nov 2007 16:18:42 GMT">
 

Nessa tag a página fica inválida("expires" = "expira") na data que ele colocou no padrão inglês.

Outro exemplo:
 

<meta equiv="Content-Script-Type" content="text/javascript">
 

Nessa tag nos avisamos o navegador que a página vai ter "script" do tipo "texto javascript".
 

Existem muitas metas dentro do código html que podem ser úteis e elas não necessitam ser fechadas "" pois é programação específica. Aqui vai uma lsitinha delas:
 

Use a seguinte construção para indicar a data de criação do documento:

<meta name="data_criação" content="dd mmm yyy hh:mm:ss GMT">
 

Use a seguinte construção para indicar a data em que o conteúdo expira, e que diz a um dispositivo de busca quando ele deve remover os documentos antigos de seu banco de dados e renovar essas informações:

<meta equiv="expira" content="dd mmm yyy hh:mm:ss GMT">
 

Use a seguinte construção para fornecer palavras-chave para os dispositivos de busca além daquelas que são encontradas automaticamente pelos robots(mecanismo de busca do google por exemplo) dentro do próprio documento:

<meta name="palavras-chave" content="palavra-chave_1, palavra-chave_2, palavra-chave_3">
 

Use a seguinte construção para fornecer um endereço de e-mail do autor ou responsável individual pelo documento:

<meta equiv="responder para" content="bira@ireland.com">
 

Use a seguinte construção para indicar o nome do autor:

<meta name="autor" content="nome">
 

Use a seguinte construção para indicar o tipo de recurso do documento (os valores comuns incluem document, catalog, bibliography e new release):

<meta equiv="tipo de recurso" content="document">
 

Use a seguinte construção para definir uma descrição a ser usada pelos dispositivos de busca que suportam essa tag:

<meta name="descrição" content="texto">
 

Use a seguinte construção para indicar o escopo ou alcance da distribuição ou aplicação de um documento (os valores comuns incluem global, domestic, local, ou private):

<meta equiv="distribuição" content="global">
 

Use a seguinte construção para indicar o programa usado para gerar um documento, tal como o nome do editor de HTML usado:

<meta name="gerador" content="nome do programa">
 

Use a seguinte construção para indicar o detentor do copyright de um documento e a data:

<meta equiv="copyright" content="nome @hy data">
 

Use a seguinte construção para forçar um documento a ser recarregado ou um documento novo carregar depois de um número específico de segundos:

<meta name="added" content="5; URL=..." equiv="refresh">

Neste exemplo, "n" é o número de segundos que a página deve esperar antes de carregar a página seguinte, que está especificada na "URL". Importante não esquecer de separar os dois elementos por ponto-e-vírgula.
 

Chega de metas.
 

Agora é hora dos códigos script e css na página:
 

O script pode ser colocado na página ou feito em uma página separada assim como o CSS. Ambos necessitam de atributos para saber o que é o que:
 

<script type="text/javascript">

seu código script

</script>
 

Esse de cima é com o código feito na página:
 

<script src="arquivo.js" type="text/javascript"></script>
 

Esse de cima puxa um arquivo de fora via o atributo "src"="source", na tradução "fonte".
 

o CSS tambem é colocado assim:
 

<style type="text/css">

seu código CSS

</style>
 

Esse de cima é ná pagina
 

<link href="arquivo.css" rel="stylesheet" type="text/css">
 

Esse de cima é ultilizado do mesmo jeito do meta, ou seja não precisa fechar, e serve pra algumas coisas mais alem dechamar apenas o css de fora,mas hoje usamos outras tags pra fazer o serviço que ela fazia antigamente.
 

Aqui finaliza as principais e mais ultilizadas tags da head. Fora isso nos resta o body.
 

Temos variso códigos que podemos chamar na body e aqui vou descrever os principais com seus principais atributos:
 

Esse código chama uma imagem pra parecer.

<img src="imagem.jpg" />
 

Seus atributos podem ser:

width="" largura

heitgh="" altura

border="" borda(normalmente colocamos "0" se não queremos.)

align=""alinhamento em inglês(center, top, right, left etc...)

alt="" tecla que vai fazer ela destacar no Internet explorer

title="" texto da imagem quando você passar o mouse sobre ela.
 

a largura e a altura dos elementos html podem ser em pixels (px) ou em porcentagem (%) dependendo do cauculo do tamanho que vc quer. O padrão é pixels( pontos de resolução do monitor) tanto pra borda ou pras dimensões, por isso não precisamos colocar no final o px assim width="350px". o correto é witdh="350".
 

<a href="www.algumapagina.com.br">link para alguma página</a>
 

Esse de cima é uma ancora. Ele converte o que vc colocar entre suas tags em algo clicável, executando a função do clic. No exemplo acima ele manda pra uma página como se fosse um link.
 

<table>

<tr>

<td>

texto da celula.

</td>

</tr>

</table>
 

Esse decima é o código de uma tabela. Ela éusada pra muitas coisas. Existem neuróticos da internet que juram que o código fica mais limpo ou mais leve quando a página é "tableless" ou seja sem tabelas, mas elas são muito úteis e não tem problema nenhum ultilizá-las, não pesa e não fica feio ou maior o código por causa disso, e mesmo se ficasse, quem vê o código é só quem fez mesmo. Ou seja o importante é chegar no resultado. Table é tabela e é uma tage comum. "TR" é uma tag da tabela que indica a linha da tabela. "TD" é a celula da linha. ou seja se eu quisermontar uma tabela com 2 linhas e 3 colunas vai ser assim:
 

<table> - começo da tabela

<tbody><tr> - abre a linha um

<td>1</td> - primeira celula da linha um

<td>2</td> - segunda celula da linha um

<td>3</td> - terceira celula da linha um

</tr> - fecha a linha um

<tr> - abre a linha dois

<td>3</td> - primeira celula da linha dois

<td>4</td> - segunda celula da linha dois

<td>5</td> - terceira celula da linha dois

</tr> - fecha a linha dois

</tbody></table> - fecha a tabela
 

os atributos da tabela podem ser colocados em todas as tags desde que vc saiba o que esta fazendo:

width="" largura em pixels ou porcentagem(como simbolo %)

heigth="" altura em pixels ou porcentagem(como simbolo %)

bgcolor="" cor de fundo

colspan="" quando vc quer que uma celula ocupe dois espaços na coluna

rowspan="" quando vc quer que a celulaocupe dois espaços na linha

align="" alinhamento horizontal do objeto

valgin="" alinhamento vertical da celula ( só funciona na tag "td")

border="" espessura em pixels da borda

cellspacing="0" espaço em pixels entre as celulas ( só funciona na tag "table")

cellpadding="0" espaço em pixels da celula pro conteudo dela ( só funciona na tag "table")
 

exemplo de tabela com rowspan e colspan:
 

<table> - começo da tabela

<tbody><tr> - abre a linha um

<td rowspan="2">1</td> - primeira celula da linha um que pega a linha 2 tambem

<td colspan="2">2</td> - segunda celula da linha um que pega a celula 3 tambem

</tr> - fecha a linha um

<tr> - abre a linha dois

<td>3</td> - segunda celula da linha dois

<td>4</td> - terceira celula da linha dois

</tr> - fecha a linha dois

</tbody></table> - fecha a tabela
 

desenho pronto:
 

-------------------

|            |      2      |

-     1    ------------

|            |  3   |  4   |

---------------------

 

Outro elemento importante da html é a div tendo a maior parte da sua configuração específica em CSS:
 

<div>

</div>
 

atributos da div:

Align=""alinhamento dela
 

Dentro de todas as tags html nos temos algo chamado id e name, que são a identificação dela e o nome dela, ou seja, sua div precisa de uma id pra que um código javascript possa achá-la e interagir com ela. assim como as tabelas e tudo mais. Outra forma de fazer a página ter seu próprio link é criando ancoras:
 

você cria heads "h",heads são titulos dentro da tag body, e nomeia eles:
 

<h id="head1">titulo do texto 1</h>

<h id="head2">titulo do texto 2</h>
 

e chama eles com ancoras:
 

<a href="#head1"> link do titulo1 </a>
 

a página "desce"(rola pra baixo) até que o head fique no topo do navegador.
 

Uma última coisa que acho útil colocar são as formatações dos textos.
 

temos as tags:

<span></span>

com os atributos:

face="" cara que a fonte vai ter(verdana, tahoma, arial)

size=""tamanho em pixel ou proporção(+1, -2- relativo ao tamanho da fonte da página)

color="" cor da fonte em nome ou hexadecimal
 

<span></span>

com atributos id e class ou styleque vou explicar mais pra frente.
 

e as escritas comuns:
 

<p></p> paragrafo com atributos de centralização(align) e fonte(font) e espaço de respeito deparágrafo

<br /> pula a linha

<h></h> cabeçalho do texto com tamanho h1, h2, h3, ele aumenta o texto de acordo com o numero

<i></i> ou <em></em> itálico

<b></b> ou <strong></strong> negrito
 

Itens de lista:

temos a ul e a ol:
 

<ul> - começa a lista

<li>Um item de lista</li>

<li>Outro item de lista</li>

</ul> - termina alsita
 

<ol>

<li>Primeiro item da lista</li>

<li>Segundo item da lista</li>

</ol>

</pre>resultado da ul:
 

• Um item de lista

• Outro item de lista
 

resultado da ol:
 

1. Um item de lista

2. Outro item de lista
 

Aqui acho quem foram os pricipais códigos usados. Nosso próximo post vai ser sobre javascript.
 

Abraços,

Informática para leigos....

Boa Tarde gente.

Começo meu blog dando um Help para iniciantes de computador.

Sempre que falo com pessoas sobre computadores a maior parte não sabe o que tem dentro e nem tem noção do que quer dizer aquele monte de baboseiras que técnicos falam. Então vai uma dica pro povo na hora de comprar ou na hora de um metido a técnico não trocar suas peças sem vc saber.

Os termos(cliquem nos nomes para verem fotos onde existirem):

Onboard - o computador tem cérebros responsáveis pelo que vc vê ouve ou escuta separados. Para ouvir temos a placa de som, responsável pela saída e entrada de som. Para ver temos a placa de vídeo, responsável pelo vídeo que vc enxerga na tela. essas placas podem ser separadas da placa mãe, ou seja "offboard", ou "onboard", ou seja embutida na placa mãe. As Offboard são circuitos dedicados ao trabalho de sua função, isso faz eles serem muito melhores.

Megas, Gigas e Bytes - Tudo começou com bits, ou seja digito binário, um número pro computador. Seria um elétron, ou tem "1" ou não tem "0". Ai veio o byte que são 8 bits. Conforme foram aumentando as necessidades, foi aumentando a quantidade e tiveram que inventar múltiplos. Um "Kilobyte" ou "Kb" são 1024 bytes. Estamos acostumados a usar medidas internacionais aonde falam que Kilo é igual a 1000 e não 1024, mas em código binário é sempre x2 ou seja, 2, 4, 8, 16, 32, 64, 128, 256, 512, e 1024, e por isso não usamos o 1000. Depois disso vieram maiores capacidade e maiores valores. Um "MegaByte" ou "Mb" significa 1024 Kb. Um "GigaByte" ou "GB" significa 1024Mb e por ai vai na seqüência. esses nomes são gregos e são fáceis de encontrar na Net.

Prefixo	Nome	Sistema internacional Singificado	Singificado Binário
k	kilo	103 = 10001	210 = 10241
M	mega	106 = 10002	220 = 10242
G	giga	109 = 10003	230 = 10243
T	tera	1012 = 10004	240 = 10244
P	peta	1015 = 10005	250 = 10245
E	exa	1018 = 10006	260 = 10246
Z	zega	1021 = 10007	270 = 10247

Dica: para saber no windows quanto seu computador tem de memória(que vou explicar mais pra frente o que é) Segure a tecla Ctrl e aperte a tecla Pause. Espere aparecer os dados da divisão computador. Lá vc sabe o nome do seu processador, a freqüência que ele opera no windows e quanto de memória ele tem. ele as vezes erra no valor por proximidades pois deixa de contar a parte que o windows esta usando. Mas sempre aproxime ao próximo da conta, por exemplo se aparecer 235Mb de ram isso em pentes de memória não existe já que a conta é binária. ou seja, vc tem 256 Mb de ram.

Software - tudo que é instalável no seu computador. São colocados em Cds e vc não pode tocá-los pois são informações virtuais.

Hardware - Tudo que vc pode pegar no seu PC. Temos placas, HD, leitor de CD, gravador de DVD, Gabinete, e periféricos(mouse, monitor, caixas de som e etc...)

Driver - podem ser de dois tipos. Físicos ou virtuais. Um driver físico é um componente que tem uma função, por exemplo seu driver de CD é seu leitor ou gravdor de CD. Já no virtual é uma biblioteca de funções que "ensina" seu computador a usar uma placa ou um hardware. Por isso dizemos que o driver da impressora não está instalado, ou seja, seu computador não sabe como enviar os dados para ela imprimir ainda e precisa desse driver para aprender a mecher nela.

Placa mãe - Responsável por distribuir e conectar tudo que tem no seu computador. O modelo dela é feito em cima do Socket do processador(socket é que nem a gente fala em lampadas, os soquetes. Cada uma tem seu socket do tamanho certo, assim como o processador. Cada pinagem, ou seja, forma de dispor os pinos, leva uma numeração de socket na qual ele se encaixa) assim ao escolher o processador, vc vai ter que escolher depois uma placa que encaixe ele. Nela vc conecta o processador, o HD, a memória, e tudo mais que se usa no computador. É chamada de mãe pois abriga todos os componentes. Ela quem divide os cálculos feitos pelo processador para seus devidos lugares, por exemplo, som, vídeo e etc... hoje uma placa mãe boua vc encontrar várias saídas USB, processador de vídeo e som onboard bom, e fácil reconhecimento dos drivers conectados nela. Nela que fica a BIOS, configuração responsável pelo que seu pc tem ou deixa de ter. E ela testa todos os hardwares do computador antes de iniciá-los para conferir d se não tem nada queimado ou coisa do tipo. Para saber a placa mãe que seu computador tem ou vc lê nela que normalmente isso é impresso nela, ou se vc não quiser abrir use softwares como o everest que diz todas as configurações do seu computador, inclusive nome do processador ou da memória.

Processador - Cérebro do PC. É um chip responsável por "pensar" tudo que acontece no computador. Ele trabalha por freqüência, ou seja, ondas. Essas ondas têm picos e depressões e são contadas a cada pico e depressão que aparece. 1 "Hz" ou seja Um "hertz" é uma onda dessas por segundo. Hoje a gente fala em GigaHertz, pelos nomes acima vc consegue calcular. Aqui a gente não fala de bits ou seja não é 1024 e sim 1000. Um processador hoje trabalha a 2.0Ghz por exemplo. na contagem são 2.000.000.000"Hz", ou seja 2 bilhões de ondas por segundo. vc conseguiria contar?? Isso ainda não é tudo de um processador, o processador é feito por núcleos, conhecido como "core" ou seja, coração, ou seja um aglomerado de placas de silício (material que ele é feito) que geram os cálculos do PC. hoje a linguagem é dois núcleos ou múltiplos núcleos, ou seja Dual Core, triple core, ou Quad core, (na seqüência dois, três e quatro núcleos.) isso faz com que ele pense com duas cabeças ou mais e diminui a sobrecarga de contas que um só faria. Quase duplica a velocidade do computador em Hertz. temos vários nomes usados em processadores, mas compensa a gente ficar atento aos detalhes pois siglas de um dígito mudam toda a estrutura do processador. Por exemplo Pentium D é um tipo de pentium que imita o Dual core, mas tem um núcleo só. Já a AMD tem a linha X2 que é o dual core dela( eu recomendo AMD). Quando for comprar entra no site do fabricante para saber o que significa esses nomes, ai vc consegue traduzir em números qual processador é melhor.

Cache - è um tipo de memória existente dentro dos processadores( também existem dentro dos processadores da placa mãe de vídeo e som) ela é a mais rápida memória conhecida, mas é muito pequena, pois é a intermediária do cálculo de um processador e seus periféricos. hoje temos computadores com 2Mb de cache, ou seja, ele tem 2Mb de memória pra processar a informação com mais velocidade antes de enviar para o seu periférico. Compensa muito vc escolher um processador com esse número alto, pois esse numero melhora desempenho e estabilidade de um processador. temos processadores de 256Kb até 8Mb de cache hoje conhecidos e é lógico que encarece o preço.

Cooler - Todo processador não funciona sem ventilador por esquentar demais. Esse ventilador se chama "Cooler" e existem coolers pra todas as partes do PC e placas.

Gabinete - É só a caixa de metal que protege os componentes. Hoje existem computadores "Tunados", ou seja, os gabinetes são de acrílico(transparente) com neons e lotados de Coolers, mas isso só é beleza e num deixa o computador mais ou menos rápido. "Baias" são as entradas que ele tem de CD ou de DVD. é comum hoje um gabinete ter 4 Baias.

Fonte - normalmente vem com o gabinete. è a parte que transforma a eltricidade da rua para uma onda que o computador use. Nossa eletricidade da rua funciona numa onda que vai de 0 a 127 ou de 0 a 220. No computador não pode existir onda 0 pois ele contaria como bit inexistente. então ele usa entre +5 e +12 para funcionar e é isso que a fonte faz, alem de proteger o PC de um risco maior( pois quando a rede de força oscila ela é a primeira a tomar depois do estabilizador de eletricidade). Hoje usamos um termo pra elas "ATX". Isso significa "Advanced Technology Extended" ou seja a fonte ficou inteligente e trabalha junto com o processador. Antigamente a gente desligava o PC e ele cortava a força na hora mandando pro espaço algum dado que estava sendo lido ou salvo naquela hora no pc. Hoje quando a gente aperta o botão desligar ele encerra todos os programas e desliga depois.

HD - Sigla de "Hard Disk" ou disco rígido é um disco magnético no qual o computador "escreve" tudo que existe nele. Seu sistema operacional usa arquivos pra ser carregado, seu texto do word salvo em meus documentos, é salvo no hd. Todas as informações que seu PC tem hoje ficam ali. Para saber quanto vc tem de HD em seu PC, abra o meu computador clica como botão direito nele e veja em propriedades. Hoje o padrão base é ele ter 120Gb, ou seja cabem 120.000.000.000Bytes em seu disco rígido. Pra quem num sabe um texto do word tem uma média de 24Kb, ou seja 24.000bytes. façam as contas de quantos livros cabem aí...

Memória- Parte do PC que é importantíssima. Seu HD não é tão rápido para troca de informações e o mais próximos que temos da freqüência do processador é a memória virtual. è nela que o computador joga o que precisa ler com mais freqüência, ou seja, quando vc abre um word, cada botão tem uma função, do tipo salvar, imprimir e etc. E nela que ficam as funções e prontas para serem acessadas e acionadas, assim como o que vc enxerga do programa, botões cores e etc fica tudo nela. quando vc vai abrir um programa ele demora pra abrir pois vc esta passando ele do HD pra memória, ai vc já vê a diferença de velocidade do HD pra memória. Quanto maior o número de memória vc tem, mas espaço o processador tem pra armazenar essas funções, ou seja, ele fica mais rápido,e quanto maior a freqüência da memoria, mas rapida é a leitura. Hoje falamso assim "1Gb de Ram DDR 400" ou seja, 1 giga de memória "Ram"(random memory access - ou seja memória de acesso randonômico, ou aleatório. padrão em todos os PCs) , do tipo "DDR"(Double Data Rating - memória de acesso duplo ou seja, duas ou mais vezes mais rápido que sua antecessora DIM), 400 ou seja trabalha a 400 Mhz de velocidade.

USB - "Universal Serial Bus" ou seja plug de saída universal, é um tipo de conector que o computador tem que aceita diversos tipos de periféricos por ter uma forma de comunicação simples com o computador.

Esse são os itens básicos de um computador.

Duas dicas:
1 - Para não cair na besteira de chamar um técnico "Marba"(Mar-barato) e ele te roubar. Veja com cuidado todos os hardwares que seu computador tem e anote num papel, para conferir a hora que ele voltar.
2 - na hora de escolher seu computador, se vc entrar no site do fabricante pra esolher vc vai ver coisas que vc babe muito, mas na hora fica muito caro. Veja um que se adapte a sua necessidade, por exemplo jogo usa muita placa de vídeo, mas office não, então se seu PC vai ficar num escritório, sua placa de vídeo pode ser onboard sem problema algum. Pensa no que vc vai usar. tem pessoas que sonham com um Quadcore, mas num usa por completo nem o Pentium Celeron que tem em casa. Na média de uma configuração boua temos um Core 2 Duo( dual core melhorado) ou Atlhon X2, 1Gb de ram, 160Gb de HD, um gravador de DVD( se grava tbm lê então só peça o gravador) e uma placa mãe que se adapte ao seu processador com cache bom.


Espero ter ajudado

Abraços...