quinta-feira, 26 de março de 2015

ATIVIDADE SEGURANÇA

Aula Excel –  Funções Básicas (soma, média, máximo, mínimo)
Escrever na lousa e pedir que os alunos digitem no Excel

Explicação:
·         As fórmulas são recursos que agilizam a realização de cálculos no Excel.
·         Existem inúmeras fórmulas para cálculos matemáticos diversos, estas são as mais simples.
·         Sempre devem ser iniciadas por =
·         O dois ponto ( : )  determina um intervalo de valores.

Atividade
Pesquise 20 produtos de informática e monte uma planilha com os seguintes dados:
Nome do produto
Valor unitário de cada produto
Quantidade adquirida de cada produto
Valor total da venda por produto (multiplique valor unitário por quantidade com a função =mult(valor1;valor2))
Soma total de todos os valores de venda
Média de todos os preços
Maior preço
Menor preço


terça-feira, 28 de outubro de 2014

PROJETO FINAL

Faça uma página que contenha um caça-palavras, estilizando o espaço entre letras e demais configurações em CSS. Você pode utilizar configurações de tabela para organizar as linhas e colunas de seu jogo. Não é necessário que haja interatividade com o usuário, ou seja, essa página será estática.

É preciso conter um cabeçalho com as palavras que devem ser procuradas e um tema específico para isso. Você pode adicionar imagens, cores e espaçamentos estilizados.

ENTREGA: Você terá, a partir de agora, 48 horas para entrega de seu caça-palavras.
AVALIAÇÃO: Seu jogo será avaliado mediante interação com o professor e o produto final seguindo os quesitos:

  • Organização do código: indentação, comentários;
  • Visual: clareza dos elementos na tela;
  • Recursos CSS: elementos apresentados em aula 


EXEMPLO:


Bom trabalho!!!

AULA 6 - ESPAÇAMENTO ENTRE BORDA E CONTEÚDO

Para configurar o espaçamento entre uma borda e seu conteúdo utilizamos a propriedade padding:


Propriedade
Descrição
padding-top
Define o espaçamento superior
padding -right
Define o espaçamento direita
padding -bottom
Define o espaçamento inferior
padding -left
Define o espaçamento esquerda

Valores para as propriedades: largura medida em px, cm ou %.
Exemplo:
p {margin-top:1cm; margin-left:5cm; margin-right: 5cm;
text-align:justify;
border-width: thick; border-style:double; border-color: blue;
padding-top: 1cm; padding-left:1cm; padding-right: 1cm; padding-bottom:1cm;
}


Ou padding: 1cm 1cm 1cm 1cm;

AULA 5 - BORDAS COM CSS

Propriedades básicas para configurar bordas:

Propriedade
Descrição
Border-width
Espessura da borda
Border-style
Estilo da borda
Border-color
Cor da borda

Valores para as propriedades:
Border-width: thin,medium,thick, tamanho (2px,2cm,2pt).
Border-style:none,dotted(pontilhado),dashed(tracejada),solid(contínua),double(dupla),
groove(entalhada),ridge(ressalto),inset(baixo relevo),outset(alto relevo),tamanho (2px,2cm,2pt).

Border-color: hexadecimal, nome da cor.

Exemplo:
p {margin-top:1cm; margin-left:5cm; margin-right: 5cm;
text-align:justify;
border-width: medium; border-style:solid; border-color: blue;
  }

p {margin-top:1cm; margin-left:5cm; margin-right: 5cm;
text-align:justify;
border-width: thick; border-style:double; border-color: blue;
}

AULA 4 - MARGENS COM CSS

Com o CSS podemos controlar o espaçamento em volta dos elementos html com a propriedade margin.

Propriedade
Descrição
Margin-top
Define a margem superior
Margin-right
Define a margem direita
Margin-bottom
Define a margem inferior
Margin-left
Define a margem esquerda

Valores para as propriedades: largura medida em px, cm ou %.

Exemplo:
<html>
<head>
<style type="text/css">
  h1 {margin-top: 5cm; margin-left: 3cm;}
  h2 {margin-top: 1cm; margin-left: 4cm;}
p {margin-top:1cm; margin-left:5cm; margin-right: 5cm; text-align:justify;}
</style>
</head>
<body>
<h1> Título com margem superior de 5 cm e esquerda de 3 cm </h1>

<p>
Parágrafo com margem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm.Parágrafo com margem superior de 1cm, margem esquerda de 5 cm e margem direita de 5 cm.Parágrafo com margem superior de 1cm, margem esquerda de 5 cm e margem direita de 5cm.Parágrafo com margem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm. Parágrafo com margem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm.Parágrafo com margem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm.Parágrafo com margem superior de 1 cm, margem esquerda de 5 cm e margem direita de 5 cm.

</p>

<h2> Título com margem superior de 1 cm e esquerda de 4 cm </h2>
</body>
</html>


Salvar como ExMargens.html

AULA 3 - CSS PARA FONTE

Propriedades básicas para configurar fontes :

color
Cor da fonte
Font-family
Tipo de fonte
Font-size
Tamanho da fonte
Fonte-style
Estilo da fonte
Font- weight
negrito
Valores para as propriedades:
Color: código hexadecimal (#FFFFFF), nome da cor (red,blue...).
Font-family: Arial, Verdana ...
Font-size: small, medium, large, tamanho (12 pt, 12px, 12cm).
Font-style: normal, italic, oblique.
Font-weight: normal,bold,lighter, 100, 200,300 …  900.

Exemplo:
<html>
<head>
<style type=”text/css”>
H1 {color: #66FF00;
    Font-family: Adobe Hebrew;
    Font-size: large;
    Font-style:oblique;
    Font-weight: bold;
}
</style>
</head>
<body>
<h1> Título estilizado com CSS </h1>
<h2> Título não estilizado com CSS </h2>
</body>

</html>