Dream aula 11
-
Upload
washington-oliveira -
Category
Documents
-
view
395 -
download
0
Transcript of Dream aula 11
![Page 1: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/1.jpg)
Desenvolvimento de SiteAula 11Washington Silva
![Page 2: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/2.jpg)
Sumário • Inserindo imagens• Criando link de imagens para imagens • Imagens de sobreposição
![Page 3: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/3.jpg)
Inserindo Imagem
• Para inserirmos imagem basta localizar o ícone acima
![Page 4: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/4.jpg)
Inserindo Imagem • Selecione a imagem na pasta de origem e clique
OK
![Page 5: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/5.jpg)
• Após inserir a imagem você deve redimensiona lá
• Propriedades de Imagem
![Page 6: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/6.jpg)
• Para que possamos abrir a imagem grande em outra pagina iremos criar um link, para a imagem com tamanho original
![Page 7: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/7.jpg)
Sobreposição• Imagem de sobreposição é aquela que quando o
cursor passa sobre a imagem ela automaticamente é alterada.
![Page 8: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/8.jpg)
Sobreposição
![Page 9: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/9.jpg)
• Antes de passar o curso sobre a imagem
• Depois de passar o curso sobre a imagem
![Page 10: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/10.jpg)
![Page 11: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/11.jpg)
Atividade• Faça uma pesquisa sobre Gestalt
• Monte um site com os seguintes menus.• HOME• QUEM É VON EHERNFEL• FOTOS
• Gestalt
![Page 12: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/12.jpg)
LEMBRANDOOOO• O que devo usar no meu site• Banner• Menu• Tabelas• Css• imagens
![Page 13: Dream aula 11](https://reader035.fdocument.pub/reader035/viewer/2022062514/558fcffa1a28ab3f1b8b4634/html5/thumbnails/13.jpg)
VAMOS AO LABORATÓRIO