Blog sobre dicas

O objetivo desta postagem no blogger é ensinar os princípios básicos para confecção de um site em HTML para que você possa fazer seu primeiro site:

Aqui você aprenderá códigos HTML e saberá como inserir um vídeo, como inserir uma música, como inserir um flash, Inserir imagens, Criar Links com imagens, Como fazer tabelas, Criar Links para e-mail, Criar Âncora, Caixa de Texto, Meta-Tags, Letreiros e Linhas, Imagens de Fundo, Fazer Listas, Links para Downloads, Formatar Textos, Tamanho e Cores de Fonte, Cabeçalhos, Atributos de Body, enfim, será sua iniciação para fazer um site em HTML.

Existem editores HTML que oferecem comodidade para confecção das páginas, tais como: FrontPage; Dreamweaver e outros. Mas não será necessário aprendendo os códigos abaixo e você poderá fazer no Word ou Bloco de Notas e salvar como: INDEX.HTML
Toda página é composta por Tags, que são os comandos HTML. Toda página deve começar com a tag <HTML> e terminar com </HTML>. Note que a barra "/" determina o fechamento da tag. Estas são as Tags fundamentais de sua página, isto é, toda página contém estas tags.
Como fazer um site. Usando alguns códigos HTML: Como incluir flash, vídeos, imagens, músicas, inserir links, download, e-mail, Meta Tags, link para download, Tabela de cores, Atributos, etc. Faça seu site grátis com os códigos.

Agora vamos postar no Blogger como criar um site usando algumas Tags necessária para desenvolver um site HTMl.
Vamos ensinar a criar o site no bloco de notas mas também pode ser criado notpad++, escolhermos o bloco de notas por que todos os computadores tem estalado esse programa que é chamado de bloco de notas.

Na medida do possível irei acrescentando mais dicas para você fazer um site bem legal.

Itens básicos em HTML

<HTML>
<HEAD>
<TITLE> Título da página </TITLE>
</HEAD>
<BODY> Texto, Imagens, Links, etc </BODY>
</HTML>

As tags podem ser escritas em Maiúscula ou Minúscula Ex.: <html> ou <HTML>.
O Título da página aparecerá no alto da janela do browser e será referenciado em buscas pela rede. Ao ser adicionado às "Favoritos" (Bookmarks), o título será o atalho para ela.

<BODY>

Através de <BODY>, podemos definir cores dos textos, links e fundo das páginas, ou uma imagem de fundo. Temos então:

BGCOLOR - Cor de fundo
TEXT - Cor da fonte dos textos
LINK - Cor dos links (padrão: azul)
ALINK - Cor dos links, quando clicados (padrão: vermelho)
VLINK - Cor dos Links, depois de visitados (padrão: roxo)
BACKGROUND - Imagem de fundo: Indica o URL da imagem.

Podemos definir tudo de uma só vez, colocando o seguinte código:
<BODY BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED" VLINK="PURPLE">
Não está no código acima o atributo BACKGROUND pois não é padrão.

C O R E S NO SEU SITE

Você pode escrever as cores (em inglês) ou colocar seu código. Porém, para escrever só é aceito 16 cores, que são:

Preto = black - código = #000000

Branco = white - código = #FFFFFF

Azul = blue - código = #0000FF

Amarelo = yellow - código = #FFFF00

Verde = green - código = #008000

Lima = lime - código = #00ff00

Marron = maroon - código = #800000

Oliva = olive - código = #808000

Azul Celeste = aqua - código = #00ffff

Lilás = fuchsia - código = #ff00ff

Cinza = gray - código = #808080

Azul escuro = navy - código = #000080

Roxo = purple - código = #800080

Verde escuro = teal - código = #008080

Cinza claro = silver - código = #c0c0c0

Vermelho = red - código = #FF0000

Mas você pode definir varias tonalidades e cores, basta ter a lista de códigos das cores ou pela palavra em inglês tem as duas opções.

Tabela dos códigos das cores

CABEÇALHOS

O tamanho das letras ou fontes é definido pela tag <H> - "Headings".
A tag <H> normalmente é usada em CABEÇALHOS e há seis níveis. Com esta tag você pode definir o tamanho das letras, mas não o tipo da fonte. Veja abaixo como fica:

Este é o tamanho:<H1>

Este é o tamanho:<H2>

Este é o tamanho:<H3>

Este é o tamanho:<H4>

Este é o tamanho:<H5>

Este é o tamanho:<H6>

Pode-se alinhar os cabeçalhos

<H2 ALIGN=CENTER>Texto centralizado</H2>

<H2 ALIGN=RIGHT>Texto alinhado à direita</H2>
<H2 ALIGN=LEFT>Texto alinhado à esquerda</H2>

TAMANHO E CORES DAS LETRAS

Você também pode usar a tag <FONT> para definir o tamanho, bem como sua cor e tipo da fonte.

<FONT FACE> - Define o tipo de letra

<FONT COLOR> - Define a cor da letra

<FONT SIZE> - Define o tamanho da letra
Veja abaixo alguns exemplos:

<FONT FACE="ARIAL" SIZE="1" COLOR="RED">Fica assim</FONT>

<FONT FACE="ARIAL" SIZE="2" COLOR="BLUE">Fica assim</FONT>

<FONT FACE="ARIAL" SIZE="3" COLOR="BLACK">Fica assim</FONT>

<FONT FACE="TIMES" SIZE="5" COLOR="BLUE">Fica assim</FONT>
* Note que você define com mais precisão o tamanho das letras do que a tag <H>.

COMO FORMATAR OS TEXTOS

Formatando o texto em Negrito, Itálico, Sublinhado e Centralizado. TAGS:
<B> - Negrito, <U> - Sublinhado, <I> - Itálico e <CENTER> - Centralizado.

<B>Texto em Negrito</B>

<U>Texto Sublinhado</U>

<I>Texto em Itálico</I>

<STRIKE> ou <S> Texto Riscado ~~assim~~

<SUB> Como em H₂O - O número 2 ficou em baixo.

<SUP> Como em Km² - O número 2 ficou em cima.

<CENTER>Texto Centralizado</CENTER>

Você também pode acumular os efeitos, agrupando os códigos Ex.:

<CENTER><B><U><I>O texto fica assim</B></U></I></CENTER>

COMO FAZER PARÁGRAFOS E LINHAS

Não basta você teclar ENTER para que a linha vá para baixo. Você terá que colocar uma TAG para um parágrafo ou para uma nova linha.
Para parágrafo usar a TAG <P> e para linha usar <BR> Exemplo:
<P>
Primeiro Parágrafo
<BR>
Primeira Linha

<P>
Segundo Parágrafo
<BR>
Segunda Linha
Note que cada vez que você coloca a TAG <BR> estará fazendo uma nova linha, que também não deixa de ser um parágrafo.
Se você escrever sem usar as tags <BR> ou <P> o próprio browser quebra as linhas automaticamente.

ALINHAMENTO COM A TAG <P>

Para alinhar os parágrafos basta incluir depois do "P" o parâmetro "align + tipo de alinhamento", conforme abaixo:

<P ALIGN="LEFT"> Texto alinhado à esquerda.

<P ALIGN="RIGHT"> Texto alinhado à direita.

<P ALIGN="CENTER"> Texto centralizado.

<P ALIGN="JUSTIFY"> Texto justificado.

COMO INCLUIR IMAGENS NO SITE

Salve a imagem em uma pasta primeiramente Salve em seu computador em disco local ( c:) e coloque o nome da imagem de: imagem.jp.

A TAG utilizada é: <img src="nome da imagem+extensão"(gif,jpg,bmp,etc)>
Atributos da Imagem:

WIDTH - Define a largura da imagem.

HEIGHT - Define a altura da imagem.

ALT - Texto que aparece quando é passado o mouse sobre a imagem

BORDER - É um valor atribuido à largura da borda da imagem (Contorno).
Veja alguns exemplos:
<img src="zero.gif" alt="Seu texto" border="0">
<img src="zero.gif" alt="Seu texto" border="1">
<img src="zero.gif" alt="Seu texto" border="2" width="20" height="20">
Note que no ultimo exemplo especificamos o tamanho da imagem. Não definindo este tamanho, a imagem aparecerá no tamanho original. Você pode especificar um tamanho menor do que a original, pois não acarretará perda de qualidade da imagem, mas se fizer ao contrário, isto é, definir um tamanho maior que a original perderá qualidade de imagem.
O correto é você ter a imagem do tamanho certo que deseja que apareça na página. Evite colocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempo leverá para carregar.
Alinhamento texto de imagens:

<img src="zero.gif" align="top">

<img src="zero.gif" align="middle">

<img src="zero.gif" align="left">

<img src="zero.gif" align="right">
Há também os atributos de moldura, que definem o espaço vertical e horizontal entre as imagens e os textos circundantes, onde:
<IMG SRC="imagem.gif" VSPACE=espaço vertical>
<IMG SRC="imagem.gif" HSPACE=espaço horizontal>
Ex.: <IMG SRC="imagem.gif" ALIGN="LEFT" WIDTH="10" HEIGHT="10" VSPACE="50">
<IMG SRC="imagem.gif" ALIGN="RIGHT" WIDTH="10" HEIGHT="10" HSPACE="30">

COMO FAZER OS LINKS

Links são pontos clicáveis que levam a qualquer site da internet ou qualquer página do site e até mesmo qualquer ponto da própria página. A TAG usada é:
<a href="nome do lugar à ser levado">descrição do lugar</a>
Exemplos
<a href="http://www.extremaonline.com">Conheça Extrema-MG</a>

Note que formou-se um link para um determinado site que foi descrito no código acima.
Se você clicar abrirá o referido site em uma outra janela, isto é, sem que você saia deste site, isto porque foi adicionado o atributo "TARGET", então na verdade, para você não fechar esta janela, o código inserido aqui foi:
<a href="http://www.extremaonline.com" target="_blank">Conheça Extrema-MG</a>Para fazer um link para uma outra página do seu site use:
<a href="pagina_tal.html">Clic aqui</a> - Note que após o nome da página é colocado a extensão .html

COMO INSERIR IMAGEM DE FUNDO NO SEU SITE

Para você colocar uma imagem de fundo no seu site é só colocar um atributo dentro da TAG <BODY>, assim: <BODY BACKGROUND="nome da imagem+extensão">.
Quando a imagem é menor que o tamanho da tela, o navegador duplica essa imagem tantas vezes forem necessárias para cobrir todo o espaço da tela.
Existem vários tamanhos de telas. Lembre-se: imagens grandes demoram à carregar.

COMO INSERIR MÚSICA NO SITE

Para inserir uma música em sua página, antes de fechar a tag <HEAD> coloque a tag: <BGSOUND SRC="musica.mid">.A Extensão do arquivo pode ser .mid ou .wav.
Para que a música toque novamente, sempre, acrescente: loop="-1" Assim:
<BGSOUND SRC="musica.mid" loop="-1">
No exemplo acima a música tocará sem que apareça o "display" na tela. O internauta não terá como parar, pausar ou iniciar.
Para que apareça o display na tela, como você vê abaixo, coloque está tag:
<EMBED SRC="musica.mid" AUTOSTART="FALSE" LOOP="TRUE">
* Note que você terá que acionar PLAY para iniciar a música.

* Para que abra a página já tocando a música, coloque este código:
<EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE">
* Você ainda pode definir o tamanho do display, assim:
<EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE" WIDTH=145 HEIGHT=25>

COMO INSERIR VÍDEO NO SITE

Para inserir um vídeo (arquivo com extensão. avi), como abaixo, coloque este código depois da tag <BODY>:
<EMBED SRC= “arquivo. avi" </EMBED>.

<=""embed="">

Note que está no tamanho reduzido, pois foi utilizado "WIDTH e HEIGHT", mas não é preciso, pois o tamanho é padrão, a menos que lhe seja útil.

OUTRAS DICAS

Após fazer seu site, veja Como colocar o site na Internet
Você também pode ganhar dinheiro com seu site em programas de Afiliados.
Como Quantidade é a alma do negócio.   Consulte Clicando Aqui
Para gerar tráfego no Seu site:   Funciona Mesmo Clica Aqui e depois AQUI
Agora uma dica muito legal. Um provedor que funciona 100% com um painel incrível.
O famoso Cpanel, lá você tem e-mails; redirecionamentos; banco de dados e muitas outras coisas incríveis.
Hospede alí seu site em HTML, PHP ou outra linguagem.
O mais legal, é o preço mais justo que já vi: Super Provedor
Seu site no topo das buscas, consulte: Como aparecer
Se você já fez um site ou blog ou tem Facebook, Twitter ou participa de uma rede social é hora de começar a ganhar dinheiro.
Esse vídeo explicar melhor um pouco que eu postei no blogger ai em cima veja o vídeo qualquer duvidas postem no blogger que   eu poderei tirar suas duvidas espero que vocês que viram o blogger gostaram das dicas como criar um site de HTML.

Blog sobre dicas

segunda-feira, 1 de julho de 2013

Cachorros

As raças que mais latem

sexta-feira, 28 de junho de 2013

HTML