[Tutorial](Parte 2) A mágica da programação de sites

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Tutorial](Parte 2) A mágica da programação de sites

Mensagem por Davichococat em Sex 27 Jan 2012, 16:20

A mágica da programação de sites
Parte 2 - Seu primeiro programa

Olá, pessoal. No tutorial anterior, aprendemos um pouco sobre o que vamos fazer, qual é o nosso ambiente de trabalho e como o configurar. Bem, nesse tutorial, iremos fazer nosso primeiro programa, simples e com objetivo de educar sobre a síntaxe do HTML.(Palavras díficeis? Ignore-as! Ou, dá-lhe Google...)

Então, vamos começar. No arquivo que você tinha criado, digite:
Código:
Olá, Mundo!
Agora, vá em "Arquivo", "Salvar", e salve na pasta que você tinha criado na parte 1 do nosso tutorial, com o nome "index"(Sem capitalização!).
Depois de ter salvo o arquivo, vá em "Executar"...

Se seu navegador for o Firefox, "Launch in Firefox".
Se seu navegador for o Internet Explorer, "Launch in Internet Explorer".
Se for o Google Chrome, "Launch in Chrome".
Se for Safari, "Launch in Safari".


Se não for nenhum desses, você terá que ir no dirétorio que você salvou o arquivo index e o abrir.

Legal, não é? Você fez um programa que diz algo. Hmm? O quê você está me dizendo? Não é legal? Bem, vamos com calma, logo logo aprendemos mais.

Agora, modifique o seu código para:
Código:
Olá mundo!
Estamos fazendo contato de Marte.
Salve(Ctrl S) e teste. Você viu que as nossas frases estão coladas, certo? Isso não era de se esperar. Não para você, mas o HTML é assim mesmo. Mais tarde você aprende que isso é só benefício. Vamos consertar isso:
Código:

Olá mundo!<br />
Estamos fazendo contato de Marte.
PS: Nunca relacione "BR" à "Brasil". Não tem nada a ver uma coisa com a outra.(Você seria ridicularizado se fizesse isso...)
Bem, agora funcionou como esperado, certo? Mas o que acabamos de fazer? Veja bem, "BR" é uma tag. Tags são pequenas peças do quebra cabeça que formam o seu programa. Em HTML, tags são tudo: É a maneira de comunicação e interpretação entre o seu programa e o seu navegador. Ao longo do tutorial, teremos várias tags que iremos aprender. Algumas bem complexas que podem ferver sua cabeça: Mas é só ler tudo e se previnir.

Agora, vamos arriscar duas tags. Uma é chamada de H1. E a outra é chamada de Center.

Modifique o seu código:
Código:
<center><h1>Olá mundo!</h1></center><br />
Estamos fazendo contato de Marte.
Hehehe, legal! Mexa um pouquinho com o seu código. Aplique tags. Não tenha medo de errar. Teste, veja o que acontece.

No próximo tutorial, entenderemos a Síntaxe do HTML e como funciona uma tag.

:arrow: Próximo tutorial


Última edição por Davichococat em Sab 28 Jan 2012, 22:43, editado 3 vez(es)

Davichococat

Número de Mensagens : 182
Data de inscrição : 29/12/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.google.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por TRFN em Sex 27 Jan 2012, 17:26

Desculpe,mas encontrei outro erro Laughing
Veja seu código :
Código:
<center><h1><br>Olá mundo!</br></h1></center>
<br>Estamos fazendo contato de Marte.</br>
Ele está totalmente errado na hora de pular uma linha e na centralização.O certo meu amigo é :
Código:
<p align="center"><h1>Olá mundo!</h1>
</p><br /><p>
Estamos fazendo contato de Marte.</p>

A tag center está em desuso e nem e aceita mais no novo padrão da W3C (tanto xhtml como no html 5.0) .

Corrija,por que senão aprenderão do método errado.

___________



TRFN

Ranking : Nota C
Número de Mensagens : 970
Idade : 20
Data de inscrição : 16/01/2012
Notas recebidas : C
Reputação : 33
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 2

http://trfnsite.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por Davichococat em Sex 27 Jan 2012, 17:30

Fiz 3 tópicos separados para dividir os assuntos.
Além de ajudar se você for parar em uma parte do tutorial e voltar em outra.

Sobre o p, nem queria explicar atributos ainda. Mas na parte 4, iremos começar a aprender sobre mais tags e atributos.

A tag br funciona corretamente, mas na parte 4, já estaremos fuçando com esse tipo de tag que fecha deste metódo.

Davichococat

Número de Mensagens : 182
Data de inscrição : 29/12/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.google.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por TRFN em Sex 27 Jan 2012, 17:33

Mas vale lembrar que o br não é um enumerador ou personalizador de linha,e sim,um divisor de linha.o mais correto e fazer como disse.Depois você pode visitar este site e verificar o que digo .

___________



TRFN

Ranking : Nota C
Número de Mensagens : 970
Idade : 20
Data de inscrição : 16/01/2012
Notas recebidas : C
Reputação : 33
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 2

http://trfnsite.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por Davichococat em Sex 27 Jan 2012, 17:37

A ideia aqui não foi passar um enumerador/personalizador de linhas, mas sim passar o conceito geral de como as tags funcionam e vão impactar o aprendizado e produção: Para isso, precisaria de algumas tags existentes. Usei o br pois acho ele útil, algumas vezes, sendo uma tag simples para os iniciantes sem limitar a sua criatividade.

Obrigado pelo link, de qualquer forma, ele pode ser útil e em próximos tutoriais talvez irei o citar.

Davichococat

Número de Mensagens : 182
Data de inscrição : 29/12/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.google.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por TRFN em Sex 27 Jan 2012, 17:42

Não cara,o br é muito importante.Só estava sendo usado de maneira errada tongue
o certo é
Código:
Hoje estava calado<br />mas decidi falar depois de um tempo.
e não este metodo
Código:
<br>Hoje estava calado</br><br>mas decidi falar depois de um tempo.</br>

Entendeu o que quis dizer esse tempo todo ?!
Métodos inadequados de programação de sites fazem com que a pagina fique lenta é também que a indexação no Google fique difícil .

___________



TRFN

Ranking : Nota C
Número de Mensagens : 970
Idade : 20
Data de inscrição : 16/01/2012
Notas recebidas : C
Reputação : 33
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 2

http://trfnsite.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por Davichococat em Sex 27 Jan 2012, 17:46

Bem, eu ia explicar isso tudo na parte 4...

Irei atualizar, agradeço as correções...

E peço que continue a me corrigir porque também não sou tão bom assim

Davichococat

Número de Mensagens : 182
Data de inscrição : 29/12/2011
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.google.com

Voltar ao Topo Ir em baixo

Re: [Tutorial](Parte 2) A mágica da programação de sites

Mensagem por Conteúdo patrocinado Hoje à(s) 09:07


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum