HTML
Para visualizar corretamente configurar a tela para 1024 x 768 pixels

Editores

Sumário

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. 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 LibreOffice.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, pois, ele pode acelerar o desenvolvimento das páginas e, sempre que necessário, permite 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.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: 20 abr 2012