É 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
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.
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!!!
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!!!
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!!
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 👋
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.
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.
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...
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 ❤
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.
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🙏)
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.
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!
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!
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
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)
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...
É 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!
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!
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!
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!!!😍
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é?
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!
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! ❤️
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!
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!
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.
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.
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!
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
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!
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
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!
@@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
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!
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!
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!
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!
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!
E aí aprendeu algo novo nessa aula?
Compartilha com um amigo, se inscreve no canal e deixa seu gostei!
Forte abraço!
Bom dia Dimitri! Tudo bem? Você tem alguma plataforma em que eu possa fazer o curso de forma paga e receber algum certificado?
@@feynmanmidia90 Sim 👉curso.programacaoweb.com.br .Abraço!
Não entendo como um super conteúdo desses não tem muitas visualizações. Top
Muito obrigado Kaio! 👏👏👏 Um abraço!
É bom que agt aprende e não tem concorrente kkk
@@Joséjonhson-v4oné kkm
É 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
Porque a maioria das pessoas só assistem besteira sem futu6
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.
Obrigado pelo comentário. Grande abraço Erivelton!
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!!!
Nunca vi aulas tão didáticas, aprender programação por aqui vale cada segundo
Muito obrigado. Grande abraço!
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!!!
Que bom que está gostando Miguel. Grande abraço!
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!!
Muito obrigado Alex! Grande abraço!
Curso em Vìdeo? KKKKKKKK
Que Deus abençoe sua vida! Obrigado por compartilhar seu conhecimento aqui conosco!
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 👋
Que bom Fabiana. Grande abraço!
conteúdo sensacional, muito grato por poder aprender tudo isso de graças e com qualidade
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.
Muito obrigado Leandro. Abraço!
Aula top cara, parabéns! Terminando seu curso aqui já vou logo assistir seus cursos de css, tenho certeza que é muito bom tbm.
Em pouco tempo estou aprendendo muita coisa Meus parabéns 🎉
De todos que eu vi é o melhor ,estou aprendendo programação por conta
Maratonando todas as aulas!
Legal Ester! :)
as aulas são tão boas que eu nem vejo o tempo passar, que didática incrível!! obrigada prof
Obrigado Nena! :)
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.
Comecei a estudar tem 1 semana e ja aprender muitas coisa e vou aprender muito mais, e com certeza vou comprar um curso
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...
Valeu Marreiros! Fico feliz que está gostando e está te ajudando. Grande abraço!
Prof. Dimitri, Era a parte q eu tava mais esperando . Obrigado, de coração.
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 ❤
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.
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!!!
Muito obrigado Gabriel. Vai ser muito bem-vindo na turma! Abraço!
Perfeito!. muito bom!!!
simplesmente os melhores cursos de programação gratuitos estão no seu canal!!
Obrigado! 😁👍
Seu conteúdo é muito bom, parabéns! Aprendendo muito com você!
Excelente didática, o melhor que já vi no yt até hj!
Muito obrigado! Tmj 🤜🤛
Obrigado por compartilhar o conhecimento, parabéns pelo seu trabalho.
Eu que agradeço por comentar Anderson. Forte abraço!!
Que conhecimento incrível, aprendi com você, oq não consegui na faculdade. Agradeço.
Que legal Diego. Grande abraço!
Sua aula é muito boa, parabéns mesmo
Você é o melhor!
Obrigado Pedro! Abraço!
aprendendo bastante coisa ...valendo cada segundo...
Muito bom coisas que não aprendi em 1 ano de aula presencial em algumas horas parabéns 👏👏❤
Sensacional o melhor de todos que já vi até agora
Muito obrigado! Grande abraço!
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🙏)
Legal Camile! Desejo todo sucesso do mundo pra você!
adorei muito, além de ensinar programação, você ainda nos da dicas de informática como fez nesse Video adorei muito.
Que bom que gostou 😃👍
Estou impressionado com a didática, com a facilidade de ensinar e passar o conhecimento de forma limpa, vou divulgar e compartilhar!! PARABÉNS !!
Muito obrigado! Forte abraço!
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.
Muito obrigado Fernanda! Abraço!
Um dos melhores canais para se aprender a programar! 🔥
Muito obrigado Andre! 🤜🤛
Obrigada professor, tenho aprendido muito, agora estou desempregada, mas assim que puder comprarei seu curso com muita alegria. Que Deus o abençõe.
Que bom que está te ajudando. Grande abraço!
professor, estou gostando muito das aulas! estou aprendendo bastante! muito obrigada pelo conteúdo :)
Que bom Raíssa. Um abraço!
Agradecido.
Aquele abraço Lucas!
Excelente conteúdo - Tudo Sobre Imagens.
Obrigada pelo conteúdo, incrível, excelente, sem palavras, só gratidão 😍
Curso muito bom. Obrigado.
Estou aprendendo muito. Obrigada demais!
Que bom! Eu que agradeço por deixar seu comentário!
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!
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!
Muito bom o vídeo, didática muito boa, ta me ajudando demais, vou comentar em todos os vídeos como forma de agradecimento.
Deus te abençoe cara, obrigado por compartilhar seu conhecimento Deus te ama muito
Obrigado! Um forte abraço!
A tag também é uma das poucas tags que não tem fechamento, certo professor?
Sim, correto. A tag br não tem fechamento. Abraço!
Sensacional. Parabens!
Valeu Wagner. Abraço!
suas aulas são maravilhosas, obrigada!
Excelente curso! Obrigado!
aula top, estou aprendendo bastante ate aqui!
Que bom Murilo! Grande abraço!
Ótima aula!!!
Obrigado por sempre comentar! Forte abraço!
Valeu, professor! Excelente aula!
Conteúdo fantástico! Parabéns pela iniciativa, estou aprendendo muito!!!
Valeu Mathews! 👍
Eita que minha cabeça bugou com essa aula, rs
Excelente conteúdo. Parabéns!
Muito obrigado Rodrigo. Grande abraço!
Muito bom. Obrigado
Ótima aula, estou no caminho para ser front end, e maratonando essse canal :))
Que bom Girlene. Um abraço!
vamos que vamos nas aulas .🤓
Bora Vini! 👨💻🔥
Muito bom
Obrigado Bruno! Abraço!
caraca... que aula legal... muito bom mesmo... parabéns professor... 😄
vamos que vamos aula 8
Muito boa aula.
Obrigado Léo. Abraço!
Magnifico
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
Que legal que está te ajudando. Grande abraço!
Gratidão!
Muito obrigado Rosimeire!
meu sensei
Muito boa sua aula
Muito obrigado Victor! Abraço!
Que aula !
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)
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...
É 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!
Top
Valeu Igor! Abraço!
ja deixei o likee
Opa, valeu! Abraço!
Achei mais um Guanabara kkkkk o cara tem uma didática foda. 👏👏👏
Obrigado Sergio. Abraço!
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!
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!
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!!!😍
Que bom que está te ajudando. Grande abraço!
Tô escrito
esse conteudo ta Top imagine o curso Pago que tá num custo bem acessivel 148,00 reais só.
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.
Muito obrigado. Grande abraço!
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é?
Oi Ailton. Sim. Só apagar e fazer do zero. Abraço!
Boa tarde professor, mesmo eu colocando ela em .png está ficando com o fundo quadriculado. Saberia me responder porque isso está acontecendo?
Oi João. Está pegando imagens png direto da internet ou está criando tuas imagens?
@@programacaoweb peguei direto da web, acho que por isso que não funcionou, pois quando eu fiz deu certo! Obrigado.
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!
@@programacaoweb Muito obrigado pela dica!!
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! ❤️
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!
Eu consegui encontrar um, é claro que não é igual ao pc. Mas deu para interligar alguns links. Muito obrigada prof pela atenção ❤️
Como deixo a cor dos códigos que nem na do vídeo?
toda vez que uso o image map, ele buga as coordenadas quando defino um "width" ex:400px;
sabe como faço pra resolver ?
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!
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.
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.
Como faço para que a imagem que está dentro da pasta possa ser visualizada em qualquer computador?.
Preciso saber disso urgentemente!!.
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!
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
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!
@@programacaoweb Entendi. Obrigado.
Se eu apagar a pasta onde está a imagem e o projecto, a imagem vem quebrada
e se tirarmos print das imagens,modifica-las do nosso jeito e ate adicionar informacoes,pode dar certo?
Se fizer modificações suficientes para descaracterizar a autoria não tem problema. Abraço!
otimo video, ri muito quando você fez sem querer a bandeira da China no site kkkkk
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
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!
@@programacaoweb logo a Baixo da tag
@@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
Poderia me tirar uma dúvida, eu criando um site so de HTML como forma de treinando, qualquer pessoa tem acesso caso pesquise?
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!
Boa tarde! Pra baixar no site tyni, o meu não deu certo... Mas de resto tudo ok! Obrigrada prof!
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!
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
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!
@@programacaoweb a imagem que eu peguei está com o final .jpg
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!
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
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!
Nao entendi a parte do ALT como fica, você não mostrou como fica depois de salvo?
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!
No meu celular o caminho relativo das imagens não funcionou.
Olá. Deve funcionar da mesma forma em qualquer dispositivo. Provavelmente o problema é outro. Como você está testando no celular?