Como usar o editor de HTML do Firefox

Escrito por ehow contributor | Traduzido por luis nei jr.
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como usar o editor de HTML do Firefox
Utilize o editor de HTML do próprio navegador (internetseite image by FX Berlin from Fotolia.com)

O Editor de HTML Firebug é uma extensão, ou "add-on", para o navegador de internet Firefox. Ele foi programado por um dos criadores originais do próprio Firefox e oferece uma série de recursos de edição facilmente agrupados, motivo pelo qual mesmo web designers amadores utilizam-se dele de maneira confortável. Além de HTML, o Firebug permite editar CSS e JavaScript, bem como depurar todos os três scripts.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

    Instalação e Configuração do Firebug

  1. 1

    Abra o navegador Firefox. Faça o download do Firebug (vide link ao final). Siga as instruções de instalação. Reinicie o Firefox para ativar a extensão. Clique na marca de seleção verde no canto direito da barra de status para abrir o programa.

  2. 2

    Para configurar, dê um duplo clique no ícone do programa, no canto superior esquerdo do console. Clique em "Opções".

  3. 3

    Escolha "Sempre abrir em nova janela". Isso dá ao Firebug a sua própria janela de trabalho cada vez que você abrir o editor. Dê um clique duplo sobre a marca verde no lado direito da barra de status. Selecione "Desativar". Novo clique duplo sobre o mesmo ícone. Agora estárá cinza em vez de verde. Adicione um ou mais domínios individuais para os quais deseja ativar o editor de HTML.

    Edição de HTML

  1. 1

    Crie ou edite elementos de HTML de uma página com um duplo clique sobre ela e escolhendo "Editar HTML" no menu. Uma alternativa é clicar no botão "Editar" na barra de ferramentas de HTML. O painel de exibição do código-fonte se desbloqueia e passa a permitir a edição de código HTML existente ou a inclusão de novas linhas.

  2. 2

    Finalize as suas edições ou inclusões. Clique no botão "Editar". O painel do código-fonte vai voltar ao normal e as alterações serão aplicadas. Observe que os segmentos do código HTML, chamados "atributos", estão codificados por cores.

  3. 3

    Faça alterações em um atributo existente clicando sobre ele. A linha correspondente irá aparecer em uma caixa de texto. Finalize clicando fora da caixa para fechá-la e aplicar as alterações.

  4. 4

    Adicione um novo atributo ao texto existente. Dê um clique duplo e selecione "Novo atributo" no menu "Conteúdo" do Firebug. Um quadrado branco irá aparecer onde você indicar que deseja incluir a linha.

  5. 5

    É possível observar as mudanças aparecerem imediatamente na página que você estiver editando. Dentro do Editor, existe uma função "Ao Vivo", que imediatamente aplica as alterações.

Não perca

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