Page 24 - Locaweb - Edição 30
Basic HTML Version
::
lw
_
review
locaweb
24
Resultados
nahora
Com a ferramenta Firebug, é possível
modificar códigos de páginas no Firefox
e conferir os efeitos instantaneamente
Por
::
Max Jahnke
O Firebug é uma ferramenta
de desenvolvimento web
que se integra ao Firefox e pode
ser usada a qualquer momento
enquanto o navegador está ativo.
Com ela, é possível acessar HTML,
CSS e até mesmo o código em
JavaScript da página, de modo a
fazer modificações on the fly. Isso
implica na possibilidade de
modificar a página acessada e
observar instantaneamente os
efeitos da alteração.
É muito fácil e rápido de instalar
o Firebug. Para isso, basta seguir as
instruções que aparecem na página
Depois de
instalar, para iniciar o Firebug, clique no
ícone de um inseto cinza na status bar
do Firefox. O Firebug também pode
ser iniciado com a tecla F12. Assim
que for ativada, a ferramenta aparece
na parte inferior da janela em que foi
acionada e não influencia nas outras
abas que estiverem abertas.
Cria e corrija CSS
A maneira mais fácil de aprender
a usar o Firebug é colocando a mão
na massa. De preferência, opte por
recorrer à ferramenta em algum site
com CSS e que, se possível, apresente
Acesse
para
baixar gratuitamente o programa.
Depois, basta seguir as instruções na
tela para efetuar a instalação e
começar a usá-lo no browser Firefox
Fique por dentro de tudo que rola de interessante no universo da internet
algum problema de formatação,
como textos ou imagens que não se
encaixam onde deveriam.
Uma vez com o Firebug aberto,
selecione a aba HTML. Note que
os elementos HTML da página
são estruturados em forma de
árvore e que, ao passar o cursor do
mouse por cima desses itens, cada
elemento correspondente na página
é destacado. Reciprocamente, clique
no cursor azul que aparece na barra
do Firebug ao mover o cursor pela
página. Assim, o recurso “Inspect”
carregará o código correspondente, o
que tornará o processo de correção
muito mais simples.
Depois de identificar via Firebug
o código que precisa ser modificado,
basta dar um clique no texto, ou em
atributos, para modificar os valores
e ter instantaneamente a página
atualizada. O mais interessante é que,
