HTML

Editores

Os primeiros editores HTML funcionavam apenas em modo texto, com linhas de comando, como é possível no sistema operacional Linux.

Ou seja, seria necessário conhecer todos os códigos de cor. Por exemplo:

<i> e </i> : formatar em itálico
<p> e </p>: abrir e fechar um parágrafo
<h1> e </h1>: formatar como título 1

E dezenas de outros

E também seria preciso saber a maneira de escrevê-los corretamente, já que a sintaxe é rígida.

Como a lista de códigos para decorar é grande e como não se visualizava as alterações imediatamente, esse método não é adequado para a maioria das pessoas, que não tem conhecimentos de Informática.

Editores gráficos de HTML

Então, foram criados os editores WYSWYG, ("What you see is what you get" = O que você vê é o que tem) que funcionam de modo similar a um editor de textos, e permitiram que qualquer pessoa possa criar uma página web sem necessidade de conhecer a codificação HTML.

Assim, esses programas permitem que ao se selecionar algo no texto (uma palavra, uma frase...) e ao se pressionar um botão ou escolher uma opção, converta-se cada ação em um código.

É importante notar que estes editores não representam exatamente o que as pessoas verão ao visualizar a página, pois a visualização final depende de como cada navegador interpreta a linguagem HTML.

Cada usuário também pode modificar a visualização

No Mozilla Firefox, por exemplo, pode-se

bloquear as janelas popup, que em geral contém propagandas (Veja como, clicando aqui.)

alterar o tamanho da fonte, ao visualizar um "site" (Veja como, clicando aqui.)

fixar um tamanho mínimo de fonte (Veja como, clicando aqui.)

permitir Java e Java Script (Veja como, clicando aqui.)

Assim, a visualização de um site pode ser diferente em cada computador.

(topo)

HTML WYSIWYG

Felizmente vários programas foram desenvolvidos para codificar os tags de forma correta, dispensando o autor da página dessa tarefa.

Assim, usando um desses programas pode-se digitar um texto, incluir figuras e sons de maneira muito semelhante à que se faz quando se digita um texto em um editor como o BrOffice.org Writer.

Aqui pretende-se chegar a uma noção de HTML do tipo WYSIWYG onde há pouca necessidade de preocupação com a estrutura da linguagem.

O melhor uso que se pode dar a um editor WYSIWYG consiste em utilizá-lo para acelerar o desenvolvimento das páginas e, sempre que necessário, ir ao código fonte para efetuar as correções / otimizações necessárias.

Os exercícios apresentados foram feitos com o programa NVU

ou o Kompozer.

Entretanto, se escrever for uma atitude pouco frequente, pode-se usar extensões do Firefox ( como ScribeFire, Xinha Here)., que podem se integrar a sites ou blogs.

A maioria dos sistemas de publicações da web incluem editores de HTML simples, de modo que qualquer usuário pode neles colocar imagens, vídeos, links, e textos com alguns recursos de formatação.

A resolução da tela

Algumas vezes, ao ver uma página tem-se a impressão que o texto está "encolhido" ocupando apenas parte da tela. Essa visualização é causada pela resolução de vídeo.

Resoluções altas como 1280X1024 causam essa aparência. Se a resolução for alterada (em Painel de controle - Vídeo), as páginas ocuparão a tela inteira na horizontal.

Muitos sites (principalmente os maiores) produz suas páginas em valores bastante utilizados pelos usuários - 800x600 pontos. A tendência é que os sites sejam projetados para ocupar 1.024 pontos de largura.

Como ainda não há uma tecnologia Web que "entenda" a resolução do monitor e altere automaticamente os padrões do HTML, por enquanto quem usa resoluções mais altas deve se conformar.

Como ver o código fonte de uma página HTML

No Mozilla Firefox ou em Mozilla suite clicar em "Exibir" e em "Código- fonte HTML"

Abrir-se-á uma nova janela contendo o código fonte da página que está sendo apresentada pelo navegador.

.

Este "site", destinado prioritariamente aos alunos de Fátima Conti,
está disponível sob FDL (Free Documentation Licence),
pretende auxiliar quem esteja começando a se interessar por internet,
computadores e programas, estando em permanente construção.
Sugestões e comentários são bem vindos.
Se desejar colaborar, clique aqui.

Agradeço antecipadamente.

Deseja enviar essa página?

Se você usa um programa de correio eletrônico devidamente configurado e tem
um e-mail pop3, clique em "Enviar página" (abaixo) para abrir o programa.
Preencha o endereço do destinatário da mensagem.
E pode acrescentar o que quiser.
(Se não der certo, clique aqui para saber mais).

Enviar página

Se você usa webmail copie o endereço abaixo

http://www.cultura.ufpa.br/dicas/htm/htm-edit.htm

Acesse a página do seu provedor. Abra uma nova mensagem.
Cole o endereço no campo de texto.
Preencha o endereço do destinatário.
E também pode acrescentar o que quiser.

Última alteração: 26 abr 2009