sexta-feira, 12 de agosto de 2011

Cores usadas no Mapa de Risco e Tabela de Gravidade



Tabela de Cores

Exemplo de Mapa de Risco


Técnicas de Desenho - pacote Office


Técnicas de desenho no Word
http://office.microsoft.com/pt-br/word-help/CH006083210.aspx

usar Autoformas
http://office.microsoft.com/pt-br/powerpoint-help/usar-autoformas-para-criar-desenhos-HA001132749.aspx


domingo, 14 de março de 2010

CSS - Folhas de Estilo

Um avanço interessante na linguagem HTML após a versão 3.2 foi a introdução das Style Sheets ou Cascading Style Sheets. Essas folhas de estilo permitem o uso de formatações uniformes em um site, de maneira bastante "econômica".
Logo nas primeiras aulas de HTML, vimos que, para poder formatar um texto,
(Cores e fontes de textos) era preciso escrever uma marcação parecida com:

para ter o resultado:
      Um título genérico

Um texto genérico com algum destaque qualquer junto, após um título genérico, etc.
Acontece que, de um documento para outro, pode acontecer de esquecermos o tamanho da fonte usada no texto, qual a fonte ou a cor dos títulos de determinada subseção, e a uniformidade de apresentação das páginas acaba ficando prejudicada.
Com as folhas de estilo, podemos declarar estilos apropriados para seções de texto, aplicando esses estilos sem nos preocuparmos com detalhes de fontes, cor e tamanhos.
E mais: se for necessário modificar algum dia as cores de todos os títulos ou dos destaques ao longo dos textos, simplesmente alteramos a folha de estilo, atualizando imediatamente a apresentação de todos os documentos que fazem referência a ela.
Para o exemplo acima, poderíamos criar a seguinte folha de estilo: 


E assim, para ter o mesmo resultado do exemplo acima, a formatação seria muito mais simples que a primeira:
A definição da folha de estilo deve ficar dentro de HEAD, da seguinte forma, se a folha for definida dentro do mesmo documento em que está sendo usada:
Ou então, quando a folha de estilo é definida externamente:

Neste caso, uma mesma folha de estilo pode ser usada por vários documentos HTML, que também poderão ter suas próprias folhas de estilo internas.

Fonte: http://www.icmc.usp.br/ensino/material/html/css.html

Frames em HTML

Os frames são divisões da tela do browser em diversas telas (ou “quadros”). Com isso, torna-se possível apresentar mais de uma página por vez: por exemplo, um índice principal em uma parte pequena da tela, e os textos relacionados ao índice em outra parte.
É muito fácil colocar frames em páginas; porém, nem todos os usuários gostam deles, pois nem sempre a navegação é fácil, além de problemas para a impressão e a marcação dos documentos interiores aos frames nos bookmarks. A alternativa natural para os frames são as tabelas.
Uma página com frames tem um texto fonte semelhante a: 


A parte FRAMESET define a divisão da página em “quadros”. Neste exemplo, a página será dividida em duas colunas, sendo a primeira com 20% do tamanho da tela, e a segunda coluna com os restantes 80% da tela.
Dentro da formatação de FRAMESET, temos os FRAME SRC, que são referências às páginas que serão mostradas nos frames definidos
Assim, no código acima vemos que a página indice1.html será mostrada na primeira coluna (que ocupará 20% da tela), e a página apresenta.html será mostrada na segunda (ocupando 80% da tela).


A formatação de frames inclui também uma parte NOFRAME, que é mostrada normalmente pelos browsers que não suportam sua apresentação.

fonte: http://www.icmc.usp.br/ensino/material/html/frames.html

sexta-feira, 5 de março de 2010

Música e vídeo no Html

Não é uma missão impossível incluir vídeo e áudio nas páginas HTML.

Os tipos de arquivo de som são executados diretamente pelo browser ou por plugins, podemos citar: 
- tipo .WAV, 
- .AU ou 
- .mpeg ou ainda 
- um dos plugins que se tornaram mais populares é o Real Audio, que permite a execução de audio sob demanda, ou seja o audio é transimitido instantaneamente sem que seja necessário fazer um download ou ler todo o arquivo de som.

Um dos motivos do seu sucesso é a possibilidade de transmissão ao vivo.

Ao contrário dos outros formatos de som a música no formato .ra não pode, na maioria dos casos, ter o seu arquivo gravado no seu disco, apenas um arquivo de parâmetros, indicando onde está a música em um servidor real audio é armazenada no disco.

Para ouvir esta música, além de estar conectado a internet você precisa possuir o plugin Real audio.

Em alguns segundos você estará ouvindo uma música muito popular. Ela está sendo tocada com o comando, basta inserir as tags abaixo:
 



Executando vídeos através de links

Você pode criar um link para um arquivo de vídeo. Ao clicar sobre o ícone, será aberta uma janela do programa acessório encarregado de executar o vídeo.

Alguns detalhes sobre:

  1. Este comando funciona no Internet Explorer;
  2. Os parâmetros width e height são opcionais. Quando especificados com valor 0 eliminam a exibição do painel do programa media player;
  3. O parâmetro autostart=true faz com que a música seja automaticamente executada;
  4. Para fechar a janela do Media Player clique no botão fechar (x);
  5. Para iniciar a execução do vídeo do tipo mov que é aberto em outra página clique no botão play (>).
mais informações no link abaixo:

Frames - Quadros

Os frames são divisões da tela do browser em diversas telas (ou “quadros”). Com isso, torna-se possível apresentar mais de uma página por vez: por exemplo, um índice principal em uma parte pequena da tela, e os textos relacionados ao índice em outra parte.
É muito fácil colocar frames em páginas; porém, nem todos os usuários gostam deles, pois nem sempre a navegação é fácil, além de problemas para a impressão e a marcação dos documentos interiores aos frames nos bookmarks. A alternativa natural para os frames são as tabelas.

Acesse o link abaixo:

http://www2.ufpa.br/dicas/htm/htm-fra.htm