domingo, 12 de junho de 2011

HTML

PRECISO FECHAR AS NOTAS E TEM ALUNO QUE AINDA NÃO ENTREGOU O 1º TRABALHO

Crie uma página e salve com seu nome e série no formato HTML 
Lembrando que ao visualizar sua página, ela devera ter a aparência da imagem abaixo.
 ENVIAR PARA O E-MAIL AULATATA@GMAIL.COM 
 

O SEGUNDO, É O TRABALHO DOS FILMES.
CRIE UMA PÁGINA INICIAL QUE DÊ ACESSO A OUTRAS 5 PAGINAS QUE DEVERÁ CONTER: FICHA TECNICA, SINOPSE E IMAGENS DOS FILMES.
CRIE UMA PASTA, SALVE TODOS SEUS ARQUIVOS, TANTO HTML, QUANTO AS IMAGENS. COMPACTE (ZIPAR) A PASTA E ENVIE POR E-MAIL.

AULATATA@GMAIL.COM
(MAIS ABAIXO TEM A EXPLICAÇÃO DE COMO ZIPAR A PASTA)




TRABALHO PARA SER ENVIADO POR EMAIL (ZIPADO)

  •  Crie uma página sugerindo 5 filmes
  • Ao clicar no nome do filme, deverá abrir uma página contendo informações sobre o filme escolhido. (Sinopse, ficha técnica, imagem). Ao final desta página, deverá ter um link para voltar para a página anterior.

Lembrando que ao todo, deverá ser criado 6 páginas HTML.

Enviar para AULATATA@GMAIL.COM (receberei os trabalhos apenas no dia 13/06/2011)


DICAS ÚTEIS

Para iniciar sua pagina, abra o bloco de notas. Digite todos os comandos necessários.

Para salvar, clique em INICIAR – SALVAR COMO e no NOME do arquivo, acrescente .HTML, escolha o local onde quer armazenar o documento e clique em SALVAR.


Para editar as informações após salvar a página, dê um clique com o botão direto do mouse em cima da página e vá até o comando ABRIR COM e escolha BLOCO DE NOTAS.



TAGS MAIS UTILIZADAS

Para iniciar o comando
Função
Para finalizar o comando
<HTML>
Indica o início e o fim de um documento HTML.
</HTML>
<HEAD>
Indica o cabeçalho de um documento HTML. No cabeçalho, são inseridos alguns comandos como, por exemplo, o título que aparece na barra de títulos do navegador.
</HEAD>
<TITLE>
Define o título que aparece na barra de títulos do navegador. Esse comando deve estar entre a TAG <HEAD>...</HEAD>
</TITLE>
<BODY>
Define o corpo de um documento HTML; dentro dessa TAG são inseridos os elementos que compõem uma página de internet.
</BODY>
<BG COLOR= “00FF00”>
Insere cor ao plano de fundo.

<FONT COLOR=“BLUE”>
Insere cor a fonte.
</FONT>
<H1><H2>...<H6>
Utilizada para adicionar títulos e subtítulos. As letras aparecem em tamanhos maiores e em negrito. O tamanho da fonte varia de 1 a 6, sendo a 1, a maior.
</H1> </H2>... </H6>
<P>
Indica uma quebra de parágrafo.

<BR>
Indica uma quebra de linha.

<B>
A fonte fica em Negrito
</B>
<I>
A fonte fica em Itálico
</I>
<BIG>
Aumenta um pouco o tamanho da fonte.
</BIG>
<A HREF= “XXX.HTML”>
Cria uma âncora para acessar outro documento HTML.
</A>
<IMG SRC="XXX.JPG”>
Insere uma imagem que está na mesma pasta que o documento HTML.

<ALIGN=“CENTER”> Variáveis “LEFT”, “RIGHT”
Alinha o texto daquela linha em centralizado. (Variáveis: Esquerdo e Direito).
</A>
<A HREF="http://arte-tata.blogspot.com/"> BLOG
Inserir link para outra página.




COMO ZIPAR A PASTA COM SEUS ARQUIVOS DO TRABALHO

Clique com o botão direito do mouse em cima da pasta e escolha a opção ENVIAR PARA e em seguida clique em PASTA COMPACTADA (ZIPADA).

Aparecerá esta caixa de diálogo 

clique em SIM. Será criada então uma pasta com a aparência da imagem abaixo.

Esta pasta deverá ser enviada por e-mail.
 Assim seus arquivos HTML e imagens não serão prejudicadas.


aulatata@gmail.com



PRA QUEM NÃO CONSEGUIU FAZER O TRABALHO DOS FILMES, VOU AJUDAR, MAS SÓ DESTA VEZ!!!!

Abaixo vocês podem copiar os comandos da primeira página. Tudo que estiver com letras vermelhas e grifadas, é pra ser trocado por suas preferências.


<HTML>
<HEAD>
<TITLE> FILMES </title>
</HEAD>
<BODY BGCOLOR="FFCCFF">
<H1 ALIGN="CENTER"><FONT COLOR="RED">FILMES DA SEMANA</FONT></H1>
<H2 ALIGN="CENTER"> Entre e confira</H2>
<H3><P><FONT COLOR="BLUE">Veja os 5 filmes mais votados da semana</P>
<P><I>Ocupando o topo da lista</I><BR></FONT>
<P><B>1º Lugar => <A href="aula.nossolar.html"><I>Nosso Lar</I></A></B>
<P>2º Lugar => <A href="aula.capavermelha.html"><I>A garota da capa vermelha</I></A>
<P>3º Lugar => <A href="aula.feiurinha.html"><I>O mistério de Feiurinha</I></A>
<P>4º Lugar => <A href="aula.avatar.html"><I>Avatar</I></A>
<P>5º Lugar => <A href="aula.paismaravilhas.html"><I>Alice no país das maravilhas</I></A></H3>
</BODY>
</HTML>

POR FAVOR AVISEM OS COLEGAS DE SUA SUA SALA.

OBRIGADA E ÓTIMO FERIADO

(DÚVIDAS, FAVOR POSTAR EM COMENTARIOS)


TABELA DE CORES CLIQUE AQUI PARA VER

.
.

Nenhum comentário:

Postar um comentário