Raphael Simas Segunda-feira, 24 de março de 2003
Trabalhando com textos HTML e textos em imagem
script language="JavaScript"> function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //-->Nesta semana, veremos um assunto interessante....
falaremos sobre momentos corretos para usar texto no formato html
ou em imagens. São detalhes que mudam a cara de um site...
Falaremos de fontes, tamanhos, cores, disposições,
Títulos, destaques... Vamos à matéria!!
- Texto:
"do Lat. textu -
s. m.,
As próprias palavras de um autor, de um livro ou de qualquer
das suas partes;
palavras bíblicas que o orador sagrado cita, tornando-as
tema de sermão;
palavras citadas para demonstrar alguma coisa; teor;
(no pl.) colecções
de Direito, principalmente romano e canónico."
Filosofando um pouco (risos).... Definição
do site:
http://www.priberam.pt/DLPO/
que tem um dicionário online.... muito útil..
Bom, até algum tempo atrás, as fontes de informações
escritas eram estáticas.. Você tinha jornal, revistas
etc.... todas limitadas, pois no máximo que se poderia
chegar era num texto bem distribuído com uma ou outra foto
colorida. A Internet veio trazendo a forma de você apresentar
textos de uma forma como nunca antes.. animações,
fotos animadas, conteúdo dinâmico...
Com essa evolução, cabe as desenvolvedores web criar sites que explorem isso ao máximo... uma vez que a internet não pode ser um meio "banal" de informação... O grande "enigma" de quem trabalha com texto na web é fazer uma coisa agradável, que prenda a atenção do usuário com um texto objetivo, e, sempre que o texto for muito grande, você tem recursos para torná-lo mais agradável.. Hoje, quem acessa internet atrás de notícias e conteúdo quer ler a manchete, clicar e ver uma notícia completa e pequena para que não perca tempo... isso é um dinamismo... é uma forma que você tem para criar uma relação de "assiduidade" com seu visitante. Concluimos que um texto bem redigido e bem formatado é o melhor meio de ter um site bonito, prático e objetivo.
Só esperamos que daqui há algum tempo,
alguem crie um papel animado, como uma embalagem de sucrilhos
de uma das cenas do filme "Minority Report".... hehehe..
Falaremos agora, de meios que você tem para deixar um texto
"tinindo".. Veja abaixo.
- Fontes:
As fontes têm um papel fundamental na leitura.. não
podem ser muito pequenas nem muito grandes... não podem
ser apertadas nem muito largas... o texto deve estar no "meio
termo"...
Para este meio termo, temos as folhas de estilo... os sites tomaram
outro rumo com a criação delas..
A maioria dos Sistemas operacionais trazem de fábrica as
seguintes fontes:
- Times New Roman: essa
fonte é a times new roman...
- Arial: esta fonte é arial..
- Verdana: esta
aqui é a verdana
- Tahoma: esta é a
tahoma
Hoje, outra fonte quem tem aparecido bastante é a Trebuchet..
Essas 5 fontes são as padrões, se tratando de texto
html, sendo Arial e Verdana as mais usadas. A fonte padrão
dos navegadores em sua maioria é a Times New Roman. Porém,
é a que menos contribui na aparência do site.
A escolha da fonte deve ser feita de acordo com o visual do site,
tendo uma regra somente: Bom gosto.
- As Folhas de estilo nas fontes:
Veja AQUI a
diferença entre um texto normal e um texto bem formatado,
com uma folha de estilo.
Pelo exemplo você tem uma pequena visão de como é
melhor ler um texto bem formatado do que um sem formatação.
A situação se agravaria ainda mais se o texto fosse
bem maior.. quando maior o texto, melhor deverá ser a formatação...
o visitante tem que conseguir ler sem perceber que está
lendo um texto de grandes proporções.. Nestes casos,
o que mais vale é uma parceria entre uma ótima redação
e uma excelente formatação.
Ainda sobre as folhas de estilos... os tamanhos e cores das fontes
devem ser "legíveis". Veja outro exemplo AQUI.
Note que os tamanhos 11 e 10 são ótimos.
O tamanho 9 já não é tão bom, porém,
é ideal para portais com pequenas chamadas... o tamanho
8 é ilegível.... Quanto as cores, os tons de cinza
e de preto são muito usados. A cor mais clara que ainda
fica legível é "#999999".
A partir desta cor, as cores mais claras causam dificuldades na
leitura.
- Negritos, Itálicos
Os negritos tem uma importância muito grande....
dão destaque a títulos e palavras.. Por exemplo,
notícias de um portal:
Acidente:
Joãozinho cai da moto
Acidente: Joãozinho
cai da moto e se fere levemente.
:: Acidente na estrada!
Joãozinho cai de sua moto e fica levemente ferido
:: ACIDENTE NA ESTRADA ::
Joãozinho cai de sua moto e fica levemente
ferido
Existem várias formas para isso.. o negrito combinado com
uma cor como no exemplo acima, dá um toque legal, complementando
o site..
Já os itálicos não são muito usados,
até porque não fica tão legível com
textos html..
A partir deste caso, veremos textos em imagens.. Você passa
a usar textos em imagens quando as opções de texto
html não suportam mais sua idéia... Quando você
precisa de algo diferente do resto.. Veja abaixo:
NOTÍCIAS DO MUNDO
Guerra: Brasil é destaque no combate à
AIDS. Veja a matéria completa.
Guerra: Brasil é destaque no combate à
AIDS. Veja a matéria completa.
Neste caso, queríamos algo que fosse diferente,
com uma fonte diferente e algum detalhe de cores degradê..
Colocando as imagens no conjunto do site, você terá
um ótimo resultado..
Bom, assim chegamos ao fim da nossa matéria.
Cada caso deverá ser estudado para a melhor relação/apresentação
do texto ao visitante.. cada caso terá seus prós
e contras....
Mandém suas dúvidas, críticas e sugestões!
raphael@cafeazul.com.br
Até a próxima matéria semana!