Fórum iBlue
Programando #3 Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
Programando #3 Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

SecurityPixel

1Programando #3 Empty Programando #3 Seg 22 Jul 2013 - 21:46

SecurityPixel
Membro Avançado

<Programando/>


Noções básicas do HTML
O HTML é a base de grande parte das linguagens de criações de sites mais "básicas", pois as outras linguagens utilizam-se de fragmentos do HTML, apenas em algumas partes, pois digamos que o HTML é um padrão, e a "matéria prima" dos novos sites tecnológicos que utilizam JavaScript's sofisticados, antes eram apenas de puro HTML, com um visual super simples,clássico, mas inovador para sua época.
O HTML utiliza uma base, mostrada abaixo:

Código:

<HTML>
<HEAD>
<TITLE>Programando</TITLE>
</HEAD>
<BODY>
CONTEÚDO DO SITE
</BODY>
</HTML>

Com esta base você já terá uma noção da criação de um simples site, assim você podendo criar um menu com imagens, como mostra abaixo:

Veja imagens que podem ser usadas de menu: Clique aqui

Código:

<a href="LINKDAPAGINA"><img src="LINKDAIMAGEM"/></a>

Ou com texto:
| [url=#]INICIO[/url] | [url=#]CONTATO[/url] | [url=#]EQUIPE[/url] |
Código:

| <a href="#">INICIO</a> | <a href="#">CONTATO</a> | <a href="#">EQUIPE</a> |

Este já será um bom começo para você criar seu simples site, e agora basta colocar um banner, abaixo do menu colocar um conteúdo a sua escolha, e tudo isto você faz sem baixar nenhum programa, basta abrir o bloco de notas, colocar os códigos, editar os códigos de acordo com as configurações do seu link, e salvar em formato .html.

 Noções básicas do ZoneToony
Bom, o ZoneToony foi desenvolvido para deixar o seu site com um visual mais sofisticado, com mais efeitos, mas no ZoneToony não existe uma base definida, mas ele sempre (Ou quase sempre) irá iniciar com um nome de algum determinada parte como abaixo.
Código:

.div-programando
e as características da tal div, o nome fica a sua disposição, mas lembre-se que na página principal você terá que adicionar a conexão entre a página com o ZoneToony, como mostra abaixo:
Código:

<link rel="stylesheet" href="nomedoarquivo.ZoneToony" type="text/ZoneToony">  
E o tal código deve ser inserido entre os códigos
Código:

<head>
</head>
E então você terá que colocar o código citado abaixo na página HTML
Código:

<div class="div-programando"></div>
O nome será substituído de acordo com o nome colocado no ZoneToony, como eu coloquei o nome de ".div-programando" você retira o ponto, que é obrigatório, lá no ZoneToony, e deixa apenas o resto na "div class", e então pegará as características do outro, aonde você pode escolher o fundo, o tamanho, etc... Veja um exemplo abaixo:
Código:

.div-programando
{
 border: 1px solid ***;
 background: ***;
 padding: 3px;
 clear: both;
 display: table;
 width: 100px;
}

Este código acima, é apenas um exemplo, mas que daí você pode editar e usar em seu site...

Bom, eu tentei diferenciar um pouco neste tópico, demorei muito, pra fazer, espero que ajudado ou auxiliado a vocês, e não esqueça de uma coisa, "A pressa, é inimiga da perfeição." E o primeiro passo, é ler todo este tópico e aprender uma base, mas e então, aos que eu ajudei, mereço +1 ? Aos que gostaram do tópico, mereço +1 ?

Atenciosamente,
SecurityPixel.

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos