*Distribuição de notas
MULTI
|
TRABALHO
|
TRABALHO
|
BIMESTRAL
|
CONCEITO
|
TOTAL
|
4,0
|
5,0
livre |
6,0
universidades |
9,0
|
1,0
|
25,0
|
MAIS 2,5 PTS EXTRA (FESTA JUNINA E DESFILE)
Aula 1-3B - 07/08/13
Revisão HTML
Comandos básicos
Consulta aos comandos básicos
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.
|
Atividade proposta 1 - Valor: 5,0
Criar 4 páginas com link que os redimensione entre si.
Para redimensionar, utilize o comando <A Href="xxxxxx.html">
Exemplo
Aula 2-3B - 14/08/13
Continuação da criação de páginas
Aula 3-3B - 21/08/13
Finalização da criação de páginas
Sua primeira página deverá conter no mínimo os itens que aparecem na imagem abaixo:
veja os comandos necessários:
<HTML>
<HEAD>
<TITLE> Livros </TITLE>
</HEAD>
<BODY BGCOLOR="#FF9900">
<H1> <FONT COLOR="RED">LIVROS MAIS VENDIDOS DE 2013</FONT></H1>
<H2 ALIGN="CENTER"><FONT COLOR="BLUE"> Entre e confira</H2></FONT>
<P><B>1º Lugar => <A href="INFERNO.html"><I>INFERNO</I></A> (Dan Brown)</B>
<P>2º Lugar => <A href="kAIROS.html"><I>KAIRÓS</I></A> (Padre Marcelo)<BR>
<P>3º Lugar => <A href="CULPA.html"><I>A CULPA É DAS ESTRELAS</I></A> (John Green)<BR>
<P ALIGN="CENTER"><IMG SRC="INFERNO.jpg">
<H3 P ALIGN="RIGHT">CLIQUE NOS NOMES DOS LIVROS!</H3></P>
</BODY>
</HTML>
Aula 4-3B - 28/08/13
Bom dia...
Atividade proposta 2 Valor: 6,0
Seguindo o modelo da atividade anterior, crie outras 5 páginas.
Desta vez vocês farão uma pesquisa sobre as melhores (ou mais concorridas) universidades.
Não esquecendo que as páginas devem conter conteúdo informativo, imagem e link para voltar a página anterior.
Aula 5-3B - 04/09/13
continuação da atividade proposta na aula passada.
Aula 6-3B - 11/09/13
Término da atividade proposta no dia 28/08
Aula 7-3B - 18/09/13
AVALIAÇÃO BIMESTRAL - VALOR: 9,0
PESQUISE MAIS 5 COMANDOS DIFERENTES DOS JÁ APLICADOS ATÉ O MOMENTO E CRIE UMA NOVO CONJUNTO DE PÁGINAS UTILIZANDO-OS.
SALVE TODOS OS ELEMENTOS E ENVIE POR E-MAIL EM ARQUIVO COMPACTADO PARA AULATATA@GMAIL.COM.
Aula 8-3B - 25/09/13
Término e envio de todos os trabalhos do bimestre
<A HREF="http://www.slobjetivo.blogspot.com.br/">
BLOG
Inserir
link para outra página.
