KnowledgeCity

CSS: Design responsivo

Como garantir que tua página da web seja exibida correctamente em qualquer dispositivo
Assista à primeira aula grátis — tenha acesso completo às 4 aulas.

To view this video please enable JavaScript.

Curso: Sob demanda
Intermediário  Provedor Cliff Brozo  4 Lições ·  22m  em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinês simplificado 

Descrição do Curso

Este curso discute técnicas de design responsivo com CSS. Isto garante que as páginas da web caibam no ecrã de qualquer dispositivo que estejas a usar: telemóvel, tablet ou desktop. Aprenderás o que é a janela de visualização e como determinar qual dispositivo está a ser usado. Também examinarás a visualização em grade, consultas de mídia, contêineres e como usar CSS para fazer o layout de páginas.

O Que Você Vai Aprender

  • Navegar pelo viewport e determinar qual dispositivo está sendo usado
  • Aplicar media queries e containers para adaptar layouts em todos os dispositivos
  • Colocar CSS grid view em funcionamento para layout de página
  • Usar CSS para fazer layout de páginas para que se encaixem em telas de telefone, tablet e desktop
  • Construir designs web responsivos com frameworks HTML e CSS responsivos

Principais Conclusões

  • Design responsivo com CSS garante que páginas web se encaixem na tela de qualquer dispositivo sendo usado, incluindo telefone, tablet ou desktop.
  • O curso explica o que é o viewport e como determinar qual dispositivo está sendo usado.
  • Examina grid view, media queries e containers como ferramentas para fazer layout de páginas.
  • O curso abrange usar CSS para fazer layout de páginas de forma responsiva.

Perguntas Frequentes

O que este curso abrange?

Abrange técnicas de design responsivo com CSS, incluindo o viewport, determinação de qual dispositivo está sendo usado, grid view, media queries, containers e uso de CSS para fazer layout de páginas.

O que aprenderei a fazer?

Você aprenderá a navegar pelo viewport, explorar media queries e containers e colocar grid view em funcionamento.

Por que o design responsivo é importante?

Design responsivo garante que páginas web se encaixem na tela de qualquer dispositivo que você esteja usando: telefone, tablet ou desktop.

Como o curso é estruturado?

O curso é dividido em quatro lições: Design Responsivo Parte 1 até Parte 4.

Quais habilidades este curso constrói?

Constrói habilidades em Códigos CSS, Frameworks CSS, CSS Grid, CSS Orientado a Objetos, HTML Responsivo e Design Web Responsivo.