1438964222736

07/08/2015

Introdução ao
Desenvolvimento de
Sistemas WEB
Aula 2

Links

Merris mozer
Mestranda em metodologias para o ensino de linguagens e suas tecnologias

Áreas sensíveis da imagem

A internet é totalmente linkada, ou seja, quando o usuário clicar em um determinado texto deverá redirecionar para uma página.
Para isto é necessário criar uma âncora utilizando o TAG
<a></a> , assim:
<a href="www.unopar.br">...</a> a = anchor = âncora

Hypertext refernce

1

07/08/2015

Áreas sensíveis da imagem
Será utilizado imagens mapeadas
Para o mapeamento é necessário criar um mapa e definir a área sensível da imagem
Criando o Mapa:
<map name="img_unopar“>
</map>
Em seguida criar a área sensível Áreas sensíveis CIRCULAR
Será mapeado a imagem mudando os parâmetros de:
Shape = circle
Coords
Exemplo:
<area shape="circle" target="_blank" coords=
"350,170,79"
href="http://www2. unopar.br"> Atividade
Acessem o site www.unopar.br e montem uma imagem com a tela inicial.
Em seguida abra a imagem no paint e anote as coordenadas para montar um link com segundo botão “Ensino à
Distância”.
Crie um documento .html criando uma área sensível que chamará o seguinte site http://www.unoparead.com.br/ Atividade
A partir da imagem criada pelo site www.unopar.br, crie uma área mapeada circular no logo da unopar e abra o site http://www.unoparead.com.br/nossoscursos/

2

07/08/2015

Áreas sensíveis
FORMA IRREGULAR
Será mapeado a imagem mudando os parâmetros de:
Shape = poly
Coords

Vídeos
Podemos incluir vídeos:
Pasta
<EMBED SRC="videos\video.wmv">
Youtube

Atividade
Acessem o site www.unoparvirtual.com.br e montem uma imagem com a tela inicial.
Em seguida abra a imagem no paint e anote as coordenadas para montar um link de uma área irregular. Vídeos
<p align="center">
<iframe width="420" height="315" src="http://www.youtube.com/embed/Pr9EdyLNYU?rel=0" frameborder="0" allowfullscreen></iframe> </p>

3

07/08/2015

Atividade
Acessem o youtube, acessem um vídeo da unopar e criem uma página