Toques e Dicas HTML

1. O que é HTML?

HTML significa Hyper Text Markup Language - Marcação de Hipertexto. É um conjunto de comandos que define os componentes de uma página da web: links, imagens, formulários, formatação em geral. Digamos que o HTML é o "lado do avesso" de uma página ou documento da web. Veja, por exemplo, o código fonte de um e-mail: clique na aba Origem e vai aparecer uma "sopa de letrinhas e símbolos" que formam comandos. São eles que vão determinar a aparência da mensagem.

2. Tabelinha básica

Ela é muito útil quando se deseja escrever sobre um fundo colorido. A tabelinha pode ser feita de duas maneiras:

1. Simplesmente selecione a tabela, clique com o botão direito do mouse sobre ela, escolha a opção Copiar e Cole em outra mensagem. Apague o texto com cuidado e escreva o seu próprio texto ou

2. Cole o código abaixo (em azul) no código fonte de uma mensagem em branco, logo depois da linha <BODY bgColor=#ffffff> COLAR AQUI
Eis o código da tabelinha:

Entenda alguns comandos desta sopa de letrinhas:

<DIV align=center> define a posição da tabela (você pode trocar o center por right ou left)

TABLE bgColor= #EAEAEA define a cor do fundo da tabelinha (para trocar a cor mude o código da cor, em negrito)

border=8 define a largura das bordas

borderColor= #CDCDC define a cordas bordas claras(superior e esquerda)

borderColorDark= #ADADAD define a cor das bordas escuras (inferior e direita)

O conjunto de letras precedido do sinal # representa os códigos das cores. Para mudar as cores modifique os códigos, utilizando uma tabela de cores)

by Angela M. P. Glavam

2.1 TABELA COM TRANSPARÊNCIA

Para criar uma tabela <table></table> aí dentro da tag <table........></table> você
coloca as propriedades da sua tabela: cor de fundo, cor da borda, largura e opacidade, por exemplo.Veja abaixo

<TABLE bgColor=#f3bab4 border=0 cellPadding=2 height="100%"
style="FILTER: alpha(opacity=80); bordercolorlight: " width="60%"></TABLE>

Mas isso não basta para ter uma tabela.
Para cada linha você vai ter que colocar um par <tr></tr> entre <table>............</table>
E para cada célula da linha você tem que ter um par <td></td> entre <tr>.......</tr>

Exemplo:

TABELA COM UMA ÚNICA CÉLULA:
<table>
<tr>
<td>uma linha uma célula</td>
</tr>
</table>

TABELA COM DUAS LINHAS E TRÊS CÉLULAS POR LINHA:
<table>
<tr>
    <td>primeira célula primeira linha</td>
    <td>segunda célula primeira linha</td>
    <td>terceira célula primeira linha</td>
</tr>
<tr>
    <td>primeira célula segunda linha</td>
    <td>segunda célula segunda linha</td>
    <td>terceira célula segunda linha</td>
</tr>
</table>

2.2 Outra opção de tabela, usando só estilos

<table style="filter:alpha(opacity=80); background-color: f3bab4; width:
60%; height: 100%; border: 0px; padding: 2px;">
<tr><td>teste</td></tr>
</table>

2.3 Posicionando uma tabela

<table style="filter:alpha(opacity=80); background-color: f3bab4; width:
60%; height: 100%; border: 0px; padding: 2px;">
<tr><td>teste</td></tr>
</table>

* O comando <DIV align=center> determina a posição da tabela: center/left/right.

* Depois de aplicado o script você pode posicionar a tabela pela aba Editar. Selecione-a e clique no ícone de posicionamento do texto, na barra de formatação do Outlook:

by Romy e Angela

3. Som em página HTML

Para inserir um arquivo sonoro numa página HTML utilize o comando EMBED. Ele permite que o arquivo seja ouvido pelos usuários do Internet Explorer e também pelos usuários do browser Netscape.

Abra a página no Bloco de Notas e cole o comando no local onde deseja que apareça o "controle de som".

Este é o comando EMBED:

3.1 Inserir o comando EMBED utilizando o Front Page 2000:

1. Mantenha a aba EDITAR ativa. Você vai trabalhar pelo lado "direito" da página, não no código fonte, ok?

2. Clique no local desejado - vai aparecer o cursor piscando.

3. Clique em Inserir/Avançado/HTML.

4. Vai se abrir o quadrinho "Marcação HTML", em branco.

Copie o código EMBED e cole neste quadrinho. Clique em OK.

Clique na aba visualizar e verá o seu controle de som no lugar onde o cursor estava piscando.

Se você usar o EMBED desabilite a inserção pelo Front Page ou a música tocará duplamente.

4. Java, Applet Java e Java Script

1.Java: linguagem de programação que permite desenvolver programas voltados para a interatividade e multimídia na Internet, e que rodam em qualquer plataforma (servem para pcs, Macs etc).

Por estar estar fortemente associada à Internet, um dos aspectos mais divulgados da linguagem Java é a sua segurança. Mas, a importância de Java pode ser medida pela possibilidade de uso dessa linguagem em três diferentes frentes de programação:

- Aplicativos: um único aplicativo Java pode rodar em diferentes plataformas: PCs rodando Windows, Apple Macintosh, várias versões de Unix, IBM OS/2 e praticamente qualquer outro tipo de computador atualmente em uso.

- Applets: a linguagem Java oferece recursos únicos para a criação de programas a serem inseridos em páginas da Web, os Applets.

- Sistemas embutidos: programas escritos em linguagem Java podem rodar em sistemas que não são necessariamente computadores, tais como fornos de microondas, carros, videocassetes e celulares. Será cada vez maior cada vez maior a presença desse tipo de software em variados aparelhos, muitas vezes sem que o usuário se dê conta disso.

2. Applet Java: são programas escritos em linguagem Java (miniaplicativos) embutidos em páginas web para produzir desde pequenos efeitos especiais, até recursos avançados de programação. Devem estar contidos entre as tags: <applet>......</applet>

Os applets não podem rodar sozinhos - precisam ser inseridos em páginas Web e são executados automaticamente quando a página HTML que o contém é aberta em um browser habilitado para Java.

3. JavaScript: é uma linguagem de scripts baseada na tecnologia Java, porém mais simples e limitada.

Um Java Script cumpre a sua função mediante a simples inserção de um código (script) no código fonte de uma página html, entre as tags <script>...</script>.

Exemplos de efeitos obtidos com o uso de javascripts: datas,saudações( "bom dia","boa tarde" ou "boa noite"), efeitos de "on mouse over" (a imagem muda quando você passa o mouse por ela),entre outros.

Enquanto um JavaScript é escrito diretamente na página HTML, um applet Java, embora possa rodar nessa mesma página, existe separadamente (necessita de elementos que compõe o applet).

Por exemplo: para inserir um Applet numa página vc precisa fazer o download do arquivo que contém o applet, descompactar num diretório (pasta), editar um arquivo HTML com o código descompactado e salvar este arquivo no mesmo diretório onde você descompactou o arquivo.

O funcionamento do Applet Java:

1. Aplicação é executada quando se chama uma página html;

2. é carregada numa máquina cliente;

3. restringe-se a determinada área (janela);

4. deve estar contida em código HTML: <applet>......</applet>.

design by Angela Maria Pereira Glavam

Todo o material encontrado nesse site foi cedido, criado ou pesquisado para uso restrito no site. É proibida a retirada, reprodução, alteração ou adaptação de qualquer material escrito, assim como de elementos gráficos concebidos com exclusividade para essas páginas.Todavia, se eventualmente for encontrado algum material que possa ser identificado por terceiros, daremos o crédito devido, mediante comunicado e apresentação das devidas provas.