Inspecionando e remixando sua primeira página web

Informações da edição
  • Id da edição: 53514
  • Criação:
  • Criador: user917725
  • Comentário: Pronto para revisão
  • Revisado: Sim
  • Revisado:
  • Revisado por: user917725
  • Aprovado? Sim
  • É a edição atual? Não
  • Pronto para tradução: Não
Origem da edição
Conteúdo da edição

Certifique-se de que você tem o X-Ray Goggles instalado

Toda vez que você tropeçar em cima de uma página que você deseja inspecionar, clique no botão X-Ray Goggles na barra de ferramentas e começe o hacking.

Se precisar de ajuda com os comandos, basta digitar h em seu teclado, ou clique no botão de Ajuda na barra lateral direita.

Inspecione os elementos

Quando X-Ray Goggles está ativado, você vai perceber que, como você passar o cursor do mouse, seções da página web ficam em destaque com uma caixa colorida.

Estas caixas representam os elementos da página da web. Clique em um e você vai entrar no editor de código, onde você pode remixar o elemento com a sua própria variação

Comece remixando

Dependendo do tipo de elemento que você selecionou, você pode fazer várias formas de remix

Mude algum texto

Isso é o mais fácil. Selecione um bloco de texto, e mude o texto no editor de código do lado esquerdo. Você verá uma prévia da sua mudança no lado direito do editor de código.

Troque uma imagem

Todas as imagens usam a tag <img> no seu HTML. Você vai ver que cada tag aponta para um endereço URL onde vive a imagem real.

Você pode alterar a imagem original para o que quiser. Basta abrir uma nova aba do navegador e encontrar a imagem que você deseja usar, clique com o botão direito e selecione copiar endereço da imagem

Cole a URL da imagem no editor de código, e você verá as modificações na pré-visualização do lado direito.

Você pode mudar os hyperlinks para onde quiser.

Todos os hiperlinks começar com <a href=" e contem a URL para onde hiperlink aponta. Mude essa URL que está entre as aspas, e você mudará o destino do link.

Você também pode querer mudar o que é chamado de "texto âncora". Este é o texto rotulado que dá ao visitante uma pista sobre a página de destino, e geralmente é exibido com um sublinhado e uma fonte azul.

Confirme e publique!

Se você cometeu um erro, você pode clicar no botão Nevermind no canto superior direito.

Se você estiver satisfeito com as alterações, em seguida, clique em Confirmar alterações e veja com a sua página remixada ficou.

Quando você estiver pronto para publicar, tecle a tecla p, ou o botão publicar ao longo da barra lateral direita.

Se você estiver conectado no Webmaker, seu Goggles remix será adicionado à sua Galeria e você receberá um URL para compartilhar com os amigos.

Nível máximo suas habilidades

Quer ser um pouco mais avançado? Tente editar o CSS da página. Mantenha a tecla precionada c para ver o CSS e depois tecle a barra de espaço para editar.