Como editar o seu site num navegador …E depois poupa-me!

todos nós estivemos lá:

olhando para o seu site e apenas obcecado com algumas pequenas coisas que simplesmente não parecem “certas”.

talvez seja o texto, a fonte, o espaçamento, as cores, ou qualquer outra coisa.

de qualquer forma, você deseja simplesmente fazer uma edição rápida e carregar em save quando tudo parece perfeito.

a boa notícia é que navegadores modernos, (como Chrome, Firefox e Safari) oferecem algumas maneiras de visualizar mudanças simples em qualquer página web. Sim, qualquer página web. Mesmo aqueles que não são teus!,

isto significa que você pode modificar o HTML e CSS (também conhecido como código fonte) no seu navegador.

tenha em mente, isto só modifica a versão local no seu computador e não reescreve nada no servidor. É só uma antevisão. mas espera, há mais!

Existe agora uma forma de fazer edições para o seu site usando as ferramentas de desenvolvimento do seu navegador que podem ser gravadas permanentemente no servidor, por isso continue a ler!

Aqui está o processo passo a passo para editar uma página web usando o Google Chrome.,

como editar uma página web usando as ferramentas de desenvolvimento

  • abra qualquer página web com o cromo e passe o seu rato sobre o objecto que deseja editar (ou seja: texto, botões ou imagens).
  • carregue com o botão direito no objecto e escolha “inspeccionar” no menu de contexto.As ferramentas de desenvolvimento abrirão na metade inferior da sua tela e o elemento selecionado será destacado dentro da interface, também conhecida como DOM.
  • faça duplo-click no objecto seleccionado e ele irá mudar para o modo de edição., Você pode substituir os atributos de texto ou estilo (ou seja: cores, tipos de letra, espaço) e, em seguida, clicar fora do DOM para aplicar as alterações.
  • Use o atalho” Procurar ” para o ajudar a procurar atributos de texto ou estilo específicos. (“CMD + F” no Mac ou “CTRL + F” no PC)

Editar qualquer website de texto usando nossa útil bookmarklet

  • Destaque a negrito abaixo:
    javascript:documento.corpo.contentEditable = ‘true’; document.designMode= ‘on’; void 0
  • arraste o texto seleccionado para a sua barra de favoritos.,
  • carregue no ícone sempre que quiser editar o texto numa página!

Agora que você sabe como modificar qualquer site, vamos voltar ao que é mais importante.

como editar o seu site e gravar as alterações

isto não poderia ser mais simples. Se o seu site for construído e hospedado com PageCloud, você pode usar as ferramentas de desenvolvimento do seu navegador para fazer edições permanentes em qualquer uma das suas páginas web.

usando as ferramentas de desenvolvimento com PageCloud:

  • login to PageCloud.,
  • vá para a página em seu site que você deseja modificar.
  • carregue no símbolo ‘editar a Página’ no canto inferior direito. Se não o consegues ver, refresque a página. (“CMD + R “no Mac ou” CTRL + R ” no PC).
  • Uma vez carregado o editor, siga estes passos.
  • Carregue em Gravar no editor ou use o atalho: (“CMD + S” no Mac ou “CTRL + S” no PC).fácil, não é?que tal notícias ainda melhores? Você pode contornar as ferramentas do desenvolvedor e simplesmente fazer as alterações certas no editor.,

    PageCloud permite-lhe personalizar completamente as suas páginas sem nunca ter de entrar no código-fonte. Basta clicar e editar usando a paleta. Se você nunca escreveu o Código, esta será uma interface muito mais fácil de usar!

    confira Como criar um site profissional para mais dicas sobre como criar um site com PageCloud

    Se você é um desenvolvedor e quer tomar o seu site para o próximo nível, você pode acessar o editor de JavaScript usando o “J + S” de atalho enquanto estiver conectado a PageCloud editor de website.

    nunca ouviu falar de PageCloud?,

    tente hoje de graça e construa um site personalizado que lhe oferece completa liberdade para fazer todas as mudanças que quiser! Inscreva-se para um julgamento gratuito e comece com PageCloud!

Share

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *