SlideShare uma empresa Scribd logo
1 de 11
DESENVOLVIMENTO DE SITES
              Aula:   07 Pág: 49 -56 Data: 20/4/2013
              @Imagens

              @Imagem de sobreposição
               (rollover)

Professor:
              @Links
Jorge Andre
Turma:
@Imagens são figuras criadas, tiradas em
 câmeras digitais ou baixadas pela internet;

@São extensões de imagens que a internet
 utiliza: jpg, gif, png ou bmp.
@Para inserir uma imagem no Dreamweaver
 existem várias opções ex:

@Clicar no menu inserir – imagem ou pela tecla
 de atalho Ctrl + Alt +i.
@Ao inserir uma imagem em uma página web,
 podemos fazer várias alterações em sua barra
 de propriedades;
@Imagem de Sobreposição é o tipo de imagem que
 ao passar o ponteiro sobre o mesmo ela é
 alterada para outra imagem.

@Menu inserir – Objetos de imagem – imagem de
 sobreposição;
2ª imagem
          1ª imagem                   (ao passar o mouse sobre a
(imagem que vai aparecer no site)   imagem 1, aparecerá a 2ª imagem




                                    Link para uma pagina, que pode ser
                                            interno ou externo
@ Link é a ligação entre páginas e ou arquivos (imagens, áudio
  e vídeo);

@ Links externos: ligação de uma pagina local com páginas de
  outros sites hospedados;

@ Link interno: ligação entre paginas e ou arquivos do mesmo
  site local;

@ Link para correio eletrônico(e-mail): links para abrir
  programas de correio eletrônico;

@ Link para âncora: links para uma mesma pagina local.
@Para a criação de links internos ou externo,
 existe o painel de propriedades que é o mesmo
 para os dois.




        Endereço ou site para   Modo de como os
        ser criado o link       links serão
                                abertos
@São imagens onde partes dela se torna uma
 área clicável ou seja se torna um link (interno
 ou externo);

@Esses links são representados nos formatos
 de retângulos, círculos e ou polígonos.
@Criar uma tabela com 3 colunas e 3 linhas,
 deve ser inserido 9 imagens de sobreposição,
 todas elas devem conter links externos, tabela
 Centralizada na página;

         jorgeinstrutor@yahoo.com.br

Mais conteúdo relacionado

Destaque (20)

Sistemas operacionais aula 10
Sistemas operacionais    aula 10Sistemas operacionais    aula 10
Sistemas operacionais aula 10
 
Aula 11
Aula 11Aula 11
Aula 11
 
Aula 9
Aula 9Aula 9
Aula 9
 
Aula 2
Aula 2Aula 2
Aula 2
 
Redes sociais
Redes sociaisRedes sociais
Redes sociais
 
Aulas 6 e 7
Aulas 6 e 7Aulas 6 e 7
Aulas 6 e 7
 
Aula3
Aula3Aula3
Aula3
 
Aula 8
Aula 8Aula 8
Aula 8
 
Aula 7
Aula 7Aula 7
Aula 7
 
Aula 6
Aula 6Aula 6
Aula 6
 
Aula 6
Aula 6Aula 6
Aula 6
 
Aula 4
Aula 4Aula 4
Aula 4
 
Aula 7 e 8
Aula 7 e 8Aula 7 e 8
Aula 7 e 8
 
Aula 2 atualizada
Aula 2 atualizadaAula 2 atualizada
Aula 2 atualizada
 
Aula 3 atualizada
Aula 3 atualizadaAula 3 atualizada
Aula 3 atualizada
 
Aula 5
Aula 5Aula 5
Aula 5
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 
Aula 8
Aula 8Aula 8
Aula 8
 
Aula 10
Aula 10Aula 10
Aula 10
 
Aula 01
Aula 01Aula 01
Aula 01
 

Semelhante a Desenvolvimento de sites: imagens de sobreposição e links

Semelhante a Desenvolvimento de sites: imagens de sobreposição e links (7)

Aula16
Aula16Aula16
Aula16
 
Word Aula 16
Word Aula 16Word Aula 16
Word Aula 16
 
Tutorial hiperlink e imagem
Tutorial hiperlink e imagemTutorial hiperlink e imagem
Tutorial hiperlink e imagem
 
Html básico 2 imagens
Html básico 2   imagensHtml básico 2   imagens
Html básico 2 imagens
 
Tarefa - Thinglink.pdf
Tarefa  - Thinglink.pdfTarefa  - Thinglink.pdf
Tarefa - Thinglink.pdf
 
Tutorial Libre Office Impress
Tutorial Libre Office ImpressTutorial Libre Office Impress
Tutorial Libre Office Impress
 
Power point criar_biblioteca_vf_xira
Power point criar_biblioteca_vf_xiraPower point criar_biblioteca_vf_xira
Power point criar_biblioteca_vf_xira
 

Mais de Jorge Andre Sousa (20)

Computação em nuvens
Computação em nuvensComputação em nuvens
Computação em nuvens
 
Aula 2
Aula 2Aula 2
Aula 2
 
Aula 3 atualizada
Aula 3 atualizadaAula 3 atualizada
Aula 3 atualizada
 
Aula 1 atualizada
Aula 1 atualizadaAula 1 atualizada
Aula 1 atualizada
 
Aulas 6
Aulas 6Aulas 6
Aulas 6
 
Aula 5
Aula 5 Aula 5
Aula 5
 
Aula 4
Aula 4Aula 4
Aula 4
 
Aula 3
Aula 3 Aula 3
Aula 3
 
Aula 2
Aula 2Aula 2
Aula 2
 
Aula 1
Aula 1Aula 1
Aula 1
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Aula 12 atualizada
Aula 12   atualizadaAula 12   atualizada
Aula 12 atualizada
 
Aula 11
Aula 11Aula 11
Aula 11
 
Aula 6 atualizado
Aula 6   atualizadoAula 6   atualizado
Aula 6 atualizado
 
Aula 5 atualizada
Aula 5   atualizadaAula 5   atualizada
Aula 5 atualizada
 
Aula 5 atualizada
Aula 5   atualizadaAula 5   atualizada
Aula 5 atualizada
 
Apresentação excel
Apresentação excelApresentação excel
Apresentação excel
 
Apresentação prova excel
Apresentação prova excelApresentação prova excel
Apresentação prova excel
 
Aula 5
Aula 5Aula 5
Aula 5
 
Módulo
MóduloMódulo
Módulo
 

Desenvolvimento de sites: imagens de sobreposição e links

  • 1. DESENVOLVIMENTO DE SITES Aula: 07 Pág: 49 -56 Data: 20/4/2013 @Imagens @Imagem de sobreposição (rollover) Professor: @Links Jorge Andre Turma:
  • 2. @Imagens são figuras criadas, tiradas em câmeras digitais ou baixadas pela internet; @São extensões de imagens que a internet utiliza: jpg, gif, png ou bmp.
  • 3. @Para inserir uma imagem no Dreamweaver existem várias opções ex: @Clicar no menu inserir – imagem ou pela tecla de atalho Ctrl + Alt +i.
  • 4. @Ao inserir uma imagem em uma página web, podemos fazer várias alterações em sua barra de propriedades;
  • 5. @Imagem de Sobreposição é o tipo de imagem que ao passar o ponteiro sobre o mesmo ela é alterada para outra imagem. @Menu inserir – Objetos de imagem – imagem de sobreposição;
  • 6. 2ª imagem 1ª imagem (ao passar o mouse sobre a (imagem que vai aparecer no site) imagem 1, aparecerá a 2ª imagem Link para uma pagina, que pode ser interno ou externo
  • 7. @ Link é a ligação entre páginas e ou arquivos (imagens, áudio e vídeo); @ Links externos: ligação de uma pagina local com páginas de outros sites hospedados; @ Link interno: ligação entre paginas e ou arquivos do mesmo site local; @ Link para correio eletrônico(e-mail): links para abrir programas de correio eletrônico; @ Link para âncora: links para uma mesma pagina local.
  • 8. @Para a criação de links internos ou externo, existe o painel de propriedades que é o mesmo para os dois. Endereço ou site para Modo de como os ser criado o link links serão abertos
  • 9. @São imagens onde partes dela se torna uma área clicável ou seja se torna um link (interno ou externo); @Esses links são representados nos formatos de retângulos, círculos e ou polígonos.
  • 10.
  • 11. @Criar uma tabela com 3 colunas e 3 linhas, deve ser inserido 9 imagens de sobreposição, todas elas devem conter links externos, tabela Centralizada na página; jorgeinstrutor@yahoo.com.br