Beto Marques Internet Solutions - Curso de FrontPage 2000 On Line

Curso de HTML On Line - FrontPage 2000

Tabelas

Os comandos da tabela é <table>.....</table>

border - tamanho da borda
cellpadding - regula o espaço do conteúdo e as bordas da célula
cellspacing - regula o espaço entre as células
bgcolor - cor do fundo da tabela ou da célula
background - imagem como fundo da tabela ou da célula
rows - linhas
collumns - colunas
cells - células
th - célula título
tr - nova linha
td - nova célula
align - especifica o alinhamento da tabela ou células :
left ( esquerda ) , center ( centro ) e right ( direita )

valign - especifica o alinhamento das células na vertical :
top quer dizer que o conteúdo das células de uma mesma linha fica alinhado na parte superior da célula;
bottom alinha em relação à parte inferior da célula e
middle alinha em relação ao centro da célula

colspan - define quantas colunas irá ocupar uma célula em uma tabela irregular
rowspan - define quantas linhas irá ocupar uma célula em uma tabela irregular

<html>
<head>
<title>Tabela Regular</title>
</head>
<body>
<p>
<div align="center">
<center>
<table border="1" width="80%" bgcolor="#F9EEC6">

<tr>
<td width="33%" align="center">A</td>
<td width="33%" align="center">B</td>
<td width="34%" align="center">C</td>
</tr>

<tr>
<td width="33%" align="center">100</td>
<td width="33%" align="center">200</td>
<td width="34%" align="center">300</td>
</tr>

</table>
</center>
</div>
</p>
</body>
</html>

A	B	C
100	200	300

<html>
<head>
<title>Tabela Irregular</title>
</head>
<body>
<p>
<div align="center">
<center>
<table border="2" width="80%" bgcolor="#FFFFCC" bordercolordark="#B37E11">

</table>
</center>
</div>
</p>
</body>
</html>

A	C
B

Como criar uma Tabela no FrontPage 2000

Clique na ferramenta

e arraste quantas linhas e colunas ou

Table > Insert > Table
Tabela > Inserir > Tabela ou

View > Toolbars > Table
Visualizar > Ferramentas > Tabelas

Propriedades de uma Tabela no FrontPage 2000

Clique sobre a tabela com o botão direito do mouse >
Table Properties - Propriedades da Tabela

• Layout

Alignment - Alinhamento - alinhamento da tabela
Float - Flutuar - alinhamento do texto na tabela
Cell Padding - Enchimento da Célula - regula o espaço da borda e célula
Cell Spacing - Espaçamento da Célula - regula o espaço entre as células
Specify Width - Especifica a Largura
Specify Height - Especifica a Altura

• Borders - Bordas

Size - Tamanho da borda
Color - Cor da borda
Light Border - Borda Clara - cor do relevo da borda na parte superior da tabela
Dark Border - Borda Escura - cor de relevo da borda na parte inferior da tabela

• Background - Plano de Fundo

Color - Cor de Plano de Fundo da tabela
Use background picture - Usar Figura como Plano de Fundo da tabela

Style - Estilo - insere recursos de CSS - folha de estilo na tabela

Outras Propriedades da Tabela no Front Page 2000

Clique View > Toolbars > Tables
Exibir > Barra de Ferramentas > Tabelas e observe que será exibido vários ícones sobre as propriedades da tabela

Draw Table - Desenhar Tabela

Eraser - Borracha

Insert Rows - Inserir Linhas

Insert Colunms - Inserir Colunas

Delete Cells - Excluir Células

Merge Cells - Mesclar Células

Split Cells - Dividir Células

Align Top - Alinhar à Parte Superior - alinhar texto ou imagem na parte do superior da tabela ou célula
Center Vertically - Centralizar Verticalmente - alinhar texto ou imagem no meio da tabela ou célula
Align Bottom - Alinhar à Parte Inferior - alinhar texto ou imagem na parte do inferior da tabela ou célula

Distribute Rows Evenly - Distribuir Linhas Igualmente

Distribute Columns Evenly - Distribuir Colunas Igualmente

Fill Color - Cor de Preenchimento - pintar tabela ou célula

AutoFit - Auto-Ajustar

Propriedades de uma célula no Front Page 2000

Clique sobre a célula que queira modificar >
Cell Proprerties - Propriedades da Célula

• Layout

Horizontal Alignment - Alinhamento Horizontal - alinhamento da célula na horizontal
Vertical Alignment - Alinhamento Vertical - alinhamento da célula na vertical
Rows Spanned - Linhas Incluídas - define quantas linhas irá ocupar uma célula em uma tabela irregular
Columns Spanned - Colunas Incluídas - define quantas colunas irá ocupar uma célula em uma tabela irregular
Header Cell - Célula do Cabeçalho - especifica a Célula Título
No Wrap - Sem Quebra Automática
Specify Width - Especifica a Largura
Specify Height - Especifica a Altura

• Borders - Bordas

Color - Cor da borda
Light Border - Borda Clara - cor do relevo da borda na parte superior da célula
Dark Border - Borda Escura - cor de relevo da borda na parte inferior da célula

• Background - Plano de Fundo

Color - Cor de fundo da célula
Use background picture - Usar figura como plano de fundo da célula

Style - Estilo - insere recursos de CSS - folha de estilo na célula

Tabelas • Exercício 5

Introdução • Menu • Ferramentas • HTML • Site • Cores • Listas
Links • Imagens • Tabelas • Exercícios • Inscrição • Contato