Conectar-se

Esqueci minha senha

Últimos assuntos
» Mudança de sprite rapida
por Diemorth Hoje à(s) 00:24

» O que você fez, Maitê?! Animação 2D
por efraim leonardo Ontem à(s) 21:44

» XColorPicker [XCreator]
por vinians Ontem à(s) 20:24

» Garagem dos Jogos - #JAM
por Alex FC Ontem à(s) 20:07

» Vamos Participar juntos do GMTK JAM 2020?
por Diemorth Ontem à(s) 13:54

» Retorno da GMBR!!!
por JoaoVanBlizzard Ontem à(s) 11:08

» Perspectivas Futuras da GMBR
por DonutScore Ontem à(s) 01:09

» Inimigo capaz de desviar de sólidos
por dharrison Ter 26 Maio 2020, 23:25

» Black Spirit (Estilo dark Souls)
por theguitarmester Ter 26 Maio 2020, 22:40

» Problema na administração de memória ao realizar c
por vinians Ter 26 Maio 2020, 19:53

» Oi eu sou o Arthur
por vinians Dom 24 Maio 2020, 18:03

» Projeto em andamento: Super Matakoronga
por theguitarmester Dom 24 Maio 2020, 15:33

» Como criar música com Instrumentos Virtuais(VST)
por theguitarmester Dom 24 Maio 2020, 13:41

» [Dúvida] Ajudem-me a programar ENUM para GM 8.1
por dharrison Dom 24 Maio 2020, 01:48

» Lista de Medalhistas
por dharrison Sab 23 Maio 2020, 13:41


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

Ir em baixo

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

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

A mágica da programação de sites
Parte 3 - Síntaxe e melhor entendimento das tags

Saudações, novamente, ser humano! No tutorial anterior, fizemos o nosso primeiro programa, e tivemos uma olhada rápida nas tags. Rápida demais... Por isso, esse tutorial vai explicar melhor como funcionam essas pecinhas.


Bem, como funciona uma tag? Vou lhe dar um exemplo.
Código:
<tag1></tag1>
Isso é uma tag. Mas ela não existe(suponho). Tag1 foi qualquer coisa que inventei(ou não). Bem, já sabemos que aí existe uma tag. Tags abrem e fecham. Mas como?
Código:
<tag1>
Acabamos de abrir uma tag.
Código:
</tag1>
Agora, acabamos de fechar uma tag.
Código:
<tag1> </tag1>
Essa é uma tag completa, pois ela abre, e fecha.
Código:
<tag1 />
Em algumas ocasiões, as tags tem que se abrir e se fechar apenas assim. Porém, não deixa de ser uma tag completa: Ela abre, ela fecha.


Algumas vezes, tags terão atributos. Atributos são informações adicionais que damos às tags. Este é um exemplo de tag com atributo:
Código:
<tag1 atributo1="a" atributo2="b" atributo3=1></tag1>
Esta tag tem 3 atributos. Atributo1, à qual atribuímos o valor "A". Atributo2, à qual atribuímos o valor "B". Atributo3, a qual demos o valor de "1". Números não precisam de aspas. Palavras sim. Isso aprendemos bem depois.


E então, vamos explicar a síntaxe. Bem, algumas vezes, você está digitando um texto no Notepad++ e ele fica colorido. Por quê? Para ajudar você(sim, VOCÊ!) a melhor compreender o código. Agora, precisamos descobrir que linguagem é essa que o Notepad++ está tentando nos passar, certo?

Funciona assim:
  • Azul é reservado para tags.
  • Vermelho é usado para atributos e seus valores númericos.
  • Roxo é para valores de texto ou qualquer outra coisa que esteja entre aspas.
  • Verde é para comentários.


Ah, e que tal eu explicar como funcionam os "Comentários"? Bem, eles são comentários. Você simplesmente vai escrever algo que não vai aparecer e nem ser interpretado pelo navegador, serve apenas para organizar o seu código, e deixar o mesmo mais fácil de editar depois.

Metódo 1:
Código:
<!-- Isso é meu comentário, pare de olhar!></!-->
<!-- Isso também é um comentário, e nenhum de vocês pode vêr-lo.></!-->
<!-- Outro comentário, mwhahaha.></!-->
<!-- Alô, alô, marciano! Quem fala aqui é da Terra...></!-->
<!-- Fato legal
Esse comentário
Tem múltiplas linhas>
</!-->

Metódo 2:(enviado por TRFN)
Código:
<!-- Olá, humano, você desvendou a mensagem secreta. Parabéns.-->
<!-- GMBR, o melhor fórum brasileiro sobre Game Maker!-->
<!-- Hehehehe... E você, olhando no código fonte da página...-->
Bem, é isto. No próximo tutorial iremos aprender mais tags que permitiram um website de qualidade pelo menos "decente".

:arrow: Próximo tutorial


Última edição por Davichococat em Qua 01 Fev 2012, 11:00, editado 5 vez(es)
Davichococat
Davichococat

Data de inscrição : 29/12/2011
Reputação : 1
Número de Mensagens : 182
Prêmios : [Tutorial](Parte 3) A mágica da programação de sites Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

http://www.google.com

Voltar ao Topo Ir em baixo

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

Mensagem por PedroX em Sex 27 Jan 2012, 17:17

É legal ter essa disposição, mas você poderia colocar mais coisas nos mesmos tutoriais, acho que tudo isso poderia estar em um único tópico.

Até mais!

_________________


Leia o Manual do Iniciante e a Lista de Tutoriais, para aprender bastante sobre o GM.
Recomendo o Manual completo das colisões, bem útil.
O exemplo Criar um chat (banir, kickar, etc) é interessante.

Para seu jogo ficar rápido e legal, aprenda a Aumentar o desempenho do seu jogo.

Aprenda a calcular a velocidade de suas animações


Entre para o Clube do Inglês:
PedroX
PedroX

Games Ranking : Nota C

Notas recebidas : C+B
Data de inscrição : 26/07/2008
Reputação : 302
Número de Mensagens : 6055
Prêmios : [Tutorial](Parte 3) A mágica da programação de sites Empty

Medalhas x 0 Tutoriais x 17 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

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

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

Um bom tutorial para quem procura aprender sobre funcionamento de websites.Porem,poderias complementa-lo melhor.Ensinar um pouco sobre as sintaxes e coisas do gênero.
Porem discordo sobre uma colocação sua : o comentário de fim de linha .
Só para constar,um comentário HTML deve ter esta sintaxe :

Simples :
Código:
<!-- Meu comentário qualquer -->

Composto (ou Multi-Linha) :
Código:
<!--
Este código serve para atualizar a página.
Sendo que,se não houver como,desisto.
Por favor,não edite daqui para baixo,se não,te mato (ou não) .
 -->

Corrija,porque apesar da explicação verídica,o método e inadequado !

_________________

I am Web Developer: PHP, CSS, Javascript e HTML5.

Precisa hospedar um site? Me contacte via MP.

Meu ultimo projeto: https://gmbr.forumeiros.com/t33187-
TRFN
TRFN

Games Ranking : Nota C

Notas recebidas : C
Data de inscrição : 16/01/2012
Reputação : 47
Número de Mensagens : 1064
Prêmios : [Tutorial](Parte 3) A mágica da programação de sites Empty

Medalhas x 0 Tutoriais x 1 Moedas x 0

Ouro x 1 Prata x 0 Bronze x 2

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker 8.0 ou 8.1
  • Tululoo Game Maker
  • Web Tecnology
  • Javascript
  • Outros


http://tulionascimento.com.br/

Voltar ao Topo Ir em baixo

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

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

@Pedrø
Eu não queria confundir os novatos, então dividi em partes menores explicando um pouco da linguagem cada uma. Não gosto de ir correndo, quando era iniciante na linguagem, sabia como era díficil encontrar um tutorial que explicasse, e não deixasse mais complicado.

Porém, irei colocar mais conteúdo nos futuros tutoriais e editar os já feitos. Obrigado pela sugestão!
@TRFN
O meu método funciona normalmente...

Mas colocarei o antigo metódo como alternativo. Sua correção foi muito apreciada. Happy
Davichococat
Davichococat

Data de inscrição : 29/12/2011
Reputação : 1
Número de Mensagens : 182
Prêmios : [Tutorial](Parte 3) A mágica da programação de sites Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

http://www.google.com

Voltar ao Topo Ir em baixo

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

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo


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