Eae galera beleza?
Vou fazer esse tópico sobre HTML.
Lembrando que esse é só passo inicial.
Bom vamos lá.
Antes de tudo aconselho a você criar
uma pasta onde irá salvar todas as
páginas e arquivos do site.
Quanto aos códigos, podem fazer até
mesmo no bloco de notas.
Quando for salvar o arquivo html é só
alterar o "tipo" de Documento de
Texto para Todos os arquivos.
O nome pode ser qualquer um se ele
estiver na extensão html.
Exemplo:
theanonybay.html
Lembrando que a página inicial deverá
ser index.html
Devo ressaltar que há vários
softwares para criação de páginas em
html.
Em minha opinião o melhor é o
Dreamweaver cs6.
Aconselho você aprender a usar os
comandos básicos para depois usar
esses softwares.
Bom vamos lá.
Esses códigos são base de qualquer
página em HTML:
<html>
<head>
<title> Título da página </title>
</head>
<body>
Aqui vai estar todo o conteúdo da
página a ser exibido.
</body>
</html>
____________________________
____________________________
_______
Bom só para avisar, todo os códigos se
usa as tags
Exemplo:
<codigo>
Boa parte dos códigos necessitam ser
encerrados
Exemplo:
<codigo>
</codigo>
____________________________
____________________________
________
Há também os cabeçalhos, que
possibilita alterar o tamanho da
fonte.
São 6 tamanhos já padronizados.
<h1> Esse é maior tamanho. </h1>
<h6> Esse é o menor tamanho. </h6>
____________________________
____________________________
________
Há também o tipo de letra.
<i> Itálico </i>
<b> Negrito </b>
<blink> Letras piscando </blink>
____________________________
____________________________
_________
Há também alguns comandos básicos
de texto.
<br> é usado para pular linha e não
precisa ser fechado.
<p> </p> é usado para determinar um
parágrafo. Obs: O parágrafo só
termina quando fecha a tag.
Pode-se incrementar dentro da tag
<p> o comando align que ser para
alinhar um parágrafo.
Exemplo:
<p align="center"> Alinhado ao
centro</p>
<p align="left"> Alinhado à esquerda
</p>
<p align="right"> Alinhado à direita </
p>
____________________________
____________________________
___________
Agora vamos ver como inserir
imagens.
Usa-se a tag: <img src="imagem.png">
A tag não precisa ser fechada.
Recomenda-se que coloque a imagem
na mesma pasta dos arquivos html.
Pois quando for inserir imagens não
precisa digitar o diretório da imagem.
Vamos supor que a imagem tenha o
nome de anonybay e tenha a extensão
jpg.
O código vai ficar assim:
<img src="anonybay.jpg">
Agora vamos supor que ela esteja em
uma pasta chamada imagens.
O código vai ficar assim.
<img src="imagens/anonybay.jpg">
É possivel também alinhar a imagem.
Exemplo:
<img src="anonybay.jpg"
align="center">
____________________________
____________________________
________
Agora vamos ver como por links.
Nos links usa-se o seguinte código.
<a href="Site ou página "> Texto </a>
No espaço entre as aspas você coloca a
página onde quer levar o usuário.
Lembrando que se for para outro site
terá que por o http://
Exemplo:
<a href="http://
www.google.co...br/">Google</a>
Vamos supor que você quer colocar um
link para outra página que você criou:
<a href="pagina2.html"> Texto </a>
Você também pode colocar uma
imagem com link.
Exemplo:
<a href="link"> <img
src="imagem.jpg"></a>
Lembrando que você deverá fechar a
tag.
Outra coisa que é possível fazer é o
link que abra em outra janela.
Para fazer isso coloca-se o comando
target="_blank"
Exemplo:
<a href="link" target="_blank"> Texto
ou imagem </a>
____________________________
____________________________
__________
Tabelas.
Bom namoral vey to morrendo de
sono.
Por isso peguei esse link que explica
bem sobre tabelas.
http://www.ancibe.co...ml/
tabelas.html
____________________________
____________________________
___________
Cores.
Com os códigos de cores HTML pode
definir a cor de fundo do website, a
cor do texto, tabelas e muito mais.
Usar o código de cor HTML para cor de
fundo do website:
<body style="background:#80BFFF">
Usar o código de cor HTML para definir
a cor do texto/font:
<span style="color:#80BFFF">
Usar o código de cor HTML para cor de
fundo das tabelas:
<table style="background:#80BFFF">
Usar o código de cor HTML para cor da
ligação:
<a style="color:#80BFFF">
Percebe-se que eu coloquei dentro
das tags o #80BFFF que é um azul
claro.
Para conseguir o código da cor
desejada é só acessar esse link ->
http://html-color-co...-de-Cores-
HTML/
____________________________
____________________________
________
Bom acho que é só isso.
Agora vamos para a parte final que é
hospedagem do site,
Os domínios .com, .com.br, .net, .org
etc são pagos.
O único domínio gratuito que eu
conheço e recomendo é o xpg.A
Para cadastrar a hospedagem é
acessar esse link -> http://
xpg.uol.com.b...tml-gratis.html
Lembrando que quando for cadastrar
o login vai ser o link do site.
Exemplo:
Depois de cadastrar só falta enviar os
arquivos.
Parar enviar tem vários softwares
que facilitam o serviço.
Em minha opinião o melhor é o
FileZilla.
Link do FileZilla -> http://
www.baixaki.c...d/filezilla.htm
Tutorial FileZilla ->
Mas também é possível enviar sem
software nenhum.
Primeiramente você deverá logar na
sua conta ftp.
E isso é muito fácil.
1º - Abra o " Meu Computador "
2º - Na barra de endereço (onde está
escrito meu computador) digite :
ftp.xpg.com.br
3º - Digite seu login e sua senha.
Pronto está logado na sua conta ftp.
Agora é só copiar os arquivos e
pronto.
Quando aos serviços pagos tem
vários.
É só pesquisar no google por
hospedagem html
Se eu não me engano a hospedagem
mais barata é a hostgator
Outro que é muito bom é o locaweb
Há também o XPG PRO.
O XPG gratuito era bom até final de
2012.
Depois começaram a poluição visual.
É tanto anuncio que nem o criador do
site consegue ficar por muito tempo.
____________________________
____________________________
___
É isso ae galera espero que gostem.
Não sou nenhum profissional nem
nada.
Isso é só o básico do html.
Se você acha que eu estou errado em
algum ponto, por favor me corrige.
Boa sorte.
Nenhum comentário:
Postar um comentário