Como editar HTML com o Firebug

Escrito por ehow contributor | Traduzido por milene hermenegildo
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como editar HTML com o Firebug
Como editar HTML com o Firebug (typing on a computer keyboard image by TEMISTOCLE LUCARELLI from Fotolia.com)

O complemento Firebug, da Mozilla, ajuda web designers e programadores a fazerem bons códigos para seus sites, usando boas ferramentas e formatos acessíveis, para mostrar o código fonte da página em CSS, HTML e linguagens de script. Os usuários podem editar o HTML no Firebug, para se certificar que seu código não tem erros de digitação ou tags mal posicionadas. As características específicas desta aplicação a tornam um programa obrigatório para seu computador.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

Instruções

    Instruções

  1. 1

    Abra o aplicativo Firebug. O produto é bastante amigável e usa menus de comando e guias claramente identificados mostrando onde você precisa ir.

  2. 2

    Clique na aba "HTML" no menu da janela principal, para ter acesso aos módulos de código HTML.

  3. 3

    Utilize comandos de busca para localizar os elementos. O Firebug mostra o código HTML para todos os elementos, incluindo aqueles que o Javascript ou outra linguagem modificam.

  4. 4

    Clique nos elementos com o mouse e veja o código HTML aparecer em outra janela. O Firebug torna fácil visualizar diferentes módulos HTML, de acordo com o que está visível em seu site.

  5. 5

    Use a tecnologia "editar e recarregar" para fazer mudanças rápidas em suas páginas. Você pode ajustar ou otimizar elementos e ir direto para o teste, recarregando a página com o Firebug.

Dicas & Advertências

  • Trabalhe com um elemento de cada vez. Se sua página realmente precisa ser trabalhada, é melhor se concentrar em cada parte separadamente, evitando a tentação de parar antes que você realmente tenha terminado. Use o poder do Firebug para chegar à raiz dos problemas do código-fonte de sua página.

Não perca

Referências

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível