Para acompanhar este tutorial é bom ter conhecimento básico de action script 2.0, e saber trabalhar com as ferramentas do macromedia flash.
Hoje vou ensinar a criar um game de perguntas e respostas em flash, muito simples vou utilizar perguntas absurdas que serão:
qual a primeira, segunda e terceira letra do alfabeto?
Claro que você vai escolher perguntas mais difíceis, dignas de um bom jogo!!!
Para começar crie na primeira frame estes objetos:
1 texto estático contendo o nome pontos
1 texto dinâmico de variável "pontos"
1 texto estático onde você vai escrever a pergunta, mas não agora
3 botões de cor clara eu utilizei um cinza, neste botões coloque em cada um um texto estático e escreva a, b e c respectivamnte, pois serão as opções do game.
agora tecle F6 2 vezes para copiarmos para as outras frames
agora vamos escrever as perguntas:
frame 1 : qual a primeira letra do alfabeto?
frame 2: qual a segunda letra do alfabeto?
frame 3: qual a terceira letra do alfabeto?
E nos botões da frame 1:
coloque os códigos:
a:
on (press) {
gotoAndPlay(2);
pontos +=1
}
b:
on (press) {
gotoAndPlay(2);
}
c:
on (press) {
gotoAndPlay(2);
}
Nas outras frames:
frame 2:
a:
on (press) {
gotoAndPlay(3);
}
b:
on (press) {
gotoAndPlay(3);
pontos +=1
}
c;
on (press) {
gotoAndPlay(3);
}
frame 3:
a:
on (press) {
gotoAndPlay(4);
}
b:
on (press) {
gotoAndPlay(4);
}
c:
on (press) {
gotoAndPlay(4);
pontos +=1
}
agora clique na frame 3 e tecle F6 uma vez para copiar o conteúdo criando assim a frame 4, na frame 4 apague tudo deixando apenas o texto estático com o nome pontos e o texto dinâmico com variável "pontos" troque a variável "pontos" por "pontuacao".
crie na frame 4 um texto dinâmico com variável : "text" e na frame coloque o código:
stop();
pontuacao = 0
pontuacao = pontos
if (pontuacao >=3) {
_root.text="ótimo"
}else{
_root.text="você não atingiu a pontuação correta!!!"
}
ah! e também coloque a função stop(); nas outras frames também porque se não vai criar slides e o jogador não terá a mínima chance de jogar!!!
Vou explicar como funciona este game:
o jogador deve chegar á pontuação máxima, que neste caso é 3 pontos, se não for atingida surge a mensagem:
você não atingiu a pontuação correta!!!
se o jogador atingi-la aparece: "ótimo"
O arquivo .fla pode ser baixado no link abaixo:
http://www.4shared.com/file/Z_m9jJxP/jogo_de_perguntas_e_respostas.html
Até a próxima
E não deixem de ver as aulas de Html do blog!!!
sábado, 28 de maio de 2011
sexta-feira, 27 de maio de 2011
Aula 4 - Curso de Html
Aula 4 - Curso de Html
Links
os links são utilizados para redirecionar o internauta
para outras páginas, o comando que torna isto possível
no html é o <a href> e escrevemos um link assim:
<a href="http://www.cjpcturbo.blogspot.com/">
Clique Aqui</a>
O link acima direciona o usuário para o blog cjpcturbo
e o texto visualizado na página é "Clique Aqui"
Também é possível colocar um link de e-mail para que
as pessoas enviem uma mensagem para você
veja como se faz:
<a href="mailto:seunome@servidor.com%22%3Ebasic email</a>
Você ainda pode criar um download, para isto ao invés
de direcionar para uma URL ou E-mail você direciona
para o arquivo em .zip ou .rar ou ainda .exe
exemplo:
<a href="nomedoarquivo.rar">
Download</a>
Obs: o arquivo deve ficar no mesmo diretório do html
Na próxima aula falaremos sobre Formulários
Até a próxima!!!
Links
os links são utilizados para redirecionar o internauta
para outras páginas, o comando que torna isto possível
no html é o <a href> e escrevemos um link assim:
<a href="http://www.cjpcturbo.blogspot.com/">
Clique Aqui</a>
O link acima direciona o usuário para o blog cjpcturbo
e o texto visualizado na página é "Clique Aqui"
Também é possível colocar um link de e-mail para que
as pessoas enviem uma mensagem para você
veja como se faz:
<a href="mailto:seunome@servidor.com%22%3Ebasic email</a>
Você ainda pode criar um download, para isto ao invés
de direcionar para uma URL ou E-mail você direciona
para o arquivo em .zip ou .rar ou ainda .exe
exemplo:
<a href="nomedoarquivo.rar">
Download</a>
Obs: o arquivo deve ficar no mesmo diretório do html
Na próxima aula falaremos sobre Formulários
Até a próxima!!!
quarta-feira, 25 de maio de 2011
Tutorial jogo de carro no Flash Mx
Postei recentemente no youtube um vídeo tutorial sobre criação de um game de carro em flash mx, e o usuário: juninhosantosMr reclamou o script, tentei responder mas estava dando erro, então postarei aqui os códigos, seguem abaixo:
carro:
onClipEvent(load){
speed = 0;
}
onClipEvent (enterFrame) {
if (Key.isDown(Key.UP)) {
speed += 0.5;
}
if (Key.isDown(Key.DOWN)) {
speed += -0.2;
}
if (Math.abs(speed)>10) {
speed *= .7;
}
if (Key.isDown(Key.LEFT)) {
_rotation -= 12;
}
if (Key.isDown(Key.RIGHT)) {
_rotation += 12;
}
speed *= .98;
x = Math.sin(_rotation*(Math.PI/180))*speed;
y = Math.cos(_rotation*(Math.PI/180))*speed*-1;
if (!_root.land3.hitTest(_x+x, _y+y, true)) {
_x += x;
_y += y;
} else {
speed *= -.10;
}
}
carro:
onClipEvent(load){
speed = 0;
}
onClipEvent (enterFrame) {
if (Key.isDown(Key.UP)) {
speed += 0.5;
}
if (Key.isDown(Key.DOWN)) {
speed += -0.2;
}
if (Math.abs(speed)>10) {
speed *= .7;
}
if (Key.isDown(Key.LEFT)) {
_rotation -= 12;
}
if (Key.isDown(Key.RIGHT)) {
_rotation += 12;
}
speed *= .98;
x = Math.sin(_rotation*(Math.PI/180))*speed;
y = Math.cos(_rotation*(Math.PI/180))*speed*-1;
if (!_root.land3.hitTest(_x+x, _y+y, true)) {
_x += x;
_y += y;
} else {
speed *= -.10;
}
}
chegada:
onClipEvent (enterFrame) {
if (_root.chegou, hitTest(_root.carro)) {
_root.gotoAndPlay(2);
}
}
Para acompanhar os três vídeos tutorias:
vídeo 1:
vídeo 2:
vídeo 3:
Para melhor visualização deixe em tela inteira.
Boa Sorte!!!
segunda-feira, 23 de maio de 2011
Conheça o Flash
Conheça o flash
A história do Flash
O Flash veio de softwares que foram desenvolvidos para desenhos sem animações. O primeiro software, Apple II, parecia mais com o que nós conhecemos hoje como Microsoft Paint. Depois disso Jonathan Gay trabalhou incansavelmente para desenvolver programas que tivessem alguma interatividade e animação. O Intellidraw, além de desenhar, poderia adicionar comportamentos interativos a esses desenhos. Mas, mesmo assim, os programas eram difíceis de serem manipulados, pois eram feitos com joysticks e depois utilizaram canetas que desenhava em mesas (boards). Da necessidade de uma ferramenta que pudesse ser mais acessível, surgiu o Smartsketch, que trouxe uma melhor maneira de se desenhar no computador e estabeleceu grande sucesso num mercado que era dominado pelo Adobe Illustrator e Macromedia Freehand.Em 1995, a Futurewave recebeu retorno de vários usuários para tornar essa ferramenta em uma ferramenta de animação, mas o mercado de animação era muito pequeno. Nesse mesmo tempo surgia a internet, um mercado muito promissor para esse tipo de ferramenta. Pensando nisso, começaram a aprimorar o Smartsketch, visando colocar animação e usar Java para renderizar um player de web. A partir daí, o Smartsketch se tornou um programa totalmente voltado para animação e mudou de nome para "Cellanimator". Porém, temendo ser confundido somente com um software de criação de cartoon, ele mudou o nome para Future Splash Animator.
Em novembro de 1996, a Macromedia se juntou com a FutureWave e, em dezembro do mesmo ano, a Macromedia adquiriu a companhia, e o Future Splash Animator se tornou o Flash 1.0. o Flash possui vários tipos de animação, sendo elas: Interpolação de Movimento e de Forma e a quadro a quadro.
Em Abril de 2005 a Adobe Systems divulga a aquisição da Macromedia em uma transação de 3,4 bilhões de dólares. A união das duas gigantes do setor traz novidades muito agradáveis para o Flash. Em março de 2007 é lançado o Adobe Flash CS3, nona versão do software e primeira produzida pela Adobe. O Flash CS3 integra a Adobe Creative Suíte 3, passando a ter compatibilidade total com softwares da Adobe como o Adobe Illustrator ou Adobe Photoshop. A atual versão dos softwares da Adobe são da família Creative Suite 5, que contém o Flash CS5 com diversas novas ferramentas para animação.
retirado de: http://pt.wikipedia.org/wiki/Macromedia_Flash
domingo, 22 de maio de 2011
Fazer um jogo de carro no flash mx
Aprenda a criar um game de corrida de carro em flash
basta que você tenha conhecimento da linguagem
action script 2.0 e acompanhar os três vídeos tutoriais
que postei no youtube .
vídeo 1
http://www.youtube.com/watch?v=MYw1H7THo_U&feature=related
video 2
http://www.youtube.com/watch?v=qC7uCoyRHbg&feature=mfu_in_order&list=UL
video 3
http://www.youtube.com/watch?v=99Afl9-W4lM&feature=mfu_in_order&list=UL
Ensinem também o que sabem aos outros, é muito bom compartilhar
conhecimentos. Façam tutoriais no youtube, blog, site, etc...
Obrigado!!!
basta que você tenha conhecimento da linguagem
action script 2.0 e acompanhar os três vídeos tutoriais
que postei no youtube .
vídeo 1
http://www.youtube.com/watch?v=MYw1H7THo_U&feature=related
video 2
http://www.youtube.com/watch?v=qC7uCoyRHbg&feature=mfu_in_order&list=UL
video 3
http://www.youtube.com/watch?v=99Afl9-W4lM&feature=mfu_in_order&list=UL
Ensinem também o que sabem aos outros, é muito bom compartilhar
conhecimentos. Façam tutoriais no youtube, blog, site, etc...
Obrigado!!!
sexta-feira, 20 de maio de 2011
CURSO DE HTML - AULA 3
Tabelas e Listas
tabelas são muito utilizadas em websites para organizar conteúdos
como por exemplo para inserir uma imagem colocamos em uma
tabela e para o texto do site outra tabela e para os botões do site
uma tabela com mais colunas.
o comando para inserir uma tabela é o <table> e o parametro
"border" se refere a borda da tabela:
<table border="0">
<table border="1">
para inserirmos uma linha: <tr>
para inserirmos uma coluna <td>
ex:
<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
As listas também organizam itens em listagem que pode ser
numerada ou marcada:
o comando para criar uma lista é <ul> para as marcadas e
<ol> para as numeradas, para acresentar um item \à lista
inserimos entre as tags: <li></li>
Na próxima aula falaremos sobre links
tabelas são muito utilizadas em websites para organizar conteúdos
como por exemplo para inserir uma imagem colocamos em uma
tabela e para o texto do site outra tabela e para os botões do site
uma tabela com mais colunas.
o comando para inserir uma tabela é o <table> e o parametro
"border" se refere a borda da tabela:
<table border="0">
<table border="1">
para inserirmos uma linha: <tr>
para inserirmos uma coluna <td>
ex:
<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
As listas também organizam itens em listagem que pode ser
numerada ou marcada:
o comando para criar uma lista é <ul> para as marcadas e
<ol> para as numeradas, para acresentar um item \à lista
inserimos entre as tags: <li></li>
Na próxima aula falaremos sobre links
sábado, 14 de maio de 2011
Aula 2 - Curso de Html gratuito
Aula 2 - Curso de Html gratuito
Olá galera da net!!!
Bem vindos a segunda aula de Html do blog do Cjpc turbo
Nesta aula como prometido vou falar a vocês sobre formatação
de texto, um recurso indispensável que é bastante utilizado
na criação de websites abaixo seguem os códigos de formatação
de textos:
<i> - texto em ítalico
<u> - texto em sublinhado
<b> - texto em negrito
<p> - paragrafo
<font color> - cor da fonte
<br> - quebra de linha
agora vamos pôr em prática:
abra se bloco de notas e digite:
Se para um filho o mais importante
não é Deus no céu e a mãe na terra,
então só há uma explicação, os dois
estão no céu.
Salve como frase.html e veja o resultado
o texto não tem formatação, agora digite com os códigos:
<b>Se para um filho o mais importante<b> <br>
<i>não é Deus no céu e a mãe na terra,<i> <br>
<u>então só há uma explicação, os dois<u> <br>
<font color="blue">:estão no céu.</font>
salve e veja a modificação
cada parte do texto tem uma formatação diferente
agora treine ridigindo textos e criando suas páginas
com formatação.
Na próxima aula iremos estudar tabelas e listas e
trabalhar mais com formatação de textos até a Próxima!!!
por: Cícero Joceilton
Olá galera da net!!!
Bem vindos a segunda aula de Html do blog do Cjpc turbo
Nesta aula como prometido vou falar a vocês sobre formatação
de texto, um recurso indispensável que é bastante utilizado
na criação de websites abaixo seguem os códigos de formatação
de textos:
<i> - texto em ítalico
<u> - texto em sublinhado
<b> - texto em negrito
<p> - paragrafo
<font color> - cor da fonte
<br> - quebra de linha
agora vamos pôr em prática:
abra se bloco de notas e digite:
Se para um filho o mais importante
não é Deus no céu e a mãe na terra,
então só há uma explicação, os dois
estão no céu.
Salve como frase.html e veja o resultado
o texto não tem formatação, agora digite com os códigos:
<b>Se para um filho o mais importante<b> <br>
<i>não é Deus no céu e a mãe na terra,<i> <br>
<u>então só há uma explicação, os dois<u> <br>
<font color="blue">:estão no céu.</font>
salve e veja a modificação
cada parte do texto tem uma formatação diferente
agora treine ridigindo textos e criando suas páginas
com formatação.
Na próxima aula iremos estudar tabelas e listas e
trabalhar mais com formatação de textos até a Próxima!!!
por: Cícero Joceilton
terça-feira, 10 de maio de 2011
Como criar um jogo de nave no flash?
Abaixo confira um vídeo mostrando como fazer um jogo em flash, os códigos encontram-se abaixo do vídeo.
o jogo do vídeo é o Space Combat e pode ser jogado online em:
http://megaswf.com/serve/1110165/
códigos:
Frame 1:
stop();
var cont:Number = new Number();
var cont2:Number = new Number();
var atirar:Boolean = true; // <= VARIÁVEL QUE ADICIONEI PARA CONTROLAR O FLUXO DE TIROS
vida2=4
cont=0; //contadores de tiros
count2=0; //contadores de explosões
onEnterFrame=function()
{
/*verificamos quais teclas o usuário está precionando
E também verificando quais os limites da tela
*/
if(Key.isDown(Key.LEFT) && nave._x >=20)
nave._x -=20;
if(Key.isDown(Key.RIGHT) && nave._x <500)
nave._x +=20;
if (!(inimigo.hitTest(nave))){
vida = false;
//Se a nave for atingida
} else if (inimigo.hitTest(nave)){
if (vida!=true){
vida2 -= 1;
vida = true;
}
_parent.vida2=false
//Se a vida chegar a zero:
if (vida2<=0) {
//vai para a frame 12
this.gotoAndStop(2);
}
}
onMouseDown = function()
{
/*Verifica se eu posso atirar*/
if(atirar)
{
_root.cont++;
_root.tiro.duplicateMovieClip("tiro"+_root.cont,_root.cont,_root.cont); //duplicamos o tiro
/*fazemos com que a réplica apareça na frente da nave*/
_root["tiro"+_root.cont]._y = nave._y+10;
_root["tiro"+_root.cont]._x = nave._x+10;
atirar = false; // <= ÚNICO MOMENTO QUE SETO ATIRAR PARA FALSE, não permitindo um tiro após o outro
}
}
}
tiro:
onClipEvent(enterFrame)
{
musica = new Sound();
musica.attachSound("som");
sound = new Sound();
sound.attachSound("laser");
_parent.playing = true
if(_name != "tiro")
{
this._y-=30;
if(this._y < 0) // VERIFICAÇÃO NOVA, eu defini que quando o tiro chegar no limite superior que poderei atira novamente
_root.atirar = true;
sound.start(0, 1);
if(this._y <0)//se o tiro passou do y=0 removemos do filme
this.removeMovieClip();
if(this.hitTest(_root.inimigo)) //verifica se tiro colidiu com o inimigo
{
musica.start(0, 1);
_root.atirar = true; //QUANDO ACERTAR O INIMIGO TAMBÉM PODEREI ATIRAR NOVAMENTE
_root.inimigo.life=0; //zeramos o life, um tiro só é fatal
this.removeMovieClip(); //sumimos com o tiro da tela
}
}
}
inimigo:
onClipEvent(enterFrame)
{
/*Verificamos se o inimigo morreu, vendo se o seu life é menor ou igual a zero*/
if(life<=0)
{
_root.cont2++;
/*Criamos uma explosão, pois o inimigo morreu*/
this._x = random(200); //o inimigo volta numa posição randômica
this._y = -150;
this.life = 100; //voltamos o life do inimigo
}
else
{
this._y+=10; //avança o inimigo em sua direção
if(this._y > 300) //verifica se o inimigo ultrapassou o limite máximo da tela
{
/*Se o inimigo ultrapassou sua nave, vc pode fazer o que quizer a partir daqui
eu optei por fazer o inimigo começa de novo a descer.
*/
this._y = -20;
this.removeMovieClip();
}
}
}
Faça seu game de nave e hospede no mega swf também.
Por Cícero Joceilton da Silva Gomes
Qualquer dúvida ou dica pode postar comentários
até a próxima!!!
o jogo do vídeo é o Space Combat e pode ser jogado online em:
http://megaswf.com/serve/1110165/
códigos:
Frame 1:
stop();
var cont:Number = new Number();
var cont2:Number = new Number();
var atirar:Boolean = true; // <= VARIÁVEL QUE ADICIONEI PARA CONTROLAR O FLUXO DE TIROS
vida2=4
cont=0; //contadores de tiros
count2=0; //contadores de explosões
onEnterFrame=function()
{
/*verificamos quais teclas o usuário está precionando
E também verificando quais os limites da tela
*/
if(Key.isDown(Key.LEFT) && nave._x >=20)
nave._x -=20;
if(Key.isDown(Key.RIGHT) && nave._x <500)
nave._x +=20;
if (!(inimigo.hitTest(nave))){
vida = false;
//Se a nave for atingida
} else if (inimigo.hitTest(nave)){
if (vida!=true){
vida2 -= 1;
vida = true;
}
_parent.vida2=false
//Se a vida chegar a zero:
if (vida2<=0) {
//vai para a frame 12
this.gotoAndStop(2);
}
}
onMouseDown = function()
{
/*Verifica se eu posso atirar*/
if(atirar)
{
_root.cont++;
_root.tiro.duplicateMovieClip("tiro"+_root.cont,_root.cont,_root.cont); //duplicamos o tiro
/*fazemos com que a réplica apareça na frente da nave*/
_root["tiro"+_root.cont]._y = nave._y+10;
_root["tiro"+_root.cont]._x = nave._x+10;
atirar = false; // <= ÚNICO MOMENTO QUE SETO ATIRAR PARA FALSE, não permitindo um tiro após o outro
}
}
}
tiro:
onClipEvent(enterFrame)
{
musica = new Sound();
musica.attachSound("som");
sound = new Sound();
sound.attachSound("laser");
_parent.playing = true
if(_name != "tiro")
{
this._y-=30;
if(this._y < 0) // VERIFICAÇÃO NOVA, eu defini que quando o tiro chegar no limite superior que poderei atira novamente
_root.atirar = true;
sound.start(0, 1);
if(this._y <0)//se o tiro passou do y=0 removemos do filme
this.removeMovieClip();
if(this.hitTest(_root.inimigo)) //verifica se tiro colidiu com o inimigo
{
musica.start(0, 1);
_root.atirar = true; //QUANDO ACERTAR O INIMIGO TAMBÉM PODEREI ATIRAR NOVAMENTE
_root.inimigo.life=0; //zeramos o life, um tiro só é fatal
this.removeMovieClip(); //sumimos com o tiro da tela
}
}
}
inimigo:
onClipEvent(enterFrame)
{
/*Verificamos se o inimigo morreu, vendo se o seu life é menor ou igual a zero*/
if(life<=0)
{
_root.cont2++;
/*Criamos uma explosão, pois o inimigo morreu*/
this._x = random(200); //o inimigo volta numa posição randômica
this._y = -150;
this.life = 100; //voltamos o life do inimigo
}
else
{
this._y+=10; //avança o inimigo em sua direção
if(this._y > 300) //verifica se o inimigo ultrapassou o limite máximo da tela
{
/*Se o inimigo ultrapassou sua nave, vc pode fazer o que quizer a partir daqui
eu optei por fazer o inimigo começa de novo a descer.
*/
this._y = -20;
this.removeMovieClip();
}
}
}
Faça seu game de nave e hospede no mega swf também.
Por Cícero Joceilton da Silva Gomes
Qualquer dúvida ou dica pode postar comentários
até a próxima!!!
domingo, 8 de maio de 2011
vida no flash
Olá galera trago hoje um tutorial sobre vida no flash, vou utilizar o macromedia flash 8 para isso você precisa ter um conhecimento básico de action script 2.0:
1- crie um quadrado e instancie de "nave"
2- crie um circulo e instancie de "inimigo"
3- crie um texto dinâmico com variável "vida 2"
o inimigo vai ter uma animação, para que colida com a nave faça com que ele venha descendo pelo palco
abra o painel de ações e digite na frame 1:
stop();
vida2=4
onEnterFrame=function()
{
//verificamos se houve a colisão
if (!(inimigo.hitTest(nave))){
vida = false;
//Se a nave for atingida
} else if (inimigo.hitTest(nave)){
if (vida!=true){
vida2 -= 1;
vida = true;
}
parent.vida2=false
//Se a vida chegar a zero:
if (vida2<=0) {
//vai para a frame 2
this.gotoAndStop(2);
}
}
}
baixe o arquivo .fla :
http://www.4shared.com/file/6D98dOk4/vida.html
Com este exemplo vai ficar fácil fazer vida de personagens em flash basta você adaptá-lo!!!
até a próxima
e não perca as aulas de html que estou dando aqui no blog a primeira já foi postada sexta -feira obrigado por acessar!!!
1- crie um quadrado e instancie de "nave"
2- crie um circulo e instancie de "inimigo"
3- crie um texto dinâmico com variável "vida 2"
o inimigo vai ter uma animação, para que colida com a nave faça com que ele venha descendo pelo palco
abra o painel de ações e digite na frame 1:
stop();
vida2=4
onEnterFrame=function()
{
//verificamos se houve a colisão
if (!(inimigo.hitTest(nave))){
vida = false;
//Se a nave for atingida
} else if (inimigo.hitTest(nave)){
if (vida!=true){
vida2 -= 1;
vida = true;
}
parent.vida2=false
//Se a vida chegar a zero:
if (vida2<=0) {
//vai para a frame 2
this.gotoAndStop(2);
}
}
}
baixe o arquivo .fla :
http://www.4shared.com/file/6D98dOk4/vida.html
Com este exemplo vai ficar fácil fazer vida de personagens em flash basta você adaptá-lo!!!
até a próxima
e não perca as aulas de html que estou dando aqui no blog a primeira já foi postada sexta -feira obrigado por acessar!!!
sexta-feira, 6 de maio de 2011
CURSO DE HTML - AULA 1
Curso Básico de HTML - por Cícero Joceilton
Aula 1
Olá bem vindos ao curso de html!!
Em nossa primeira aula iremos aprender sobre os códigos
em html.
a hypertext Markup Language(html) é uma linguagem de
descrição ou seja é uma programação que descreve um
documento podendo ser visualizada em qualquer navegador
como o Internet Explore ou Mozila Firefox.
Com o html nós podemos criar objetos que depois podem
ser orientados por outra programação como o php por
exemplo, vamos conhecer agora os principais comandos
em html:
<> - tags
</> - tag fechada
<html> - inicia um documento html
</html> - finaliza um documento html
<head> - cabeçalho
</head> - finaliza o cabeçalho
<title> - título da página(aparece na barra azul do navegador)
</title> - aqui termina o título
<body> - "corpo" do site
</body> - aqui termina o "corpo" do site
<img> - insere imagem
<embed> - insere mídia
<form> - inicia um formulário
</form> - finaliza um formulário
<center> - centraliza conteúdo
Ao longo do curso Você vai conhecer outros códigos
muito importantes por isso fiquem atentos!!!
Vamos criar nosso primeiro documento html
abra o bloco de notas e digite:
<html>
<head>
<title>meu primeiro website</title>
</head>
<body>
Olá esta foi a primeira aula de html
acesse cjpcturbo.blogspot.com
e confira vários tutoriais!!!
</body>
</html>
salve como index.html
Aprendemos nesta aula a inserir título em
nossa página html e editar o corpo do site
próxima aula vamos estudar formatação de
textos.
Até a próxima!!!
Aula 1
Olá bem vindos ao curso de html!!
Em nossa primeira aula iremos aprender sobre os códigos
em html.
a hypertext Markup Language(html) é uma linguagem de
descrição ou seja é uma programação que descreve um
documento podendo ser visualizada em qualquer navegador
como o Internet Explore ou Mozila Firefox.
Com o html nós podemos criar objetos que depois podem
ser orientados por outra programação como o php por
exemplo, vamos conhecer agora os principais comandos
em html:
<> - tags
</> - tag fechada
<html> - inicia um documento html
</html> - finaliza um documento html
<head> - cabeçalho
</head> - finaliza o cabeçalho
<title> - título da página(aparece na barra azul do navegador)
</title> - aqui termina o título
<body> - "corpo" do site
</body> - aqui termina o "corpo" do site
<img> - insere imagem
<embed> - insere mídia
<form> - inicia um formulário
</form> - finaliza um formulário
<center> - centraliza conteúdo
Ao longo do curso Você vai conhecer outros códigos
muito importantes por isso fiquem atentos!!!
Vamos criar nosso primeiro documento html
abra o bloco de notas e digite:
<html>
<head>
<title>meu primeiro website</title>
</head>
<body>
Olá esta foi a primeira aula de html
acesse cjpcturbo.blogspot.com
e confira vários tutoriais!!!
</body>
</html>
salve como index.html
Aprendemos nesta aula a inserir título em
nossa página html e editar o corpo do site
próxima aula vamos estudar formatação de
textos.
Até a próxima!!!
quarta-feira, 4 de maio de 2011
Curso de HTML gratuito
O blog do cjpc turbo vai dar um curso de HTML gratuito basta acompanhar as aulas que serão apresentadas aqui no blog e em cada aula você pode fazer perguntas nos comentários.
se quiser ser informado quando um nova aula for postada basta enviar um email para cjpcturbo@gmail.com e receberá em seu endereço eletrônico a informação.
As aulas vão começar no sábado e vão ser renovadas de sábado em sábado.
se quiser ser informado quando um nova aula for postada basta enviar um email para cjpcturbo@gmail.com e receberá em seu endereço eletrônico a informação.
As aulas vão começar no sábado e vão ser renovadas de sábado em sábado.
Assinar:
Postagens (Atom)