Curso de HTML Completo: Aula 08 - Tudo Sobre Imagens

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 213

  • @programacaoweb
    @programacaoweb  3 ปีที่แล้ว +53

    E aí aprendeu algo novo nessa aula?
    Compartilha com um amigo, se inscreve no canal e deixa seu gostei!
    Forte abraço!

    • @feynmanmidia90
      @feynmanmidia90 2 ปีที่แล้ว

      Bom dia Dimitri! Tudo bem? Você tem alguma plataforma em que eu possa fazer o curso de forma paga e receber algum certificado?

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      @@feynmanmidia90 Sim 👉curso.programacaoweb.com.br .Abraço!

  • @kaiorafael2435
    @kaiorafael2435 2 ปีที่แล้ว +97

    Não entendo como um super conteúdo desses não tem muitas visualizações. Top

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +6

      Muito obrigado Kaio! 👏👏👏 Um abraço!

    • @Joséjonhson-v4o
      @Joséjonhson-v4o ปีที่แล้ว +10

      É bom que agt aprende e não tem concorrente kkk

    • @DurmaeRelaxe
      @DurmaeRelaxe 11 หลายเดือนก่อน

      ​@@Joséjonhson-v4oné kkm

    • @gabaritando_enfermagem7402
      @gabaritando_enfermagem7402 11 หลายเดือนก่อน +3

      É simples, mano. Nós somos abençados por ter tempo e paciência porque tem gente ai que não pega uma aula de 43min. Eles querem aprender com aula de 10min

    • @DelicioNãointeressa
      @DelicioNãointeressa 6 หลายเดือนก่อน +1

      Porque a maioria das pessoas só assistem besteira sem futu6

  • @eriveltonarantes4822
    @eriveltonarantes4822 9 หลายเดือนก่อน +21

    Meus parabéns quando vc disse que era material gratuito mas com suporte de pago eu duvidei, mas assistindo seus vídeos realmente, seus conteúdos e explicações são muito melhores que muito curso pago. Infelizmente cheguei aqui atrasado e paguei uma bosta de um curso estava quase desistindo ate chegar aqui, meus parabéns seu conteúdo e muito mais muito bom e sua explicação fácil de ser compreendido, ganhou um inscrito. Que Deus continue iluminando sempre seu caminho.

    • @programacaoweb
      @programacaoweb  9 หลายเดือนก่อน +1

      Obrigado pelo comentário. Grande abraço Erivelton!

  • @thejoaoveloso
    @thejoaoveloso 7 หลายเดือนก่อน +11

    Comecei meus estudos de HTML/CSS/JavaScript e optei por fazer pelo menos o básico aqui pelo o TH-cam.
    Pesquisei muito antes de dar início e sem dúvidas o seu curso é o melhor pra quem realmente está iniciando do 0.
    Tem muita gente excelente por aqui, mas é importante o passo a passo, desde instalar o VS Code até de fato meter a mão na massa.
    Obrigado por fazer o mundo um lugar melhor!!!

  • @suicidmiky
    @suicidmiky ปีที่แล้ว +9

    Nunca vi aulas tão didáticas, aprender programação por aqui vale cada segundo

  • @miguelbarbosa851
    @miguelbarbosa851 ปีที่แล้ว +5

    Minha consciência chega a ficar pesada em ver essas aulas gratuitamentes. Suas aulas revelam uma didática e simplicidade tão maravilhosa que se torna algo que valha a pena pagar. Muito obrigado e parabéns!!!

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +2

      Que bom que está gostando Miguel. Grande abraço!

  • @alexlana8379
    @alexlana8379 11 หลายเดือนก่อน +2

    Cara, sensacional!! Sou estudante de ciência da computação, já vi vários cursos e os seus são os melhores. Tem um canal super famoso (que eu até gosto), mas que gasta tanto tempo falando observações não relacionadas ao conteúdo, fazendo propaganda, etc, que até desanimo de assistir. Suas aulas são práticas e objetivas, nenhum defeito. Parabéns!!

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Muito obrigado Alex! Grande abraço!

    • @GustavoMods1
      @GustavoMods1 หลายเดือนก่อน +1

      Curso em Vìdeo? KKKKKKKK

  • @felipesmbr
    @felipesmbr หลายเดือนก่อน

    Que Deus abençoe sua vida! Obrigado por compartilhar seu conhecimento aqui conosco!

  • @fabianalima8556
    @fabianalima8556 ปีที่แล้ว +8

    Cara vc é o melhor professor que ja achei no youtube abriu minha mente vou criar varios projetos realmente uteis quem sabe revolucionarios ! parabens ótimo professor 👋

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +2

      Que bom Fabiana. Grande abraço!

  • @180295wellington
    @180295wellington ปีที่แล้ว +2

    conteúdo sensacional, muito grato por poder aprender tudo isso de graças e com qualidade

  • @leandroantonio3142
    @leandroantonio3142 7 หลายเดือนก่อน +3

    Curso muito bem estruturado, dando ênfase a pontos de alta relevância para a codificação front end utilizando HTML, estou gostando demais de fazer este curso, parabéns. Valeu pelo curso Dimitri.

    • @programacaoweb
      @programacaoweb  7 หลายเดือนก่อน +2

      Muito obrigado Leandro. Abraço!

  • @juniorsilva7472
    @juniorsilva7472 12 วันที่ผ่านมา

    Aula top cara, parabéns! Terminando seu curso aqui já vou logo assistir seus cursos de css, tenho certeza que é muito bom tbm.

  • @kyamejrkyame608
    @kyamejrkyame608 3 หลายเดือนก่อน +1

    Em pouco tempo estou aprendendo muita coisa Meus parabéns 🎉

  • @DUARTEGAMESDMS
    @DUARTEGAMESDMS 6 หลายเดือนก่อน +1

    De todos que eu vi é o melhor ,estou aprendendo programação por conta

  • @EsterAlvesT
    @EsterAlvesT 10 หลายเดือนก่อน +1

    Maratonando todas as aulas!

  • @Nena-gy5fg
    @Nena-gy5fg ปีที่แล้ว

    as aulas são tão boas que eu nem vejo o tempo passar, que didática incrível!! obrigada prof

  • @bruno8443
    @bruno8443 11 หลายเดือนก่อน

    Nem uma semana assistindo seus videos e ja aprendi mais que um semestre inteiro na faculdade de ads sobre html. Estou na aula 8 e ja com pensamentos de montar um site apenas para medir o aprendizado. Obrigado pelos seus insinamentos.

  • @joaovictorestevao4754
    @joaovictorestevao4754 2 หลายเดือนก่อน

    Comecei a estudar tem 1 semana e ja aprender muitas coisa e vou aprender muito mais, e com certeza vou comprar um curso

  • @marreirosdesigner
    @marreirosdesigner 2 ปีที่แล้ว +4

    Eu comecei já faz 1 semana e tou a gostar bastante do conteúdo, muito obrigado por disponibilizar um material tão maravilhoso, tou aprendendo, escrevendo e colocando em pratica tudo, com certeza vou atras dos outros cursos como: o boostrap, React, PHP, nodeJS...

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      Valeu Marreiros! Fico feliz que está gostando e está te ajudando. Grande abraço!

  • @junioverasbrito8543
    @junioverasbrito8543 2 ปีที่แล้ว +2

    Prof. Dimitri, Era a parte q eu tava mais esperando . Obrigado, de coração.

  • @ds6776
    @ds6776 3 หลายเดือนก่อน

    Estou aqui na aula 08 aprendendo sobre HTML, estou gostando muito do curso. Tenho uma dica sobre na hora de baixar a imagem no pexels, hoje em dia quando aperta em cima da imagem do lado do nome Baixar Grátis tem uma setinha que escolhe a resolução, inclusive personalizada, ou seja, assim fica mais fácil baixar a imagem e não precisar usando outros sites para comprimir e redimensionar. Gratidão! Ótimo conteúdo ❤

  • @Rhamon_Asafe
    @Rhamon_Asafe ปีที่แล้ว

    Estou fazendo a tese do meu mestrado graças aos seus vídeos !! Parabéns que conteúdo fenomenal Deus te abençoe!!! Vou comentar todos os vídeos que eu assistir já assisti todos de HTML, falta CSS e JS.

  • @GabrielNunes-ts8cf
    @GabrielNunes-ts8cf 3 หลายเดือนก่อน

    Uma das melhores didáticas que já vi, estou vendo esse, depois vou ver o de CSS e de Javascript e depois vou comprar o curso com certeza, muito bom!!!

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน

      Muito obrigado Gabriel. Vai ser muito bem-vindo na turma! Abraço!

  • @rensopa
    @rensopa 3 หลายเดือนก่อน +1

    Perfeito!. muito bom!!!

  • @jonatastmz6214
    @jonatastmz6214 ปีที่แล้ว

    simplesmente os melhores cursos de programação gratuitos estão no seu canal!!

  • @cleirtongomes
    @cleirtongomes 10 หลายเดือนก่อน

    Seu conteúdo é muito bom, parabéns! Aprendendo muito com você!

  • @leonardoaguitar
    @leonardoaguitar ปีที่แล้ว

    Excelente didática, o melhor que já vi no yt até hj!

  • @AndersonSantos-ur4nf
    @AndersonSantos-ur4nf 2 ปีที่แล้ว +2

    Obrigado por compartilhar o conhecimento, parabéns pelo seu trabalho.

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      Eu que agradeço por comentar Anderson. Forte abraço!!

  • @diegovinicius7937
    @diegovinicius7937 4 หลายเดือนก่อน

    Que conhecimento incrível, aprendi com você, oq não consegui na faculdade. Agradeço.

    • @programacaoweb
      @programacaoweb  4 หลายเดือนก่อน

      Que legal Diego. Grande abraço!

  • @deniserodri6066
    @deniserodri6066 2 หลายเดือนก่อน

    Sua aula é muito boa, parabéns mesmo

  • @PedroJulio-uy3il
    @PedroJulio-uy3il 2 หลายเดือนก่อน

    Você é o melhor!

    • @programacaoweb
      @programacaoweb  2 หลายเดือนก่อน

      Obrigado Pedro! Abraço!

  • @negoeudes5097
    @negoeudes5097 ปีที่แล้ว

    aprendendo bastante coisa ...valendo cada segundo...

  • @Ranayzinha
    @Ranayzinha ปีที่แล้ว

    Muito bom coisas que não aprendi em 1 ano de aula presencial em algumas horas parabéns 👏👏❤

  • @DenyellPlayer
    @DenyellPlayer ปีที่แล้ว

    Sensacional o melhor de todos que já vi até agora

  • @pandasafira
    @pandasafira 6 หลายเดือนก่อน +1

    Sou uma das participantes a ganhar bolsa de 3k para estudar Python pela instituição Caldeira, e queria muito te agradecer a me ensinar o básico de graça!! Comecei por uma área com o mercado de trabalho fraco (Moda) e não conseguia emprego por nada, sempre amei jogos e via muito no youtube sobre mas nunca dei chance pra área de programação, e por um acaso essa oportunidade apareceu e você tem me salvado muito! agora estudar mais e passar nas provas (espero muito passar🙏)

    • @programacaoweb
      @programacaoweb  6 หลายเดือนก่อน +1

      Legal Camile! Desejo todo sucesso do mundo pra você!

  • @JeffersonDeveloper
    @JeffersonDeveloper 2 ปีที่แล้ว +1

    adorei muito, além de ensinar programação, você ainda nos da dicas de informática como fez nesse Video adorei muito.

  • @gtbnetwork
    @gtbnetwork ปีที่แล้ว

    Estou impressionado com a didática, com a facilidade de ensinar e passar o conhecimento de forma limpa, vou divulgar e compartilhar!! PARABÉNS !!

  • @KulbFe
    @KulbFe ปีที่แล้ว

    Sua didática é sensacional! Muito obrigada por se dispor a transmitir o seu conhecimento. Hoje não posso contribuir financeiramente. Mas posso curtir e deixar um merecido feedback positivo.

  • @andreluizyz
    @andreluizyz ปีที่แล้ว

    Um dos melhores canais para se aprender a programar! 🔥

  • @ericaluz8176
    @ericaluz8176 ปีที่แล้ว

    Obrigada professor, tenho aprendido muito, agora estou desempregada, mas assim que puder comprarei seu curso com muita alegria. Que Deus o abençõe.

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Que bom que está te ajudando. Grande abraço!

  • @raissawenceslau6551
    @raissawenceslau6551 ปีที่แล้ว

    professor, estou gostando muito das aulas! estou aprendendo bastante! muito obrigada pelo conteúdo :)

  • @lucasgorzizadasilva540
    @lucasgorzizadasilva540 2 ปีที่แล้ว +1

    Agradecido.

  • @Everaldobass
    @Everaldobass 2 ปีที่แล้ว +1

    Excelente conteúdo - Tudo Sobre Imagens.

  • @heloisahelenatavareslopes108
    @heloisahelenatavareslopes108 2 ปีที่แล้ว +1

    Obrigada pelo conteúdo, incrível, excelente, sem palavras, só gratidão 😍

  • @caiopjv
    @caiopjv 2 ปีที่แล้ว +1

    Curso muito bom. Obrigado.

  • @laiarruda
    @laiarruda ปีที่แล้ว

    Estou aprendendo muito. Obrigada demais!

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Que bom! Eu que agradeço por deixar seu comentário!

  • @leonardomendonca5155
    @leonardomendonca5155 ปีที่แล้ว

    Aula muito Top . Obrigado por compartilhar de seu conhecimento conosco. Só um adendo : Na questão das imagens , não é preciso ir até algum site e comprimir . Você pode diminuir o tamanho e o peso da imagem no próprio paint e é só mandar redimensionar e desmarcar a taxa de proporção e escolher a altura e largura da imagem. Salva e atualiza a pasta onde o arquivo se encontra. Um abraço professor!

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +2

      Oi Leonardo. Muito obrigado pelo comentário. Eu gosto de usar os sites de compressão pela praticidade. Principalmente quando coloca várias de uma vez só acaba ganhando muito tempo. Mas você está correto, é possível sim fazer algo semelhante com qualquer editor de imagens, inclusive Paint. Nesse caso, eu recomendo o Photopea, que te dá opção de escolher a qualidade da imagem sem precisar mexer na taxa de proporção ou resolução e ainda te da um preview do peso da imagem. O Photopea é um Photoshop Open Source. Abraço!

  • @CezarXGameR
    @CezarXGameR 2 ปีที่แล้ว +1

    Muito bom o vídeo, didática muito boa, ta me ajudando demais, vou comentar em todos os vídeos como forma de agradecimento.

  • @RafaelCavalcanteYT
    @RafaelCavalcanteYT ปีที่แล้ว

    Deus te abençoe cara, obrigado por compartilhar seu conhecimento Deus te ama muito

  • @tofaniomiranda9931
    @tofaniomiranda9931 3 หลายเดือนก่อน +1

    A tag também é uma das poucas tags que não tem fechamento, certo professor?

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน +1

      Sim, correto. A tag br não tem fechamento. Abraço!

  • @wagnerjanesson4522
    @wagnerjanesson4522 ปีที่แล้ว

    Sensacional. Parabens!

  • @nathaliacabral163
    @nathaliacabral163 9 หลายเดือนก่อน

    suas aulas são maravilhosas, obrigada!

  • @julianobr69
    @julianobr69 2 ปีที่แล้ว +1

    Excelente curso! Obrigado!

  • @MurilosilvaFX
    @MurilosilvaFX 9 หลายเดือนก่อน

    aula top, estou aprendendo bastante ate aqui!

    • @programacaoweb
      @programacaoweb  9 หลายเดือนก่อน

      Que bom Murilo! Grande abraço!

  • @giltonvida
    @giltonvida 2 ปีที่แล้ว +2

    Ótima aula!!!

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      Obrigado por sempre comentar! Forte abraço!

  • @Sousa.lima453
    @Sousa.lima453 ปีที่แล้ว

    Valeu, professor! Excelente aula!

  • @mathews0711
    @mathews0711 ปีที่แล้ว

    Conteúdo fantástico! Parabéns pela iniciativa, estou aprendendo muito!!!

  • @amandadiacis5216
    @amandadiacis5216 11 หลายเดือนก่อน

    Eita que minha cabeça bugou com essa aula, rs

  • @rgsouza2004
    @rgsouza2004 ปีที่แล้ว

    Excelente conteúdo. Parabéns!

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Muito obrigado Rodrigo. Grande abraço!

  • @Mk.mkinho
    @Mk.mkinho 2 ปีที่แล้ว +1

    Muito bom. Obrigado

  • @gitech9
    @gitech9 ปีที่แล้ว

    Ótima aula, estou no caminho para ser front end, e maratonando essse canal :))

  • @vinirodriguesbastos93
    @vinirodriguesbastos93 2 ปีที่แล้ว

    vamos que vamos nas aulas .🤓

  • @brunocarrilho6407
    @brunocarrilho6407 2 ปีที่แล้ว +1

    Muito bom

  • @mgahidraulica8725
    @mgahidraulica8725 ปีที่แล้ว

    caraca... que aula legal... muito bom mesmo... parabéns professor... 😄

  • @danielmachado6750
    @danielmachado6750 2 ปีที่แล้ว +1

    vamos que vamos aula 8

  • @leolima3077
    @leolima3077 2 ปีที่แล้ว

    Muito boa aula.

  • @amumu2760
    @amumu2760 9 หลายเดือนก่อน

    Magnifico

  • @BigTataz
    @BigTataz ปีที่แล้ว

    Professor muito obrigado pelas aulas, meu sonho é trabalhar com isso e graças a vc estou conseguindo evoluir e aprender bastante, muito obrigado de coração

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Que legal que está te ajudando. Grande abraço!

  • @rosidemorais
    @rosidemorais 2 ปีที่แล้ว

    Gratidão!

  • @Dammerzitos
    @Dammerzitos 5 หลายเดือนก่อน

    meu sensei

  • @entortacaneco
    @entortacaneco 2 ปีที่แล้ว

    Muito boa sua aula

  • @leilahempel
    @leilahempel 10 หลายเดือนก่อน

    Que aula !

  • @stinck5667
    @stinck5667 3 หลายเดือนก่อน

    Professor em relação a adicionar a área que desejo tornar linkavel na img.;
    É obrigatório, saber as coordenadas, caso pesa em uma empresa para escrever em um quadro em branco ? (perguntando isso, pq vi uns vídeos falando que tem umas empresas q pede para escreve no quadro branco)

  • @gutemberguejunior
    @gutemberguejunior 3 ปีที่แล้ว +2

    Professor Dimitri, bom dia!!! Gostaria de saber uma coisa. É possível criar um efeito HOVER para cada elemento mapeado da imagem? Por exemplo: Eu utilizei uma imagem que é um computador ao centro, um tablet a esquerda um teclado ao centro abaixo do monitor e um mouse a direita. Então: Utilizei o mapeamento e fiz a tela do monitor uma área, o tablet outra área, o teclado outra área e o mouse outra área. Tudo funcionou, porém, já ví em alguns sites que é possível ao passar o mouse sobre uma dessas áreas, aparece um efeito hover, ou seja, acende uma luz de seleção, com transparência, na área selecionada.
    Por exemplo, eu gostaria de selecionar o monitor com o efeito hover azul piscina, o tablet verde limão, o teclado lilaz e o mouse laranja. É possível...:? Estou pesquizando aqui para ver se aprendo.... Obrigado...

    • @programacaoweb
      @programacaoweb  3 ปีที่แล้ว +4

      É possível sim. Da uma pesquisada no Google que você encontra exemplos. Esse artigo explica um modo usando jQuery: bit.ly/3GGtLyH . Não tive muito tempo para pesquisar, mas acho que pode te dar um norte. Forte abraço!

  • @Eoigormuniz
    @Eoigormuniz ปีที่แล้ว

    Top

  • @MISTERIOSOV6D
    @MISTERIOSOV6D 8 หลายเดือนก่อน

    ja deixei o likee

    • @programacaoweb
      @programacaoweb  8 หลายเดือนก่อน +1

      Opa, valeu! Abraço!

  • @sergioparaiso4196
    @sergioparaiso4196 ปีที่แล้ว

    Achei mais um Guanabara kkkkk o cara tem uma didática foda. 👏👏👏

  • @itamaroliveira2706
    @itamaroliveira2706 2 ปีที่แล้ว

    Muito boa a explanação!. Me tira uma dúvida: como inserir várias imagens uma ao lado da outra. Exemplo tenho 12 imagens e preciso colocar uma ao lado da outra em cima e embaixo 2 fileira. Obg!

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +2

      Oi Itamar. Se você colocar várias tags de imagem elas vão naturalmente ficar uma do lado da outra. Pro tamanho ficar correto você vai precisar trabalhar com CSS e se atentar a largura da imagem. Por exemplo, para ter 12 fotos uma do lado da outra a largura de cada uma tem que ser em torno de 8% da tela. Como chegamos a essa conclusão? Pense que a tela tem 100% do tamanho, dividido por 12 fica 8,33%. Arredonda para 8% você tem 12 imagens uma do lado da outra. Veja um exemplo simples 👉bit.ly/3WlsbtQ . Abraço!

  • @josebuenodegodoy751
    @josebuenodegodoy751 ปีที่แล้ว

    Boa noite. Sou estudante de Bacharel em Tecnologia da Informação, olha que se não fosse seu canal, acho que já teria desistido... A USP deveria te contratar, na Universidade mais teoria e nada de prática, tudo muito supérfluo. Parabéns!!!😍

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Que bom que está te ajudando. Grande abraço!

  • @ALEXOXAVIER39
    @ALEXOXAVIER39 2 ปีที่แล้ว

    Tô escrito

  • @eliseusodre4909
    @eliseusodre4909 2 ปีที่แล้ว +2

    esse conteudo ta Top imagine o curso Pago que tá num custo bem acessivel 148,00 reais só.

  • @Bar27589
    @Bar27589 2 ปีที่แล้ว

    Que facilidade em passar esse tipo de conteúdo de forma clara, nada maçante, fácil de digerir, verei até outro vídeo depois desse.

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      Muito obrigado. Grande abraço!

  • @ailtonrobertopereira8810
    @ailtonrobertopereira8810 ปีที่แล้ว

    Olá Professor! Boa noite! Bom pra eu criar uma nova pasta e começar tudo do zero de outra forma só pra ver se aprendi mesmo como construir uma pagina de web, é da mesma forma que foi criada esta primeira como aula 1 né?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Oi Ailton. Sim. Só apagar e fazer do zero. Abraço!

  • @joaoknisspell8781
    @joaoknisspell8781 2 ปีที่แล้ว +2

    Boa tarde professor, mesmo eu colocando ela em .png está ficando com o fundo quadriculado. Saberia me responder porque isso está acontecendo?

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      Oi João. Está pegando imagens png direto da internet ou está criando tuas imagens?

    • @joaoknisspell8781
      @joaoknisspell8781 2 ปีที่แล้ว

      @@programacaoweb peguei direto da web, acho que por isso que não funcionou, pois quando eu fiz deu certo! Obrigado.

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +2

      Sim, quando a gente pega imagem png na web aqueles quadriculados do fundo as vezes enganam. Tem algumas imagens que parecem que tem aquele quadriculado de transparência, mas na verdade está "desenhado" o quadriculado mesmo no fundo da imagem. Como se fosse uma foto do quadriculado. Só testando a imagem para saber. Tem um recurso no Google Imagens perto da área de pesquisa você clica em "Ferramentas" depois em "Cor" escolhe opção "Transparente". Dai geralmente filtra apenas com fundo transparente. Forte abraço!

    • @joaoknisspell8781
      @joaoknisspell8781 2 ปีที่แล้ว

      @@programacaoweb Muito obrigado pela dica!!

  • @tha_lx
    @tha_lx ปีที่แล้ว

    Gostei bastante dessa aula! Bem explicada e entendi direitinho. Muito obrigada prof! Me fez pensar como é complicado montar um site hahaha. Prof, eu tenho uma duas perguntas, como faz pra centrar a imagem ou colocar ela do outro lado da tela? A segunda pergunta é: você recomenda algum app para celular para codificar que não seja o vs code? Eu não tenho PC no momento para treinar as tags.
    Obrigada pela aula prof! ❤️

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Oi Thaina. Primeiro, muito obrigado por deixar seu comentário. Fico feliz que está te ajudando. Sobre o posicionamento das imagens nós usamos CSS para fazer os alinhamentos. É o próximo curso após HTML. Por enquanto esse curso só apresenta o HTML que é basicamente a estrutura apenas, sem estilo. Sobre app para celular para codificar eu particularmente não programo no celular, então como não uso não tenho como indicar. Abraço!

    • @tha_lx
      @tha_lx ปีที่แล้ว

      Eu consegui encontrar um, é claro que não é igual ao pc. Mas deu para interligar alguns links. Muito obrigada prof pela atenção ❤️

  • @brunosantiago6869
    @brunosantiago6869 18 วันที่ผ่านมา

    Como deixo a cor dos códigos que nem na do vídeo?

  • @richardnogueira2107
    @richardnogueira2107 ปีที่แล้ว

    toda vez que uso o image map, ele buga as coordenadas quando defino um "width" ex:400px;
    sabe como faço pra resolver ?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Olá Richard. O recurso de Image Map em HTML é usado para associar diferentes áreas de uma imagem a URLs ou ações específicas. Quando você define larguras ou alturas específicas para a imagem que está usando no seu mapa de imagem, pode causar problemas nas coordenadas definidas. Isso ocorre porque as coordenadas em um mapa de imagem são normalmente especificadas em termos de pixels na imagem original, e ao redimensionar a imagem, essas coordenadas podem se tornar desatualizadas. O ideal seria trabalhar com a imagem no tamanho original correto de alvo. Abraço!

  • @ArlindoRibeiro-m9r
    @ArlindoRibeiro-m9r ปีที่แล้ว

    Boa tarde. O seu curso é muito bom! Mas estou com dificuldades na aula 8. Faço o caminho que você ensina para inserir as imagens e aparece somente uma figura pequena no formato de um quadrado. Você pode me ajudar? Existe outro caminho para inserir as imagens? Obrigado.

    • @ArlindoRibeiro-m9r
      @ArlindoRibeiro-m9r ปีที่แล้ว

      Consegui inserir uma imagem. Não consegui antes devido aos direitos autorais. Fiz o caminho que você ensinou utilizando uma imagem de um site citado por você e deu certo. Obrigado.

  • @deusefielcharlesaraujo4184
    @deusefielcharlesaraujo4184 ปีที่แล้ว

    Como faço para que a imagem que está dentro da pasta possa ser visualizada em qualquer computador?.

    • @deusefielcharlesaraujo4184
      @deusefielcharlesaraujo4184 ปีที่แล้ว

      Preciso saber disso urgentemente!!.

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Olá. Isso está rodando apenas em localhost, ou seja, apenas na sua máquina. Pra você poder disponibilizar isso online vai ter que publicar o site num servidor online. Pode usar uma hospedagem e domínio como hostgator, hostinger ou um serviço gratuito como github Pages. Tem vídeo aqui no canal sobre o assunto 👉 th-cam.com/video/nIR4myZ8w9c/w-d-xo.html abraço!

  • @Pwata
    @Pwata 2 ปีที่แล้ว

    Se eu coloco o caminho completo não funciona:
    C:\site\cao.jpg não funciona.
    Mas se eu coloco só cao.jpg funciona.
    Não consigo arrumar isso...
    Porque??
    Obrigado

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      Oi Paulo. Você só precisa apontar a imagem em relação ao arquivo que você está no projeto. Por exemplo, se você está na index.html na raíz do projeto e ten uma pasta img com uma imagem teste.jpg dentro, voce só precisa indicar "img/teste.jpg". O src da tag imagem não trabalha com file system do windows mas sim protocolo http. Você sempre indica um link web completo (http ou https) ou caminho relativo do arquivo de imagem no projeto. Se você tem uma imagem no computador que quer usar, copia ela e coloca dentro do projeto. Abraço!

    • @Pwata
      @Pwata 2 ปีที่แล้ว

      @@programacaoweb Entendi. Obrigado.

  • @PascoalinaGabriel
    @PascoalinaGabriel 7 วันที่ผ่านมา

    Se eu apagar a pasta onde está a imagem e o projecto, a imagem vem quebrada

  • @isaacdiasperissato9173
    @isaacdiasperissato9173 ปีที่แล้ว

    e se tirarmos print das imagens,modifica-las do nosso jeito e ate adicionar informacoes,pode dar certo?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Se fizer modificações suficientes para descaracterizar a autoria não tem problema. Abraço!

  • @LucasAlmeida-lv6cy
    @LucasAlmeida-lv6cy 5 หลายเดือนก่อน +1

    otimo video, ri muito quando você fez sem querer a bandeira da China no site kkkkk

  • @s3tmusic531
    @s3tmusic531 ปีที่แล้ว

    Professor estou usando essa teg img certinho mais não está aparecendo a imagem, obs: já baixei a imagem e coloquei na pasta do projeto, estou usando o app visual code, se puder me ajudar agradeço

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +1

      Olá. Muito provavelmente tem um erro de escrita. Outro erro comum é passar errado o caminho ou a extensão do arquivo.Sem ver seu código fica difícil de dizer. Coloca aqui como você fez que talvez eu possa dizer. Abraço!

    • @s3tmusic531
      @s3tmusic531 ปีที่แล้ว

      @@programacaoweb logo a Baixo da tag

    • @s3tmusic531
      @s3tmusic531 ปีที่แล้ว

      ​@@programacaowebOlá professor, acho que o problema está no app mesmo acabei de conseguir fazer certinho no meu notebook, no dia da dúvida estava com o cell deve ser alguma configuração que não soube por 😂, vlw tmj

  • @ketlensouza8687
    @ketlensouza8687 ปีที่แล้ว

    Poderia me tirar uma dúvida, eu criando um site so de HTML como forma de treinando, qualquer pessoa tem acesso caso pesquise?

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Oi Ketlen. Não, isso está apenas no seu computador. Ninguém tem acesso. Para poder disponibilizar na internet você precisa hospedar seu site num servidor, ou seja, colocar seu site no ar, publicá-lo. Você pode fazer isso usando serviços como o Github Pages ou uma empresa de hospedagem como hostinger ou hostgator. Tenho um vídeo no canal que mostra o processo no git Hub Pages 👉 th-cam.com/video/nIR4myZ8w9c/w-d-xo.html . Abraço!

  • @andressapachecosimoes5346
    @andressapachecosimoes5346 2 ปีที่แล้ว

    Boa tarde! Pra baixar no site tyni, o meu não deu certo... Mas de resto tudo ok! Obrigrada prof!

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว

      Oi Andressa. Que coisa deve ter sido um problema temporário. Pra mim está funcionando aqui normal. Lembrando que comprime JPG e PNG apenas neste site. Forte abraço!

  • @MusicaAf
    @MusicaAf ปีที่แล้ว

    Boa tarde professor . Tentei inserir a imagem porém deu erro não apareceu a opção de salvar e no site não mostra a imagem

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว

      Oi Afonso. Não entendi, como assim "não apareceu a opção de salvar"? Você diz na hora de pegar da internet a imagem? Abre a imagem em nova guia, clica com botão direito e salvar imagem como. Quando não mostra imagem geralmente é por colocar a extensão do arquivo errado ou esquecer do colocar, final jpg, png, gif etc ou caminho incorreto.Da uma verificada. Abraço!

    • @MusicaAf
      @MusicaAf ปีที่แล้ว

      @@programacaoweb a imagem que eu peguei está com o final .jpg

    • @programacaoweb
      @programacaoweb  ปีที่แล้ว +1

      Pois é, então deveria funcionar se o caminho para imagem estiver correto. Sem ver o teu código fica difícil de dizer. Da uma conferida, que alguma coisa está deixando passar despercebido. Grande abraço!

  • @chuell6061
    @chuell6061 2 ปีที่แล้ว +1

    Eu me cadastrei no seu site, só que eu ainda não recebi o e-mail para confirmar, e já tem uma hora que eu fiz isso, pode me ajudar

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      Oi Chuell. No rodapé do site tem meu contato. Me chama lá que verifico o que pode ter dado errado. Geralmente o email digitado errado. Forte abraço!

  • @TheChinaTech
    @TheChinaTech 2 ปีที่แล้ว

    Nao entendi a parte do ALT como fica, você não mostrou como fica depois de salvo?

    • @programacaoweb
      @programacaoweb  2 ปีที่แล้ว +1

      O ALT é atributo apenas para descrever a imagem. Ela não tem efeito visual. Serve para leitores de tela descreverem a imagem para deficientes visuais e mecanismos de busca entender do que se trata a imagem. Também se por algum motivo a imagem não for carregada, aparecerá um símbolo de imagem quebrada com o texto que você deixou no ALT. Abraço!

  • @ShisuiUchiha-bq4ls
    @ShisuiUchiha-bq4ls 6 หลายเดือนก่อน

    No meu celular o caminho relativo das imagens não funcionou.

    • @programacaoweb
      @programacaoweb  6 หลายเดือนก่อน

      Olá. Deve funcionar da mesma forma em qualquer dispositivo. Provavelmente o problema é outro. Como você está testando no celular?