Conteúdo principal
Curso: Programação > Unidade 2
Lição 5: Ferramentas de desenvolvimento webUsando as ferramentas de desenvolvedor do navegador
Google Sala de AulaO desenvolvimento web é cheio de truques. É por isso que desenvolvedores web trabalham com diversas ferramentas—e estão sempre buscando novas ferramentas para adicionarem as suas caixas de ferramentas.
As ferramentas de desenvolvimento inclusas na maioria dos navegadores atuais são as favoritas da maior parte dos desenvolvedores web. Navegadores diferem pelas ferramentas que fornecem, mas eles têm mais semelhanças do que diferenças.
Inspetor de HTML
Uma ótima ferramenta é poder clicar com o botão direito em um elemento da página web e inspecionar o HTML dele. Veja como fazer isso no Chrome:
Inspetor de CSS
Outra ferramenta útil é o inspetor de CSS; com ele, você pode conferir quais estilos são aplicados em um elemento e modificá-los. Veja este vídeo e descubra como usar essa ferramenta no Chrome:
Essas duas ferramentas podem lhe ajudar a entender a estrutura de sites de terceiros, e ajudar com a depuração de seus próprios web sites.
Existem muitas outras ferramentas, mas essas duas são um excelente começo para melhorar seu desenvolvimento web. Tente inspecionar um elemento nessa página e veja o que você descobre!
Quer participar da conversa?
Não aparece nada nos links, apenas
"Ops!
A página que você está tentando carregar não existe."(8 votos)
If I want save my changes, is it possible? May I change and save my changes in my computer?(7 votos)
You can just copy the altered code. But if you refresh the page or open it again in other window, it will load the original version.(6 votos)
Defina um id ou class (em caso de múltiplas imagens)e faça da seguinte forma:
<style>
#exemplo{
text-align: center;
}
</style>
<img id="exemplo" src="url" alt="descrição" width="x">
E você conseguirá fazer funcionar normalmente. Espero ter ajudado.(5 votos)
- não consegui ver os vídeos, nem com firefox quanto com chrome. :/(4 votos)
Qual mais útil, inspetor do html ou css?(2 votos)- Depende do que você quer fazer, ambos se complementam(2 votos)
- como se tornar um bom programador?(2 votos)
não apareceu nada para min(1 voto)