Criar Blogs

Criar Blogs http://www.criarblogs.com Criar Blogs Fri, 05 Mar 2010 06:49:38 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Como criar um Blog http://www.criarblogs.com/criar-blogspot/como-criar-um-blog.html http://www.criarblogs.com/criar-blogspot/como-criar-um-blog.html#comments Fri, 05 Mar 2010 06:49:38 +0000 Criar Blog http://www.criarblogs.com/?p=44 Como criar um Blog

]]> http://www.criarblogs.com/criar-blogspot/como-criar-um-blog.html/feed 0 Principais marcadores do HEAD: Título http://www.criarblogs.com/tags-html/principais-marcadores-do-head-titulo.html http://www.criarblogs.com/tags-html/principais-marcadores-do-head-titulo.html#comments Sat, 07 Feb 2009 06:33:18 +0000 Criar Blog http://www.criarblogs.com/?p=40 <TITLE> Titulo da Página </TITLE>
Identifica o texto a ser exibido na barra de títulos da página. Quando o usuário entra em
uma ferramenta de busca como Google, Yahoo, Cadê, etc procurando por um assunto
específico, o conteúdo do marcador <TITLE> de uma página é a primeira coisa a ser
vasculhada. Daí a importância em escolher títulos coesos para as páginas e que
consigam traduzir o contéudo da página em poucas palavras.
Além disso, quando o usuário escolhe uma página para colocar em sua lista de Favoritos
do browser, é o título da página que aparecerá na lista. Caso a página não tenha o
marcador <TITLE> ou ele não conter nada, o browser assumirá o nome do arquivo.
Dica: Coloque títulos com ponto na frente assim quando o usuário adicionar a sua
página aos Favoritos e caso este esteja em ordem alfabética o seu Titulo ficara nas
primeiras posições da lista. E terá mais chance de ser acessado.
Exemplo:

..:: Titulo da Página ::.. ou ::.. Titulo da Página ..::

]]> http://www.criarblogs.com/tags-html/principais-marcadores-do-head-titulo.html/feed 0 Crie sua primeira página HTML http://www.criarblogs.com/html/crie-sua-primeira-pagina-html.html http://www.criarblogs.com/html/crie-sua-primeira-pagina-html.html#comments Sat, 07 Feb 2009 06:28:15 +0000 Criar Blog http://www.criarblogs.com/?p=36 Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de
trabalho (Desktop).
Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o
desenvolvimento dele.
Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência
abra o Bloco de Notas.
Menu Iniciar>Programas>Acessórios>Bloco de Notas

Depois de aberto digite o seguinte código:
(ATENÇÃO! NÃO COPIE, DIGITE, ASSIM VOCÊ JÁ COMESSA A PRATICAR!)
<html>
<head>
<title> Minha Primeira Página em HTML!!!</title>
</head>
<body>
<p align=”center”> Essa é a primeira página HTML!!! </p>
</body>
</html>
Agora vou explicar tudo o que você escreveu.
A TAG <HTML> indica que você iniciou um arquivo HTML.
A TAG <HEAD> indica que você abriu um cabeçalho.
A TAG <TITLE> que deve ser usada dentro do cabeçalho <HEAD>, serve para colocar
titulo na página, é aquela frase que aparece na barrinha azul do Windows XP quando a
página está aberta.
A TAG <BODY> indica que se iniciou o corpo da pagina. É dentro desta TAG que irá boa
parte das TAG utilizadas para fazer uma página.

A TAG <p> indica que abriu um novo parágrafo. O atributo ALIGN como o próprio nome
diz serve para especificar o alinhamento. E CENTER significa que o alinhamento é no
centro. Caso você queira colocar o texto na esquerda troque o CENTER por LEFT, ou por
RIGHT para a direita e ainda pode colocar JUSTIFY para deixar o texto justificado.
O código deve ficar assim:
pagina1

Vamos para o próximo passo!
Depois de digitado o código acima, salve o arquivo como primeira.html. Lembre-se de
digitar o .html no final do nome do arquivo. Pois se digitar apenas primeira e já clicar
em salvar o Bloco de notas vai pensar que você está fazendo um arquivo de texto
comum, e irá salvar em formato TXT. Deixe a codificação como ANSI.

pagina2

Criar site

Células Mescladas by Criar Blog on March 10th, 2008
Células Mescladas Para mesclar as células vamos atribuir à Tag TD os seguintes atributos: COLSPAN: Será o numero de colunas que a célula ocupara.

Âncoras by Criar Blog on March 10th, 2008
Criando âncoras Antes de criar um link interno, temos que criar uma ancora, desse jeito; <A NAME="seção1">Este é o texto da seção</A>, em que “seção1” é o nome da seção e "Este é o texto da seção" é em que texto foi feito a seção.

A TAG HR by Criar Blog on March 10th, 2008
A TAG HR Insere uma linha horizontal no Browser.

Estrutura básica de um documento by Criar Blog on February 27th, 2008
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

Inserindo Imagens aos Links by Criar Blog on March 10th, 2008
Inserindo Imagens aos Links Para inserir uma imagem num link basta colocar no lugar do texto do link a tag que insere imagem.

]]> http://www.criarblogs.com/html/crie-sua-primeira-pagina-html.html/feed 0 Primeira Página em HTML http://www.criarblogs.com/html/primeira-pagina-em-html.html http://www.criarblogs.com/html/primeira-pagina-em-html.html#comments Sat, 07 Feb 2009 06:17:56 +0000 Criar Blog http://www.criarblogs.com/?p=33 Uma página básica em HTML é um arquivo de texto simples contendo o texto da página
e os comandos HTML que definem a formatação das mesmas. Os comandos são
indicados entre os marcadores chamados TAG que vem entre os símbolos de < e >. A
maioria dos comandos é usada em pares, sendo que quando você abre alguma TAG como, por exemplo, a TAG <BODY>você precisará fechar repetindo a TAG assim:
</BODY>. A TAG com barra (/) significa que está fechando a que esta sem barra.
Exemplos:
<BODY> </BODY>
<HTML> </HTML>
<P> </P>
<div></div>
<table></table>
<form></form>
<font></font>
<center></center>
Existem muitos programas que já montam o código fonte da sua página
automaticamente. Mas desta forma você não irá conseguir fazer uma página legal.
Para fazer uma página legal você vai ter que aprender HTML. E para aprender você terá
que praticar. Ou seja, as suas primeiras páginas deverão ser feitas no Bloco de Notas
e depois que você já estiver craque em escrever as TAG do HTML poderá sim usar um
editor HTML.

Criar site

Tag Title by Criar Blog on March 5th, 2008
Title A TAG Title vai dizer qual título aparecera na barra de nomes no topo da página; do contrario aparecerá apenas o endereço da página.

A TAG HR by Criar Blog on March 10th, 2008
A TAG HR Insere uma linha horizontal no Browser.

Tag Paragrafo by Criar Blog on March 5th, 2008
Para iniciar um parágrafo utilizamos a Tag P.

TABELAS by Criar Blog on March 10th, 2008
TABELAS As Tabelas servem para deixar mais organizados os dados disponíveis em sua pagina.

Inserindo Imagens aos Links by Criar Blog on March 10th, 2008
Inserindo Imagens aos Links Para inserir uma imagem num link basta colocar no lugar do texto do link a tag que insere imagem.

]]> http://www.criarblogs.com/html/primeira-pagina-em-html.html/feed 0 Internet http://www.criarblogs.com/internet/internet.html http://www.criarblogs.com/internet/internet.html#comments Sun, 16 Mar 2008 13:10:28 +0000 Criar Blog http://www.criarblogs.com/internet/internet/ Internet é uma rede mundial de milhares de pequenas redes de computador e
milhões de microcomputadores comerciais, educacionais, governamentais e pessoais
que usa os protocolos TCP/IP (Transmission Control Protocol/Internet Protocol) para
comunicação.
No centro da Internet existem linhas de comunicação de dados de alta velocidade
entre computadores host, consistindo em milhares de sistemas de computador
comerciais, do governo, educacionais e outros, que encaminham dados e
mensagens.
Atualmente, a Internet oferece um grupo de serviços para usuários, como Correio
Eletrônico, a World Wide Web, FTP, grupos de notícias Usenet, Gopher, IRC, telnet e
outros.
A Internet é como uma cidade eletrônica com bibliotecas virtuais, lojas virtuais,
escritórios virtuais, galerias de arte virtuais, etc.
TCP/IP (Transmission Control Protocol/Internet Protocol -
Protocolo de Controle de Transmissão/Protocolo Internet)
Conjunto de protocolos utilizados na troca de informações entre computadores de diferentes
arquiteturas dentro da Internet. O TCP/IP está disponível para qualquer tipo de CPU e Sistema
Operacional.

]]> http://www.criarblogs.com/internet/internet.html/feed 0 Frames http://www.criarblogs.com/html/frames.html http://www.criarblogs.com/html/frames.html#comments Mon, 10 Mar 2008 11:16:14 +0000 Criar Blog http://www.criarblogs.com/html/frames/ Frames
Frames são divisões de uma pagina em HTML. Ela é composta de uma pagina
principal e diversas outras divisões, compostas por outras paginas. Na pagina
principal você insere as outras paginas em colunas ou linhas, sendo que você
identifica o tamanho que cada uma deve ter.
É necessária cautela ao pôr frames, pois se você não souber como organizálas,
sua pagina perdera todo o sentido. No entanto, elas podem ser muito
úteis para criação de menus em sua pagina.
Para criar as frames vamos usar duas Tag’s:
FRAMESET: Indica como vai ser sua Frame, se vai ser Horizontal ou vertical.
ROWS: Com este tipo, a frame ficará na horizontal.
COLS: As Frames ficarão verticalmente.
Quando você for configurar frame terá que dar valores de tamanhos para elas,
preferencialmente em % para ficar mais fácil de configurar.

Ex:

<frameset cols=”16%,*” border=”0″>
<frame src=”menu.html” mce_src=”menu.html” name=”frame” noresize scrolling=”no”>
<frame src=”texto.html” mce_src=”texto.html” name=”home” noresize>
</frameset>

Note que colocamos uma parte que vem ser o menu com 16% da pagina, os outros 84% foram embutidos no asterisco, após a virgula.

Agora vamos ver o atributo SRC da tag FRAME.
No quadro acima você pode ver que inserimos dois arquivos: “menu.html” e
“texto.html” e damos nomes à elas. Os nomes são muito importantes para que
quando for abrir um link na outra frame coloque o atributo target e o nome da
frame.

Exemplo: <a href=”Downloads.html” mce_href=”Downloads.html” target=”home”>

Os atributos Noresize e Scrollolling, servem respectivamente para não deixar modificar o tamanho da frame e nem que apareça a barra de rolagem nela.

Criar site

Tag BODY by Criar Blog on March 5th, 2008
A Tag BODY fará algumas configurações no corpo de sua pagina.

]]> http://www.criarblogs.com/html/frames.html/feed 0 Células Mescladas http://www.criarblogs.com/html/celulas-mescladas.html http://www.criarblogs.com/html/celulas-mescladas.html#comments Mon, 10 Mar 2008 11:13:56 +0000 Criar Blog http://www.criarblogs.com/html/celulas-mescladas/ Células Mescladas
Para mesclar as células vamos atribuir à Tag TD os seguintes atributos:
COLSPAN: Será o numero de colunas que a célula ocupara.
ROWSPAN: Será o numero de linhas que a célula ocupara.

<Table Border=”2″ width=”50%” cellpadintg=”3″ celladding=”3″>
<TR bgcolor=”#FFFACD”>
<TD colspan=”2″>Célula 1</TD>
</TR>
</TABLE>

Criar site

A TAG HR by Criar Blog on March 10th, 2008
A TAG HR Insere uma linha horizontal no Browser.

Âncoras by Criar Blog on March 10th, 2008
Criando âncoras Antes de criar um link interno, temos que criar uma ancora, desse jeito; <A NAME="seção1">Este é o texto da seção</A>, em que “seção1” é o nome da seção e "Este é o texto da seção" é em que texto foi feito a seção.

TITULOS E SUBTITULOS by Criar Blog on March 10th, 2008
TITULOS E SUBTITULOS Estas Tag’s são utilizadas para dar ao leitor uma visão geral sobre o que se trata o texto em questão.

Edição de documentos HTML by Criar Blog on February 26th, 2008
Os documentos em HTML são como arquivos de texto comuns.

Inserir Som em paginas by Criar Blog on March 10th, 2008
SOM Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s: EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de mini-media player na pagina.

]]> http://www.criarblogs.com/html/celulas-mescladas.html/feed 0 Tabelas http://www.criarblogs.com/html/tabelas-2.html http://www.criarblogs.com/html/tabelas-2.html#comments Mon, 10 Mar 2008 11:12:39 +0000 Criar Blog http://www.criarblogs.com/html/tabelas-2/ Atributos Individuais

Vamos agora configurar individualmente cada célula.
ALIGN: alinha do conteúdo da célula ou das células da linha. Valores: right,
left, center.
BGCOLOR: define a cor de fundo das células da linha ou de uma célula
individual;
VALIGN: alinhamento vertical de uma célula ou de células de uma linha;
Pode ser top, middle ou bottom.
WIDTH: largura de uma célula em pixels ou %;
NOWRAP: indica ao browser que o texto da célula não pode ser dividido em
mais de uma linha. A coluna inteira terá o tamanho do texto escrito naquela
célula;

<table border=”2″ bordercolor=”#003300″ bgcolor=”green” width=”60%”
height=”40%” cellspacing=”3″ celladding=”3″>
<tr align=”left” valign=”top”

Criar site

Inserindo Imagens aos Links by Criar Blog on March 10th, 2008
Inserindo Imagens aos Links Para inserir uma imagem num link basta colocar no lugar do texto do link a tag que insere imagem.

Inserir Som em paginas by Criar Blog on March 10th, 2008
SOM Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s: EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de mini-media player na pagina.

Crie sua primeira página HTML by Criar Blog on February 7th, 2009
Primeiramente crie uma pasta para salvar as páginas.

Quebras de Linha by Criar Blog on March 10th, 2008
São utilizadas para escreverem textos em linhas diferentes, mas em um mesmo parágrafo, como num poema, versos em linha diferentes, mas numa mesma estrofe.

Âncoras by Criar Blog on March 10th, 2008
Criando âncoras Antes de criar um link interno, temos que criar uma ancora, desse jeito; <A NAME="seção1">Este é o texto da seção</A>, em que “seção1” é o nome da seção e "Este é o texto da seção" é em que texto foi feito a seção.

]]> http://www.criarblogs.com/html/tabelas-2.html/feed 0 TABELAS http://www.criarblogs.com/html/tabelas.html http://www.criarblogs.com/html/tabelas.html#comments Mon, 10 Mar 2008 11:11:39 +0000 Criar Blog http://www.criarblogs.com/html/tabelas/ TABELAS

As Tabelas servem para deixar mais organizados os dados disponíveis em sua
pagina.

Criando tabelas
Para criar tabelas simples, vamos fazer da seguinte maneira:

<TABLE>
<TR>
<TH>Cabeçalho da Tabela</TH>
<TD>Dados da Tabela</TD>
</TR>
</TABLE>

As tag’s Table e /Table servem para indicar inicio e fim de tabela.

TR define cada linha de cada tabela.

TH Define o cabeçalho da Tabela. É uma célula da tabela.

TD Define os dados da Tabela.

Melhorando a Tabela

Agora vamos melhorar a aparência da tabela inserindo Tag’s

BORDER: espessura da borda em pixels.

BOREDERCOLOR: especifica a cor da borda da tabela

WIDTH: especifica a largura da tabela em relação ao browser, em pixels ou %;

HEIGHT: especifica a altura da tabela em relação ao browser, em pixels ou %;

CELLSPACING: especifica o espaço entre uma célula e outra, em pixels;

CELLADDING: especifica o espaço entre os dados e a borda da tabela, em pixels;

BGCOLOR: cor de fundo das células da tabela.

Criar site

Criando Links by Criar Blog on March 10th, 2008
Criando Links Existem dois tipos de links: 1º - Para páginas Externas 2º - Para paginas Internas, chamados de âncoras.

Inserindo Imagens / Configurando a Imagem by Criar Blog on March 10th, 2008
Inserindo Imagens Para inserir imagens numa WebPage vamos utilizar a Tag IMG.

História HTML by Criar Blog on February 26th, 2008
Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP.

Células Mescladas by Criar Blog on March 10th, 2008
Células Mescladas Para mesclar as células vamos atribuir à Tag TD os seguintes atributos: COLSPAN: Será o numero de colunas que a célula ocupara.

Tags HTML by Criar Blog on March 5th, 2008
Tags HTML A primeira Tag de sua página é justamente a que indica o tipo de linguagem a ser utilizada: <HTML>.

]]> http://www.criarblogs.com/html/tabelas.html/feed 0 Inserir Som em paginas http://www.criarblogs.com/html/inserir-som-em-paginas.html http://www.criarblogs.com/html/inserir-som-em-paginas.html#comments Mon, 10 Mar 2008 11:09:28 +0000 Criar Blog http://www.criarblogs.com/html/inserir-som-em-paginas/ SOM
Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s:
EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de
mini-media player na pagina.
Ex.<embed src=”audio.mp3″ mce_src=”audio.mp3″ loop=”1″>
BGSOUND SRC – Para colocar músicas em plano de fundo, para que apenas
toque sem que ninguém consiga ver, apenas ouvi-la.
Ex.<bgsound src=”audio.mp3 loop=”1″>
LOOP – Utilizamos o loop para colocarmos quantas vezes queremos que a
música toque. Com loop=1, a musica tocara apenas duas vezes, loop=2, suas
vezes… Para colocarmos para que se repita inúmeras vezes, colocamos
loop=infinite.

Criar site

A TAG DIV by Criar Blog on March 10th, 2008
Ela permite o alinhamento horizontal de qualquer elemento em uma página.

A TAG HR by Criar Blog on March 10th, 2008
A TAG HR Insere uma linha horizontal no Browser.

Células Mescladas by Criar Blog on March 10th, 2008
Células Mescladas Para mesclar as células vamos atribuir à Tag TD os seguintes atributos: COLSPAN: Será o numero de colunas que a célula ocupara.

História HTML by Criar Blog on February 26th, 2008
Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP.

Primeira Página em HTML by Criar Blog on February 7th, 2009
Uma página básica em HTML é um arquivo de texto simples contendo o texto da página e os comandos HTML que definem a formatação das mesmas.

]]> http://www.criarblogs.com/html/inserir-som-em-paginas.html/feed 0