SlideShare una empresa de Scribd logo
1 de 11
DESENVOLVIMENTO DE SITES
Turma:
Professor:
Aula: Pág: Data:
Jorge Andre
07 2/6/201349 -56
@Imagens
@Imagem de sobreposição
(rollover)
@Links
@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;
1ª imagem
(imagem que vai aparecer no site)
2ª imagem
(ao passar o mouse sobre a
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
ser criado o link
Modo de como os
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 pasta na área de trabalho, salvar 9 imagens
dentro da mesma.
@ 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;
@ Criar um banner e usar o mapa de imagens, mapear para 2
sites externos.
@ Tudo deve ser salvo dentro da pasta.
jorgeinstrutor@yahoo.com.br

Más contenido relacionado

Destacado

Mapa concep. des. de neg.
Mapa concep. des. de neg.Mapa concep. des. de neg.
Mapa concep. des. de neg.lili parra
 
Teste intermediário fev
Teste intermediário fevTeste intermediário fev
Teste intermediário fevSara Sofia
 
Capitulo i mesmo na morte
Capitulo i   mesmo na morteCapitulo i   mesmo na morte
Capitulo i mesmo na morteMesmoNaMorte
 
C言語の宣言読み方講座
C言語の宣言読み方講座C言語の宣言読み方講座
C言語の宣言読み方講座tetra_cat
 
IRGA - Comunicação
IRGA - ComunicaçãoIRGA - Comunicação
IRGA - ComunicaçãoDante Roman
 
trabalho lindo
trabalho lindotrabalho lindo
trabalho lindomanoel910
 
Ertegi koyannin kalindigi
Ertegi koyannin kalindigiErtegi koyannin kalindigi
Ertegi koyannin kalindigiErnur Esenjolov
 

Destacado (14)

Titanium
TitaniumTitanium
Titanium
 
Mapa concep. des. de neg.
Mapa concep. des. de neg.Mapa concep. des. de neg.
Mapa concep. des. de neg.
 
Teste intermediário fev
Teste intermediário fevTeste intermediário fev
Teste intermediário fev
 
Capitulo i mesmo na morte
Capitulo i   mesmo na morteCapitulo i   mesmo na morte
Capitulo i mesmo na morte
 
C言語の宣言読み方講座
C言語の宣言読み方講座C言語の宣言読み方講座
C言語の宣言読み方講座
 
IRGA - Comunicação
IRGA - ComunicaçãoIRGA - Comunicação
IRGA - Comunicação
 
Sound Lounge
Sound LoungeSound Lounge
Sound Lounge
 
Apresentação 25022013
Apresentação 25022013Apresentação 25022013
Apresentação 25022013
 
Exposicio29gener
Exposicio29generExposicio29gener
Exposicio29gener
 
TPS 3 Nambo
TPS 3 NamboTPS 3 Nambo
TPS 3 Nambo
 
Slide share
Slide shareSlide share
Slide share
 
trabalho lindo
trabalho lindotrabalho lindo
trabalho lindo
 
Sdubey123
Sdubey123Sdubey123
Sdubey123
 
Ertegi koyannin kalindigi
Ertegi koyannin kalindigiErtegi koyannin kalindigi
Ertegi koyannin kalindigi
 

Similar a Aula 7 atualizada

Tutorial hiperlink e imagem
Tutorial hiperlink e imagemTutorial hiperlink e imagem
Tutorial hiperlink e imagemVera Mln Silva
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Élida Tavares
 
Dreamweaver8 apostilla
Dreamweaver8 apostillaDreamweaver8 apostilla
Dreamweaver8 apostillaEurico Raven
 
Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha fevooduck
 
Tutorialpowerpoint 100510125324-phpapp01
Tutorialpowerpoint 100510125324-phpapp01Tutorialpowerpoint 100510125324-phpapp01
Tutorialpowerpoint 100510125324-phpapp01Herica Ramos
 
Tutorial Libre Office Impress
Tutorial Libre Office ImpressTutorial Libre Office Impress
Tutorial Libre Office Impressproucamadrid
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2neysans
 
Wordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorWordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorRenato Vieira
 
WordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorWordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorGuga Alves
 

Similar a Aula 7 atualizada (20)

Aula16
Aula16Aula16
Aula16
 
Word Aula 16
Word Aula 16Word Aula 16
Word Aula 16
 
Html básico 2 imagens
Html básico 2   imagensHtml básico 2   imagens
Html básico 2 imagens
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Aula 5
Aula 5Aula 5
Aula 5
 
Tutorial hiperlink e imagem
Tutorial hiperlink e imagemTutorial hiperlink e imagem
Tutorial hiperlink e imagem
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Html 02
Html 02Html 02
Html 02
 
Aula 5
Aula 5Aula 5
Aula 5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver8 apostilla
Dreamweaver8 apostillaDreamweaver8 apostilla
Dreamweaver8 apostilla
 
Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha
 
Tutorialpowerpoint 100510125324-phpapp01
Tutorialpowerpoint 100510125324-phpapp01Tutorialpowerpoint 100510125324-phpapp01
Tutorialpowerpoint 100510125324-phpapp01
 
Tutorial Libre Office Impress
Tutorial Libre Office ImpressTutorial Libre Office Impress
Tutorial Libre Office Impress
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2
 
Wordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorWordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do Publicador
 
WordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorWordPress 2.9: Manual do Editor
WordPress 2.9: Manual do Editor
 
Dream 07
Dream 07Dream 07
Dream 07
 
Dream 07
Dream 07Dream 07
Dream 07
 
Tarefa - Thinglink.pdf
Tarefa  - Thinglink.pdfTarefa  - Thinglink.pdf
Tarefa - Thinglink.pdf
 

Más 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
 
Aula 7
Aula 7Aula 7
Aula 7
 
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
 
Aula 01
Aula 01Aula 01
Aula 01
 
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 7 atualizada

  • 1. DESENVOLVIMENTO DE SITES Turma: Professor: Aula: Pág: Data: Jorge Andre 07 2/6/201349 -56 @Imagens @Imagem de sobreposição (rollover) @Links
  • 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. 1ª imagem (imagem que vai aparecer no site) 2ª imagem (ao passar o mouse sobre a 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 ser criado o link Modo de como os 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 pasta na área de trabalho, salvar 9 imagens dentro da mesma. @ 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; @ Criar um banner e usar o mapa de imagens, mapear para 2 sites externos. @ Tudo deve ser salvo dentro da pasta. jorgeinstrutor@yahoo.com.br