Loader para página inteira.(JavaScript)

Bem, parando um pouco o html para dar uma dica de javascript.
Hoje me deparei com um problema comum. Inserir um loader antes de mostrara página principal do site.
A ultima vez que me deparei com esse problema (necessidade) lembrei de um codigo a algum tempo esquecido. A ultima versão era p/ no máximo IE6.
Fazendo uma adaptação consegui faze-lo ser útil para, partir do IE6 p/ frente, Mozilla, Chrome, Opera e Safari (unicos que testei).
Aqui vai o código:
Arquivo loader.js

[code]

function checkBrowser(){

    this.ver=navigator.appVersion

    this.dom=document.getElementById?1:0

    this.ie9=(this.ver.indexOf("MSIE 9")>-1 && this.dom)?1:0;

    this.ie8=(this.ver.indexOf("MSIE 8")>-1 && this.dom)?1:0;

    this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom)?1:0;

    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;

    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;

    this.ns4=(document.layers && !this.dom)?1:0;

    this.bw=(this.ie9 || this.ie8 || this.ie7 || this.ie6 || this.ns4 || this.ns5)

    return this

}

bw=new checkBrowser()

function hideIt(div){

    if(bw.bw){

        div="divLoadCont";

        obj=bw.dom?document.getElementById(div).style:bw.ie6?document.all[div].style:bw.ns4?document[div]:0;

        obj.visibility='hidden';

        $('#corpo').css("display","block");// para este é necessário uso de jquery

       

        // se necessário baixar mais imagens depois do escopo principal carregado.

        //imagem01 = new Image();

           //imagem01.src = "imagens/fundos/fundo1.jpg";

    }

}

onload=hideIt;

// veja exemplo de uso no arquivo loader.html

[/code]

Arquivo loader.html(ou index.html)
[code]

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

    <head>

        <title>Titulo site</title>

      

           <!-- função loader -->

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

      

    </head>

    <body>

  

        <script>

            // print do loader

            if(bw.bw) document.write('<div id="divLoadCont"><img src="imagens/loader_dark.gif"></div>')

        </script>

      

        <div id="corpo" style="display:none">

            <!-- conteudo do site -->

        </div>

      

    </body>

</html>

[/code]

Qualquer dificuldades é só comentar que responderei assim que possível!

tag <p></p>

Então. Continuando a saga, vamos a tag<p></p>
Definição e uso:
Basicamente, esta tag define um parágrafo.
É estremamente útil quando é necessário mostrar um texto.
Já vem com algumas definições padrões, como espaço entre parágrafos, mas é bem mais fácil utiliza-lo com o CSS.

Como na tag <a></a>, <p></p> tem alguns elementos simples.
class, id, dir, lang, style(CSS) e title.

As funções destes elementos são as mesmas da tag<a></a>.

Uso simples:
<p>o seu parágrafo vem aqui, e por maior que ele seja quando ele chegar ao fim da página ele automáticamente muda para a linha de baixo</p>
o seu parágrafo vem aqui, e por maior que ele seja quando chegar ao fim da página ele automáticamente muda para a linha de baixo

tag <a></a>

Boa noite pessoal!
Vamos a outra tag, a tag <a></a>.
Definição e uso:

A tag <a> define uma ancora. Uma ancora pode ser usada de dois jeitos:
    1. Para criar um link a outro documento, usando o atributo href
    2. Para criar uma marcação dentro de um documento, usando o atributo nome
O elemento é usado de maneira mais comum como um link ou hyperlink.
O atributo mais importante do elemento é o href, que indica o destino.

coords = especifica as coordenadas de um link
href = especifica o destino
name = seta o nome de uma ancora
rel = especifica a relação entre o documento e o link
rev = especifica a relação entre o link e o documento
shape = especifica a forma do link
target = especifica onde abrir o link
accesskey = especifica uma tecla de atalho para o link
class = indica uma classe(css) ao link
dir = indica a direção do texto para o conteudo de um elemento
id = indica um id
style = codigo css
title = informações extra de um elemento

Uso simples:
<a href="http://spprojetos.blogspot.com/">Link para este blog</a>
Link para este blog

Boa noite pessoal!
Hoje vou explicar a tag <marquee>

Uso simples:

<marquee> seu texto vai correr pela página </marquee>

seu texto vai correr pela página

Usos menos simples:

<marquee direction="right">Este texto vai se mexer da esquerda pra direita.</marquee>

Este texto vai se mexer da esquerda pra direita.

<marquee direction="left">Este texto vai se mexer da direita pra esquerda.</marquee>

Este texto vai se mexer da direita pra esquerda.

<marquee direction="up">Este texto vai se mexer de baixo pra cima.</marquee>

Este texto vai se mexer de baixo pra cima.

<marquee direction="down">Este texto vai se mexer de cima pra baixo.</marquee>

Este texto vai se mexer de cima pra baixo.

<marquee scrolldelay="xx" truespeed>Este texto vai se mexer ou mais rápido ou mais devagar</marquee>

Este texto vai se mexer ou mais rápido ou mais devagar

Onde no valor de scrolldelay você coloca a velocidade em milisegundos, nesse caso coloca-se “truespeed” para funcionar.

<marquee behavior="alternate">Este texto vai se mexer um lado a outro da tela alternadamente</marquee>

Este texto vai se mexer um lado a outro da tela alternadamente

<marquee behavior="scroll" loop="3">Este texto vai passar apenas 3 vezes</marquee>

Este texto vai passar apenas 3 vezes

<marquee behavior="slide">Este texto vai correr apenas uma vez e parar no canto</marquee>

Este texto vai correr apenas uma vez e parar no canto

Estas foram algumas implementações desta tag muito útil p/ quem souber usar.

Vamos ao HTML

Para quem ainda não sabe e como eu disse no outro post, não precisa saber programar para fazer um site.
Inicialmente eu também disse que é bom começar com o HTML então eu vou fazer alguns codigos e dizer o que estou fazendo! ;)

Primeiro vamos começar com o basico, Toda página HTML tem que ter as seguintes tags:
<html>
<head>
<title> Nome do Site </title>
Links para os codigos javascript e CSS.
</head>
<body>
</body>
</html>

Você deve estar se perguntando, "Mas que p**** é essa?".
Bem, essas coisas são as tags e na maioria das vezes que você abre uma (<title>) você também tem que fecha-la (</title>).

Simples 'num é'?
Aqui vai mais algumas tags que você com certeza utilizará. obs: as tags que eu não fechar é porque não fecham mesmo!

<meta />

<script></script>

<link />

<marquee></marquee>(pouco provavel de ser usado)

<a></a>

<p></p>

<strong></strong>

<img />

<br />

<div></div>(muito util)

<b></b>

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>(todas essas tags tem a mesma função. so que cada uma retorna a fonte com um tamanho diferente)

<ul>(abre lista)
 <li>(abre item da lista)
 </li>
 </ul>

<table>(abre tabela)
<tr>(abre Linha)
<td>(primeira Coluna ou item)
</td>
</tr>
</table>

Algumas que você provavelmente não irá usar!

<BLOCKQUOTE></BLOCKQUOTE>(geralmente mostrado como indetado)
<EM></EM>(geralmente mostrado como itálico)
<STRONG></STRONG>(geralmente mostrado como bold)
<CITE></CITE>(geralmente itálico)
<CODE></CODE>(para listagens de código fonte)
Variável <VAR></VAR>
<DFN></DFN>
Endereço do Autor <ADDRESS></ADDRESS>
Tamanho de Fonte Grande <BIG></BIG>
Tamanho de Fonte Pequena <SMALL></SMALL>

Ai fico muita coisa né? Não se preocupe só aquelas mais no inicio resolvem quase 99% das coisa!;)
Enfim, Segunda tem mais. Pretendo explicar tag por tag.
Abraços.

Esse é o Cara

Lembrando! Mais tarde tem HTML.

Introduzindo ao desenvolvimento de sites

Bem, para começar eu vou dizer que para se fazer um site não requer, pelo menos inicialmente, nenhum conhecimento de programação.
É sim... Parece besteira, mas é pura verdade!
Só é preciso de um pouco de paciência e de leitura.

Eu tenho por padrão recomendar o aprendizado nesta ordem:
HTML, CSS, JavaScript e por fim PHP!
E um site do qual eu gosto muito pelo seu materia excepcionalmente didático www.criarweb.com.

Por hoje é só.
Amanhã começarei a postar algumas coisas mais úteis.

Amanhã tem codigos HTML.