Curso de HTML5 – 09 – Imagens em HTML5 – by Gustavo Guanabara

posted in: Curso cursosemvideo | 0

EXTRA! Download GRÁTIS dos pacotes para as aulas:
https://www.dropbox.com/sh/bpe3xjlnqw97j4f/AAB-ZiLvQprb3Ef398US8pM8a
Nos ajude com LEGENDAS para nossos vídeos: https://youtu.be/Yu3ItGEsYQk

Como inserir uma imagem em HTML5? Nessa aula, veremos como utilizar a tag IMG para inserir fotos em um site feito em HTML5.

Qual a diferença entre PNG e JPG? O formato PNG é ligeiramente maior, mas possibilitam transparências. O formato JPEG é mais otimizado, pois suporta compressão sem uma perda perceptível na qualidade visual.

Utilizando os parâmetros WIDTH ou HEIGHT, você pode redimensionar uma imagem pelo HTML. Porém, a melhor maneira de se diminuir o tamanho do arquivo é utilizar um editor de imagens para realizar o redimensionamento.

Outra coisa muito importante é utilizar a opção de “Exportar para Web” do seu editor de imagem. Isso gera um arquivo menor ainda, mais otimizado para ser utilizado em sites construídos com HTML5. Durante a aula, será mostrado como reduzir um arquivo de exemplo em praticamente 300KB.

Como carregar uma imagem em HTML5 que esteja em uma outra pasta?

Novos parâmetros FIGURE e FIGCAPTION. O HTML5 ganhou um caráter semântico, e utilizar legendas de imagens em HTML5 é um ótimo recurso para otimizar seu site para mecanismos de busca, técnicas conhecidas como SEO.

Aula do Curso de HTML5 criado pelo professor Gustavo Guanabara para o portal CursoemVideo.com. Download de pacotes e curso com certificado GRÁTIS: http://cursoemvideo.com/course/curso-de-html5/

Curso em Vídeo
Site: http://www.cursoemvideo.com
YouTube: http://www.youtube.com/cursosemvideo
Facebook: http://www.facebook.com/cursosemvideo
Twitter: http://twitter.com/cursosemvideo
Google+: http://plus.google.com/112666558837414979080

Patrocínio
HOSTNET: http://www.hostnet.com.br
TRAINNING: http://www.trainning.com.br
TOY SHOW: http://www.toyshow.com.br