Certifique-se que tem o X-Ray Goggles instalado

Sempre que encontrar uma página que queira inspecionar, clique no botão do X-Ray Goggles na sua barra de marcadores e comece a fazer alterações.

Inspecione os elementos

Com o X-Ray Goggles ativo, irá aperceber-se que, quando mexer com o rato, secções da página Web serão realçadas com uma caixa de cores vivas.

Estas caixas representam os elementos da página Web. Clique numa delas e será encaminhado para o editor de código, onde pode remisturar o elemento com a sua própria variação.

Comece a remisturar

Dependendo do tipo de elemento que selecione, poderá fazer várias formas de remisturas.

Altere algum texto

Selecione um bloco de texto, e altere o que diz no editor de código. Irá ver uma pré-visualização da sua alteração no painel principal acima.

Troque uma imagem

Todas as imagens utilizam a etiqueta <img> no seu HTML. Poderá ver que cada etiqueta <img> aponta para um URL que indica à etiqueta onde a imagem propriamente dita reside.

Poderá alterar a imagem original para o que quiser. Basta abrir um novo separador no navegador e encontrar a imagem que deseja utilizar, clicar com o botão direito e selecionar Copiar endereço da imagem.

Cole o URL da imagem no editor de código, e deverá ver a alteração na pré-visualização.

Modifique uma hiperligação

Pode fazer com que as hiperligações apontem para onde quiser.

Todas as hiperligações começam com <a href=" e, em seguida, contêm a URL para a qual a hiperligação aponta. Altere essa URL entre as aspas, e terá alterado o destino da hiperligação.

Poderá querer mudar também o que é chamado de "texto de âncora". Este é o texto etiquetado que dá ao visitante uma pista sobre a página de destino, e é geralmente exibido com um sublinhado e um tipo de letra azul.

Confirme e publique!

Se cometeu um erro, pode clicar no botão Cancelar no editor de código.

Se estiver satisfeito com as suas alterações, então clique no botão verde Atualizar para ver como a página remisturada fica.

Quando estiver pronto para publicar, clique na tecla p no seu teclado, ou em Publicar na barra lateral direita.

Se tiver sessão iniciada em teach.mozilla.org, a sua remistura Goggles publicada será adicionada à página "Your Prijects" em teach.mozilla.org e ser-lhe-á fornecido um URL único para poder partilhar a sua remistura com os amigos.