Busca DevMedia

por tipo
por canal

Você está buscando por "Imagem" em vídeo aula

    Aulas relacionadas

  • Estilizando a imagem de fundo Vídeo

    Ao preencher o fundo de um elemento com uma imagem, podemos fazer alguns ajustes nela como, por exemplo, fazer com que ela fique centralizada no elemento, preencha todo espaço disponível dentre outros. Aprenda nesta aula como isso é feito.

  • Background-image Vídeo

    Já sabemos que além de preencher o elemento com uma cor também podemos inserir uma imagem de fundo. Nesta aula vamos ver como isso é feito através da propriedade background-image.

  • Exemplo prático Vídeo

    Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza as propriedades de background para inserir uma imagem no fundo de um elemento.

  • Importando uma imagem local Vídeo

    Já aprendemos a exibir no nosso aplicativo uma imagem hospedada na internet. Nesta aula vamos salvar uma imagem na pasta do projeto e importá-la no componente para exibi-la na tela do aplicativo.

  • Exibindo uma imagem no aplicativo Vídeo

    Agora sabemos como exibir uma imagem no aplicativo utilizando o componente Image. Nesta aula vamos criar um aplicativo que utiliza o componente Image e vamos conhecer algumas de suas propriedades.

  • Criando um aplicativo que exibe imagens Vídeo

    Para colocar em prática os conceitos que vimos neste curso, vamos criar um aplicativo que exibe imagens e texto. Através desse aplicativo vamos colocar em prática os conceitos de importação de uma biblioteca e de um arquivo local.

  • Entendendo o conceito de importação de um arquivo local Vídeo

    Organização é essencial para um projeto, por isso costumamos separar os seus arquivos em pastas. As imagens por exemplo costumam ficar dentro da pasta assets. Nesta aula vamos aprender como importar uma imagem que está dentro de uma pasta.

  • Importando um componente Vídeo

    O processo de importação dos componentes Topo e Conteudo, ou seja, componentes que nós criamos, é similar ao processo de importação de uma imagem local - imagem que foi salva dentro do projeto. Nesta aula vamos aprender como isso é feito utilizando as palavras import e from.

  • Definindo a borda Vídeo

    Em alguns casos queremos destacar uma caixa de texto ou uma imagem, porém não queremos pintar o seu fundo. Uma alternativa para isso é definir uma borda para o componente. Veja nesta aula como isso é feito.

  • Componente ImageBackground Vídeo

    É comum em alguns aplicativos que no lugar da cor de fundo de um componente, seja ele a tela, um card ou uma caixa de texto, seja exibido uma imagem. Isso é feito através do componente ImageBackground que você vai aprender nesta aula.

  • Estilizando um aplicativo Vídeo

    Para colocar em prática os conceitos que vimos neste curso, vamos criar um aplicativo que exibe textos e uma imagem. Através desse aplicativo vamos aplicar as propriedades de estilo nos componentes View, Text e Image.

  • Visão geral do React Native Vídeo

    Quando falamos em criar um aplicativo que possui telas, imagens e botões, uma dúvida surge. Preciso saber desenhar para colocar estes recursos gráficos no React Native? Esta aula vai responder esta pergunta.

  • Alterando o ícone e as imagens Vídeo

    Nesta aula vamos alterar os ícones e imagens do nosso projeto, para que fique com a aparência que desejamos.

  • Configurando as imagens Vídeo

    Nesta aula configuraremos as imagens do exemplo.

  • Tag img Vídeo

    Normalmente um site possui imagens seja para exibir um produto, um ícone ou até a logo da empresa. Nesta aula vamos aprender a exibir uma imagem utilizando a tag img e a definir alguns de seus atributos.

  • Estilizando o componente Cards Vídeo

    Para encerrar a estilização do nosso aplicativo vamos estilizar o último componente - Cards que possui uma imagem e dois textos. Nesta aula vamos definir o tamanho, borda e arredondamento da imagem e definir as propriedades para os dois textos.

  • Criando a estrutura do projeto Vídeo

    Chegou a hora de começar a escrever nosso documento HTML. Nesta aula vamos criar o arquivo index.html e baixar as imagens dos produtos.

  • Entendendo o exemplo Vídeo

    Para aprender a estilizar componentes, vamos criar o aplicativo que será visto nesta aula. Através dele vamos aprender a estilizar textos, imagens e definir os espaços entre cada um desses componentes.

  • Alterando o título e meta tags Vídeo

    Anteriormente alteramos as imagens do nosso projeto. Agora para que o projeto tenha o título e a descrição desejada vamos alterar o arquivo HTML principal.

  • Estilizando o componente Topo Vídeo

    O primeiro componente que vamos estilizar é o Topo. Nele vamos definir a direção dos componentes filhos e os afastar da borda. Além disso vamos estilizar a imagem e os textos.

  • Mostre suas ideias para o mundo Vídeo

    HTML é a linguagem que diz para o navegador o que é o que em uma página (um texto, um link, uma imagem, etc). Sem conhecê-la, é impossível criar um site ou aplicação web de forma profissional.

  • Imagens - Introdução ao HTML - Vídeo 10 Vídeo

    Uma imagem vale mais do que mil palavras. Até agora aprendemos sobre elementos do HTML que apresentam dados e textos. Agora, para aprimorarmos ainda mais o conteúdo do nosso documento, mostraremos como incluir imagens em nosso HTML.

  • Trabalhando com imagens - Curso de HTML básico - 21 Vídeo

    Nessa videoaula começaremos os nossos estudos sobre imagens e HTML. Muitos sites utilizam o recurso de inserção de imagens e se beneficiam dos efeitos visuais ocasionados pelas mesmas.

  • Largura, altura, borda e espaçamento de imagens - Curso de HTML básico - 23 Vídeo

    Nessa videoaula aprenderemos de forma mais concisa como definir a largura e altura de nossas imagens. Aprenderemos, também, como colocar uma borda e como adicionar um espaçamento entre a imagem e o texto.

  • Atributos de Imagens - Curso de HTML básico - 22 Vídeo

    Nessa videoaula daremos continuidade ao nosso estudo sobre imagens de HTML. Aprenderemos como utilizar o atributo ALT, que é responsável por criar um texto alternativo para nossas imagens

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar