[TUTORIAL] Criando montagens perfeitas de páginas na WEB usando o "Inspecionar Elemento"

Olá pessoal, hoje eu vou ensinar como alterar dados das páginas usando o editor HTML para fazer montagens mais reais sem ter que usar Photoshop ou outro editor de imagem que as vezes demora muito e nem sempre sai um resultado convincente. 

Vamos precisar de apenas um navegador que dê para acessar as informações da página, no tutorial eu vou usar o Firefox, mas o Google Chrome também pode ser usado.

Se você não tem nenhum desses navegadores e deseja baixar algum deles siga os links abaixo:

BAIXAR GOOGLE CHROME         BAIXAR FIREFOX

COMEÇANDO

 Para editar eu vou usar uma postagem de uma página aleatória do Facebook, aqui eu peguei uma da Xuxa.

Postagem original

Após instalar o navegador desejado, basta ir até a página desejada por ele, em seguida clique com o botão direito do mouse no texto que deseja alterar e escolher a opção "Inspecionar Elemento".

Abrirá uma tela na parte inferior do seu navegador com todas as informações na página e a que você clicou com o botão direito aparecerá em destaque como a linha azul na imagem.

  Agora dê 2 cliques em cima da linha em destaque e em baixo aparecerá as informações, incluindo o texto.

Dê 2 cliques em cima do texto ou clique em "Editar como HTML" e pronto, basta digitar o texto novo.

Agora basta clicar em outra linha ou dar enter e pronto, o texto foi alterado.

Trocando Imagens

Procure a imagem desejada, clique com o botão direito e vá em "copiar endereço da imagem" 

Depois vá na imagem da página, clique com o botão direito e vá novamente em "Inspecionar Elemento" e a linha aparecerá destacada no painel em baixo.

Agora clique com o botão direito e vá em "Editar como HTML"

Cole o link da imagem sempre que ver o link da imagem antiga,

aqui ele aparecia em 3 campos, depois de “href”, “ajaxify” e “src” lembre-se de por o link sempre entre as “aspas”

 Dê enter ou clique em outra linha e pronto, imagem alterada.

Fazendo isso você pode alterar tudo na página, como a hora.

 como a hora.

A quantidade de  likes.

 

Para sair do modo edição basta clicar no X no canto direito do painel.

E no final, pode printar sua montagem perfeita.

ATENÇÃO: Se você atualizar a página as informações digitadas serão perdidas.