Busca DevMedia

por tipo
por canal

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

    Aulas relacionadas

  • 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

  • Centralizando imagens - Introdução ao CSS na prática - Vídeo 13 Vídeo

    O navegador atribui um estilo padrão a alguns elementos. Em certas ocasiões, precisamos remover esse estilo para chegar ao efeito desejado. Nesta aula centralizamos a imagem do rodapé da página e solucionamos esse problema na prática.

  • Image Map - Curso de HTML básico - 24 Vídeo

    Nessa videoaula finalizaremos os nossos estudos relativos ao uso de imagens, visto que abordamos praticamente tudo que compreende este tópico.

  • Construindo o header da página - Primeiros passos na JSF com Ajax - Vídeo 6 Vídeo

    Neste aula construiremos toda a parte superior da página, localizada acima do formulário de cadastro. Veremos assim os componentes necessários para inclusão de imagens.

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar