apostila frontpage

FRONTPAGE 2000 APOSTILA

SUMRIO 1. FrontPage 2000 .................................................................................................................. 4

1.1 Introduo .................................................................................................................. 4 1.2 A Linguagem HTML e o FrontPage .......................................................................... 4 1.3 Alguns Conceitos ....................................................................................................... 5 1.4 O que o FrontPage faz................................................................................................ 6 1.5 Qual a Aplicabilidade do FrontPage .......................................................................... 6 1.6 Como o FrontPage Funciona...................................................................................... 7 1.7 Os Modos de Visualizao do FrontPage .................................................................. 7 1.8 O que uma Web faz.................................................................................................... 8 1.9 Qual a Aplicabilidade de uma Web ........................................................................... 8 1.10 Como uma Web Funciona.......................................................................................... 8 1.11 O que o Formatar Fonte faz e qual sua Aplicabilidade............................................ 11 1.12 Como o Formatar Fonte Funciona ........................................................................... 12 1.13 Para que Serve Formatar o Pargrafo ...................................................................... 15 1.14 Como Funciona a Formatao de Pargrafo ............................................................ 16 1.15 Recuos...................................................................................................................... 17 1.16 Espaamentos........................................................................................................... 18 1.17 Qual a Aplicao dos Efeitos de Animao............................................................. 20 1.18 Como Funcionam os Efeitos de Animao.............................................................. 20 1.19 O que Fazem e qual a Aplicabilidade das Linhas Horizontais ................................ 22 1.20 Como as Linhas Horizontais Funcionam................................................................. 22 1.21 O que e para que Serve o Letreiro Digital............................................................. 23 1.22 Como Funciona o Letreiro Digital ........................................................................... 23 1.23 O que e qual a Aplicabilidade do Contador de Acessos ....................................... 25 1.24 Como Funciona o Contador de Acesso.................................................................... 25 1.25 Qual o objetivo das Propriedades da Pgina............................................................ 26 1.26 Acessando as Propriedades da Pgina e Alterando o Plano de Fundo..................... 27 1.27 Definindo a Cor Padro de Texto e o Ttulo da Pgina ........................................... 30 1.28 Definindo as Cores dos Hyperlinks ......................................................................... 31 1.29 O que fazem e qual a Aplicabilidade dos Temas ..................................................... 32 1.30 Como os Temas Funcionam..................................................................................... 33 1.31 Personalizando os Temas ......................................................................................... 33 1.32 Alterando as Cores do Tema.................................................................................... 34 1.33 Alterando os Elementos Grficos ............................................................................ 36 1.34 Alterando o Formato do Texto................................................................................. 37 1.35 Salvando o Tema...................................................................................................... 38 1.36 Conhecendo os Tipos de Imagens para Internet ...................................................... 39 1.37 O que as Imagens Fazem e qual a sua Aplicabilidade ............................................. 39 1.38 Inserindo Clip-art ..................................................................................................... 40 1.39 Configurando o Editor de Imagens .......................................................................... 42 1.40 Inserindo Imagens de Arquivos ............................................................................... 43

2. Criando Pginas ............................................................................................................... 46 2.1 Criando a Pgina Primatas ....................................................................................... 46 2.2 Criando a Pgina Marsupiais ................................................................................... 48

Apostila FrontPage 2000 Prof Maria Angela M. Roveredo Santos Jun-01 1


2.3 Criando a Pgina Felinos ......................................................................................... 48 2.4 Criando a Pgina Paquidermes ................................................................................ 49 2.5 Criando a Pgina Pssaros ....................................................................................... 49 2.6 Criando a Pgina Rpteis ......................................................................................... 50

3. Tpicos mais utilizados: Marcadores,Numerao ... ....................................................... 50 3.1 Qual a Funo dos Marcadores e Numerao.......................................................... 50 3.2 Inserindo Marcadores............................................................................................... 51 3.3 Usando uma Imagem como Marcador ..................................................................... 52 3.4 Inserindo Numerador ............................................................................................... 52

4. Tabelas ............................................................................................................................. 53 4.1 O que as Tabelas Fazem e qual sua Aplicabilidade ................................................. 53 4.2 Como as Tabelas Funcionam ................................................................................... 54 4.3 Modificando Atributos da Tabela ............................................................................ 55 4.4 Modificando Atributos da Clula............................................................................. 57 4.5 Mesclando Clulas ................................................................................................... 58 4.6 Dividindo Clulas .................................................................................................... 60 4.7 Praticando o Dividir Clulas .................................................................................... 62 4.8 Incluindo Linhas e Colunas...................................................................................... 62 4.9 Removendo Linhas e Colunas.................................................................................. 64

5. Hyperlinks........................................................................................................................ 64 5.1 O que so e qual a Aplicabilidade dos Hyperlinks .................................................. 64 5.2 Criando Link para E-mail ........................................................................................ 65 5.3 Criando Link para outra Pgina do Site ................................................................... 66 5.4 Criando Link para uma Nova Pgina....................................................................... 67 5.5 Criando Link para um Endereo da WWW............................................................. 69 5.6 Criando Link para um Ponto da Pgina ................................................................... 70

6. Componentes.................................................................................................................... 73 6.1 Qual a Funo do Gerenciador de Anncio em Faixa ............................................. 73 6.2 Como o Gerenciador de Anncio em Faixa Funciona............................................. 74 6.3 O que o Boto em Foco faz e qual sua Aplicabilidade ............................................ 76 6.4 Como o Boto em Foco Funciona............................................................................ 76 6.5 Criando Outros Botes para a Pgina ...................................................................... 77 6.6 Alterando o Foco do Boto de Texto para Imagem................................................. 78

7. Links para Pginas Criadas .............................................................................................. 78 7.1 Links para os Marsupiais ......................................................................................... 78 7.2 Links para os Felinos ............................................................................................... 79 7.3 Links para os Paquidermes ...................................................................................... 80 7.4 Links para os Pssaros ............................................................................................. 81 7.5 Links para os Rpteis ............................................................................................... 82

8. Quadros (frames).............................................................................................................. 82 8.1 O que os Quadros Fazem e qual sua Aplicabilidade................................................ 82 8.2 Como Funcionam os Quadros.................................................................................. 83 8.3 Configurando Cada Quadro ..................................................................................... 83 8.4 Definindo a Pgina Inicial do Quadro...................................................................... 84 8.5 Criando uma Nova Pgina ....................................................................................... 85 8.6 Salvando as Novas Pginas e os Quadros................................................................ 86 8.7 Configurando as Propriedades dos Quadros ............................................................ 88



8.8 Desativando Bordas e Controlando Espaos entre os Quadros ............................... 91 8.9 Criando Vnculos entre os Quadros ......................................................................... 92

9. Pgina Principal e Links .................................................................................................. 94 9.1 Alterando a Pgina Principal e Links para os Felinos ............................................. 94 9.2 Alterando a Pgina Principal e Links para os Marsupiais ....................................... 94 9.3 Alterando a Pgina Principal e Links para os Paquidermes..................................... 95 9.4 Alterando a Pgina Principal e Links para os Pssaros ........................................... 96 9.5 Alterando a Pgina Principal e Links para os Rpteis ............................................. 96 9.6 Criando os Links do Cabealho ............................................................................... 97 9.7 Dividindo e Excluindo Quadros............................................................................... 98

10. Mapa de Imagens ......................................................................................................... 98 10.1 O que o Mapa de Imagens faz e qual sua Aplicabilidade ........................................ 98 10.2 Criando o Mapa de Imagens .................................................................................... 99 10.3 Criando o Vnculo Padro...................................................................................... 101

11. Formulrio.................................................................................................................. 102 11.1 Para que serve o Formulrio .................................................................................. 102 11.2 Como os Formulrios Funcionam.......................................................................... 103 11.3 Criando os Botes de Opo.................................................................................. 104 11.4 Criando Caixa de Texto de uma Linha .................................................................. 105 11.5 Criando Outras Caixas de Texto no Formulrio .................................................... 107 11.6 Criando o Menu Suspenso ..................................................................................... 108 11.7 Acrescentando mais Campos ................................................................................. 110 11.8 Criando Caixa de Seleo ...................................................................................... 110 11.9 Criando Caixa de Rolagem de Texto ..................................................................... 112 11.10 Criando o Restante do Formulrio ..................................................................... 113 11.11 Configurando o Boto de Ao.......................................................................... 114 11.12 Para que serve Configurar o Formulrio............................................................ 115 11.13 Configurando o Formulrio ............................................................................... 115

12. Barra de Navegao ................................................................................................... 117 12.1 O que a Barra de Navegao faz e qual sua Aplicabilidade .................................. 117 12.2 Como a Barra de Navegao Funciona.................................................................. 118

13. Organograma.............................................................................................................. 119 13.1 Criando o Organograma do Zo ............................................................................ 119 13.2 Criando a Barra de Navegao do Zo .................................................................. 121 13.3 Alterando as Propriedades da Barra de Navegao ............................................... 123

14. Relatrios ................................................................................................................... 124 14.1 Qual a Funo dos Relatrios ................................................................................ 124 14.2 Como Construir um Relatrio................................................................................ 125

15. Importao ................................................................................................................. 126 15.1 Qual o Objetivo da Importao.............................................................................. 126 15.2 Importando um Arquivo......................................................................................... 126 15.3 Importando uma Web............................................................................................. 128

16. Publicar ...................................................................................................................... 131 16.1 O que Publicar..................................................................................................... 131 16.2 Como funciona a Publicao do Site ..................................................................... 132 16.3 Fazendo Upload pela Primeira Vez ....................................................................... 132 16.4 Publicando as Alteraes do Site ........................................................................... 134



1. FrontPage 2000 1.1 Introduo

A WWW (World Wide Web), existe a apenas alguns anos, e tem revolucionado o modo de comunicao entre as pessoas. Alm de enviar mensagens de correio eletrnico pelo mundo, qualquer um pode criar suas prprias informaes personalizadas e disponibiliz-las atravs de uma Pgina Web qualquer pessoa que possua um navegador da Web.

As pginas da Web existem deste 1991, quando a WWW foi inventada. Naquele tempo, um grupo de pessoas colaborou para a criao de vrios padres que permitiram que os computadores de todo o mundo "falassem" uns com os outros eletronicamente. Um dos mais importantes padres criados por eles foi a HTML, linguagem de marcao que est por trs de cada pgina da Web.

O FrontPage uma ferramenta de criao, gerenciamento e publicao de sites da Web. Tudo isto feito de forma interativa, sem precisar necessariamente, de saber utilizar e programar em HTML.

1.2 A Linguagem HTML e o FrontPage

A linguagem HTML composta por uma grande quantidade de cdigos, denominados tags, que so inseridos em um arquivo de texto comum. Cada uma dessas tags possui um propsito especfico e usada para marcar como determinadas informaes devem aparecer em um navegador. Para criar arquivos HTML, necessrio um editor de texto simples, como por exemplo, o Bloco de Notas do Windows. Na verdade, o nico modo pelo qual voc pode distinguir arquivos HTML de arquivos de texto sem olhar dentro deles consiste em examinar suas extenses de arquivos geralmente .HTM ou .HTML em lugar de .TXT ou .Doc.

Como voc pode imaginar, aprender a construir sites da Web com este tipo simples de ferramenta para o tratamento HTML requer tempo e esforo.

Desde ento, foram criados vrios programas que auxiliam na criao de sites da Web, e o FrontPage um deles. Ao usar o FrontPage, ele toma conta de todo trabalho difcil para voc, pois, nos bastidores, ele se encarrega de gerar todo o cdigo HTML necessrio. Portanto, quando voc salva uma determinada pgina da Web gerada no FrontPage, na verdade, est criando um arquivo de texto em HTML. Depois disto voc utiliza o seu navegador favorito para ler essa HTML e interpretar cada tag. O FrontPage permite que voc penetre na parte oculta e edite o cdigo HTML diretamente, mas, na maioria das vezes, voc usar a interface grfica do FrontPage.


FRONTPAGE 2000 APOSTILA 1.3 Alguns Conceitos

HTML: significa Hypertext Markup Language, ou Linguagem de Marcao de Hipertexto. a linguagem de marcao que est por trs de cada pgina da Web, controla o modo exato pelo qual o texto e os grficos (figuras) so apresentados atravs de um navegador.

Navegador ou Browser: o programa que todos precisam ter em seu computador para explorar a Internet. o navegador que l arquivos HTML, comunica com um dos milhares de servidores que compem a WWW e recebe de volta, do servidor, o arquivo HTML que dever ser exibido na tela em forma de textos e figuras. um interpretador de HTML que l os cdigos contidos no arquivo e decide como exibi-los.

Web: uma rede global composta por milhares de computadores diferentes que constantemente conversam uns com os outros. Cada computador da WWW chamado de servidor da Web e contm vrios arquivos HTML.

Pgina da Web: o arquivo contendo comandos HTML.

Site: um conjunto de pginas HTML relacionadas entre si.

Site da Web do FrontPage: para o FrontPage, um grupo de pginas da Web relacionadas entre si geralmente chamado de site da Web sempre chamado de Site da Web do FrontPage. Ela diferente da World Wide Web (WWW) que geralmente citada na frase "navegar pela Web". Tal "Web" o conjunto de computadores interligados pelo mundo inteiro que enviam pginas HTML para todos os lados medida que estas so solicitadas por usurios (conforme conceito visto anteriormente).

Java: uma linguagem popular que os programadores utilizam para criar programas interativos, denominados applets, que so executados diretamente dentro de uma pgina da Web. Ela est otimizada para funcionar especificamente na WWW e funciona exatamente do mesmo modo em todos os tipos de computadores, dentre os quais os Macs, os Pcs e as mquinas UNIX.

CGI: (Common Gateway Interface) uma linguagem de programao, que possibilita que pginas da Web se comuniquem e compartilhem informaes com o servidor no qual residem atravs de banco de dados.

Pixel: uma unidade de medida para monitores de computador que se refere ao nmero de pontos que compe a tela. Um monitor VGA tem 640 pixels de largura por 480 pixels de altura. Cada pixel corresponde a um dos pontos da tela do seu computador que compem toda a imagem.


FRONTPAGE 2000 APOSTILA 1.4 O que o FrontPage faz

Como vimos a linguagem da Internet conhecida como HTML. O FrontPage gera o HTML partir de um editor visual do texto, das formataes, das figuras que acrescentamos, das tabelas e qualquer outro objeto que utilizarmos em nossa pgina.

1.5 Qual a Aplicabilidade do FrontPage

Normalmente os cdigos para a construo de uma pgina so construdos em um editor de texto simples como o bloco de notas do Windows. O desenvolvedor da pgina precisa conhecer os cdigos e digit-los de maneira correta. Criar pginas desta forma nos traz um nico problema, perdemos muito tempo na digitao dos cdigos, o FrontPage veio para resolver este problema, como ele um gerador de HTML, ns precisamos nos preocupar apenas com a esttica da pgina e o FrontPage se encarrega de transformar o que digitamos e formatamos em cdigo HTML. Agilizando o processo de criao do site. Alm, de trazer vrios recursos criados em outras linguagens para Internet, como Java, para serem apenas configurados em nosso site.


FRONTPAGE 2000 APOSTILA 1.6 Como o FrontPage Funciona

1.7 Os Modos de Visualizao do FrontPage

Do lado esquerdo da tela do FrontPage encontramos a Barra de Modos, ou seja, as maneiras de trabalhar com o FrontPage. A seguir descrio de cada um desses modos.

Pgina

O modo de visualizao Pgina ser utilizado para fazer a edio das pginas que faro parte do site que est sendo criado.

Pastas

O modo de visualizao Pastas mostra de que modo o site organizado. Todos os arquivos HTML e imagens so exibidos e podem ser organizados em vrias subpastas, como por exemplo a subpasta Images onde so armazenados todos os grficos (figuras) utilizados na Web.


FRONTPAGE 2000 APOSTILA Relatrios

O modo de visualizao Relatrios ser utilizado para voc gerenciar a web que estiver trabalhando. Poder ser visualizado um resumo do site, os arquivos lentos, os desatualizados, etc.

Navegao

O modo de visualizao Navegao usado para construo de barras de navegao automatizadas entre pginas da Web. Ou, pode tambm ser utilizado simplesmente para montagem de um organograma do site, facilitando o controle e navegao entre os arquivos que voc criou. (O assunto Barras de Navegao ser abordado mais adiante nesta apostila).

Hyperlinks

Este modo de visualizao oferece uma representao grfica de como cada arquivo do site est vinculado a outro. Por meio de um sistema hierrquico, o FrontPage desenha linhas entre os arquivos vinculados. Mostrando a organizao dos links, assim voc consegue identificar se os links criados esto bem distribudos ou confusos.

Tarefas

O ltimo modo de visualizao apresenta uma lista de tarefas que voc marcou para serem concludas. Ao longo do processo de construo do site, voc pode freqentemente tomar nota de tarefas que devem ser concludas antes que o site esteja terminado. Estas tarefas podem ser lidas e concludas uma por vez.

1.8 O que uma Web faz

Uma Web o grupo de arquivos relacionados disponibilizados em um servidor Web na Internet. O FrontPage trabalha com webs.

1.9 Qual a Aplicabilidade de uma Web

As webs facilitam a organizao dos arquivos. mais aconselhvel utilizar webs para construo de sites do que pginas soltas. Alm do controle dos arquivos serem facilitados, vrios recursos do FrontPage sero mais explorados se utilizados em uma web. Existem vrios modelos e assistentes que o auxiliaro na criao da sua web ou site.

1.10 Como uma Web Funciona

Para criar uma web:



1. Clique no menu Arquivo / Novo / Web ou na seta direita do boto Nova Pgina na barra de ferramentas Padro e selecione a opo Web, conforme a figura a seguir mostra.

2. Ser exibida a janela para escolha do modelo ou assistente para criao da Web.

3. Primeiro selecione o tipo de web que ser criada. Para trabalharmos escolha Web vazia.

4. Depois na caixa Especifique o local da nova web defina em qual pasta do winchester o seu site ser armazenado. Este caminho dever ser digitado. O caminho que guardaremos os arquivos ser C:\ Meus documentos\zoologico, o primeiro site que criaremos ser para o zoolgico de BH.

5. Depois clique em OK.



6. Voc visualizar a tela no modo de exibio Pgina que utilizado para edio das pginas do site. Do lado esquerdo est sendo visualizado a lista de pastas da web que pode ser ocultada.

7. Se desejar ocultar a lista de pastas clique no boto Lista de pastas na barra de ferramentas Padro. Para exibi-la, clique novamente no boto Lista de pastas.

8. Selecione o modo de exibio de Pastas.

Como criamos uma web vazia ser necessrio acrescentarmos pginas nesta web. Para criar uma pgina nova:

1. Clique no boto Nova Pgina na Barra de Ferramentas Padro.

2. Um novo arquivo aparecer do lado direito da tela com o nome index.htm de sugesto, se desejar altere o nome do arquivo.

Quando o FrontPage sugere o nome index.htm isto significa que este ser o arquivo de entrada do site. Se o arquivo que for criar neste momento for o principal mantenha este nome.

Utilize nomes de arquivos para Internet com apenas 8 dgitos, apesar da maioria dos provedores aceitarem nomes de arquivos maiores, o melhor manter 8 dgitos. Tambm evite letras maisculas e smbolos prprios do computador (como *, /, +) nos nomes de arquivos.


FRONTPAGE 2000 APOSTILA Se voc precisar escolher um modelo para a pgina nova:

1. Clique no menu Arquivo / Novo, escolha um dos modelos e clique em OK.

Est janela s aberta quando utilizamos o menu Arquivo / Novo, quando clicamos no boto Nova pgina na Barra de Ferramentas Padro inserida uma pgina em branco automaticamente.

Para editarmos a pgina d um clique duplo sobre a pgina. Voc ser enviado para o modo Pgina. O cursor estar piscando no incio da pgina aguardando a digitao do texto.

1.11 O que o Formatar Fonte faz e qual sua Aplicabilidade

Formatar significa dar forma, melhorar a aparncia do texto. Em pginas para Internet a formatao deve ser bem feita para no expulsar o usurio do site.

Usando a formatao voc conseguir transformar o seu site em um ponto atraente da Internet, fazendo com que usurios que visitaram o seu site, voltem outras vez para ver as informaes importantes e as formataes novas que voc est criando.


FRONTPAGE 2000 APOSTILA Formatao envolve fonte, pargrafo, bordas, efeitos e vrios itens que veremos no decorrer deste material.

1.12 Como o Formatar Fonte Funciona

Digite o texto abaixo:

Aps digitar o texto, vamos salvar as alteraes que fizemos nesta pgina. Clique no boto Salvar na barra de ferramentas Padro ou clique no menu Arquivo / Salvar.

Agora vamos formatar o texto desta pgina. As formataes de texto so basicamente as mesmas que podemos fazer em um texto no Microsoft Word. Selecione o primeiro pargrafo da pgina, ou a primeira frase.

Clique no menu Formatar / Fonte.



Na caixa Fonte escolha um tipo de letra para o texto.

Observao

Utilize sempre fontes que sejam padro da instalao do Windows. Isso se deve ao fato de que ao acessar uma pgina na Internet e uma fonte especificada, essa fonte precisar ser localizada no micro do usurio no no local onde a pgina est hospedada (armazenada). E a maioria das pessoas no possuem uma biblioteca de fontes muito grande no micro. As fontes que atualmente esto sendo mais utilizadas so Arial, Tahoma e Verdana.

Na caixa Estilo da fonte determine qual ser o estilo de fonte utilizado. Na caixa Tamanho escolha qual ser o tamanho da fonte para o texto. Na caixa Cor escolha uma cor para ser aplicada ao texto.

Ao clicar na caixa Cor notar que so mostradas as cores padres, as cores que se encontram no documento e a opo Mais cores que utilizaremos para criar uma cor diferente das existentes.



Clique na opo Mais cores, ser mostrada a janela a seguir:

Clique em uma das cores para selecion-la, mas se a cor que voc est precisando no est sendo visualizada nesta tela poderemos cri-la ou selecion-la de um objeto que est na pgina.

Para criar um nova cor, clique no boto Personalizar, a janela a seguir ser mostrada:



Primeiro clique na cor que ser a principal, depois mova o Controle de luminosidade da cor at que a caixa Cor Slido mostre a cor no tom desejado. Seguindo estes passos voc est criando um cor personalizada, para grav-la clique no boto Adicionar s cores personalizadas.

Para utilizar a cor que acabou de ser criada clique no boto OK, novamente em OK e no boto OK da janela Formatar Fonte.

Esto disponveis tambm vrios efeitos que podem ser utilizados na formatao da fonte, ao clicar sobre o efeito uma visualizao ser mostrada. Teste cada um dos efeitos e o que for realmente necessrio deixe marcado. (Sugerimos que utilize a opo Forte).

Depois de fazer as configuraes necessrias clique no boto OK.

1.13 Para que Serve Formatar o Pargrafo

Formatar pargrafo significa dar forma, melhorar a aparncia do texto. Em pginas para Internet a formatao deve ser bem feita para no expulsar o usurio do site.

Usando a formatao voc conseguir transformar o seu site em um ponto atraente da Internet, fazendo com que usurios que visitaram o seu site, voltem outras vez para ver as informaes importantes e as formataes novas que voc est criando. Formatao envolve fonte, pargrafo, bordas, efeitos e vrios itens que veremos no decorrer deste material.


FRONTPAGE 2000 APOSTILA 1.14 Como Funciona a Formatao de Pargrafo

Alm de fazermos a formatao de fonte, ser necessrio fazermos a formatao de pargrafos. Primeiro definiremos o alinhamento dos pargrafos, ou seja, a posio dos pargrafos em relao s margens da pgina.

Abra a web Zoolgico que est na pasta c:\Meus documentos \ Zoologico. Depois abra o arquivo index, clique no modo Pastas e d um clique duplo sobre o nome do arquivo. Selecione o primeiro pargrafo (Posicione o ponteiro do mouse na margem esquerda da pgina, a seta apontar para a direita, d um clique duplo). Clique no Formatar / Pargrafo.

No FrontPage h quatro tipos de alinhamento: Centralizado, Esquerdo, Direito e Justificado. Como estamos com o pargrafo de ttulo da pgina, vamos utilizar o alinhamento Centralizado. Clique na seta da caixa Alinhamento e marque a opo Centralizado. E clique em OK.

Este alinhamento pode ser feito pelos botes na barra de Formatao, mas podemos notar que o cone Justificar no est na barra de Formatao. Para justificar um pargrafo devemos utilizar o menu Formatar / Pargrafo.


FRONTPAGE 2000 APOSTILA Selecione os outros dois pargrafos da pgina (posicione o ponteiro do mouse na margem esquerda da pgina, a seta apontar para a direita, clique, mantenha o boto pressionado e arraste at a ltima linha do terceiro pargrafo) e os justifique.

Note que no modo Normal esta formatao aparentemente no funcionou. Temos trs maneiras diferentes de visualizar a pgina no FrontPage. O modo Normal, HTML e o Visualizao. Para selecionar qualquer um deles utilize as guias na parte inferior da tela, conforme a figura a seguir:

O modo Normal utilizado para a criao da pgina, que onde estamos trabalhando. O modo HTML o utilizado para visualizar e alterar o cdigo HTML que foi gerado pelo FrontPage. O modo Visualizao utilizado para visualizar a pgina como se estivesse em um navegador.

Salve o arquivo e clique no modo de Visualizao, perceber que os pargrafos esto justificados.

1.15 Recuos

Alm de justificar os pargrafos gostaria que a primeira linha estivesse recuada, ou seja, afastada da margem esquerda e apenas o segundo pargrafo estivesse recuado direita e esquerda.

Para controlar o recuo de primeira linha:

1. Selecione o pargrafo e clique no menu Formatar / Pargrafo. 2. No grupo Recuos escolha a quantidade de pixels que ser utilizada para

Recuar a primeira linha.



3. Clique em Ok e visualize a aparncia do pargrafo. 4. Agora selecione apenas o segundo pargrafo para fazermos os recuos

direita e esquerda. O recuo pode ser aplicado pelos cones Aumentar recuo , ou Diminuir recuo . Quando estes cones so utilizados, o recuo aplicado esquerda e direita simultaneamente na mesma proporo.

5. Mas voc pode definir exatamente a quantidade de pixels dos recuos, clique no menu Formatar / Pargrafo e na caixa Antes do texto digite a quantidade de pixels para o recuo, este ser o recuo esquerda. Na caixa Depois do texto tambm digite a quantidade de pixels, este ser o recuo direita. Para o nosso exemplo utilize 30 pixels em cada um dos recuos.

6. Clique em OK e visualize o resultado clique na guia Visualizao.

1.16 Espaamentos

Podemos perceber que entre os pargrafos existe um espao, este chamado de espaamento entre pargrafos. Existem tambm os espaos aplicados entre as palavras do pargrafo e entre as linhas de um pargrafo.


FRONTPAGE 2000 APOSTILA Sendo que no pargrafo abaixo do ttulo gostaria de utilizar um espaamento entre as linhas de 1,5 e o espaamento antes maior do que o j utilizado, selecione este pargrafo e:

1. Clique no menu Formatar / Pargrafo. 2. No grupo Espaamento defina a medida em pixels dos espaamentos Antes,

Depois, Palavra e Espaamento de linhas, conforme o necessrio.

Lembre-se de utilizar um Espaamento de linha da mesma altura da fonte ou maior, para que as linhas do pargrafo no fiquem sobrepostas.

Para o nosso exemplo, no grupo Espaamento na caixa Antes digite 50, e no Espaamento de linhas escolha a opo 1,5 linhas.

3. Clique em OK. Os pargrafos estaro com a seguinte aparncia:



1.17 Qual a Aplicao dos Efeitos de Animao

Os efeitos de animao criam um impacto mais forte quando os visitantes acessam o site, do que estarmos utilizando apenas textos simples.

Quando precisamos destacar uma notcia em um ponto do site, ou quando precisamos chamar ateno a um assunto importante em nosso site, utilizamos estes efeitos.

Para animar um texto usando o FrontPage ser necessrio utilizar efeitos de HTML Dinmico. Mas no precisaremos programar em HTML o prprio FrontPage traz vrios efeitos que podem ser aplicados ao texto em vrios eventos diferentes como ao carregar a pgina, ou executar o efeito se o usurio passar o mouse sobre o texto, etc.

1.18 Como Funcionam os Efeitos de Animao

Para aplicar um efeito ao texto, selecione o texto que gostaria de aplicar o efeito. No nosso exemplo vamos acrescentar um novo pargrafo. O texto ser: "Venha nos visitar! Conhea nosso novo elefante e nos ajudem colaborando com um nome para o nosso novo hspede!"

Aps digitar o pargrafo, selecione-o:

1. Clique no menu Formatar / Efeitos de HTML dinmico. Ser mostrada a seguinte barra de ferramentas:



2. Primeiro escolha o evento, ou quando acontecer o efeito. Para texto o ideal o evento Carregar pgina. Assim que marcar qual o evento voc poder escolher o Efeito.

3. Na caixa Aplicar escolha um dos efeitos. Uma sugesto utilizar a opo Saltar. Mas no deixe de experimentar os outros efeitos.

Alguns efeitos precisam de ser configurados. Quando for necessrio configur-lo ser aberta a terceira caixa da barra de Efeitos de HTML dinmico, nesta caixa voc encontrar as configuraes que so permitidas para o efeito escolhido.

Ao escolher o efeito o texto ser destacado com um quadro, mostrando que ali existe um efeito de HTML dinmico. Se quiser retirar este destaque do texto, clique no boto. Ao escolher o efeito o texto ser destacado com um quadro, mostrando que ali existe um efeito de HTML dinmico. Se quiser retirar este destaque do texto,

clique no boto . Realar os efeitos de HTML dinmico.

Para testar o efeito aplicado, visualize a pgina. Voc pode visualizar utilizando a guia Visualizao ou visualizar a pgina que est criando no navegador, basta clicar no boto Visualizar no navegador que o mais aconselhvel.

Lembre-se de Salvar o arquivo antes de visualiz-lo. Ao clicar neste boto uma janela do navegador instalado em seu computador

ser aberta. Se voc possuir mais de um navegador instalado em seu computador (ex.: Internet Explorer e Netscape Navigator) ser aberto o navegador que voc definiu como padro. Para abrir a pgina no navegador especfico, clique no menu Arquivo / Visualizar no navegador, clique sobre o navegador desejado para selecion-lo e clique no boto Visualizar.

Para modificar o efeito, clique na caixa Aplicar da barra de ferramentas Efeitos de HTML dinmico, selecione o pargrafo novamente e escolha outro efeito. Para remover o efeito de um texto, selecione o texto e clique no boto Remover efeito na barra de ferramentas Efeitos de HTML dinmico.


FRONTPAGE 2000 APOSTILA Observao Se a barra de Efeitos de HTML dinmico no estiver visvel, clique novamente no menu Formatar / Efeitos de HTML dinmico.

1.19 O que Fazem e qual a Aplicabilidade das Linhas Horizontais

As linhas horizontais criam um trao em baixo relevo que divide a pgina onde foi inserida.

Quando estamos tratando de assuntos ou tpicos diferentes dentro de uma mesma pgina do site necessrio inserir uma marca visual indicando a mudana do assunto ou do tpico, as linhas horizontais fazem esta diviso com clareza. Estas linhas so muito utilizadas em sites de FAQs (Questes mais freqentes), onde so respondidas as dvidas mais freqentes dos usurios. Entre uma pergunta e outra acrescentada uma linha para que no seja feita confuso entre as respostas.

1.20 Como as Linhas Horizontais Funcionam

Vamos inserir um trao horizontal, na pgina Index que estamos construindo para o zoolgico. Clique abaixo da caixa demarcada com a animao do texto.

Para inserir um trao horizontal:

1. Clique no menu Inserir / Linha Horizontal. 2. Ser mostrada uma linha ocupando toda a largura da tela. Podemos

configurar esta linha. D um clique duplo sobre ela.

3. Na caixa Largura defina o tamanho do trao. Voc poder defini-lo em Pixels ou pela Porcentagem da janela que o mais aconselhvel, porque independente da resoluo do monitor do visitante do seu site, o trao ser adaptado ao tamanho da tela. No nosso site escolha 80% da Porcentagem da janela.



4. Na caixa Altura defina a espessura do trao em pixels. No nosso exemplo escolha 4 pixels.

5. Quando definimos que o tamanho do trao ser menor que 100% da tela, necessrio definir o alinhamento deste trao. Na caixa Alinhamento escolha uma das opes: esquerda, Centralizado ou direita. Para o nosso exemplo utilizaremos Centralizado.

6. Voc poder escolher uma cor para o trao. Clique na seta da caixa Cor e escolha a cor que desejar.

Ao escolher uma cor para o trao ele se tornar slido, como se estivesse clicando na caixa Linha slida.

7. Aps fazer todas as alteraes clique em OK. Salve o arquivo que est trabalhando.

1.21 O que e para que Serve o Letreiro Digital

O letreiro digital anima o texto escolhido como um mensagem de um placar eletrnico. O texto rola de um lado para outro com a velocidade determinada.

Voc pode utilizar o letreiro digital para dar notcias recentes respeito do site, para informar sobre promoes, novidades, chamando a ateno para um determinado assunto.

1.22 Como Funciona o Letreiro Digital

Vamos inserir um letreiro digital na pgina index do site do zoolgico, abra o arquivo e posicione o cursor no incio do primeiro pargrafo (abaixo do ttulo), pressione a tecla ENTER para gerar um novo pargrafo.

Para inserir um letreiro digital:

1. Clique no menu Inserir / Componente / Letreiro digital.



2. Na caixa Texto digite a mensagem desejada. Para o site do zoolgico "Venha conhecer os nossos novos animais e ajude-nos a batizar o novo gorila do Zoo!".

3. No grupo Direo escolha para qual lado o texto ser movimentado primeiro, para a Esquerda ou para a Direita. Deixe a opo Esquerda marcada.

4. No grupo Velocidade devemos definir o Intervalo que o tempo, em milissegundos, que o texto do letreiro digital aguarda antes de mover. Tambm necessrio definir a Quantidade que a velocidade do texto em pixels (a quantidade de pontos que o monitor utiliza para formar as imagens). Nesta opo digite 10.

5. Na opo Comportamento escolha como o texto ser animado. Rolar, rola o texto na direo selecionada. Deslizar, desliza o texto a partir da direo selecionada at a borda oposta da janela e fica parado nesta posio. Alternar, alterna o texto entre rolagem e deslizamento. Selecione a opo Rolar.

6. Como o Letreiro Digital um objeto na pgina ele pode ser posicionado ao lado de um texto. Se for necessrio utilizar o Letreiro Digital dessa forma voc dever escolher como esta caixa ser alinhada em relao ao texto. No grupo Alinhar com o texto marque a opo que for mais apropriada. No nosso caso Parte superior.

7. No grupo Tamanho podemos definir a altura e a largura do Letreiro Digital, em pixels. Mas se voc no sabe o tamanho exato da caixa utilize as alas de redimensionamento depois que terminar de alterar as propriedades do Letreiro Digital.

8. No grupo Repetir voc define como o Letreiro Digital ser exibido na pgina ativa se Continuamente, enquanto o usurio estiver visualizando a pgina o letreiro estar executando o comportamento selecionado. Se desmarcar esta opo a caixa Vezes ser habilitada para que voc defina a quantidade de



vezes que o comportamento do Letreiro Digital executar o comportamento definido.

9. Podemos tambm definir a Cor do plano de fundo do Letreiro Digital. Clique na seta da caixa Cor do plano de fundo e escolha a cor que desejar. A opo Automtico define a cor do plano de fundo como transparente.

10. Clique no boto OK.

A imagem acima mostra a aparncia do Letreiro Digital aps clicar em OK. As caixas pretas que aparecem em volta do Letreiro Digital so as alas de redimensionamento, que tambm indicam que o objeto est selecionado. Posicione o ponteiro do mouse sobre uma delas, o ponteiro se transformar em uma seta com duas pontas, clique, mantenha o boto pressionado e arraste para a direo que precisar para aumentar ou diminuir o tamanho do Letreiro Digital. Para o letreiro que estamos criando, arraste a ala central do lado direito at o final da palavra "batizar". Tambm vamos modificar a fonte do Letreiro Digital. Se o letreiro no estiver selecionado, clique sobre ele. Utilize o menu Formatar / Fonte ou a barra de Formatao para alterar as formataes do letreiro digital. Escolha uma fonte, uma cor e o tamanho que desejar. Depois centralize o letreiro. Salve o arquivo, e clique no boto Visualizar no navegador. Se desejar, volte ao FrontPage e altere o comportamento do Letreiro Digital, salve o arquivo e visualize no navegador para escolher o que acha mais interessante.

1.23 O que e qual a Aplicabilidade do Contador de Acessos

O contador de acesso registra quantas vezes a pgina foi visitada, ou seja, quantos visitantes acessaram o site.

Voc utiliza o contador de acesso quando quer mostrar ao seu pblico o nmero de visitantes do site, indicando se est sendo muito ou pouco visitado. Tambm para um retorno se o investimento com o site foi vlido ou no. O contador de acesso um indicador da aceitabilidade do site para o pblico.

1.24 Como Funciona o Contador de Acesso

Clique abaixo da linha horizontal e clique no menu Inserir / Componente / Contador de acesso.



Escolha um dos modelos de contadores que o FrontPage oferece. Se voc quiser definir o nmero inicial do contador de acesso, marque a caixa Redefinir o contador para e digite o nmero inicial. Se desejar que a aparncia do contador seja com um nmero fixo de dgitos independente do nmero de acessos, marque a opo Nmero fixo de dgitos e digite a quantidade de dgitos desejada. Clique em OK. Ser mostrado na pgina o texto [CONTADOR DE ACESSO]. Salve o arquivo. Observao Este contador de acesso que o FrontPage oferece s funciona quando o provedor onde a pgina ser publicada possuir as extenses do FrontPage. Portanto, ao visualizar a pgina no navegador ser mostrado apenas o espao do contador. Este contador de acesso tambm no vlido para concursos com o nmero de visitantes do site, porque como vimos podemos inicializ-lo com o nmero que desejarmos. Para ter um contador de visitantes confivel, solicite ao provedor onde seu site ser hospedado o contador de acessos que ele disponibiliza. Ser enviado um cdigo HTML que voc dever inserir no ponto da pgina onde o contador dever ser mostrado.

1.25 Qual o objetivo das Propriedades da Pgina

Acessamos as propriedades da pgina para alterar o plano de fundo, para definir ttulo para pgina, alterar margens, determinar as cores dos links visitados e ativos, entre outros.


FRONTPAGE 2000 APOSTILA Atravs das propriedades das pginas podemos escolher qual a melhor aparncia para o site. A cor que utilizamos como fundo da pgina pode afastar ou atrair mais visitantes. Se escolhermos cores de links que no ficam visveis com a cor de fundo estaremos confundindo os visitantes do site. Ento definir as propriedades das pginas essencial para o desenvolvimento do site.

1.26 Acessando as Propriedades da Pgina e Alterando o Plano de Fundo

Para acessar as propriedades da pgina, clique com o boto direito do mouse sobre qualquer ponto da pgina e clique na opo Propriedades da pgina ou clique no menu Arquivo / Propriedades.

Mudando o Plano de Fundo

Plano de fundo o nome dado ao fundo de pgina e pode ser uma figura (GIF ou JPG) ou simplesmente uma cor. H duas formas para escolher um plano de fundo, uma delas clicar no menu Formatar / Plano de fundo. Outra acessar as propriedades da pgina clicando com o boto direito do mouse em qualquer ponto da tela e selecionando a opo Propriedades da pgina.

Clique na guia Plano de fundo.

Para definir uma Cor como plano de fundo



1. Acesse as propriedades da pgina conforme descrito no item anterior. 2. Clique na guia Plano de fundo. Na caixa Plano de fundo estar uma cor

padro, escolha uma outra cor e clique em OK.

Definindo uma figura como plano de fundo

1. Habilite a opo Figura de plano de fundo e clique no boto Procurar.

2. Voc poder escolher uma figura que j faz parte da sua Web clicando sobre o nome da mesma na lista de arquivos que aparece (normalmente as figuras ficam armazenadas na pasta Images) ou escolher uma das outras duas opes indicadas na figura acima. Vamos inserir uma imagem do winchester. Clique no boto .



3. Na caixa Examinar selecione o c:\gifs\zoologico, na lista de arquivos selecione o fundo.jpg. Aps escolher a figura, clique em OK.

4. A opo Marca dgua quando habilitada, fixa a figura que est como Plano de fundo da pgina de forma que ao usar a barra de rolagem, o texto deslocar pela tela, porm a figura permanecer na mesma posio.

5. Clique OK novamente e veja na tela como ficou a pgina. Salve o arquivo. 6. Ao clicar no boto Salvar ser exibida a janela Salvar arquivos

incorporados.

7. Esta janela ser exibida sempre que voc inserir na pgina um arquivo externo, (uma imagem, som, vdeo). Voc pode renomear o arquivo clicando no boto Renomear. Os nomes de arquivos para Internet, preferencialmente, devem ter apenas 8 dgitos, no utilizar letras maisculas, no utilizar



acentuao e espaos em branco, porque alguns provedores tm restries aos nomes devido ao sistema operacional utilizado.

8. O ideal tambm definir em qual pasta o arquivo ser salvo. Clique no boto Alterar pasta e selecione a pasta Images e clique em OK. Assim manteremos organizado o site. Clique em OK novamente, o arquivo est salvo. Se desejar, clique no boto Visualizar no navegador para navegar na pgina.

1.27 Definindo a Cor Padro de Texto e o Ttulo da Pgina

Definindo a cor padro do texto

Tambm podemos escolher qual a cor padro para o texto da pgina que estamos criando. Acesse as propriedades da pgina, de uma das formas j citadas.

Na caixa Texto escolha uma cor. Esta ser definida como a cor padro para os textos da pgina, clique em OK. Lembre-se de escolher uma cor que fique legvel com o plano de fundo que est utilizando.

Definindo o ttulo da pgina

Em um navegador, o ttulo da pagina aparece na barra de ttulo, ou seja, na parte mais alta da tela. Este ttulo serve para identificar a Home Page, ajudando o visitante a reconhecer a pgina que esta navegando.

Para definir o ttulo da pgina, siga os seguintes passos:

1. Clique com o boto direito do mouse em qualquer ponto da pgina. Selecione a opo Propriedades da pgina.

2. Verifique se a guia Geral est selecionada. Na caixa Ttulo, digite o ttulo desejado e clique em OK. Para o nosso site o ttulo desta pgina ser "Zoolgico de Belo Horizonte".



1.28 Definindo as Cores dos Hyperlinks

Trs cores podem ser definidas para um hyperlink:

Hyperlink: a cor que aparecer na tela em todos os hyperlinks que ainda no foram visitados.

Hyperlink Visitado: a cor que aparecer na tela em todos os hyperlinks que j foram visitados, ou seja, todas as pginas do site que j foram visitadas.

Hyperlink Ativo: a cor que aparecer na tela para o hyperlink que estiver selecionado.

Para definir estas cores, acesse as Propriedades da pgina conforme descrito acima e na guia Plano de fundo, escolha as cores desejadas.



1.29 O que fazem e qual a Aplicabilidade dos Temas

Os temas alteram o efeito de toda a pgina da Web. Eles personalizam a fonte, cor, altura e as caractersticas do texto de maneira que as informaes fiquem em harmonia com o modo que os grficos aparecem. Automatizam a coordenao entre grficos de fundo, cores, marcadores, manchetes e linhas horizontais.

Usar Temas como usar um decorador de interiores em cada pgina do site e garantir que todas as pginas combinem agradavelmente umas com as outras. Os temas possibilitam que voc construa um site inteiro no qual todos as pginas exibam uma aparncia coerente, o que auxilia o visitante da sua Web a percorr-lo de uma forma mais agradvel e simples.

O uso de temas, alm de melhorar a aparncia, muitas vezes, diminui o tempo de download do seu site da Web. Se, para tentar emular o modo pelo qual os temas funcionam, voc inserir vrios grficos e imagens na sua pgina, rapidamente descobrir que o download de cada pgina poder levar um bom tempo. Os temas do FrontPage, por outro lado, tiram proveito de cache do navegador e permitem que voc faa download de diversos grficos apenas uma vez, mas os veja em vrias pginas.


FRONTPAGE 2000 APOSTILA 1.30 Como os Temas Funcionam

Para definir um Tema vlido para todo um site, primeiro abra o site da Web do FrontPage que voc deseja alterar. Vamos abrir o site do Zoolgico que est na pasta c:\ Meus documentos \ zoolgico.

1. Clique no menu Formatar / Tema.

2. Escolha um dos temas da lista de acordo com a visualizao que mais lhe agradar.

3. Logo abaixo da caixa que contm a lista de temas, encontra-se um conjunto de trs caixas de verificao que permitem que voc escolha e use apenas certas partes de um tema que voc desejar:

Cores vivas: ativa e desativa o uso de cores vivas e brilhantes. Elem. grficos ativos: ativa e desativa GIFs animados. Figura de plano de fundo: quando ativado, aplica a imagem de fundo do

tema, no permitindo que voc personalize.

4. Clique no boto OK e o FrontPage percorrer todo o site e, a cada pgina, acrescentar os componentes do tema.

5. Abra o arquivo index e veja como ele ficou aps o uso do tema.

1.31 Personalizando os Temas

Voc tambm poder formatar ou personalizar um tema com as suas preferncias de cor, fonte e elementos grfico.


FRONTPAGE 2000 APOSTILA Clique no menu Formatar / Tema e clique no boto Modificar.

Ao clicar no boto Modificar voc visualizar os botes para modificar Cores, Elementos grficos e Texto.

1.32 Alterando as Cores do Tema

Para modificar as cores clique no boto Cores.

Ser mostrado na guia Esquema de cores os esquemas j existentes. Ao clicar em qualquer um dos esquemas, as cores selecionadas sero mostradas na caixa de visualizao do lado direito da tela.

Tambm possvel utilizar um disco de cores onde o FrontPage joga as cores mais apropriadas para fazerem jogo com a que voc escolheu.



Se desejar poder alterar o brilho das cores movendo o controle deslizante de Brilho.

Mas voc poder escolher uma cor especfica para cada elemento da pgina. Clique na guia Personalizar, escolha qual elemento voc quer alterar a cor na caixa Item e depois altere a Cor.


FRONTPAGE 2000 APOSTILA Faa as alteraes de cores que desejar, utilize as cores que mais gosta, e clique em OK.

1.33 Alterando os Elementos Grficos

Os elementos grficos so todos as imagens que fazem parte do tema, como a faixa de pgina, os marcadores, a linha horizontal, a barra de navegao e etc. Ao alter-los voc estar modificando radicalmente o tema. Clique no boto Elemen. grfico ser exibida a seguinte janela:

1. Primeiro selecione o Item que ser alterado o grfico. Vamos alterar a Lista com marcadores.

2. Conforme o item escolhido ser necessrio alterar mais de uma figura. No caso do item Lista com marcadores teremos que escolher trs figuras. Clique no boto Procurar e escolha uma imagem que j est na Web ou uma imagem do winchester. Clique no boto para procurar no winchester, v at a pasta c:\ Arquivos de Programas \ Arquivos comuns \ Microsoft Shared \ Clipart \ themes1 \ bullets e selecione o arquivo bd14752.gif. Clique em OK e OK novamente.

Lembre-se que s podero ser utilizadas imagens no formato .gif, .jpg ou .png.

Selecione o item Faixa, para alterar a fonte do texto da faixa.


FRONTPAGE 2000 APOSTILA Clique na guia Fonte escolha uma fonte, escolha um Tamanho, defina o Estilo, e qual o Alinhamento horizontal e Vertical do texto. Clique em OK.

1.34 Alterando o Formato do Texto

Para cada tipo de texto que temos em uma pgina uma fonte diferente pode ser definida. Como por exemplo, ttulos, sub-ttulos, corpo de texto, etc.

Fazendo esta alterao no tema ser bem mais rpida a construo do site.

Clique no boto Texto.

1. Primeiro selecione o Item que ser alterado. Selecione o item Ttulo 1. 2. Depois escolha a fonte que ser utilizada. Voc poder visualiz-la do lado

direito da tela.

Para alterar outros estilos de texto, clique no boto Mais estilos. Escolha qual ser o comando HTML a ser formatado.



Clique no boto Modificar e dentro da janela que ser exibida clique no boto Formatar e escolha qual o tipo de formatao desejar.

3. Aps alterar todos os estilos de texto clique em OK e em OK novamente.

1.35 Salvando o Tema

Se voc vai utilizar essas mesmas formataes em outros sites conveniente salvar essas formataes em um novo tema.

Clique no boto Salvar como e digite um nome significativo para o tema criado. Para o nosso site digite Zoolgico. Depois clique no boto OK. Desta maneira o tema personalizado est salvo e poder ser utilizado em outros sites.

Clique em OK, o tema ser aplicado na pgina.

Para que os estilos de texto sejam utilizados em textos j formatados como no caso da pgina Index, voc deve selecionar o pargrafo e aplicar o estilo, clicando na caixa Estilo. Assim as formataes do tema sero aplicadas a pginas j prontas.

Salve o arquivo Index.


FRONTPAGE 2000 APOSTILA 1.36 Conhecendo os Tipos de Imagens para Internet

Imagens, ou grficos, podem ser fotografias, cones, botes e outros elementos. Em geral, todos os grficos existentes na Web encontram-se em um dos dois formatos famosos: GIF e JPEG.

GIF a abreviatura de Graphical Interchange Format e esse formato foi originalmente desenvolvido para constituir um eficiente e flexvel meio para as pessoas de todo o mundo enviarem grficos de computador umas s outras. Transformaram-se no primeiro tipo de arquivos grficos a encontrar suporte na WWW. As imagens GIF aceitam o uso de somente 256 cores. Esta limitao ajuda a manter baixo o tamanho dos arquivos que contenham pequenos grficos, mas no funcionam muito bem com grandes imagens e, em particular, com fotografias.

O formato JPEG, ou Joint Photographic Expert Group, foi projetado especificamente para fotografias e imagens com milhes de cores. O formato JPEG provou ser significativamente mais eficiente quanto compactao eletrnica de grandes fotografias e atualmente encontra suporte em praticamente todos os navegadores grficos da Web. Geralmente, as imagens JPEG lidam com cores e detalhes de imagens melhor que as imagens GIF.

Normalmente, o formato GIF empregado em cones, botes, barras e fundos. Os arquivos JPEG so usados mais freqentemente em fotografias, logotipos complexos e mapas. O FrontPage lida sem problemas com ambos.

Como nem todas as imagens que voc desejar usar vm num desses formatos reconhecveis, o FrontPage possui um conjunto prprio de filtros que automaticamente convertem imagens de todos os tipos para o padro GIF ou JPEG. As imagens sero salvas no padro GIF se usarem apenas 256 cores diferentes e sero salvas no padro JPEG se usarem mais cores. O FrontPage converte automaticamente TIFF, PCX, BMP e vrios outros formatos sempre que voc usar um deles na pgina Web.

1.37 O que as Imagens Fazem e qual a sua Aplicabilidade

As imagens transmitem aos visitantes do site uma idia que, se colocada em palavras no causaria tanto impacto. Alm de transformarem o site em um ambiente agradvel de obter informaes ou servios.

As imagens transmitem idias com mais impacto que o texto. Sempre utilize imagens no site para mostrar os produtos, os servios, para identificar as pessoas que fazem parte da equipe. Atravs das imagens podemos conhecer cidades sem nunca ter passado por perto delas. Mostre o seu negcio ou a sua pessoa utilizando imagens no site.


FRONTPAGE 2000 APOSTILA 1.38 Inserindo Clip-art

Podemos inserir imagens de duas formas no site, as imagens do Clip-art do Office ou imagens que estejam armazenadas no winchester.

Clip-Art

O FrontPage vem com uma grande quantidade de imagens que voc pode usar na pgina da Web. H aproximadamente 400 cones, barras, botes e marcadores que podem ser inseridos ou personalizados para a sua pgina da Web. Alm disto, se voc possui o Microsoft Office 95 ou 97ou 2000, voc ter o clip-art deste Office tambm sua disposio.

Inserindo um Clip-art

Vamos abrir o site do zoolgico que est na pasta com as iniciais do seu nome dentro da pasta Personal Class.

1. Insira uma nova pgina no site. Clique no boto Nova pgina na barra de ferramentas padro.

2. Clique no menu Inserir / Figura / Clip-art.

3. As figuras so exibidas por Categorias. Clique sobre o nome da categoria, como estamos criando o site para o zoolgico, clique na categoria Animais.



4. Observe as figuras e clique sobre a figura do leo. Ser mostrado um pequeno menu onde voc poder escolher entre quatro opes.

5. Para inserir uma imagem clique no boto Inserir clipe.

Depois de ter includo a imagem, voc pode arrast-la e solt-la em diferentes pontos da pgina. Basta posicionar o ponteiro do mouse sobre a imagem, clicar, manter o boto pressionado e arrastar para o ponto desejado, desde que seja um pargrafo.

No caso da figura do leo ao inseri-la na pgina podemos notar um fundo branco que no deu uma aparncia muito boa pgina. Este fundo nos mostra que esta imagem no est transparente. O FrontPage traz um recurso que torna uma cor da imagem transparente.

Selecione a imagem do leo (clique sobre ela), ao selecion-la ser mostrada uma barra de ferramentas na parte inferior da janela.

1. Insere uma figura de um arquivo que est no winchester. 2. Insere texto sobre a imagem. 3. Cria uma miniatura da imagem, desde que esta no seja muito pequena. 4. Define uma posio absoluta para a imagem, ou seja, a posio que a

imagem for inserida ser gravada e independente da resoluo do monitor do visitante, a imagem ser sempre mostrada naquela posio.

5. Define a posio absoluta da imagem e traz a imagem para frente dos outros objetos ou texto.

6. Define a posio absoluta da imagem e leva a imagem para traz dos outros objetos ou texto.

7. Gira a imagem para a esquerda. 8. Gira a imagem para a direita. 9. Inverte a imagem horizontalmente. Ex.: uma seta para a esquerda aps

utilizar este boto estar para direita.



10. Inverte a imagem verticalmente. Ex.: uma seta para cima aps utilizar este boto estar para baixo.

11. Aumenta o contraste entre as partes mais claras e as mais escuras da imagem.

12. Diminui o contraste entre as partes mais claras e as mais escuras da imagem. 13. Aumenta o brilho das cores da imagem. 14. Diminui o brilho das cores da imagem. 15. Corta parte da figura que estiver selecionada. 16. Define uma o cor da imagem como transparente. 17. Modifica uma imagem em cores para preto e branco. 18. Desbota as cores da imagem. 19. Cria um efeito chanfrado na imagem, como se fosse um boto tridimensional. 20. Cria uma amostra de uma imagem redimensionada. 21. Seleciona imagens. 22. Cria uma rea interativa em forma de retngulo. 23. Cria uma rea interativa em forma de crculo. 24. Cria uma rea interativa em forma de polgono. 25. Mostra as reas interativas da imagem, sem mostrar a imagem. 26. Restaura todas as propriedades originais da imagem, tamanho, cores, brilho,

contraste, etc.

Para definir fundo branco como transparente, clique no boto Definir cor transparente e clique sobre o fundo branco da imagem. Para redimensionar uma imagem:

1. Selecione a imagem. 2. Envolta sero mostradas umas caixas pretas, que so as alas de

redimensionamento. 3. Posicione o ponteiro do mouse sobre uma dessas alas, o ponteiro se

transformar em uma seta com duas pontas, clique, mantenha o boto pressionado e arraste at atingir o tamanho desejado.

Alm disso, voc pode dar um clique duplo em qualquer imagem e o FrontPage ativar o programa de edio de imagens que estiver configurado, permitindo que voc faa modificaes nessa imagem especfica. Observao Para posicionar figuras uma ao lado da outra ser necessrio utilizar tabelas, que veremos em outro tpico.

1.39 Configurando o Editor de Imagens

Para verificar o editor de imagens configurado no FrontPage, clique no menu Ferramentas / Opes, na guia Configurar editores veja se existe algum editor configurado para arquivo do tipo gif ou jpg.



Se no existir nenhum editor configurado conforme a figura anterior, clique no boto Adicionar e preencha os campos com as informaes solicitadas.

1.40 Inserindo Imagens de Arquivos

Qualquer imagem pode ser inserida no FrontPage. Faa o download dos arquivos de imagem que sero utilizados no site clicando aqui. Este arquivo est compactado. Crie na rea de trabalho do seu micro uma pasta chamada gifs e descompacte nela o arquivo zoo.zip que voc acabou de fazer o download.

Para isto:

1. Clique no menu Inserir / Figura / Do arquivo ou no boto Inserir figura do arquivo na barra de ferramentas.



2. Para inserir uma figura que j faz parte da sua Web, localize-a na lista de arquivos e clique sobre ela.

3. Se a imagem ainda no faz parte da sua Web, escolha uma das opes pela internet, um arquivo do winchester, pelo scanner ou um clip-art, indicadas na figura acima.

4. Selecione a imagem do leo e apague-a. Clique no boto para inserir uma imagem do winchester. V at a pasta Gifs que est na rea de trabalho, dentro da pasta zoolgico selecione a figura caldae.gif e clique em OK.

5. A imagem foi inserida. Clique no menu Inserir / Figura / Do arquivo e no winchester na pasta zoolgico que est dentro da pasta gifs (que j est sendo mostrada), escolha a imagem logoleao.gif e clique em OK.

6. Clique no menu Inserir / Figura / Do arquivo e no winchester na pasta zoolgico que est dentro da pasta gifs (que j est sendo mostrada), escolha a imagem caldad.gif e clique em OK.

7. A imagens foram posicionadas uma ao lado da outra mas na margem esquerda, o ideal ser centralizado. Clique no boto Centralizar na barra de Formatao.

8. Salve o arquivo com o nome informacoes, sem acentuao como j dissemos antes. Assim que voc escolher um nome ser exibida a janela para salvar arquivos incorporados.



9. Clique no boto Alterar pasta e selecione a pasta Images. Clique em OK. Se necessrio redimensione o tamanho das imagens.

10. Altere o ttulo da pgina (Arquivo / Informaes) para Informaes aos visitantes. Salve o arquivo e visualize-o no navegador.

11. Passe o ponteiro do mouse sobre as imagens, nada acontece. Mas gostaria que um texto fosse visualizado quando o ponteiro do mouse pairasse sobre a imagem. Volte ao FrontPage.

12. Clique com o boto direito do mouse sobre a imagem do meio. No menu de contexto escolha a opo Propriedades da figura.



13. Na caixa Texto digite "O Zoolgico de Belo Horizonte o aguarda ansiosamente!". Clique em OK. Salve o arquivo, visualize no navegador.

14. Pare o mouse sobre a parte maior da figura, a mensagem que digitamos ser exibida.

OBSERVAO: Se necessrio, o FrontPage converter automaticamente outros tipos de imagem para o formato GIF ou JPEG.

2. Criando Pginas Impreterivelmente para seguir os prximos tpicos e execut-los, crie em seu micro a seguinte hierarquia de pastas: na rea de trabalho, crie a pasta gifs e, dentro da pasta gifs, crie a pasta zoolgico. Em seguida, faa o download do arquivo zo.zip, clicando aqui!

2.1 Criando a Pgina Primatas

Voc ir criar agora algumas pginas que sero utilizadas no decorrer desta disciplina (ou Programa de Aprendizagem). Crie a pgina de acordo com a figura, seguindo as instrues que esto logo abaixo.


FRONTPAGE 2000 APOSTILA Pgina primatas

Digite o primeiro pargrafo. Pressione a tecla ENTER para criar o segundo pargrafo, alinhe-o direita. Insira a figura filme.gif que est na pasta zoolgico que se encontra dentro da pasta gifs na rea de trabalho. Clique com o boto direito do mouse sobre a imagem filme e selecione a opo Propriedades da figura, na caixa Texto digite "Assista um filme", clique em OK.

Insira a figura foto.gif que est na pasta zoolgico que se encontra dentro da pasta gifs na rea de trabalho. Clique com o boto direito do mouse sobre a imagem foto e selecione a opo Propriedades da figura, na caixa Texto digite "Veja minha melhor pose", clique em OK. Deixe o cursor piscando depois do boto foto, e inclua uma linha horizontal (Inserir / Linha horizontal).

Salve o arquivo com o nome primatas, assim que a janela Salvar arquivo incorporado for aberta, altere a pasta para Images, se necessrio, clique em OK. Altere o ttulo da pgina, clicando em qualquer ponto com o boto direito do mouse, selecionando a opo Propriedades da pgina, digite Primatas na caixa Texto dentro da guia Geral.

Digite o segundo pargrafo, alinhe-o esquerda. Pressione a tecla ENTER para criar o segundo pargrafo, alinhe-o direita. Selecione a imagem foto e clique no boto Copiar na barra de Ferramentas. Clique no pargrafo e pressione o boto Colar. Assim no precisaremos alterar as propriedades da imagem. Pressione a tecla ENTER para criar o prximo pargrafo. Deixe o cursor piscando depois do boto foto, e inclua uma linha horizontal (Inserir / Linha horizontal).


FRONTPAGE 2000 APOSTILA Digite o terceiro pargrafo, alinhe-o esquerda. Pressione a tecla ENTER para criar o segundo pargrafo, alinhe-o direita. Pressione o boto Colar. Assim no precisaremos alterar as propriedades da imagem.

2.2 Criando a Pgina Marsupiais

Pgina Marsupiais

Insira uma nova pgina. Aparncia ser a seguinte:

Siga os passos do arquivo anterior (primatas). O ttulo da pgina ser Marsupiais, o nome do arquivo tambm ser Marsupiais.

2.3 Criando a Pgina Felinos

Pgina Felinos



Siga os passos do arquivo anterior. O ttulo da pgina ser Felinos, o nome do arquivo tambm ser Felinos.

2.4 Criando a Pgina Paquidermes

Pgina Paquidermes

Siga os passos do arquivo anterior. O ttulo da pgina ser Paquidermes, o nome do arquivo tambm ser Paquidermes.

2.5 Criando a Pgina Pssaros

Pgina Pssaros



Siga os passos do arquivo anterior. O ttulo da pgina ser Pssaros, o nome do arquivo tambm ser Passaros.

2.6 Criando a Pgina Rpteis

Pgina rpteis

Siga os passos do arquivo anterior. O ttulo da pgina ser Rpteis, o nome do arquivo tambm ser Repteis.

3. Tpicos mais utilizados: Marcadores,Numerao ... 3.1 Qual a Funo dos Marcadores e Numerao

Os marcadores e numerao criam listas de informaes dentro de uma pgina. So usados freqentemente para incluir itens de informao inter-relacionados em uma pgina da Web.


FRONTPAGE 2000 APOSTILA Quando precisamos dar informaes sobre as empresa, por exemplo, em vez de utilizarmos um pargrafo extenso, que a maioria dos visitantes no l. Dividimos estas informaes em listas com marcadores ou numeradores, conforme a necessidade. Usando as listas as informaes so transmitidas com objetividade e clareza.

O FrontPage trabalha com marcadores e numerao de forma similar ao Microsoft Word para endentar e agrupar informaes que devam ser exibidas em conjunto.

Quando se usam marcadores e/ou numerao as informaes ficam em um formato bem organizado e fcil de ser lido.

3.2 Inserindo Marcadores

Abra a Web Zoolgico, que est na pastas zoolgico dentro da pasta Meus documentos. Abra o arquivo informacoes e posicione o cursor abaixo das figuras.

1. Clique no menu Formatar / Marcadores e numerao ou no boto Marcadores na barra de Formatao.

2. Clique na guia Marcadores simples (esta guia s estar disponvel quando no estiver usando tema no site), escolha um modelo e clique em OK.

3. O marcador j estar sendo mostrado. Digite o texto desejado.


FRONTPAGE 2000 APOSTILA 3.3 Usando uma Imagem como Marcador

1. Clique no menu Formatar / Marcadores e numerao. 2. Clique na guia Marcadores de figura.

Se voc estiver usando um Tema poder usar a imagem sugerida pelo tema corrente, bastando apenas marcar a opo Usar figuras do tema atual e clicar em Ok. Que a opo que vamos utilizar.

3. Se quiser escolher uma figura como marcador, clique Especificar uma imagem e depois clique no boto Procurar.

4. D dois cliques na pasta onde se encontra a figura e d dois cliques sobre o nome da figura.

5. Clique em OK. Digite os seguintes itens:

Horrio de funcionamento Preos dos ingressos Calendrio de eventos Direes

3.4 Inserindo Numerador

1. Digite os pargrafos que recebero os numeradores e deixe-os selecionados.



2. Clique no menu Formatar / Marcadores e numerao ou no boto Numerao na barra de Formatao.

3. Clique na guia Nmeros, escolha um modelo e clique em OK.

Se desejar que a numerao comece a partir de um valor determinado, digite este valor na caixa Iniciar em.

4. Nesta pgina no utilizaremos numerao. 5. Insira uma linha horizontal aps os itens. Salve o arquivo.

4. Tabelas 4.1 O que as Tabelas Fazem e qual sua Aplicabilidade

Uma tabela propicia um meio para organizao de informaes existentes em uma pgina da Web, mediante o uso de linhas e colunas. Em virtude da flexibilidade que oferecem, so muito utilizadas pela possibilidade de estruturar texto e imagens posicionados de formas diversas.

As tabelas alm de serem utilizadas para mostrar os dados de um levantamento de dados, tambm so muito utilizadas para organizao de texto e imagens em uma


FRONTPAGE 2000 APOSTILA pgina, para criao de texto em colunas, para definio de partes fixas de uma pgina, como um menu.

4.2 Como as Tabelas Funcionam

Abra a Web zoolgico, que est na pasta com as Meus Documentos. Abra o arquivo informacoes.

Posicione o cursor depois da linha horizontal, centralize o pargrafo e digite "Horrio de Funcionamento". Que ser o ttulo da tabela que mostrar os horrios de funcionamento do zo.

Para inserir uma tabela, clique no menu Tabela / Inserir / Tabela.

Preencha as opes da caixa de dilogo para montar a tabela:

Linhas: especifica o nmero de linhas da tabela. Para a tabela que vamos criar precisamos de 4 linhas.

Colunas: especifica o nmero de colunas da tabela. Precisamos de 3 colunas.

Alinhamento: especifica o alinhamento da tabela em relao pgina. Esquerda, Direita, Centralizado e Justificar. Vamos definir o alinhamento centralizado.

Tamanho da borda: especifica a largura da borda da tabela. Este valor deve estar entre 0 e 100. Quando 0 (zero) a borda fica invisvel. Para a nossa tabela utilizaremos 2.

Enchimento da clula: o nmero de pixels entre a borda da tabela e o contedo de uma determinada clula. Mantenha o sugerido pelo FrontPage.


FRONTPAGE 2000 APOSTILA Espaamento da clula: o nmero de pixels entre clulas de uma tabela. Quando alterado reflete nas bordas da tabela. Mantenha o sugerido pelo FrontPage.

Especificar largura: largura da tabela. Poder ser definida em porcentagem ou em pixels. mais provvel que voc queira especificar a largura por porcentagem, de modo que a tabela possa fazer automaticamente seu prprio redimensionamento segundo o tamanho do monitor de cada visitante. A nossa tabela ocupar 90% da tela.

Escolha as configuraes desejadas e clique em OK.

O texto da tabela ser o seguinte:

Ao fazer a digitao poder acontecer que o texto passe para a segunda linha da clula. Ser necessrio redimensionar a largura das colunas. Posicione o ponteiro do mouse na borda da coluna, ele se transformar em uma seta com duas pontas, clique, mantenha o boto pressionado e arraste at que o texto ocupe apenas uma linha dentro da clula.

Voc pode tambm alterar a formatao de fonte. Primeiro precisamos selecionar as clulas que vo ser formatadas. Posicione o ponteiro do mouse dentro da primeira clula da seqncia, no nosso exemplo "Primavera ...", ele estar em formato de haste. Clique, mantenha o boto pressionado e arraste at a ltima clula. Utilize o menu Formatar / Fonte ou a barra de Formatao, para formatar o texto como desejar.

Salve seu arquivo ao terminar.

4.3 Modificando Atributos da Tabela

Depois que a tabela est pronta muitas vezes necessrio fazer alteraes no tamanho da tabela, nas cores da borda e no alinhamento.

Para alterar atributos da tabela, clique dentro da tabela com o boto direito do mouse, e selecione a opo Propriedades da tabela, ou clique no menu Tabela / Propriedades /Tabela.



Atributos que podem ser alterados:

Alinhamento: H quatro opes: Esquerdo, Direito, Centralizado e Justificar.

Flutuar: determina como o texto em volta da tabela se comportar.

Enchimento da clula: determina o espao entre o contedo das clulas e as bordas da tabela.

Espaamento da clula: determina a distncia entre uma clula e outra da tabela.

Especificar largura e Especificar altura: determina o tamanho da tabela, evitando assim que ela se redimensione sozinha.

Bordas: para as bordas podemos determinar vrias configuraes.

Tamanho: determina a espessura da borda. Quando zero a borda fica invisvel.

Cor: determina a cor da borda. Se determinada uma cor para a Borda clara ou uma cor para a Borda escura, a cor ser utilizada como a segunda cor da borda. Mas se escolher uma cor para a Borda clara e uma outra cor para a Borda escura, a Cor no ser utilizada. Lembre-se que, como estamos utilizando tema esta alterao de cor no ser possvel.

Para testar crie uma nova web, usando o modelo Web de uma pgina dentro da pasta com as iniciais do seu nome que esta dentro da pasta Personal



Class, com o nome Teste. Crie uma tabela com os padres sugeridos pelo FrontPage e altere as cores de Borda clara e Borda escura. Volte web do zoolgico, clicando no boto correspondente na barra de tarefas.

Plano de fundo: determina o preenchimento utilizado no fundo da tabela.

Voc poder utilizar tambm uma cor como plano de fundo atravs da opo Cor.

Para escolher uma imagem para plano de fundo da tabela, habilite a opo Usar figura como plano de fundo e clique no boto Procurar e localize o arquivo que ser utilizado. Vamos usar uma imagem de fundo na nossa tabela. Clique no boto Procurar, depois clique no boto , v at a pasta gifs que est na rea de trabalho, na pasta Fundos escolha um fundo. Clique em OK, em OK e OK novamente.

4.4 Modificando Atributos da Clula

Alm das alteraes na tabela, podem ser feitas alteraes especficas nas clulas. Para modificar alguns atributos das clulas, selecione as clulas a serem alteradas e clique sobre uma delas com o boto direito do mouse. Selecione a opo Propriedades da clula.


FRONTPAGE 2000 APOSTILA Alm dos atributos que so comuns aos descritos no item anterior (Modificando atributos da Tabela) e que agora sero aplicados somente s clulas selecionadas, podemos definir tambm:

Alinhamento Horizontal e Vertical: define como o texto ser alinhado dentro das clulas. Sendo que para o alinhamento horizontal temos as opes Esquerdo, Direito, Centralizado e Justificar. E para o alinhamento vertical temos as opes Parte superior, Parte inferior, Meio e Linha de base.

Se for trabalhar com clulas mescladas precisar definir se a mesclagem ser feita em linha ou em coluna. Para mesclar em linha, informe quantas linhas fazem parte da mesclagem na caixa Linhas includas. Para mesclar em coluna, informe quantas colunas fazem parte da mesclagem na caixa Colunas includas.

4.5 Mesclando Clulas

Em muitos casos necessrio que uma nica clula se transforme em duas ou que quatro clulas se transformem em uma para podermos criar um ttulo. Como na tabela abaixo que vamos criar:

Clique no menu Tabela / Inserir / Tabela. Defina os campos conforme a imagem a seguir:

O texto da tabela ser o seguinte:



Faa toda a formatao de fonte necessria. Se for preciso altere a largura das colunas para que o texto fique em apenas uma linha dentro da tabela. Para colocar o fundo de cor nas primeiras clulas, selecione-as. Clique dentro da primeira clula, segure o clique e arraste at a segunda clula. Clique com o boto direito do mouse sobre uma das clulas selecionadas, escolha a opo Propriedades da clula e no grupo Plano de fundo determine a cor para preenchimento das clulas na caixa Cor. Clique em OK.

Note que para obter informaes temos dois telefones que esto cada um em sua clula, ocupando duas linhas. Mas o texto que indica as informaes ocupa apenas uma linha, apesar de estar dando referncia aos dois telefones. O ideal seria no ter diviso da segunda nesta clula. Ento precisamos unir estas duas clulas, ou seja, mesclar.

Para mesclar as clulas:

1. Selecione as clulas que sero mescladas. Neste caso a clula "Para obter ..." e a que est vazia abaixo.

2. Clique no menu Tabela / Mesclar clulas. Ou clique com o boto direito do mouse sobre uma das clulas selecionadas e escolha a opo Mesclar clulas. A aparncia da tabela ser a seguinte:



3. Salve o arquivo.

4.6 Dividindo Clulas

Muitas vezes aps a criao de uma tabela ser necessrio acrescentar uma clula. Vamos criar mais uma tabela, clique no menu Tabela / Inserir / Tabela e defina os campos como a imagem a seguir:

O texto ser o seguinte:



Faa toda a formatao de fonte necessria. Se for preciso altere a largura das colunas para que o texto fique em apenas uma linha dentro da tabela. Para retirar as bordas como na imagem, clique com o boto direito do mouse sobre uma das clulas selecionadas, escolha a opo Propriedades da tabela e no grupo Bordas, na caixa Tamanho digite 0. Clique em OK.

Ser necessrio acrescentar em cada evento o horrio. Precisaremos dividir cada uma da clulas.

Para dividir a clula:

1. Clique na clula que ser divida. Vamos fazer primeiro a clula "Festa para adolescentes".

2. Clique no menu Tabela / Dividir clulas.

3. Marque se a clula ser dividida em colunas (Dividir em colunas) ou se ser dividida em linhas (Dividir em linhas). Vamos dividir em linhas. Marque a opo Dividir em linhas.

4. Depois defina qual o Nmero de linhas ou Colunas a clula ser dividida. Vamos dividir em duas linhas.

5. Clique em OK. 6. A tabela ficar com a seguinte aparncia:



7. Salve o arquivo.

4.7 Praticando o Dividir Clulas

Agora voc vai digitar o texto e dividir as outras clulas para que a tabela final tenha a seguinte aparncia:

Salve o arquivo.

4.8 Incluindo Linhas e Colunas

Na tabela que criamos para o calendrio de eventos, ficou faltando uma linha para mais um evento.

Para inserir linhas ou colunas, deixe o cu

apostila frontpage

Documents