Esta tag inclui um programa executável em Java na página, os applets Java, como são chamados. São programas de computador acionados pelos documentos em HTML. Os applets são transferidos a partir de um servidor Web para, em seguida, serem executados no computador do usuário. Os applets Java são multiplataforma, isso é, eles funcionam em PC, Macintosh, Sum, IBM ou Hewlwtt-Packard. Esse tipo de independência de plataforma tem sido a razão de seu maior sucesso.
Atributos:
code="classe Java"
Informa o nome do arquivo executável que será carregado
ou a sua URL completa.
codebase="URL base"
Informa o caminho para o arquivo executável citado em code.
É obrigatório se não foi fornecida a URL
completa em code.
name="nome"
Fornece um rótulo para o applet (opcional)
align, alt, hspace, vspace, height, width idênticos aos atributos de mesmo nome de <img>
Um exemplo da aplicação de um applet é esta fonte multicolorida que aparece abaixo.
Para exibir este efeito de fonte em sua homepage basta copiar o arquivo RainbowText.class para o diretório onde está o arquivo HTML que irá exibir o efeito, depois insira no arquivo HTML os seguintes parâmetros:
Sintaxe:
<applet code="RainbowText.class" width=310 height=42>
<param name=text value="Fonte Multicolorida">
<param name=fontname value="Arial">
<param name=bgcolor value="cd853f">
<param name=fontstyle value="B">
<param name=fontsize value="30">
<param name=sleeptime value="180">
</applet>
Cole esse código-fonte no arquivo HTML onde você quer que o efeito apareça.
Seus parâmetros de configuração são o seguinte:
width=310 height=42 é o tamanho da janela onde o texto está contido;
text value especifica o texto que irá exibir o efeito;
fontname especifica o tipo da fonte;
bgcolor a cor de fundo;
fontstyle o efeito (no nosso exemplo ela está em negrito "B");
fontsize o tamanho da fonte e finalmente
sleeptime que determina o tempo de duração do efeito apresentado.
Pronto!
Ah, sim! Na verdade você nem precisa fazer download do RainbowText.class. É que quando você abre uma homepage que possui os aplicativos applets Java o arquivo é copiado automaticamente para o seu diretório de arquivos temporários. Para localiza-lo basta clicar em [Iniciar], na barra de ferramentas do Windows e depois em [Localizar]. Digite *.class <Enter>. O comando de busca irá apresentar uma relação de todos os applets que você foi adquirindo pelas suas jornadas na Web. O RainbowText.class estará entre eles. Basta copia-lo para o diretório de sua homepage e pronto.
Fornece parâmetros para um applet.
Utilizado dentro de: <APPLET>
Atributos:
name="nome"
Informa o nome do parâmetro (definido no applet).
value="valor"
Informa o valor do parâmetro (definido pelo autor da página).
Vide o exemplo aplicado acima.
Altera tamanho, tipologia e cor do texto marcado.
Pode conter: texto, formatação de caracteres
Utilizado dentro de: blocos, listas, tabelas,
formulários
size="valor"
ou"incremento"
Altera o tamanho do texto. Pode ser através de um valor de 1, o menor, até 7,
o maior (o padrão é 3, caso não seja especificado o tamanho) ou através de incrementos
de -3 a +3. No exemplo abaixo configurei cada letra com um tamanho diferente, partindo do tamanho 7 em
ordem decrescente, depois crescente, depois decrescente...
T A M A N H O D A S F O N T E S
color="#rrggbb"
ou "nome"
Altera a cor do texto. Pode ser através do valor RGB (Red/Green/Blue) ou através
de um dos 16 nomes padrão VGA do Windows. Os valores RGB estão na base hexadecimal
(0 a 9, A, B, C, D, E, F).
C R I A N D O U M G R A D I E N T E D E C O R E S
|
EXEMPLOS: <font color="red">Texto em vermelho</font> <font color="008000">Agora verde</font> <font color="0000ff">Em azul</font> <font color="ab0125">Cor vinho</font> |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||
face="nome de fonte"
Altera a tipologia do texto de acordo com o nome de uma fonte disponível no sistema
local. Se a fonte não estiver disponível, não será alterada.
Exemplos de faces:
Texto exibido na fonte Verdana.
Texto exibido na fonte Courier New.
Texto exibido na fonte TimesRoman.
Texto exibido na fonte Arial Narrow.
Texto exibido na fonte MS Sans Serif.
Break Line - Quebra de linha. Força o texto que o segue a
iniciar na próxima linha.
Utilizado dentro de: cabeçalhos, elementos de formatação
de caracteres, blocos, células de tabelas, itens de listas.
Atributos opcionais:
clear="left", "right", "all"
Sem a opção clear simplesmente introduz uma quebra de
linha. Com a opção clear=left, quebra a linha e desce
até encontrar uma margem esquerda limpa. clear=right faz o
mesmo em relação à margem direita e clear=all,
desce até encontrar ambas as margens livres de figuras.
Esse comando evita que o texto seja quebrado em mais de uma linha, ou seja, o texto envolvido por <nobr>...</nobr> irá ter somente uma linha não importando a quantidade de palavras que ele contenha.
Indica ao browser onde o texto pode ser quebrado. Esta tag é usada em conjunto com <NOBR>.
O formato de imagem mais usado na Internet é o GIF e o JPG. Eles foram adotados devido seu tamanho comprimido, otimizando o tempo de abertura das homepages que utilizam imagens, fotos ou figuras em gerais. Tais imagens podem ser mapeadas de forma que uma determinada área sua possa ser vinculada a uma âncora de acesso para outros links. Mapear uma imagem consiste em determinar as coordenadas da imagem que pertencem a uma área de link com pontos de ativação. Existem duas maneiras de se fazer isso.
Uma imagem é formada por pixels (pontos). Seu tamanho é dimensionado pelos eixos X (largura) e Y (altura). A imagem dos limões abaixo possui a dimensão de 81 x 66 pixels. Portanto suas coordenadas partem do canto superior esquerdo (0 x 0) e vão até o canto inferior direito (81 x 66).
| NOTA: Para verificar a dimensão de uma imagem basta clicar sobre ela com o botão direito do mouse e depois selecionar Propriedades (no browser Internet Explore), ali é apresentado várias informações sobre a imagem, entre elas sua dimensão. Faça um teste na imagem acima. |
Mapear uma imagem consiste em informar ao browser que determinada área da imagem irá acessar outro link. Atributo:
name="nome_do_mapa"
Rotula o mapa com um nome que pode ser referenciado por uma imagem através do atributo
usemap.
Sintaxe:
<center>
<img src="imagens/lemon.gif" usemap="#demomap" border="1">
<map name="demomap">
<area shape=rect coords="0,0,40,33" href="img-mapeada.htm">
</map>
</center>
Observe o comando img src="...", especificando o nome da imagem, com o parâmetro usemap="#...", especificando o nome do mapa, antecedendo o comando map name="...". Agora movimente o cursor sobre a imagem abaixo e observe que no seu primeiro 1/4 aparece a opção de âncora para outro arquivo HTML.
Define coordenadas para
imagens mapeadas. As coordenadas variam conforme o tipo da área a ser mapeada. A área do tipo circular
possui duas coordenadas, uma para definir o centro do círculo e outra para definir o raio. A área
retangular possui duas coordenadas, também, uma para o vértice superior esquerdo e outra para o vértice
inferior direito. A área poligonal possui uma coordenada para cada vértice, conforme o tipo da poligonal.
Utilizado dentro de: <MAP>
shape="circ,
poly" ou "rect"
Círculo, polígono ou retângulo, respectivamente.
coords="coordenadas"
Depende da forma: coords="x1, y1, x2, y2, x3, y3, ..." definem os
vértices em um polígono; coords="x1, y1, x2, y2"
vértices opostos em um retângulo; coords="x, y, r"
centro e raio de um círculo.
href="URL"
Informa a URL que deve ser carregada ao se selecionar a área.
nohref
Permite que a área selecionada não acione nenhum link.
Determinar as coordenadas de uma área quadrada ou retangular até que é fácil, o problema começa a complicar quanto tentamos definir as áreas circulares ou, pior, as poligonais de uma imagem qualquer. Para isso temos diversos softwares shareware ou freeware que faz todo o trabalho matemático.
|
Aqui vai um editor de áreas mapeadas, o Map This v1.31 (Mpths131.exe) com 870KBytes de tamanho. Se não me engano ele é um aplicativo shareware. Ou talvez queira procurar algum outro nos sites de downloads relacionados abaixo. |
|
 |
 |
 |