Como editar páginas da web on-line

Quando você precisar fazer uma rápida alteração em uma página da Web e não tiver um editor de HTML no seu computador, poderá editar seu código no navegador. Vários sites têm ferramentas poderosas que permitem desenvolver, testar e ajustar páginas da Web de qualquer local que tenha uma conexão com a Internet. Você pode até incluir JavaScript e Cascading Style Sheets no código digitado nesses editores on-line.

1

Navegue até o site do JsFiddle e revise a interface do usuário do site. Você encontrará quatro caixas de texto grandes no lado direito da página. Três dessas caixas permitem que você insira um tipo específico de código HTML. Cole seu código HTML na caixa HTML, JavaScript na caixa JavaScript e seu código Folha de Estilo em Cascata na caixa CSS. Depois de fazer isso, clique em "Executar" e o JsFiddle exibirá sua página da Web na quarta caixa. Você pode salvar sua página clicando em "Salvar". O site cria um URL exclusivo que você pode compartilhar com outras pessoas. Quando eles visitam o JsFiddle, eles verão as mesmas quatro caixas que você faz. Desenvolvedores em diferentes locais costumam usar o JsFiddle para trabalhar em sites de forma colaborativa

2

Visite o site do Quackit HTML Editor. O Quackit tem um editor de HTML completo semelhante ao que você encontraria em um aplicativo de desktop. Linhas de ferramentas na parte superior do editor permitem formatar o texto HTML inserido no editor, gerenciar hyperlines, adicionar imagens e executar outras tarefas relacionadas a HTML. O editor exibe tudo no modo Visualizar, mas você pode clicar no botão "Origem" do editor para alternar para o modo de exibição HTML. Nessa visão, você pode trabalhar diretamente com seu código-fonte HTML da mesma forma que faria com o editor da área de trabalho. Quando terminar de editar, realce e copie o código que você vê na exibição de código-fonte e cole-o em um documento de texto no disco rígido.

3

Vá para a página da Web do Editor do Tryit do W3Schools.com e encontre a caixa de texto de edição no lado esquerdo da página. O W3Schools é um site de tutoriais on-line que possui um editor de HTML chamado Tryit que processa código HTML, CSS e JavaScript em tempo real. Cole o HTML na caixa de texto de edição ou digite HTML do zero. Quando você clica no botão “Editar e clique em mim”, próximo ao topo da página, o editor exibe sua página da Web em uma caixa de visualização ao lado da caixa de edição. Ao adicionar código à caixa de edição, digite-o exatamente da maneira que você faria se estivesse inserindo-o em um editor de HTML comum. Você não precisa separar seu código HTML, JavaScript e CSS como faz no JsFiddle. Como o W3Schools é um site tutorial, você pode clicar no link “W3Schools.com” no canto direito da página e ver uma variedade de tópicos que podem ajudá-lo a aprender programação na Web e descobrir dicas de programação.

Dicas

• Editores on-line também são uma ótima maneira de testar pequenos trechos de código HTML que você descobre na Internet ou se desenvolve. Por exemplo, se você encontrar um trecho de código útil que crie uma apresentação de slides, poderá copiá-lo e colá-lo em um editor on-line para saber como ele funciona instantaneamente.
• É uma boa ideia copiar o código em que você está trabalhando periodicamente, caso a conexão com a Internet fique inativa ou o navegador trave. Copie o código clicando dentro de um editor, pressionando "Ctrl-A" e, em seguida, pressionando "Ctrl-C".