Imagens que se adaptam sozinhas - @Curso em Vídeo HTML5 e CSS3

Lección 31 de 4176%

Ya has superado la mitad. Estás muy cerca de completar el curso.

Sobre esta lección

Você sabe como usar imagens dinâmicas com HTML5? Sabe como gerar várias versões de uma mesma imagem com dimensões e resoluções diferentes e depois carregar apenas a imagem ideal para cada dispositivo? Pois acompanhe esse vídeo até o final para responder a estas e muitas outras perguntas. Tópicos deste vídeo: 00:00 - Capítulo 11, aula 02 00:21 - A importância do tamanho das imagens 01:07 - Uma história de mudança de vida 02:14 - Imagens que criamos 03:09 - Criando o código básico HTML5 03:46 - A nova tag picture 04:41- Testando o exercício 05:15 - O perigo do bounce rate 05:59 - Criando vários source 09:37 - Ajude o projeto sendo um apoiador 10:21 - CUIDADO: Invertendo os sources 12:16 - Várias versões da mesma imagem O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Recode no Instagram: https://www.instagram.com/rederecode == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo01 #C11A02

Sobre este curso

Faça agora mesmo o Curso de HTML5 e CSS3 do Professor Gustavo Guanabara, com aulas atualizadas e com material de apoio em PDF.

Lección 31 de 41Nivel: principianteDuración total: 10h 12m

Lo que aprenderás en este curso:

  • Estructurar páginas web semánticas con HTML5
  • Aplicar estilos profesionales con CSS3 y diseño responsive
  • Crear layouts modernos con Flexbox y CSS Grid
  • Implementar animaciones y transiciones CSS