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
Índice
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 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
Cole a URL da imagem no editor de código, e você verá as modificações na pré-visualização do lado direito.
Modifique um hiperlink
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
no canto superior direito.Se você estiver satisfeito com as alterações, em seguida, clique em
e veja com a sua página remixada ficou.Quando você estiver pronto para publicar, tecle a tecla p, ou o botão 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.