FrontPage 2000

Sumrio
INTRODUO__________________________________________ 3
DICAS PARA CRIAR UM BOM SITE____________________________ 3
CONHECENDO O FRONTPAGE___________________________ 4
OS SEIS MODOS DE EXIBIO DO FRONTPAGE _________________ 5
CRIANDO UM SITE ATRAVS DE UM MODELO __________ 13
CRIANDO UM SITE PESSOAL _______________________________ 13
ALTERANDO O SITE CRIADO _______________________________ 15
TESTANDO O SITE CRIADO ________________________________ 26
CONSTRUINDO UM SITE ATRAVS DO ASSISTENTE _______________ 27
IMPORTANDO UM SITE ________________________________ 36
OPERAES COM SITES E ARQUIVOS __________________ 39
ABRIR UM SITE _________________________________________ 39
RENOMEAR UM SITE, PGINA OU ARQUIVO ____________________ 40
EXCLUIR UM SITE _______________________________________ 41
EXCLUIR ARQUIVOS _____________________________________ 42
IMPORTAR UM ARQUIVO PARA UM SITE _______________________ 42
EXPORTAR UM ARQUIVO DE UM SITE _________________________ 43
CRIAO DE PGINAS_________________________________ 44
INSERINDO PGINAS _____________________________________ 46
CRIANDO VNCULOS ENTRE AS PGINAS ______________________ 50
MODOS DE EXIBIO DAS PGINAS _________________________ 54
APLICANDO ESTILO S PGINAS _______________________ 55
ALTERANDO O TAMANHO DA FONTE _________________________ 55
ALTERANDO O TIPO DA FONTE _____________________________ 56
ALTERANDO COR DA FONTE E COR PADRO ___________________ 58
INSERINDO CARACTERES ESPECIAIS _________________________ 59
INSERINDO LINHAS HORIZONTAIS ___________________________ 59
MODIFICANDO O SITE CRIADO_____________________________ 60
CRIAO DE QUADROS _______________________________ 64
CRIANDO PGINAS COM QUADROS _________________________ 65
CONFIGURANDO CADA QUADRO____________________________ 66
PROPRIEDADES DOS QUADROS _____________________________ 72
CRIAO DE TABELAS ________________________________ 74
CRIAR TABELAS ________________________________________ 74
MODIFICAR OS ATRIBUTOS DA TABELA ______________________ 76
INCLUIR E EXCLUIR LINHAS E COLUNAS ______________________ 77
MESCLAR CLULAS _____________________________________ 78
DIVIDIR CLULAS _______________________________________ 79
CRIAO DE FORMULRIOS __________________________ 82
INSERINDO UMA CAIXA DE TEXTO ____________________________ 82
INSERINDO UM MENU SUSPENSO____________________________ 85
INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM _________________ 85
OUTROS CAMPOS DE FORMULRIO _________________________ 87
TRANSMITINDO E PROCESSANDO O SEU FORMULRIO ____________ 87
COMPONENTES DO FRONTPAGE _______________________ 89
PGINA DE INCLUSO____________________________________ 89
FIGURA PROGRAMADA ___________________________________ 90
CONTADOR DE ACESSO __________________________________ 92
GERENCIADOR DE ANNCIOS EM FAIXA _______________________ 93
BOTO EM FOCO_______________________________________ 94
OUTROS RECURSOS ___________________________________ 96
INSERIR DATA E HORA ___________________________________ 96
INSERIR COMENTRIO ___________________________________ 97
TRANSIO DE PGINAS __________________________________ 97
EFEITOS DE ANIMAO___________________________________ 99
PUBLICAR UM SITE __________________________________ 100
INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER _____ 104
LISTA DE EXERCCIOS ________________________________ 105
Pgina: 3
FrontPage 2000

Celta Informtica - F: (11) 4331-1586
INTRODUO
A cada dia verificamos que a informao uma ferramenta de extrema necessi-
dade em qualquer negcio. Sabendo disto, a Internet ajudar voc e sua empresa
a divulgar esta informao para pessoas que estejam praticamente em qualquer
parte do planeta. Essas pessoas, ento, podero usar a Internet para comprar,
aprender, se comunicar, jogar e ensinar.
A Internet uma imensa rede de computadores interligados e espalhados pelo
mundo. Esta rede possibilita a troca de arquivos (FTP), o envio e recebimento de
mensagens (e-mails) e a visualizao das informaes, sendo que estas so apre-
sentadas em formas de pginas gravadas em um determinado site (local virtual).
A WWW (World Wide Web), ou simplesmente Web, a parte da Internet que
contm o conjunto de todas essas pginas que podemos acessar e visualizar.
As pginas da Web so criadas atravs de uma linguagem de programao deno-
minada HTML, e os navegadores da Web (mais conhecidos como browsers)
que exibem estas pginas, pois eles lem e entendem a linguagem HTML. Mas,
com o FrontPage 2000 voc no precisar dominar nem conhecer HTML, pois
este programa capaz de executar automaticamente todas as tarefas de progra-
mao. Assim, voc poder criar suas pginas para a Web to facilmente quanto
digitar e formatar um texto no Microsoft Word.
DICAS PARA CRIAR UM BOM SITE
Criar um site muito simples graas s facilidades que o FrontPage oferece.
Porm, um site bem elaborado exige pacincia, dedicao e conhecimentos de
algumas tcnicas. Procure lembrar sempre que um bom site, alm de ter uma
aparncia atraente, necessita que a mensagem seja transmitida de forma sucinta
e sem demora no aparecimento das informaes na tela. Fique atento s seguin-
tes dicas:
Pgina: 4
FrontPage 2000

Defina os seus objetivos de forma clara;
Analise o perfil de quem ir visitar seu site;
Utilize itens que possam ser exibidos rapidamente na tela;
Crie um bom layout de forma a torn-lo bastante atraente;
Evite excesso de informaes numa nica pgina;
De posse dos dados, procure organiz-los de forma inteligente;
Crie botes que permitam o acesso rpido a qualquer parte do site;
Procure associar textos aos botes para atender possveis visitantes com o
recurso de exibio de imagens grficas desativado;
Realize vrios testes no seu site com diferentes tipos de navegadores antes de
torn-lo disponvel aos seus visitantes.
CONHECENDO O FRONTPAGE
A janela do FrontPage 2000 constituda pela Barra de Ttulo, Barra de Menu,
Barra de Ferramentas, Barra de Formatao e Barra de Modos de Exibio, os
seis modos de exibio presentes nesta ltima barra permitem explorar de dife-
rentes maneiras o site que est sendo criado ou modificado no FrontPage.
Pgina: 5
FrontPage 2000

OS SEIS MODOS DE EXIBIO DO FRONTPAGE
O FrontPage permite visualizar um site de diferentes maneiras, e atravs dos seis
modos de exibio existentes voc poder fazer tudo o que for preciso para criar
um site, manter o contedo atualizado e adicionar ou remover vrias coisas, como
hyperlinks quebrados.
Os cones referentes s diferentes exibies encontram-se na barra de Modos
de Exibio. Vamos agora conhecer as seis maneiras atravs das quais podemos
exibir um site.
Pgina: 6
FrontPage 2000

Pgina ( ): esta opo permite que voc crie, edite e gerencie os Web
sites, sendo que a maioria do trabalho no FrontPage 2000 ser realizado neste
modo de exibio. Na prxima figura vemos um site sendo exibido no modo
Pgina.
No modo Pginas (e na maioria dos outros modos) podemos visualizar a Lista de
pastas, que contm todos os arquivos e pastas que fazem parte do site. Para
exibir / ocultar a Lista de Pastas, utilize o menu Exibir e a opo Lista de pastas
ou simplesmente clique no boto Lista de pasta ( ) que se encontra na barra
de ferramentas do FrontPage.
Pastas ( ): esta viso permite que voc visualize todos os arquivos e
pastas que fazem parte do seu site, inclusive o tamanho de cada um deles, o tipo,
a data de modificao, entre outras coisas. Estes arquivos esto em forma de
lista, dispostos em colunas.
Pgina: 7
FrontPage 2000

No modo de exibio Pastas voc poder realizar as mesmas operaes que
seriam realizadas no Windows Explorer, como: abrir, mover, renomear e excluir
arquivos e pastas. Para acessar essas operaes, clique com o boto direito do
mouse sobre o arquivo, e no menu de atalho que ser exibido, escolha a opo
desejada. Para criar novas pastas, selecione, na Lista de pastas, aquela que
conter a nova pasta a ser criada, no menu Arquivo aponte para Novo e depois
clique em Pasta (ou clique com o boto direito do mouse no painel da direita -
onde esto listados todos os nomes dos arquivos - e selecione o comando Nova
Pasta). A nova pasta criada e j aparece em destaque para que voc possa
renome-la, depois pressione Enter.
Relatrios ( ): esta viso possibilita a visualizao de uma lista de rela-
trios onde voc pode saber mais sobre seu site (listar as pginas, elementos
grficos, arquivos). Cada relatrio (linha) apresenta uma descrio que explica
o seu propsito, alm de informaes do seu tamanho e outras.
Pgina: 8
FrontPage 2000

Neste modo de exibio apresentada a barra de ferramentas Relatrio. Atra-
vs dela ser possvel relacionar pginas que so lentas para serem visualizadas,
pginas desvinculadas, arquivos recentemente adicionados ou alterados, hyperlinks
desfeitos, status da publicao, etc.
Pgina: 9
FrontPage 2000

OBS: Se a barra de ferramentas Relatrio no for exibida, no menu Exibir, apon-
te para Barras de ferramentas e clique em Relatrio.
Voc dever se preocupar, como desenvolvedor de sites para a Web, com a
velocidade do modem das pessoas que iro acessar seu site e com a velocidade
com que as pginas iro ser visualizadas em um browser. Para ter acesso a estas
informaes, selecione Opes do menu Ferramentas e na caixa de dilogo
apresentada, selecione a guia Visualizar relatrios. Veja quais alteraes so
possveis de se realizar, altere o que achar necessrio e depois clique no boto
OK.
Navegao ( ): este modo projeta visualmente a estrutura do site, onde
cada cone (caixas retangulares) representa uma pgina.
Pgina: 10
FrontPage 2000

A Web mostrada na figura anterior corresponde a um site pessoal, e como vemos
possvel carregar imediatamente, usando a barra de navegao, qualquer uma
das pginas: Home page, Interesses, lbum de fotografias ou Favoritos. Assim,
torna-se mais fcil e rpido o acesso s informaes desejadas.
OBS: Se voc est visualizando um site na viso Navegao e a estrutura deste
site extensa, voc no conseguir v-lo por inteiro, a menos que use as barras
de rolagem. Uma maneira fcil de visualizar toda a estrutura do site atravs da
barra de ferramentas Navegao. Com ela voc poder aumentar ou diminuir o
zoom com que as pginas so exibidas, e assim conseguir exibir todas.
Pgina: 11
FrontPage 2000

As pginas do seu site podem ter duas barras de navegao: uma horizontal e
uma vertical, na prxima figura podemos observar essas duas barras. Aprende-
remos a modificar as barras nos captulos posteriores.
Hyperlinks ( ): este modo de exibio possibilita que voc visualize
graficamente todos os links do seu site. Desta maneira, voc ver como cada
pgina do seu site est vinculada a outra.
Pgina: 12
FrontPage 2000

OBS: O hyperlink estabelece um link (conexo) de uma pgina para outro des-
tino, onde o destino pode ser uma outra pgina da Web, uma figura, um endereo
de correio eletrnico, um arquivo (tal como um arquivo de multimdia ou docu-
mento do Microsoft Office) ou um programa. Um hyperlink pode ser texto ou
figura. Quando o ponteiro do mouse est sobre um hyperlink, ele se transforma
em uma mozinha.
Como voc v na figura anterior, os hyperlinks mostrados referem-se pgina do
centro (index.htm), voc poder mover qualquer pgina para o centro do modo
de exibio Hyperlinks clicando com o boto direito do mouse no cone da pgina
e, no menu de atalho, clicar na opo Mover para o centro. Se clicar no cone +
(sinal de adio) de alguma pgina, voc poder ver todos os hyperlinks relativos
quela pgina.
Tarefas ( ): esta viso contm todas as tarefas que ainda devero ser
concludas em um determinado site. Durante a construo do site voc pode
fazer uma lista de tais tarefas, onde estas devem ser cumpridas antes que o site
esteja terminado. Assim, detalhes importantes no sero esquecidos se voc os
colocar na lista de tarefas.
Para inserir uma tarefa, no menu Editar selecione Tarefa e depois clique em
Adicionar tarefa, insira um nome e uma descrio para a tarefa. Para fazer
alguma alterao na tarefa, no modo Tarefas d um clique duplo na tarefa dese-
jada e faa as alteraes na caixa de dilogo que ser apresentada.
Pgina: 13
FrontPage 2000

CRIANDO UM SITE ATRAVS DE UM MODELO
O FrontPage possui ferramentas que permitem que voc construa seu site em
pouco tempo, sem a necessidade de conhecer HTML. Tais ferramentas so os
modelos e os assistentes. Estas duas ferramentas fornecem a estrutura bsica
para seu site, onde voc poder acrescentar informaes e fazer modificaes
como quiser.
OBS: Os modelos e os assistentes so semelhantes, possuindo apenas uma dife-
rena fundamental. Quando voc cria um site usando um assistente, vrias per-
guntas referentes ao site que voc deseja criar so feitas, e de acordo com suas
respostas, as pginas do seu site so construdas. Quanto aos modelos, eles ape-
nas criam uma estrutura padronizada de pginas, onde voc dever acrescentar
informaes s pginas. Assim, as pginas criadas com os assistentes so perso-
nalizadas, e as criadas com os modelos so padronizadas.
Antes de construirmos um site utilizando um modelo, voc deve saber que ainda
ter um pouquinho de trabalho para transformar a estrutura que obtm com um
modelo em um site atraente. Mas mesmo assim muito mais fcil do que se voc
fosse construir cada pgina partindo do zero.
CRIANDO UM SITE PESSOAL
Vamos usar o modelo Web pessoal para criarmos um site pessoal, onde o con-
tedo deste site ser referente sua pessoa ou a outra pessoa a qual voc deseja
construir um site. No menu Arquivo, aponte para Novo e depois clique na opo
Web.
OBS: Os menus do FrontPage 2000 exibem apenas os itens mais utilizados,
escondendo os menos acessados (menu com formato contrado). Quando qui-
ser visualizar todas as opes do menu, deixe o ponteiro do mouse parado alguns
instantes sobre o nome do menu ou clique na seta presente no final de cada menu
contrado.
Pgina: 14
FrontPage 2000

Na caixa de dilogo Novo esto disponveis alguns modelos que podero ser
usados:
- Web de uma pgina: cria uma Web com uma nica pgina em branco.
- Web de projeto: cria uma Web com vrias pginas referentes a um projeto,
como pginas para informaes dos membros, status do projeto, programao,
discusses em grupo e um arquivo.
- Web de suporte tcnico: a Web criada conter pginas que permitem a uma
empresa oferecer suporte aos clientes para um ou mais de seus produtos.
- Web pessoal: a Web conter informaes pessoais.
- Web vazia: cria uma Web sem pginas, onde voc ter que adicion-las poste-
riormente.
Selecione, ento, o modelo Web pessoal e na caixa Especifique o local da
nova Web digite a localizao onde este site ser salvo (que poder ser no seu
disco ou em um servidor da Internet), depois clique no boto OK.
O FrontPage, baseando-se no modelo escolhido, cria o site. Tambm foram cria-
dos os arquivos HTML, as pastas necessrias (private e images) e os hyperlinks
e relacionamentos entre as pginas desse site. Para uma melhor visualizao do
esquema de navegao entre as pginas, clique no cone Navegao, da barra de
Modos de Exibio.
Pgina: 15
FrontPage 2000

ALTERANDO O SITE CRIADO
Depois que criamos um site utilizando um modelo, vamos personaliz-lo. Ser
preciso editar cada pgina contida no nosso site para fazermos as modificaes
necessrias (volte a visualizar o site no modo de exibio Pginas).
Selecionando um Tema
Antes de alterarmos as pginas, vamos escolher um tema para o nosso site da
Web, onde este tema ir definir a aparncia do site (cor do texto, os ttulos, cones
que fazem parte dos botes e marcadores, fundo da pgina, etc). O tema escolhi-
do poder ser aplicado em todas as pginas contidas no site ou apenas em uma,
sendo que aplicando o mesmo tema em todas as pginas voc garantir uma
aparncia uniforme ao longo do site.
O FrontPage tem vrios temas, e para acess-los, clique no menu Formatar e
selecione a opo Tema. Na caixa de dilogo Temas voc poder visualizar cada
tema disponvel antes de aplic-los s pginas.
Pgina: 16
FrontPage 2000

OBS: O FrontPage permite que voc personalize os temas predefinidos, ou seja,
voc poder escolher um tema e alterar as cores do corpo de texto, dos hyperlinks,
rtulos da barra de navegao, alm de modificar a figura de plano de fundo,
logotipos, elementos grficos, etc. Personalizando um tema predefinido, voc es-
tar criando um novo tema podendo usar seus prprios grficos, conjuntos de
cores e estilos. Esse assunto de personalizar temas ser visto em captulos poste-
riores.
Abaixo da lista com os temas, na caixa de dilogo Temas, encontramos quatro
opes com as seguintes finalidades:
Cores vivas: esta opo determina se o tema usar uma variedade de
cores vivas, ou um segundo plano branco e cores mais escuras.
Elem. grficos ativos: esta opo permite que seu site exiba elementos
grficos mais interativos, onde alguns elementos, como os marcadores, se tor-
nam animados e os botes de navegao mudam de aparncia conforme o usu-
rio desliza o mouse ou d um clique sobre eles.
Figura de plano de fundo: esta opo alterna entre uma imagem de
fundo e uma cor de fundo. Se voc selecionar Cores vivas e no selecionar
Figura de plano de fundo, o FrontPage escolher uma cor de fundo apropriada
para seu tema.
Aplicar usando CSS: as folhas de estilo em cascata (CSS) fornecem
mais controle sobre a aparncia e apresentao de suas pginas. Elas permitem
que os elementos visuais de uma pgina (o texto, as cores, fontes e formatao)
sejam definidos separadamente das informaes que a pgina contm.
A figura anterior mostra que o tema Ps-moderno est selecionado. Vamos
aplic-lo a todas as pginas do site, para isso, depois de selecion-lo, marque a
opo Todas as pginas (para que o tema seja aplicado a todas as pginas do
site) e clique no boto OK.
Pgina: 17
FrontPage 2000

Inserindo e Modificando Textos
Dentre os arquivos que foram automaticamente criados depois que definimos um
modelo para o site, existe um chamado index.htm (observe, na Lista de pastas,
que dentre os arquivos existentes, realmente existe um chamado index.htm). Na
Web, index.htm a home page padro de todos os sites, assim, qualquer site que
voc acessar, este arquivo ser o primeiro que voc ver.
Agora, estando no modo de exibio Pginas, d um clique duplo no arquivo
index.htm para que possamos ver como est sendo apresentada a primeira pgi-
na do nosso site.
Na figura a seguir vemos o arquivo index.htm pronto para ser editado. Observe
que o FrontPage j oferece algumas idias do que pode ser inserido na pgina.
OBS: Voc pode obter mais espao na tela exibindo ou escondendo algumas
barras de ferramentas. Para isso, no menu Exibir, selecione ou no a barra de
ferramentas que ser exibida ou ocultada (na figura anterior ocultamos a Lista
de pastas).
Pgina: 18
FrontPage 2000

Vemos que a primeira pgina do site apresenta um cabealho (faixa), o qual
iremos modificar mais adiante, uma barra de navegao e um corpo de texto
principal. Para modificar o texto do corpo principal, d um clique no texto exis-
tente e logo ver o ponto de insero. Acrescente, ento, as informaes que
desejar, como por exemplo, inclua o que voc faz, especifique o que ir ser mos-
trado no site, ou seja, coloque quaisquer informaes pessoais que quiser, j que
voc est construindo o seu site pessoal.
Enquanto voc est digitando as informaes nas pginas do site, algumas pala-
vras podem ser sublinhadas de vermelho, significando que foram digitadas de
forma incorreta ou que simplesmente no constam no dicionrio. Para solucionar
essa questo, clique com o boto direito do mouse sobre a palavra sublinhada
com uma linha vermelha ondulada para que um menu seja apresentado.
O menu exibir algumas palavras parecidas com a que voc digitou (onde estas
servem como sugesto para substituir a palavra no texto), caso voc clique em
alguma delas, ela substituir a do texto. Outras opes so apresentadas:
Ignorar todas - Ir ignorar essa palavra em todo lugar do texto que ela aparecer,
caso exista;
Adicionar - Adiciona essa palavra ao dicionrio, assim, da prxima vez que voc
digit-la, ela no ser mais sublinhada;
Vamos agora alterar a faixa da pgina, j que ela exibir o ttulo da nossa pgina.
Uma maneira fcil de trocar os ttulos (nomes) das pginas atravs do modo
Navegao, por isto, selecione este modo de exibio e, em seguida, d um clique
Pgina: 19
FrontPage 2000

no retngulo Home Page para selecion-lo (cada retngulo representa uma pgi-
na) e pressione F2. Digite um novo nome (por exemplo Oswaldos Home Page -
troque Oswaldo pelo seu nome ou nome de outra pessoa a quem o site se refere)
e tecle Enter, se quiser poder alterar o nome das outras pginas tambm. Agora
d um clique duplo na pgina principal e voc ver a primeira pgina do site, com
as alteraes feitas.
OBS: importante definir de maneira correta e coerente o ttulo (nome) da pgi-
na, pois ele ser exibido na barra de ttulo do navegador.
Inserindo uma Barra de Navegao de Botes
A ltima coisa a ser feita nesta pgina inserir uma barra de navegao de
botes. D um clique duplo na frase que se encontra abaixo da faixa Oswaldos
Home Page para que seja apresentada a caixa de dilogo Propriedades da
barra de navegao.
Pgina: 20
FrontPage 2000

Nesta janela voc dever definir quais os hyperlinks que sero mostrados na
pgina. Voc saber o nvel de cada um visualizando a estrutura do site no modo
Navegao. Assim, podemos observar que a pgina principal Oswaldos Home
Page est em um nvel superior em relao s outras trs pginas, sendo que
estas encontram-se no mesmo nvel.
A figura anterior refere-se aos hyperlinks da pgina principal, por isso vamos sele-
cionar a opo Nvel filho para que os hyperlinks das pginas que se encontram no
nvel abaixo da principal sejam adicionados. Depois, na seo Orientao e apa-
rncia, deixe as opes Horizontal e Botes selecionadas, para que a barra de
navegao apresente-se na forma de botes com orientao horizontal.
Como voc observou na figura anterior, a barra de navegao de texto foi retira-
da (pois inserimos a barra de botes). Para retir-la da pgina, d um clique
sobre ela para selecion-la e depois tecle Delete para exclui-la.
At agora definimos o que ser apresentado na primeira pgina. Vamos abrir a
pgina Interesses e colocar as informaes pertinentes a ela. Estando no modo
de exibio Pgina, leve o mouse at o boto Interesses e pressione a tecla Ctrl
(voc ver que o ponteiro do mouse ficar no formato de uma mozinha). Ainda
com a tecla Ctrl pressionada, d um clique para que a pgina Interesses seja
exibida.
Pgina: 21
FrontPage 2000

Nesta pgina encontramos a barra de navegao (abaixo do cabealho) e uma
lista onde voc poder inserir seus hobbies, projetos ou interesses. Este modelo
de site j coloca os marcadores para voc, e o formato do marcador depende do
tema que foi aplicado s pginas do site (cada tema tem os seus prprios forma-
tos de marcadores).
Se voc quiser excluir os marcadores, selecione a(s) linha(s) que contm o(s)
marcador(es). Em seguida, clique no boto Marcadores ( ) que se encontra
na barra de ferramentas. Para inserir os marcadores novamente, deixe o cursor
posicionado na linha que receber o marcador e clique no boto Marcadores
novamente.
Quando voc insere um tema na pgina do site, os marcadores tero as imagens
relativas quele tema, para alterar essas imagens, no menu Formatar clique em
Marcadores e Numerao. Na caixa de dilogo exibida, especifique se deseja
usar as figuras do tema atual ou ento escolher outra, que dever estar em algum
arquivo (e voc poder localizar este arquivo atravs do boto Procurar).
Pgina: 22
FrontPage 2000

Depois que voc inseriu as informaes desejadas na pgina Interesses, dever
alterar as outras duas pginas (lbum de fotos e Favoritos) para que o site
esteja com todas as informaes relativas a todas as pginas, e depois possa ser
publicado.
Inserindo Figuras
Na pgina lbum de fotos (como em qualquer outra), voc poder inserir figuras
provenientes de vrios lugares, como por exemplo: figuras do Clip Art, de pgi-
nas da Web, do seu computador e do scanner. Clique no boto Inserir figura do
arquivo ( ), na barra de ferramentas do FrontPage, para que a caixa de dilo-
go Figura seja exibida (figura a seguir). Atravs desta caixa, voc poder inserir
a figura desejada.
Pgina: 23
FrontPage 2000

Clicando no boto Clip-art voc poder visualizar vrias figuras j prontas que
podero ser inseridas nas pginas do seu site. Estas figuras esto separadas por
categoria, escolha uma categoria e d um clique sobre ela. Voc ver que as
figuras referentes quela categoria sero exibidas.
Para inserir uma figura, clique sobre ela e selecione a opo Inserir clipe. Ime-
diatamente a figura inserida na posio que estiver o cursor, e para inserir outra
figura clique novamente sobre o boto Inserir figura do arquivo, da barra de
ferramentas, e escolha a figura a ser inserida.
Inserindo um Link
J alteramos quase todas as pginas do nosso site, e para finalizar vamos modifi-
car tambm a pgina Favoritos. No modo de visualizao Pgina, exiba esta
pgina e veja que ela contm links para alguns sites, onde estes iro representar
seus sites favoritos.
Pgina: 24
FrontPage 2000

Para inserir um link a um site da Web, digite um texto que identifique o link para
o site (digite por exemplo Cad?), selecione o texto e clique no boto Hyperlink
( ), localizado na barra de ferramentas (ou no menu Inserir, clique em
Hyperlink). Na caixa de dilogo Editar Hyperlink digite o URL do site na caixa
URL (para inserir um link ao site Cade, temos que digitar o endereo do site
Cad, que http://www.cade.com.br). Depois de clicar no boto OK, observe
que o texto Cad? fica sublinhado, indicando que ele possui um link com alguma
outra pgina ou site da Internet.
OBS: URL (Uniform Resource Locator) o endereo completo do site que
desejamos acessar.
Depois, quando sua pgina estiver sendo exibida em um navegador, ao dar um
clique no link Cad?, o site referente a este link ser exibido, isto se a pessoa que
est visualizando o seu site estiver conectada.
Pgina: 25
FrontPage 2000

Excluindo Pginas
Quando utilizamos um modelo para a construo de um site, as pginas e os
arquivos referentes ao modelo escolhido so criados automaticamente. Mas, de-
pendendo do objetivo do site, nem todas as pginas criadas sero importantes
para voc, portanto, elas podero ser excludas.
Para exclu-las, visualize o site no modo Pastas ou Pginas (neste ltimo modo
a Lista de pastas dever estar sendo exibida) e d um clique com o boto direito
do mouse no arquivo (que representa sua pgina) que deseja excluir, no menu de
atalho que ser apresentado escolha a opo Excluir (ou selecione o arquivo e
pressione a tecla Delete). Por exemplo, se voc no quisesse que o seu site
exibisse a pgina lbum de fotografias, voc deveria clicar no arquivo photo.htm
e selecionar a opo Excluir.
Aps confirmar a excluso do arquivo, o FrontPage remove o arquivo e faz uma
atualizao de todos os vnculos e barra de navegao do site inteiro.
OBS: No se esquea de salvar sempre seu site a cada alterao realizada, pois
voc poder perder tempo e trabalho se no realizar freqentemente este proce-
dimento.
Os tipos de modelos existentes no FrontPage talvez no atendam a uma necessi-
dade especfica sua, mas, no tenha medo de criar um site usando um modelo
que seja semelhante, mas no exatamente igual, ao site que voc precisa. Depois
s fazer as alteraes necessrias, e se precisar, voc pode acrescentar outras
pginas novas ao seu site da Web. Mais adiante vamos aprender a inserir pginas
ao site.
Pgina: 26
FrontPage 2000

TESTANDO O SITE CRIADO
Agora voc vai ver como ficou o seu site, do ponto de vista de um navegador.
Voc testar o site para ver se todos os links esto corretos e se as pginas
apresentam exatamente a aparncia que voc esperava.
Se voc estiver com o site aberto no FrontPage, clique no boto Visualizar no
navegador ( ), que se encontra na barra de ferramentas do programa. Agora,
se o FrontPage no estiver carregado, ative o seu navegador (Internet Explorer
ou Netscape). Com o navegador ativo, por exemplo o Internet Explorer, v at o
menu Arquivo e clique em Abrir. Na caixa de dilogo Abrir digite (ou localize) o
endereo completo do arquivo index.htm (j que ele representa a pgina inicial
do seu site) e clique no boto OK.
A figura a seguir apresenta a primeira pgina do seu site sendo exibida no Internet
Explorer. Voc deve testar todos os links e certificar-se de que no h problema
algum.
Pgina: 27
FrontPage 2000

CONSTRUINDO UM SITE ATRAVS DO ASSISTEN-
TE
O site anterior foi criado com a ajuda de um modelo, agora vamos construir outro
site usando um dos assistentes oferecidos pelo FrontPage. Os assistentes faro
vrias perguntas a respeito do site que voc deseja criar e, dependendo de como
voc responder a cada uma delas, as pginas apropriadas so criadas. Lembre-
se que depois possvel alterar as pginas que foram criadas (incluir elementos
nas pginas, excluir itens ou pginas, etc).
Pgina: 28
FrontPage 2000

Como exemplo, vamos criar um site que mostrar o perfil de uma empresa de
informtica. Este site conter uma pgina O que h de novo, muitas pginas de
produtos e servios, onde ser possvel descrever o produto ou servio, colocar
imagens, o preo dos produtos e outras informaes. Seu site ainda conter uma
pgina Sumrio, onde ser possvel indexar seu site e atualiz-lo automaticamen-
te sempre que sua estrutura for modificada. Voc tambm poder usar um for-
mulrio de feedback para obter informaes sobre seus usurios. Tudo o que foi
citado poder ser obtido utilizando-se o Assistente de presena corporativa.
Como exemplo, vamos elaborar um site para a empresa fictcia Fit Informtica.
No menu Arquivo do FrontPage 2000, aponte para Novo e depois clique em
Web. Na caixa de dilogo Novo, selecione a opo Assistente de presena
corporativa.
Especifique um outro local para o seu site (por exemplo, em uma pasta denomi-
nada Fit) e clique em OK. A tela de abertura do Assistente apresentada (pr-
xima figura), informando que voc dever responder a algumas perguntas que
lhe sero feitas.
Pgina: 29
FrontPage 2000

Na parte inferior da tela vemos alguns botes:
Cancelar: clicando sobre este boto, o assistente interrompido e voc volta-
r para o FrontPage.
Voltar: quando este boto est ativo voc poder voltar (s) tela(s) anterior(es)
e mudar as informaes que j foram inseridas.
Avanar: conduz para a tela seguinte do assistente.
Concluir: o assistente encerrado no ponto em que se encontra no momento.
Se voc clicar sobre este boto antes da tela final, o FrontPage ir preencher
o site com as informaes que foram fornecidas at o momento.
Clique no boto Avanar para prosseguir. Na segunda tela do assistente, voc
poder escolher quais os tipos de pginas que sero includas no seu site. Vamos
querer que nosso site tenha todas as pginas, portanto, selecione todas as op-
es. Em seguida clique no boto Avanar.
Pgina: 30
FrontPage 2000

A tela seguinte apresenta opes relacionadas com o formato da home page,
onde dever ser especificado o que sua empresa faz e o que o usurio poder
encontrar no seu site. Selecione a primeira opo (Introduo), a terceira (Perfil
da empresa) e quarta (Informaes para contato). Clique em Avanar.
A prxima tela refere-se aos tpicos que iro ser includos na pgina O que h
de novo (figura a seguir). Esta pgina importante porque voc pode colocar
notcias de ltima hora sobre a empresa, avisar, por exemplo, que o nmero do
telefone da Fit Informtica mudou, pode colocar informaes sobre o mercado,
como uma lista das prximas feiras de negcios, tendncias das aes ou outras
notcias comerciais. Selecione as trs opes e clique em Avanar.
A prxima tela nos apresenta as opes relativas pgina Produtos e Servios,
onde voc dever especificar o nmero de produtos e servios que sero ofere-
cidos. O FrontPage permite digitar um nmero entre 0 e 5 para cada opo.
Digite, por exemplo, 3 na caixa Produtos e 1 na caixa Servios e depois clique em
Avanar.
Pgina: 31
FrontPage 2000

A tela seguinte nos informa que a pgina de cada produto ou servio conter um
ttulo, uma breve descrio e uma lista de benefcios aos clientes. Nas pginas
Produtos voc poder colocar itens adicionais, tais como imagens de produtos,
informaes sobre o preo e formulrio de pedido de informaes. Nas pginas
Servios voc poder apresentar listas de capacidades, contas de referncia e
formulrios de solicitao de informaes. Selecione as opes como na prxi-
ma figura e em seguida clique em Avanar.
O prximo passo decidirmos quais sero as informaes que desejamos rece-
ber dos usurios. No coloque muitas perguntas, pois dificilmente os usurios
tero tempo para responder todas. Depois de selecionar as opes desejadas
(como na figura a seguir), clique em Avanar.
Pgina: 32
FrontPage 2000

Na prxima tela voc dever especificar onde as informaes recebidas do For-
mulrio de comentrio dos clientes sero armazenadas. Voc tem a opo de
utilizar um aplicativo que seja compatvel com os programas de banco de dados e
planilha eletrnica ou ento poder armazenar as informaes no formato de
pgina da Web. Vamos escolher a primeira opo, portanto, selecione-a e clique
em Avanar.
Agora vamos escolher as opes para a pgina do ndice (Sumrio). A tela nos
mostra que possvel atualizar automaticamente o sumrio toda vez que uma
pgina for editada, mostrar pginas no vinculadas a Web que aparecem no su-
mrio e ainda usar marcadores nas pginas de primeiro nvel. Selecione as duas
ltimas opes e clique em Avanar.
Na prxima tela podemos escolher quais sero os itens que devero aparecer na
parte superior e na parte inferior de cada pgina do site. Selecione-os de acordo
com a figura a seguir e depois clique em Avanar.
Pgina: 33
FrontPage 2000

Essas opes assinaladas durante as etapas do assistente controlam se o FrontPage
deve deixar espao para o item selecionado, e no para o contedo real de cada
item. Depois possvel digitar ou alterar alguns itens, assim, o assistente simples-
mente cria um espao que poder ser preenchido com o contedo real de sua
preferncia.
Na tela seguinte o FrontPage lhe d a opo de colocar um cone Em Constru-
o em todas as pginas que ainda esto em construo. Selecione Sim e depois
clique em Avanar.
As duas etapas seguintes solicitam informaes sobre sua empresa, como o nome
completo, o nome fantasia, o endereo, o nmero do telefone, o nmero do fax,
etc. Essas informaes s precisaro ser digitadas uma vez, pois o FrontPage as
insere nos lugares j reservados nas etapas anteriores. Digite as informaes de
acordo as duas prximas figuras.
Pgina: 34
FrontPage 2000

Pgina: 35
FrontPage 2000

Depois que voc digitou as informaes em ambas as telas, clique em Avanar.
Na tela seguinte o FrontPage permite que voc escolha um tema para o seu site.
Clique sobre o boto Escolher tema da Web para que a caixa de dilogo Seleci-
onar tema aparea. Escolha um tema e depois clique em OK.
Depois de escolher o tema para seu site e clicar em OK, voc estar de volta ao
assistente, no mesmo ponto em que saiu dele. D um clique em Avanar para
continuar. Na ltima etapa o FrontPage inclui uma caixa de seleo que se for
selecionada mostrar todas as tarefas que ainda precisam ser concludas no site.
Deixe esta opo selecionada e clique em Concluir.
O FrontPage ir utilizar as informaes fornecidas para preencher o site criado
com o Assistente de presena corporativa. O site criado e exibido, e partir de
agora, voc pode aprimor-lo e personaliz-lo de acordo com o seu gosto.
Para personalizar o site, visualize-o no modo Pginas e d um clique duplo no
arquivo index.htm para ver a primeira pgina do site. As alteraes so feitas da
mesma maneira que fizemos com nosso Web site pessoal, que foi criado atravs
de um modelo. Voc dever seguir as dicas e os comentrios exibidos nas pgi-
nas para alter-las, e no se esquea das tarefas a serem concludas que se
encontram no modo Tarefas. Depois de modificar todas as pginas, salve-as e
teste seu site seguindo o mesmo procedimento descrito na lio Testando o site
criado.
Pgina: 36
FrontPage 2000

Alm de todas as facilidades oferecidas pelo assistente na criao de um site, um
outro recurso que ele oferece a atualizao automtica de cada pgina, ou seja,
voc pode alterar o telefone da empresa, por exemplo, e essa alterao afetar
todas as pginas que contenham esse nmero de telefone. Para acessar este
importante recurso, no menu Ferramentas clique em Configuraes da Web, na
caixa de dilogo que ser exibida selecione a guia Parmetros, faa as modifi-
caes necessrias e clique no boto OK. Estando com as pginas do site sendo
exibidas no modo Pginas, clique no boto Atualizar ( ), da barra de ferra-
mentas do FrontPage, para que as informaes do site sejam atualizadas.
IMPORTANDO UM SITE
Atravs do FrontPage voc pode importar sites de uma pasta localizada em uma
unidade de disco rgido ou da World Wide Web, usando, para isso, o Assistente
para importao de Web. Esse assistente importa os arquivos do seu disco
rgido, da sua rede local (intranet) ou da Web e depois cria um novo Web site do
FrontPage a partir desses arquivos. Use este assistente, tambm, quando quiser
importar sites de verses mais antigas do FrontPage.
Para importar sites utilizando o Assistente, aponte para Novo, no menu Arquivo,
e depois clique em Web no submenu. Na caixa de dilogo Novo selecione a
opo Assistente para importao de Web e especifique o local da nova Web,
depois clique em OK. Aparecer a caixa de dilogo referente primeira etapa
do processo de importao.
Pgina: 37
FrontPage 2000

OBS: Voc tambm pode importar um site atravs do comando Importar do
menu Arquivo.
Na caixa de dilogo Assistente para importao de Web - Escolher origem,
voc deve escolher se quer importar arquivos de um computador local ou da rede
local (primeira opo), ou ento a partir de um site da World Wide Web (segunda
opo).
Selecionando a primeira opo, ser preciso localizar a pasta ou arquivos que
deseja importar clicando no boto Procurar. Aps clicar neste boto, selecione a
pasta desejada e clique em OK. Se a pasta selecionada incluir subpastas ou
arquivos que voc tambm deseja import-los, assinale a opo Incluir subpastas
da caixa de dilogo do assistente, em seguida clique em Avanar.
Na prxima caixa de dilogo do Assistente para importao de Web - Editar
lista de arquivos apresentada uma lista de todos os arquivos que esto dentro
da pasta que voc selecionou. Se desejar excluir um arquivo da lista, selecione-o
e clique no boto Excluir. Depois de remover alguns arquivos da lista, voc ainda
tem a chance de ver a lista original, clicando no boto Atualizar. Depois de
decidir quais arquivos faro parte do seu site, clique em Avanar. Na ltima tela
clique em Concluir para que os arquivos sejam importados e apresentados a
voc.
Pgina: 38
FrontPage 2000

Agora, se na primeira etapa do assistente voc selecionou a segunda opo (De
um site da World Wide Web), ter de digitar o endereo de uma localizao na
Web (como na figura a seguir) e depois clicar em Avanar.
Na caixa de dilogo Assistente para importao de Web - Escolher quantida-
de de download (prxima figura) voc define os limites de nveis e tamanhos de
arquivos, e tambm tem a opo de limitar a transferncia aos arquivos de texto
e de imagens.
Depois de selecionar as opes desejadas clique em Avanar. Na ltima tela
clique em Concluir para fazer o FrontPage criar o novo Web site.
Ao importar arquivos para criar um novo site a partir deles, o FrontPage preserva
a estrutura da pasta antiga que voc importou e acrescenta suas prprias pastas
ao site, como as pastas private e images.
Pgina: 39
FrontPage 2000

OPERAES COM SITES E ARQUIVOS
Vamos conhecer, neste captulo, algumas operaes bsicas que podemos reali-
zar com os sites e arquivos que criamos e visualizamos no FrontPage 2000.
ABRIR UM SITE
No FrontPage voc poder ter mais de um site aberto, e j deve ter notado que
cada um deles aberto em uma janela separada e completa (com menus e bo-
tes). Desta maneira, cada site aberto representado por um cone na barra de
tarefas.
Para abrir um site, utilize boto Abrir da barra de ferramentas do FrontPage.
Clicando na seta ao lado do boto Abrir, voc ter duas opes: Abrir - abre um
determinado arquivo e Abrir Web - abre o site todo. As duas opes exibiro a
caixa de dilogo Abrir arquivo, onde voc dever localizar o arquivo ou site
desejado e depois clicar no boto Abrir (da caixa de dilogo Abrir arquivo).
Pgina: 40
FrontPage 2000

RENOMEAR UM SITE, PGINA OU ARQUIVO
Para modificar o nome de um Web site, voc dever estar com o site aberto no
FrontPage. Depois, v at o menu Ferramentas e clique na opo Configura-
es da Web. Na caixa de dilogo que ir aparecer, selecione a guia Geral e na
caixa Nome da Web, digite um novo nome para a Web.
OBS: Se voc renomear uma Web aps public-la, precisar publicar a Web
inteira novamente com o novo nome. Os hyperlinks de outros sites da Web para
a sua Web antiga no funcionaro mais; portanto, oriente os visitantes do seu site
sobre o novo caminho ou URL.
O nome da pgina modificado no modo Pgina, Pastas ou Navegao, sendo
que neste ltimo basta selecionar a Pgina, pressionar F2 e digitar o novo nome.
No modo Pginas, exiba a pgina a ser renomeada e clique com o boto direito
do mouse em qualquer lugar da pgina, no menu exibido selecione a opo Pro-
priedades da pgina e digite o novo nome. No modo Pastas, clique com o
boto direito na linha que contm o nome da pgina, selecione a opo Proprie-
dades e digite o nome desejado.
Pgina: 41
FrontPage 2000

Para renomear arquivos, visualize-os na Lista de pastas, clique sobre o arquivo
desejado para selecion-lo, pressione F2 e digite o novo nome.
EXCLUIR UM SITE
Para poder excluir um site, voc precisa ter direito de acesso administrativo com
o FrontPage, e alm disso, o site dever estar aberto no FrontPage. Assim, para
excluir o site que se encontra aberto, clique com o boto direito do mouse (na
Lista de pastas) na pasta onde o site foi salvo e, em seguida, clique em Excluir
no menu de atalho.
Depois que o site completamente eliminado, no ser mais possvel recuper-
lo, nem mesmo a partir da lixeira do Windows Explorer ou qualquer outro diretrio
que o FrontPage tenha criado para esse site.
Pgina: 42
FrontPage 2000

EXCLUIR ARQUIVOS
Como j foi mencionado no captulo referente criao de sites atravs de mo-
delos, os arquivos podem ser excludos selecionando-os e pressionando a tecla
Delete, ou ento voc pode dar um clique com o boto direito do mouse sobre o
arquivo e escolher a opo Excluir (tudo sendo realizado no modo Pastas ou
Pgina).
IMPORTAR UM ARQUIVO PARA UM SITE
No FrontPage voc tem a possibilidade de importar documentos do Word, planilhas
do Excel e vrios outros arquivos de outros aplicativos para seus sites (inclusive
arquivos que no foram criados por produtos Microsoft), ou seja, voc pode im-
portar qualquer tipo de arquivo para o qual o seu sistema operacional oferea
suporte.
OBS: Para importar um arquivo ou pasta para uma subpasta especfica da sua
Web, selecione essa pasta na Lista de pastas antes de usar o procedimento
descrito a seguir.
O site que receber os arquivos dever estar aberto no FrontPage. Para import-
los, selecione a opo Importar a partir do menu Arquivo. A caixa de dilogo
Importar aparece.
Pgina: 43
FrontPage 2000

De acordo com a figura anterior, voc poder importar arquivos e pastas de seu
sistema local ou ento da Web, sendo que neste ltimo caso voc ter acesso ao
Assistente para importao de Web, o qual j foi visto em captulos anteriores.
Clique no boto Adicionar arquivo para que a caixa de dilogo Adicionar ar-
quivo lista de importao aparea, e nesta caixa voc poder selecionar os
arquivos que deseja importar. Os arquivos so selecionados exatamente como no
Windows Explorer. Depois de selecionar os arquivos desejados, clique no boto
Abrir. A caixa de dilogo Adicionar arquivo lista de importao se fecha e
os arquivos so listados na caixa de dilogo Importar. Depois d um clique em
OK para que os arquivos sejam adicionados ao seu site.
OBS: Para importar rapidamente um arquivo ou uma seleo de arquivos para a
Web atual, arraste-os do Windows Explorer para a Lista de pastas.
Os arquivos importados ainda no esto vinculados a nenhuma pgina do site,
eles aparecem junto com os outros arquivos pertencentes ao seu site.
EXPORTAR UM ARQUIVO DE UM SITE
Voc pode exportar um arquivo ou pasta de uma pgina de um site para outro
local. Isto possvel, j que voc pode gravar qualquer arquivo no disco rgido,
em uma localizao de rede ou em disquete. O modo mais fcil exibir o arquivo
no modo Pgina e selecionar a opo Salvar como que se encontra no menu
Arquivo. Na janela exibida, digite um novo nome (se desejar) na caixa Nome do
arquivo e na caixa Salvar em encontre o local onde o arquivo ser salvo.
Quando voc exporta um arquivo para um local especificado, o arquivo no
removido do seu site. Para remover um arquivo de um site voc deve exclu-lo.
Pgina: 44
FrontPage 2000

CRIAO DE PGINAS
Como j foi dito, com o FrontPage ficou bem mais fcil produzir pginas para a
Web sem precisar conhecer a linguagem HTML. As pginas so os documentos
bsicos da World Wide Web, so escritas em HTML e apresentam-se no forma-
to WYSIWYG (what you see is what you get - isso significa que aquilo que
aparece na sua tela exatamente o que voc vai ver quando estiver usando um
navegador da Web, em outras palavras, o que voc v o que voc obtm).
Voc pode trabalhar com as pginas como faria em um processador de textos -
digitar e formatar texto, adicionar grficos, tabelas e outros elementos de pgina.
E para facilitar ainda mais o FrontPage fornece vrios modelos de pginas para
que voc possa criar rapidamente pginas com diversos layouts e funes.
Para criar pginas s seguir estes passos:
1. Se quiser inserir uma pgina a um site j existente, primeiro este site deve
estar aberto no FrontPage (isto no uma regra, pois depois que voc salvar
a pgina ela pode ser importada para qualquer site);
2. No menu Arquivo, aponte para Novo e depois clique em Pgina (para inserir
uma pgina normal, sem nenhum modelo, clique no boto Nova pgina ( )
da barra de ferramentas do FrontPage);
3. Voc deve selecionar um modelo de pgina na caixa de dilogo Novo que
aparece.
OBS: Se voc inserir uma pgina em um site que apresente um tema, a nova
pgina inserida tambm conter o mesmo tema que as outras pginas do site.
Vamos, agora, criar pginas, mas antes vamos criar uma Web que conter as
pginas. Para isso, no menu Arquivo do FrontPage, escolha Novo e selecione a
opo Web. Na caixa de dilogo Novo selecione a opo Web de uma pgina,
especifique o local e nome da nova Web e clique em OK.
Pgina: 45
FrontPage 2000

Inicialmente vamos criar um site de uma pgina s e depois vamos inserir outras
pginas (o site que iremos criar conter informaes sobre os filmes e as peas
de teatro que esto em cartaz, os shows que sero realizados na semana, os
melhores restaurantes, etc).
O site criado ser mostrado no modo Pgina, e voc pode ver que s existe o
arquivo referente pgina principal - index.htm, d um clique duplo sobre ele.
OBS: Antes de criar um site, importante que voc j tenha em mente os objeti-
vos e a finalidade do seu site, que voc j tenha elaborado um plano. Assim,
ficar mais fcil saber quais as informaes que devero ser includas e como o
seu site ser organizado.
Pgina: 46
FrontPage 2000

INSERINDO PGINAS
Agora ns vamos inserir mais pginas, colocar as imagens, os textos, os hyperlinks
e depois vamos testar o site que acabamos de criar. Uma maneira prtica de
inserir uma pgina normal e j estabelecer os links, atravs do modo Navega-
o. Ative este modo e observe que por enquanto voc s tem a pgina inicial do
site, selecione esta pgina (d um clique sobre ela) e depois clique no boto Nova
pgina da barra de ferramentas do FrontPage. Uma nova pgina criada no
nvel abaixo da pgina inicial. Vamos aproveitar e renomear esta pgina, ou seja,
mudar o ttulo, para isso, clique sobre ela para selecion-la, tecle F2 e digite, por
exemplo, Filmes.
OBS: Lembre-se que o ttulo definido para a pgina importante porque ele que
ser exibido na barra de ttulos do navegador.
Agora vamos inserir o contedo na pgina principal, por isso, d um clique duplo
no retngulo Home Page para editar a pgina. Digite as informaes nesta pgi-
na conforme a figura a seguir. Depois iremos aplicar um formato no texto e
incluir uma barra de navegao.
Pgina: 47
FrontPage 2000

Como j mencionamos, os textos, no FrontPage, so digitados do mesmo modo
como so digitados no Microsoft Word. Vrios recursos que voc conhece no
Word podero ser utilizados: copiar, recortar, colar, formatar pargrafos, formatar
fonte, etc.
OBS: Quando voc estiver digitando e pressionar a tecla Enter, o FrontPage
imagina que voc tenha chegado ao fim de um pargrafo e por este motivo colo-
ca uma linha em branco entre o pargrafo anterior e o novo. Para que voc possa
continuar digitando na linha imediatamente seguinte, em vez de pressionar so-
mente Enter, mantenha pressionada a tecla Shift e em seguida pressione Enter.
Agora, na Lista de pastas, d um clique duplo no arquivo filmes.htm para inserir-
mos o texto. Digite e centralize o ttulo da pgina: Filmes. Abaixo do ttulo, utili-
zando os marcadores ( ), digite alguns nomes de filmes de acordo com a
figura abaixo. Se quiser, poder digitar outros ttulos de filmes.
Pgina: 48
FrontPage 2000

Primeiro estamos montando a estrutura das pginas do site, depois, no outro
captulo, vamos aplicar alguns estilos para melhorar a aparncia dessas pginas.
Agora salve a pgina, clicando no boto Salvar ( ) da barra de ferramentas e
exiba o site novamente no modo Navegao. Selecione a pgina Filmes e crie
mais quatro pginas, j que cada ttulo de filme, e suas respectivas informaes,
estaro contidos em uma pgina. No prprio modo de Navegao altere o nome
das pginas.
Pgina: 49
FrontPage 2000

Agora d um clique duplo na pgina referente ao primeiro filme -Sonho de uma
Noite de Vero- para edit-la. Insira informaes a respeito do filme, como na
figura a seguir.
Altere o nome do arquivo referente a esta pgina para sonho.htm (na Lista de
pastas selecione o arquivo nova_pagina_1.htm, pressione F2, digite o novo nome
e pressione Enter).
De acordo com a prxima figura, insira o contedo referente a outro filme, por
exemplo Mau - O Imperador e o Rei. Depois de inserir o texto, altere o nome do
arquivo para maua.htm.
Pgina: 50
FrontPage 2000

Agora voc deve criar as outras pginas para os outros filmes. As informaes
referentes aos filmes (sinopse, elenco, etc) podem ser encontradas no jornal (as
informaes referentes aos dois filmes descritos nesta apostilas foram obtidas no
endereo: www.cinemaonline.com.br). Se achar melhor, pode trocar os nomes
dos filmes por outros a sua escolha.
CRIANDO VNCULOS ENTRE AS PGINAS
Como a estrutura de navegao do nosso site est pronta, precisamos somente
criar os links entre as pginas, atravs da criao de uma barra de navegao.
O FrontPage possui um recurso denominado Borda Compartilhada, sendo esta
uma regio comum a uma ou mais pginas da Web. Dentro da borda comparti-
lhada podemos inserir itens que desejamos que apaream nas pginas, e depois
para cada pgina em sua Web, voc pode definir as bordas a serem compartilha-
das: superior, direita, etc. Vamos aproveitar o recurso da borda compartilhada
para inserir a barra de navegao em todas as pginas de uma vez s.
Pgina: 51
FrontPage 2000

Exiba a pgina inicial (Home Page) e depois selecione a opo Borda comparti-
lhada do menu Formatar. Na caixa de dilogo Bordas compartilhadas selecio-
ne as opes: Todas as pginas, Parte superior e Incluir botes de navega-
o, depois clique em OK (o FrontPage exibir uma caixa com um aviso, clique
em Sim).
Agora, dentro da borda compartilhada, d um clique duplo na frase que est
abaixo da palavra Home Page para editar as propriedades da Barra de navega-
o. Na caixa de dilogo Propriedades da barra de navegao que aparece,
selecione quais os hyperlinks que sero exibidos na barra.
Pgina: 52
FrontPage 2000

OBS: Para modificar a barra de navegao somente da pgina atual, d um
clique com o boto direito do mouse em qualquer lugar da pgina e selecione a
opo Bordas compartilhadas. Na caixa de dilogo Bordas compartilhadas
marque a opo Pgina atual e modifique o que desejar, depois clique em OK.
Desta maneira as alteraes sero realizadas apenas em uma pgina, ou seja, na
pgina atual.
A borda compartilhada est apresentando um ttulo e uma barra de navegao,
sendo que este ttulo o que definimos como sendo o nome da pgina. Vamos
modific-lo, para isso d um clique duplo sobre ele para que a janela Proprieda-
des da faixa de pgina seja exibida. Nesta janela digite o novo ttulo, como por
exemplo, digite Guia Cultural na pgina inicial e depois clique em OK.
Pgina: 53
FrontPage 2000

Agora apague o texto Guia Cultural que havamos inserido na pgina, deixando
somente o que est na borda compartilhada. Repita este procedimento e edite o
texto da borda compartilhada de todas as pginas, e nas pginas com a descrio
dos filmes, por exemplo, digite todo o nome do filme como ttulo.
No prximo captulo vamos melhorar a aparncia das pginas do nosso site,
formatando os textos e inserindo figuras.
Observe, na pgina Filmes, que a barra de navegao no oferece a possibilidade
de acessarmos as outras pginas referentes ao filmes. Para resolver esta ques-
to, precisamos criar hyperlinks desta pgina para com as outras, sendo que os
hyperlinks sero os prprios nomes dos filmes. Selecione a opo Sonho de uma
Noite de Vero, da pgina Filmes, e clique no boto Hyperlink ( ), da barra
de ferramentas, para que a caixa de dilogo Editar hyperlink seja exibida.
Pgina: 54
FrontPage 2000

Selecione o arquivo sonho.htm (para que quando clicarmos na frase Sonho de
uma Noite de Vero, da pgina Filmes, seja exibida a pgina relativa ao filme em
questo), depois clique em OK. Observe que o texto Sonho de uma Noite de
Vero est sublinhado, indicando que agora ele um hyperlink. Realize o mesmo
procedimento com os nomes dos outros filmes.
MODOS DE EXIBIO DAS PGINAS
Voc j deve ter visto que na parte inferior da janela da rea de Edio do
FrontPage existem trs guias: Normal, HTML e Visualizao. Essas guias nos
oferecem alternativas diferentes para observar o contedo de uma pgina.
Pgina: 55
FrontPage 2000

O modo de visualizao Normal o que utilizamos at o momento, e se voc no
quiser ver qualquer cdigo de programao, continuar a utilizar este modo de
exibio. J no modo de exibio HTML voc poder ver a linguagem que est
por trs de cada pgina da Web. Podemos visualizar e editar o cdigo HTML,
para isso, basta que a pgina esteja aberta e a guia HTML selecionada. Selecio-
ne a guia HTML na parte inferior da janela de uma pgina qualquer, voc perce-
ber que a HTML no muito complicada ou difcil de ser entendida.
Na terceira guia, Visualizao, voc poder ver como suas pginas sero exibi-
das no navegador. Assim, se quiser navegar e ter uma pr-visualizao de seu
site, selecione a guia Visualizao. Este modo de exibio um timo recurso
para visualizao offline de um site, mas para ter uma viso real ser melhor ver
o site em um navegador.
APLICANDO ESTILO S PGINAS
Quando inserimos os textos nas pginas, vimos que, por padro, todo o texto
permanece com a mesma fonte e mesmo tamanho, criando um aspecto cansati-
vo e tedioso. Vamos, ento, acrescentar estilo ao texto, como alterar a cor, tama-
nho e tipo da fonte, acrescentar linhas, imagens, etc.
ALTERANDO O TAMANHO DA FONTE
Se voc quiser destacar os ttulos e subttulos da sua pgina, o FrontPage oferece
seis tamanhos diferentes, numerados de 1 (o maior) a 6 (o menor).
Pgina: 56
FrontPage 2000

Para mudar facilmente o tamanho de um texto (palavra, linha, pargrafo ou pgi-
na inteira), selecione o texto e depois, usando a caixa Tamanho da fonte
( ) da barra de ferramentas do FrontPage, selecione o tamanho dese-
jado.
ALTERANDO O TIPO DA FONTE
O FrontPage oferece vrios tipos de fontes que podero ser usadas na sua pgi-
na. Para alterar o tipo da fonte de um texto, selecione-o e escolha uma outra
fonte na lista suspensa da caixa Fonte ( ), localizada na barra
de ferramentas.
Pgina: 57
FrontPage 2000

possvel tambm modificar o estilo da fonte para Negrito ( ), Itlico ( )
ou Sublinhado ( ), clicando sobre os botes correspondentes na barra de fer-
ramentas.
Voc pode fazer todas as alteraes descritas acima de uma nica vez, utilizando
a caixa de dilogo Fonte. Selecione o texto a ser modificado e no menu Formatar,
clique em Fonte (ou clique com o boto direito do mouse no texto selecionado e
escolha a opo Fonte). Voc encontrar opes para modificar o tipo, estilo,
tamanho e cor da fonte, alm de poder aplicar vrios outros efeitos. Para ver
como o texto ficar olhe o resultado na rea de visualizao.
Pgina: 58
FrontPage 2000

Procure usar efeitos e tipos de fontes mais comuns, que a maioria das pessoas
possua, pois muitos destes podem no ser exibidos em um navegador com a
mesma aparncia que tem no FrontPage. Se o computador do visitante no tiver
a fonte que foi usada, a pgina ir aparecer simplesmente com a fonte Times
New Roman.
ALTERANDO COR DA FONTE E COR PADRO
Para alterar a cor de um texto que esteja selecionado na pgina, utilize o boto
Cor da fonte ( ), localizado na barra de ferramentas.
No FrontPage, a cor padro para o texto o preto e para o background (fundo),
o branco. Os hyperlinks apresentam a cor padro azul. Podemos modificar esse
padro de cores, para isso, d um clique com o boto direito do mouse em qual-
quer lugar da pgina e selecione a opo Propriedades da pgina. Na caixa de
dilogo Propriedades da pgina, ative a guia Plano de fundo.
Pgina: 59
FrontPage 2000

Nesta caixa de dilogo vemos cinco elementos que podem ter a cor padro alte-
rada: o plano de fundo, o texto, o hyperlink, o hyperlink que j foi visitado e o
hyperlink que est ativo. Lembre-se que as alteraes feitas nesta caixa de di-
logo afetaro todos os hypertextos da sua pgina.
INSERINDO CARACTERES ESPECIAIS
O FrontPage permite que voc inclua alguns caracteres especiais que no cons-
tam no seu teclado. Um caractere muito comum usado na Internet o smbolo da
marca copyright (), e voc o encontra na lista de smbolos. Para inserir smbolos
e caracteres especiais na sua pgina da Web, clique na opo Smbolo do menu
Inserir. A caixa de dilogo Smbolo aparece.
Para incluir um desses smbolos na sua pgina da Web, selecione-o e clique no
boto Inserir. Depois clique no boto Fechar para fechar a caixa de dilogo.
Para excluir o smbolo da pgina, use as teclas Delete ou Backspace.
INSERINDO LINHAS HORIZONTAIS
Voc pode incluir vrios tipos de linhas horizontais a fim de separar e organizar os
elementos das suas pginas da Web. possvel configurar a cor, comprimento,
alinhamento e altura das linhas, j que a linha horizontal padro uma linha fina
que percorre toda a largura da pgina.
Pgina: 60
FrontPage 2000

Para inserir uma linha na sua pgina, selecione Linha Horizontal no menu Inse-
rir. A linha ser inserida na posio do cursor, e para personaliz-la, d um clique
duplo sobre ela (ou d um clique com o boto direito do mouse sobre ela e sele-
cione Propriedades da linha horizontal). A caixa de dilogo Propriedades da
linha horizontal aparece.
Na seo Largura voc altera a largura da linha, na Altura altera-se a altura e
na seo Alinhamento pode-se alterar o alinhamento da linha. possvel alterar
a cor da linha na seo Cor.
OBS: Para remover a linha, selecione-a e pressione a tela Delete.
MODIFICANDO O SITE CRIADO
Vamos agora alterar a aparncia do site que criamos, modificando o tipo das
fontes, a cor, o tamanho, inserindo cor de fundo, linhas horizontais, etc. Abra a
pgina Guia Cultural (d um clique duplo no arquivo index.htm para abrir a pgina
inicial). Vamos comear inserindo um tema nesta pgina, para isso, no menu
Formatar, clique em Tema, selecione a opo de aplicar o tema somente pgi-
na selecionada (e no em todas as pginas), depois escolha o tipo de tema
Arcos e clique em OK.
Pgina: 61
FrontPage 2000

Observe que o ttulo e a barra de navegao alteram-se para acompanhar o estilo
do tema. Agora selecione o texto abaixo da barra de navegao e altere a fonte
para Comic Sans MS e aumente um pouco o tamanho, por fim centralize todo o
texto.
Agora exiba a pgina Filmes para podermos modific-la. Nesta pgina, aplique o
tema Aquarela (no esquea de selecionar a opo de aplicar o tema somente
pgina selecionada). Selecione os nomes dos filmes, altere a fonte para Comic
Sans MS e aumente um pouco o tamanho.
Pgina: 62
FrontPage 2000

Observe, na figura anterior, que
modificamos a borda compar-
tilhada desta pgina para me-
lhor exibir as opes de nave-
gao entre as pginas do site.
Para isso, clique na opo Bor-
das compartilhadas do menu
Formatar e na caixa de dilo-
go exibida, selecione a opo
Pgina atual e tambm Es-
querda, como mostra a figura
a seguir.
Depois de clicar em OK, d um clique duplo na barra que foi inserida esquerda
da pgina Filmes para que a caixa de dilogo Propriedades da barra de nave-
gao seja mostrada. Nesta caixa de dilogo, selecione, por exemplo, as opes
Voltar e avanar e Home page e clique no boto OK. Desta maneira, voc
poder acessar a pgina inicial e avanar e voltar nas pginas, de acordo com a
estrutura de navegao.
Pgina: 63
FrontPage 2000

Exiba, agora, a pgina do filme Sonho de uma Noite de Vero, selecione todo o
texto que se encontra abaixo da barra de navegao e altere a fonte para Helmet
(ou escolha outro tipo, se voc no tiver esta fonte disponvel). Depois, clique em
Plano de fundo no menu Formatar, e na caixa de dilogo Propriedades da
pgina selecione a cor Prateado (ou outra, se preferir) para o fundo da pgina.
Agora altere a cor da palavra Sinopse (selecione-a e utilize o boto Cor da fonte
da barra de ferramentas), aplique a mesma cor nas palavras Elenco, Direo e
Durao.
Podemos, tambm, inserir uma figura na nossa pgina, que pode ser uma figura
do Clip-art ou de algum arquivo (estas opes esto disponveis no menu Inserir,
opo Figuras). A figura da pgina a seguir foi inserida de um arquivo.
Observe que na pgina do filme Sonho de uma Noite de Vero tambm foi inserida
borda compartilhada esquerda.
Agora que voc j sabe como aplicar os estilos s pginas, mude a aparncia de
todas as outras pginas do seu site, inserindo linhas horizontais, figuras, cores,
alterando o texto, etc, e no se esquea de salv-las.
Pgina: 64
FrontPage 2000

CRIAO DE QUADROS
Quadros so regies retangulares situadas em uma pgina da Web, nas quais
podemos exibir outras pginas ou imagens. Assim, uma nica pgina do site pode
conter vrios quadros, cada um podendo exibir uma pgina diferente. Os quadros
so utilizados quando queremos que determinada regio do site permanea est-
tica (aparea o tempo todo) enquanto outras regies sempre mudam. A figura a
seguir mostra uma pgina que foi construda utilizando-se trs quadros, sendo
que os da esquerda e acima exibem vrias opes, e se voc der um clique em
qualquer uma das opes, a pgina correspondente ser exibida no quadro prin-
cipal (chamado quadro de destino) direita. Sendo assim, somente o quadro
de destino modificar seu contedo.
Pgina: 65
FrontPage 2000

CRIANDO PGINAS COM QUADROS
Vamos agora criar um outro site utilizando quadros. O site que iremos construir
ser referente a uma agncia de viagens fictcia, a Villar Turismo, onde o visitan-
te encontrar as opes de viagens, os preos, promoes, etc. Crie, ento, um
novo site em um diretrio denominado Turismo (para criar um site, clique no
menu Arquivo Novo Web, selecione a opo Web de uma pgina e no
esquea de especificar o local da nova Web). Depois de criar o site, d um clique
duplo no arquivo index.htm para editar a pgina principal. Agora vamos criar
uma nova pgina com quadros (menu Arquivo Novo Pgina), na caixa
de dilogo Novo selecione a guia Pgina de quadros.
O FrontPage dispe de dez tipos diferentes de quadros, como voc pode ver no
lado esquerdo da figura anterior. Selecione o tipo Contedo e clique em OK.
Uma nova pgina criada, contendo dois quadros, onde cada um apresenta dois
botes. Agora temos que colocar algum contedo nos quadros, e para isso pode-
mos usar os botes, que so explicados a seguir.
Pgina: 66
FrontPage 2000

Boto Definir pgina inicial: este boto permite que voc selecione um ar-
quivo j existente (no seu site atual ou em algum ponto da Internet), onde este
arquivo ser a pgina inicial do quadro (primeira pgina a ser exibida quando
o usurio abre o quadro).
Boto Nova Pgina: permite que voc crie uma nova pgina desde o incio (ao
invs de abrir uma j existente), onde esta pgina ir ser exibida no quadro.
CONFIGURANDO CADA QUADRO
Como iremos construir o site desde o incio, vamos ter que criar uma pgina para
cada quadro. Portanto, no quadro da esquerda, clique no boto Nova Pgina e
veja que o quadro transforma-se em uma pgina em branco. Agora precisamos
inserir as informaes nesta pgina. Conforme a prxima figura, insira o conte-
do no quadro da esquerda (as fontes usadas foram Monotype Corsiva e Comic
Sans MS). Depois, utilizando o menu Inserir, insira e configure as linhas horizon-
tais.
Pgina: 67
FrontPage 2000

OBS: O quadro que est selecionado identificado por uma borda azul.
Vamos agora inserir um contedo no quadro da direita, clique no boto Nova
Pgina para que uma pgina em branco aparea. Depois insira o texto e uma
figura de acordo com o exemplo a seguir (a fonte utilizada foi a BernhardMod
BT, em tamanhos diferentes).
A figura foi inserida utilizando o Clip-art (menu Inserir Figura Clip-art).
Quando a figura est selecionada (ou seja, com uns quadradinhos ao redor das
bordas), voc pode redimension-la, arrastando as alas de redimensionamento
(que so os quadradinhos).
Com a figura selecionada, a barra de ferramentas Figuras exibida, e ela apare-
ce normalmente no lado inferior da janela do FrontPage (se esta barra no for
mostrada, aponte para Barras de ferramentas no menu Exibir e, em seguida,
clique em Figuras). Atravs desta barra voc pode aplicar vrios recursos e
efeitos nas figuras utilizando os botes disponveis. A figura que inserimos atra-
vs do clip-art est com o efeito chanfrado, que foi conseguido dando-se um
clique no boto Chanfrar ( ) da barra de ferramentas Figura.
Pgina: 68
FrontPage 2000

O tema que dever ser inserido na pgina que acabamos de criar o Expedio
(para escolher um tema, deixe o quadro da direita selecionado e no menu Formatar
clique em Tema, depois selecione a opo Pgina selecionada, o tema Expedi-
o e clique em OK).
Depois te ter inserido um tema somente no quadro da direita, selecione o quadro
da esquerda para inserirmos uma cor de fundo, para isso selecione Plano de
fundo no menu Formatar (ou clique com o boto direito do mouse no quadro da
esquerda e selecione Propriedades da pgina, depois selecione a guia Plano de
fundo na janela que ir aparecer). Escolha uma cor que combine com a cor de
fundo do tema, se precisar, selecione a opo Mais cores e personalize uma cor.
Agora que j definiu o contedo para os dois quadros, vamos salv-los, para isso,
clique no boto Salvar da barra de ferramentas. Na caixa de dilogo Salvar
como observe que o quadro da esquerda est selecionado, ou seja, este quadro
que ir ser salvo. Na caixa Nome do arquivo digite indice.htm. Observe se na
caixa Salvar em (parte superior) est selecionada a pasta que voc definiu para
armazenar o site.
Pgina: 69
FrontPage 2000

Ainda na caixa de dilogo Salvar como clique no boto Alterar para alterar o
ttulo da pgina e digite ndice.
Clique no boto OK na caixa de dilogo Definir ttulo da pgina e tambm na
caixa Salvar como. Imediatamente outra caixa de dilogo Salvar como exibi-
da, s que desta vez para voc salvar o quadro da direita. Digite primeira.htm na
caixa Nome do arquivo e deixe Introduo como ttulo da pgina.
Clique em OK. Uma caixa de dilogo Salvar arquivos incorporados aparece-
r, perguntando se voc deseja salvar a figura que foi inserida na pgina, clique
em OK.
Pgina: 70
FrontPage 2000

Outra janela Salvar como exibida, e desta vez indicando que devemos salvar
todo o conjunto dos quadros, onde este conjunto ser nossa pgina principal.
Como a pgina que contm os quadros ser a primeira pgina a ser exibida, digite
index.htm na caixa Nome do arquivo e altere o ttulo para Villar Turismo. Ao
clicar em OK o FrontPage ir avis-lo de que o arquivo index.htm j existe,
clique em Sim para substitu-lo.
Agora voc j est com os quadros definidos e salvos, falta criarmos as pginas
que sero exibidas quando clicarmos em um item do quadro do lado esquerdo, j
que as palavras area, terrestre, martima e promoo sero links para outras
pginas (ao clicarmos nessas palavras a pgina correspondente ser exibida no
quadro da direita).
Estando com o quadro da direita selecionado, clique no boto Novo da barra de
ferramentas. Uma pgina em branco exibida, tomando toda a tela. Vamos co-
locar nesta pgina informaes referentes s viagens areas (prxima figura).
Os marcadores (losangos) e a figura do avio foram inseridos atravs do Clipart
(para deixar a figura sem o fundo branco, selecione-a e clique no boto Definir
cor transparente ( ) da barra de ferramentas Figura, depois clique na cor
branca da figura). Aplique, nesta pgina, o mesmo tema aplicado anteriormente
outra pgina.
Pgina: 71
FrontPage 2000

Vamos agora salvar esta pgina que criamos. Clique no boto Salvar ( ) e na
caixa de dilogo Salvar como digite aerea.htm na caixa Nome do arquivo e
altere o ttulo para Viagens Areas. Depois clique em OK.
Cada localidade da pgina Viagens Areas dever ser um link para uma outra
pgina, onde esta conter informaes sobre a localidade a ser visitada e os
preos. Crie, ento, outras pginas onde cada uma ser referente a uma localida-
de (crie pelo menos trs pginas). Salve cada pgina que voc criou com um
nome que seja fcil de identific-la posteriormente.
Agora vamos inserir os hyperlinks. Volte para a pgina principal (d um clique
duplo no arquivo index.htm - pgina que contm os dois quadros) e selecione a
palavra Home pertencente pgina Indice, ou seja, ao quadro da esquerda. Clique
no boto Hyperlink ( ) na barra de ferramentas do FrontPage. Na caixa de
dilogo Criar hyperlink selecione o arquivo primeira.htm e clique em OK.
Pgina: 72
FrontPage 2000

Agora selecione a palavra Area do quadro da esquerda e crie um hyperlink
usando o arquivo aerea.htm. Estando no navegador, quando voc clicar na pala-
vra Area, a pgina Viagens Areas ser exibida no quadro da direita, ficando
esttico o quadro da esquerda. Estabelea agora os hyperlinks para as pginas
que voc criou referentes s localidades.
As pginas para viagens terrestres e martimas sero semelhantes pgina Via-
gens Areas, mudando somente os preos e as figuras (as localidades tambm
podero se diferenciar). A pgina Promoo ser definida no captulo seguinte.
Crie, ento, as pginas restantes, estabelea os hyperlinks e depois teste o site no
seu navegador (ative o navegador e na caixa Endereo digite o endereo do site,
por exemplo, C:\Meus sites\Turismo\index.htm, ou ento, no menu Arquivo do
navegador, selecione a opo Abrir e localize o arquivo index.htm do site que
ser aberto).
PROPRIEDADES DOS QUADROS
possvel alterar algumas propriedades dos quadros, atravs da caixa de dilogo
Propriedades do quadro. Voc definir se um quadro poder ou no ser
redimensionado, no navegador, pelo usurio; se as barras de rolagem devem ou
no ser exibidas, entre outras.
Essas propriedades sero definidas para cada um dos quadros existentes na p-
gina. Estando com um quadro selecionado, escolha a opo Propriedades do
quadro no menu Quadros ou clique com o boto direito do mouse sobre o quadro
e escolha a opo Propriedades do quadro. A caixa de dilogo Propriedades do
quadro aparecer.
Pgina: 73
FrontPage 2000

No campo de texto Nome voc pode definir um novo nome para a pgina. Tam-
bm possvel definir uma nova pgina inicial para o quadro, digitando-a no
campo de texto Pgina inicial ou selecionando o boto Procurar.
Para ajustar as margens dentro da pgina, na seo Margens, digite os valores
nas caixas de texto Largura e Altura. Tudo que for exibido na pgina estar
deslocado de acordo com o nmero digitado nessas caixas.
Na seo Opes voc pode decidir se os visitantes do site podero ou no
redimensionar o quadro ativo (aumentar ou diminuir o quadro, arrastando as suas
bordas) ao navegarem pelo site. Voc tambm pode decidir se as barras de rolagem
sero sempre mostradas (selecionando a opo Sempre), nunca (opo Nunca)
ou somente quando precisar (opo Se preciso). A opo Se preciso est seleci-
onada como padro, e uma boa idia no mud-la.
Ainda na seo Opes voc encontra o boto Pgina de quadros. Clique nes-
te boto para aumentar ou diminuir o espaamento entre os quadros e se as
bordas sero exibidas ou no. Altere essas opes e veja o resultado na pgina
do seu site.
Pgina: 74
FrontPage 2000

CRIAO DE TABELAS
As tabelas que podemos criar no FrontPage tm a mesma estrutura e so usadas
de maneira semelhante s tabelas do Microsoft Word. Com tais tabelas voc
pode exibir e organizar as informaes existentes nas suas pginas, mediante o
uso de colunas e linhas. Voc tambm pode controlar a cor, a borda, o alinhamen-
to, o espaamento e o contedo de cada clula existente em sua tabela.
CRIAR TABELAS
Voc tem duas opes para criar uma tabela em uma pgina, uma opo dese-
nhar uma tabela diretamente na pgina, usando a barra de ferramentas Tabela.
Outra opo inserir uma tabela j com as linhas e colunas definidas (mas nada
impede de voc inserir mais linhas e colunas posteriormente). Para desenhar
uma tabela, clique na opo Desenhar tabela do menu Tabela da barra de menu
do FrontPage (a barra de ferramentas Tabela ser exibida) e para inserir uma
tabela, selecione Inserir Tabela do menu Tabela.
Quando voc opta por inserir uma tabela, a caixa de dilogo Inserir tabela apa-
rece. Nesta caixa voc define, na seo Tamanho, o nmero de linhas e colunas
que a sua tabela ter. Na seo Layout so apresentados quatro recursos impor-
tantes: Alinhamento, Tamanho da borda, Enchimento da clula e Espaamento
da clula.
Pgina: 75
FrontPage 2000

Na opo Alinhamento voc seleciona a posio na pgina onde deseja colocar
a tabela: esquerda, direita, centralizada, justificada ou padro (alinha a tabela de
acordo com o alinhamento j definido para essa rea da pgina).
A opo Tamanho da borda define a espessura da borda da tabela, que pode
variar entre 0 e 100 pixels. Se o valor para esse campo for zero, o FrontPage ir
desenhar linhas pontilhadas entre cada clula, significando que nenhuma borda
da tabela ir aparecer no navegador da Web. J a opo Enchimento de clula
apresenta um nmero de pixels entre a borda da tabela e o contedo de uma
determinada clula. Por padro, essa definio de um pixel. A opo
Espaamento da clula representa o nmero de pixels entre clulas de uma
tabela, e por padro esse nmero dois.
Alm de poder criar uma tabela usando as duas opes do menu Tabela descritas
anteriormente, voc ainda pode usar o boto Inserir Tabela ( ), localizado na
barra de ferramentas do FrontPage. Para inserir uma tabela simples usando esta
opo, d um clique com o boto esquerdo do mouse sobre o boto Inserir tabela
e mantenha-o pressionado, depois arraste o mouse para definir o tamanho da
tabela (o nmero de linhas e de colunas, que podero ser alterados posterior-
mente). Quando j estiver definido o tamanho da tabela, solte o boto do mouse
e a tabela aparecer imediatamente na sua pgina. A figura a seguir ilustra uma
tabela 3x4 que est sendo criada com o uso do boto Inserir tabela da barra de
ferramentas.
Pgina: 76
FrontPage 2000

MODIFICAR OS ATRIBUTOS DA TABELA
Depois que voc criou sua tabela, possvel fazer alteraes nas propriedades
dessa tabela. Para isso, d um clique com o boto direito do mouse sobre a tabela
e selecione a opo Propriedades da tabela para que a caixa de dilogo de
mesmo nome aparea.
A seo Layout voc j conhece. Na seo Bordas, alm de alterar o tamanho
da borda, possvel tambm alterar as suas cores (a cor da borda clara especifi-
ca a cor em destaque e a da borda escura determina a cor da sombra). Em
Plano de fundo voc tem a opo de inserir uma imagem de fundo, para isso,
selecione a opo Usar figura de plano de fundo e localize a imagem a ser
inserida atravs do boto Procurar. Voc tambm pode acrescentar uma cor de
fundo, selecionando-a na caixa Cor.
Pgina: 77
FrontPage 2000

OBS: Para visualizar cada alterao que voc faz nas propriedades da tabela,
clique no boto Aplicar em vez de clicar em OK. Assim, voc poder verificar a
aparncia de sua tabela com diferentes configuraes. Quando as configuraes
estiverem definidas de maneira desejada, d um clique no boto OK para fechar
a caixa de dilogo.
Se for preciso alterar as propriedades de determinadas clulas (sem afetar a
tabela toda), d um clique com o boto direito do mouse sobre a clula que ser
alterada e escolha Propriedades da clula. A caixa de dilogo que ser exibida
semelhante caixa de dilogo Propriedades da tabela, mas com uma dife-
rena: todas as alteraes feitas sero aplicadas somente clula selecionada, e
no tabela inteira.
INCLUIR E EXCLUIR LINHAS E COLUNAS
Se voc precisar inserir mais linhas ou colunas na sua tabela, o FrontPage permi-
te que voc faa isso de uma maneira muito fcil. Primeiro clique em uma clula
prxima ao local em que a nova linha ou coluna ser inserida. Depois, no menu
Tabela, aponte para Inserir e clique em Linhas ou colunas.
Na caixa de dilogo Inserir linhas ou colunas voc deve selecionar a opo
Linhas ou Colunas, e depois definir a quantidade a ser includa. Informe tambm,
atravs das opes, se deseja que a linha ou coluna seja inserida acima ou abaixo
da clula que voc selecionou (ou a direita ou esquerda, se estiver incluindo uma
coluna). Clique em OK e as linhas ou colunas sero automaticamente inseridas
na sua tabela.
.
Pgina: 78
FrontPage 2000

Para excluir linhas e colunas de sua tabela, voc deve clicar em uma clula que
pertena linha ou coluna que voc deseja excluir. Depois, no menu Tabela,
aponte para Selecionar e clique em Linha ou Coluna. Observe que a linha ou
coluna que voc deseja remover destacada. Agora selecione a opo Excluir
clulas do menu Tabela e a rea destacada desaparecer. Voc tambm poder
remover somente uma clula, bastando clicar em Clula na opo Selecionar do
menu Tabela e depois exclu-la.
MESCLAR CLULAS
Em determinadas situaes voc pode combinar duas ou mais clulas da mesma
linha em uma nica clula, ou seja, voc pode mesclar as clulas. Para realizar
esta ao, selecione as clulas que voc deseja mesclar (para selecionar mais de
uma clula, pressione as teclas Shift ou Ctrl). Voc pode selecionar o nmero de
clulas que quiser para mesclar, mas no final ter que ter uma rea retangular
selecionada. Depois escolha a opo Mesclar clulas no menu Tabela para que a
mesclagem das clulas seja realizada. Na figura a seguir, observe que as quatro
clulas do centro foram mescladas.
Pgina: 79
FrontPage 2000

DIVIDIR CLULAS
O FrontPage permite que uma clula seja dividida em um nmero de linhas ou
colunas. Para dividir uma clula, deixe o cursor posicionado na clula que ser
dividida e no menu Tabela, clique em Dividir clulas. Na caixa de dilogo Dividir
clulas voc deve selecionar uma das duas opes: dividir a clula em linhas ou
em colunas, e depois digitar o nmero de linhas ou colunas que devem aparecer
na clula. Por fim d um clique em OK.
A prxima figura mostra uma tabela onde uma clula foi dividida em linhas e
outra em colunas.
Pgina: 80
FrontPage 2000

Agora que voc j sabe como criar uma tabela e modificar as suas propriedades,
vamos inserir uma tabela no nosso site de viagens. A pgina referente Promo-
o dever conter uma tabela a qual exibir os preos dos hotis das cidades que
fazem parte do pacote promocional. Com o quadro da direita selecionado, insira
uma nova pgina em seu site e digite os textos como na prxima figura. Depois
insira uma tabela, centralize-a e preencha-a de acordo com os dados da tabela
exibidos na figura a seguir.
Altere o tipo, tamanho e cores das fontes. Adicione o mesmo tema das outras
pginas (Expedio). Ao aplicar o tema, voc nota que as cores das bordas das
tabelas modificaram-se automaticamente, isso porque todos os elementos da p-
gina alteram-se para acompanhar o estilo do tema. Mas possvel personalizar o
tema, como trocar as cores dos textos, hyperlinks, plano de fundo, etc. Para
realizar estas operaes, clique em Tema no menu Formatar, e na caixa de
dilogo Temas, clique no boto Modificar, na parte inferior da janela.
Pgina: 81
FrontPage 2000

Ao clicar no boto Modificar, outros cinco botes so imediatamente exibidos:
Cores, Elementos grficos, Texto, Salvar e Salvar como. Os trs primeiros
so utilizados para alterar a aparncia dos elementos do tema, clique em cada um
deles e analise-os cuidadosamente. Por exemplo, para modificar a cor da borda
da tabela, clique no boto Cores e selecione a guia Personalizar. Na seo Itens
selecione Borda da tabela e na seo Cor escolha uma outra cor desejada. Ao
terminar clique em OK.
Quando voc altera qualquer elemento do tema, ter que salv-lo com outro
nome, pois um novo tema foi criado. Para isso, utilize o boto Salvar como que
aparece quando clica-se no boto Modificar.
Depois da pgina acabada, salve-a com o nome promocao.htm e altere o ttulo
para Pacote Promocional. Por fim, estabelea um hyperlink com a opo Pro-
moo da pgina Indice. Salve seu site e teste-o novamente.
OBS: Estando com seu site aberto no navegador, clique no boto Atualizar, loca-
lizado na barra de ferramentas do navegador. Desta maneira seu site ser atua-
lizado e voc poder visualizar as mudanas que tenham sido feitas.
Pgina: 82
FrontPage 2000

CRIAO DE FORMULRIOS
Os formulrios so bastante utilizados nos sites da Web, pois atravs deles
possvel coletar informaes de vrias pessoas, solicitar a opinio dos visitantes,
fazer votao onde os visitantes escolhero entre um item e outro, etc. Os for-
mulrios fazem as mesmas perguntas para vrias pessoas, e depois voc pode
acessar e comparar essas informaes.
O FrontPage possibilita a insero de itens especiais, denominados campos de
formulrios, nas pginas do site. Atravs desses campos, poderemos construir
diferentes tipos de questionrios interativos destinados aos visitantes. Nos for-
mulrios vamos encontrar um boto denominado Submeter, que dever ser clicado
pelo visitante quando acabar de preencher o formulrio, e o boto Redefinir, que
apaga o contedo de todos os campos contidos no formulrio.
O FrontPage oferece alguns tipos de campos de formulrios que podem ser gra-
ficamente includos na pgina. Ao invs de inclu-los um de cada vez, podemos
usar um assistente que criar uma pgina com um formulrio, onde iremos definir
quais os campos que faro parte do nosso formulrio.
Vamos inserir um formulrio no site Turismo, mas antes disso, uma palavra -
Consulte-nos - dever ser inserida na pgina Indice (essa palavra, ao ser clicada,
mostrar o formulrio a ser preenchido pelo visitante). Depois de digitar a pala-
vra, selecione o quadro da direita e clique no boto Novo da barra de ferramen-
tas. Ser nessa pgina que iremos criar o formulrio, sem a ajuda do assistente.
INSERINDO UMA CAIXA DE TEXTO
A caixa de texto de uma linha o mais fcil campo com o qual voc ir trabalhar,
voc a usar para coletar uma pequena quantidade de texto, como um nome ou
um nmero.
Antes de inserir uma caixa de texto, digite um pequeno texto informando o que o
visitante deve fazer na respectiva pgina, como mostra a prxima figura. Depois
insira o campo de texto, para isso, v at o menu Inserir, aponte para Formul-
rio e clique em Caixa de texto de uma linha ( ). Uma caixa de texto, e dois
botes, so acrescentados na sua pgina.
Pgina: 83
FrontPage 2000

Agora posicione o cursor na frente da caixa de texto e digite Nome, para que o
visitante saiba que nesta caixa ele dever digitar o nome dele.
OBS: Para redimensionar a caixa, d um clique sobre ela para selecion-la e
depois arraste os quadradinhos redimensionadores.
Podemos alterar algumas propriedades da caixa de texto, para isso, d um clique
duplo em algum lugar da caixa para que a caixa de dilogo Propriedades da
caixa de texto aparea.
Pgina: 84
FrontPage 2000

Na rea Nome digite um nome para ser associado ao campo (esse nome ser
usado internamente para definir o campo e no aparecer no formulrio), digite,
ento, Nome. Na rea Valor inicial voc pode especificar uma palavra ou texto
para aparecer na caixa de texto quando o formulrio for aberto pela primeira vez.
Voc tambm pode definir quantos caracteres a caixa de texto pode conter, es-
pecificando um valor na seo Largura em caracteres. possvel restringir
quais os caracteres que podero ser inseridos no campo da caixa de texto, bas-
tando clicar no boto Validar da caixa de dilogo Propriedades da caixa de
texto. Depois das alteraes clique em OK.
Agora insira uma outra caixa de texto de uma linha logo abaixo da primeira.
Digite E-mail na frente da caixa, d um clique duplo sobre ela para abrir a caixa
de dilogo Propriedades da caixa de texto e digite E_mail na seo Nome.
Depois clique em OK.
Pgina: 85
FrontPage 2000

INSERINDO UM MENU SUSPENSO
Os menus suspensos possibilitam que os visitantes selecionem um item de uma
lista de opes. Para inserir este campo no nosso formulrio, posicione o cursor
abaixo da caixa E-mail e, no menu Inserir, selecione Formulrio e clique Menu
suspenso ( ). Na frente da caixa digite Opes de uso da Internet, depois d
um clique duplo na caixa para que a caixa de dilogo Propriedades do menu
suspenso aparea. Clique no boto Adicionar e digite Estudo na seo Escolha
da caixa de dilogo Adicionar escolha, depois clique no boto OK. Repita este
mesmo procedimento para adicionar as palavras Pesquisa, Trabalho e Entrete-
nimento. Depois que voc inseriu todos os itens que iro aparecer no menu
suspenso, atribua um nome lista suspensa, digitando Opo na seo Nome.
Clique em OK.
INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM
As caixas de texto de rolagem so idnticas s caixas de texto de uma linha,
exceto pelo fato de que este campo rola para acomodar quantidades de texto
variveis. Vamos inserir, agora, esse elemento no nosso formulrio.
Pgina: 86
FrontPage 2000

Posicione o cursor abaixo do menu suspenso e insira o campo Caixa de texto de
rolagem ( ) utilizando o menu Inserir Formulrio. Aps inserir o campo,
digite Comentrios acima desse elemento, como mostra a figura a seguir. D um
clique duplo no campo para que a caixa de dilogo Propriedades da caixa de
texto de rolagem aparea. Nesta caixa de dilogo, digite Comentarios no cam-
po Nome. Voc tambm pode definir com quantas linhas de altura essa caixa
deve aparecer em uma pgina da Web e a quantidade de caracteres que poder
ser digitado na caixa de texto rolvel. Depois de tudo definido clique em OK
Aps inserir os campos do formulrio, altere o nome de identificao dos botes
Submeter e Redefinir. D um clique duplo no boto Submeter e na caixa de
dilogo Propriedades do boto de ao digite Enviar na rea Nome. Faa o
mesmo com o boto Redefinir e digite Redefinir na rea Nome.
Com a pgina do formulrio j definida, insira o mesmo tema das outras pginas
do seu site. Utilizando a opo Salvar, digite formularios.htm como nome do
arquivo e Formulrio como ttulo da pgina, depois estabelea o hyperlink da
palavra Consulte-nos (no ndice) com esta pgina. Por fim, teste seu site no seu
navegador.
Pgina: 87
FrontPage 2000

OUTROS CAMPOS DE FORMULRIO
Alm dos campos descritos acima, o FrontPage oferece ainda mais tipos que
podero ser inseridos nos formulrios: Caixa de Seleo e Boto de Opo. Para
inserir uma caixa de seleo ( ) no seu formulrio, clique na opo de mes-
mo nome no menu Inserir Formulrio para que uma pequena caixa
desmarcada e sem rtulo aparea no formulrio. Voc deve digitar uma palavra
ou frase que identifique esta caixa de seleo. Repita o mesmo processo at que
todas as caixas de seleo tenham sido includas na sua pgina.
Os botes de opo ( ) so semelhantes s caixas de seleo, exceto pelo
fato de que, em uma linha de botes de opo, voc pode selecionar somente um
item por vez. Quando inserir um boto de opo no seu formulrio, necessrio
digitar um rtulo para esse boto. Insira tantos botes voc desejar, s no se
esquea de acrescentar um rtulo para cada boto. Voc tambm deve ativar a
caixa de dilogo Propriedades do boto de opo (dando um clique duplo no
boto) e alterar a caixa de dilogo Nome para algo que seja relativo com a per-
gunta que voc vai fazer ao utilizar os botes de opo. Na caixa Valor digite o
mesmo rtulo que voc atribuiu ao boto. Quando tiver concludo clique em OK.
Repita esses mesmos passos para cada boto de opo que voc inseriu, e cer-
tifique-se de atribuir a cada boto o mesmo nome de grupo mas um nome de
valor diferente.
TRANSMITINDO E PROCESSANDO O SEU FORMULRIO
Quando o visitante clica no boto Submeter, aps ter preenchido o formulrio, o
FrontPage envia uma mensagem padro para que ele (o visitante) saber que sua
transmisso foi concluda e, depois, salva as respostas dos visitantes em um ar-
quivo privado no seu servidor da Web.
O FrontPage grava os resultados do formulrio em um arquivo denominado
form_results.txt, sendo que voc pode encontr-lo no diretrio private do seu
site. Voc pode fazer com que os resultados sejam gravados em outro local. Para
isso, d um clique com o boto direito do mouse em um ponto que esteja dentro
dos limites do formulrio e selecione Propriedades do formulrio para que a
caixa de dilogo de mesmo nome seja exibida.
Pgina: 88
FrontPage 2000

OBS: Este formulrio funcionar corretamente se sua Web for publicada em um
servidor Web que tenha as extenses de servidor do FrontPage instaladas.
Na seo Enviar para voc pode alterar o nome do arquivo que conter os
resultados e o diretrio que o mesmo ser gravado, ou fazer os resultados do
formulrio serem enviados para o seu endereo de correio eletrnico. O boto
Opes da caixa de dilogo Propriedades do formulrio configura o modo
exato segundo o qual os resultados so formatados medida que so transmiti-
dos. Ao clicar em tal boto, abre-se a caixa de dilogo Opes para salvar
resultados de formulrio, onde voc poder alter-la para que os resultados
sejam salvos em arquivos de texto, arquivos HTML ou at em listas com
marcadores.
Pgina: 89
FrontPage 2000

COMPONENTES DO FRONTPAGE
Os componentes so programas que possibilitam, de maneira programada, a in-
cluso de informaes em pginas do site, aumentando a funcionalidade do site.
Por exemplo, com o componente Contador de acesso voc e os visitantes do
site podem ver quantas vezes seu site foi visitado.
Alguns componentes do FrontPage funcionam apenas quando voc publica o seu
site em um servidor da Web que oferea suporte s extenses especiais do
FrontPage. Se o seu servidor no oferece suporte a essas extenses, os compo-
nentes no funcionaro corretamente aos seus visitantes.
Deste modo, para garantir compatibilidade com servidores que no usam as ex-
tenses de servidor do FrontPage, voc pode ativar ou desativar comandos que
dependam da presena das extenses de servidor no servidor. Se voc desativar
as extenses de servidor para uma Web, alguns comandos relacionados no fica-
ro disponveis (isto , eles aparecero esmaecidos) nos menus do FrontPage
durante o tempo de criao de pginas. No menu Ferramentas, aponte para
Opes de pgina e clique na guia Compatibilidade. Selecione ou no a caixa
que especifica se o servidor ser ativado com as extenses de servidor do
FrontPage.
Agora, para ter acesso aos componentes do FrontPage, aponte para a opo
Componente, do menu Inserir, e clique no componente desejado.
PGINA DE INCLUSO
Este um componente do FrontPage muito til, pois permite que voc insira uma
pgina no local que desejar em outra pgina, sendo que a pgina que ser inserida
tem que estar no site atual. Como exemplo, considere que voc precise que uma
pgina de rodap padro aparea na parte inferior de algumas pginas do site.
Voc pode, ento, criar uma pgina de rodap e depois inseri-la, atravs do com-
ponente Pgina de incluso, nas pginas desejadas. E se, futuramente, voc
precisar alterar somente o rodap, carregue a pgina do rodap e faa as modi-
ficaes, depois as alteraes sero automaticamente refletidas em todas as p-
ginas que contm esse arquivo de rodap.
Pgina: 90
FrontPage 2000

Antes de usar esse componente, voc dever estar com a pgina que voc dese-
ja incluir nas outras pginas do site pronta. Depois, carregue a pgina que conte-
r a pgina includa e selecione o componente Pgina de incluso (menu Inse-
rir, opo Componente). A caixa de dilogo Propriedades da pgina de in-
cluso aparece.
Digite o nome do arquivo ou URL correspondente, ou clique no boto Procurar
para localizar o arquivo. Depois clique em OK e o FrontPage incluir esta pgina
automaticamente na pgina ativa.
OBS: Voc ir perceber que ao passar o mouse sobre o componente, o ponteiro
se modifica, indicando que naquela regio foi inserido um componente do
FrontPage. Para exclui-lo, d um clique sobre ele para selecion-lo e pressione a
tecla Delete.
FIGURA PROGRAMADA
Voc pode exibir uma imagem um sua pgina por um perodo de tempo determi-
nado, sendo que esta imagem ser removida quando se esgotar o tempo especi-
ficado. Para usar este componente, primeiro posicione o cursor no local da pgi-
na em que deve aparecer a imagem. Depois, no menu Inserir, opo Componen-
te, clique em Figura programada para que a caixa de dilogo Propriedades da
figura programada seja exibida.
Pgina: 91
FrontPage 2000

Na caixa de dilogo apresentada voc dever especificar a imagem a ser exibi-
da, a data e a hora de incio e a data e a hora de trmino do perodo em que a
imagem estar visvel na pgina do seu site. Voc tambm pode especificar uma
imagem que ir aparecer antes e depois da exibio da imagem programada.
Depois de digitar as informaes necessrias, clique em OK. Os visitantes que
forem sua pgina podero ver a imagem se estiverem dentro do perodo de
tempo especificado.
O outro componente oferecido pelo FrontPage, Pgina de incluso programa-
da, tem o mesmo princpio que a Figura programada, a nica diferena que
ele exibir uma pgina com informaes ao invs de imagem.
Pgina: 92
FrontPage 2000

CONTADOR DE ACESSO
Os contadores de acesso (ou contadores de visita) lhe oferecem uma boa idia
de quantas pessoas passam pelo seu site. Para inserir um contador de acesso na
sua pgina, selecione-o no menu Inserir Componente. Na caixa de dilogo
Propriedades do contador de acesso, voc pode escolher entre cinco diferen-
tes estilos e fontes de nmeros. Geralmente os contadores de acesso so inseri-
dos na parte inferior da pgina inicial do site.
Depois de escolher um tipo de contador, clique em OK e o FrontPage acrescen-
tar um GIF de um contador automaticamente incrementvel sua pgina da
Web.
Pgina: 93
FrontPage 2000

GERENCIADOR DE ANNCIOS EM FAIXA
Com este componente do FrontPage podemos incluir um painel rotativo nas pgi-
nas do site. Este painel ser composto por uma seqncia programada de figuras
que sero exibidas ciclicamente. Voc poder modificar o tamanho do painel, o
efeito de transio entre as figuras, a durao e a ordem das figuras exibidas.
Geralmente este componente utilizado para colocar propagandas nas pginas.
Voc poder inserir figuras do clip-art, do seu computador ou figuras j existen-
tes no site. Ao selecionar a opo Gerenciador de anncios em faixa (menu
Inserir Componente) voc ter acesso caixa de dilogo Propriedades do
Gerenciador de anncios em faixa. Para inserir as figuras, clique no boto
Adicionar desta caixa de dilogo.
Voc poder adicionar um hyperlink nos anncios em faixa, para isso, na caixa
Vincular a especifique um endereo de alguma pgina que ser exibida caso o
visitante clique em alguma figura do gerenciador de anncios em faixa.
Pgina: 94
FrontPage 2000

BOTO EM FOCO
Este componente do FrontPage pode ser utilizado para inserir uma simples ani-
mao na sua pgina, sendo que, como qualquer outro boto, um boto em foco
contm um hyperlink para outra pgina ou arquivo. No navegador, quando o
visitante clica ou passa o mouse sobre este boto, ele pode apresentar um efeito,
como brilhar, tocar um efeito de som, apresentar uma figura personalizada, etc.
O boto dever apresentar um texto, onde este ser visualizado pelo visitante do
site. Tambm dever ser especificado um endereo que ser exibido quando o
boto for clicado, sendo que este endereo poder ser de uma figura apenas ou
de uma pgina.
OBS: Se voc for utilizar uma figura personalizada que j contenha um rtulo de
texto, ento a caixa Texto do boto dever ficar vazia, ou seja, em branco.
Pgina: 95
FrontPage 2000

Na caixa de dilogo Propriedades do boto em foco, ser possvel alterar a cor
do boto, a cor de plano de fundo do boto, o efeito de foco e a sua cor e o
tamanho que o boto ter. Se clicar no boto Personalizar voc pode especifi-
car se ser tocado um som quando o visitante clicar ou passar o mouse sobre o
boto, e tambm se ser utilizada uma figura como boto ou se ser exibida uma
figura ao passar o mouse sobre o boto.
Depois clique na guia Visualizar do FrontPage para ver como o boto em foco
ser exibido no navegador e como ele ser apresentado ao visitante. Para exibir
novamente a caixa de dilogo Propriedades do boto em foco, d um clique duplo
sobre o boto, estando no modo Pginas e na guia Normal.
Procure inserir, nas pginas do seu site, alguns destes componentes descritos,
depois salve suas pginas e veja o comportamento de tais componentes no seu
navegador.
Pgina: 96
FrontPage 2000

OUTROS RECURSOS
O FrontPage oferece muitos recursos, alm dos que j foram estudados, que
podem ser utilizados para modificar e melhorar a aparncia e a funcionalidade
uma pgina da Web.
INSERIR DATA E HORA
comum a primeira pgina do site da Web apresentar, na parte inferior, a data (e
em alguns casos, a hora) em que foi editada ou atualizada pela ltima vez. Para
incluir este recurso na sua pgina, primeiro posicione o cursor no local em que a
data e hora deve aparecer (geralmente primeiro aparece uma frase do tipo Esta
pgina foi modificada pela ltima vez em e depois a data). Depois selecione a
opo Data e hora do menu Inserir e na caixa de dilogo apresentada, escolha
se deseja que aparea a data em que a pgina foi editada ou atualizada pela
ltima vez. Depois escolha o formato da data e hora (se desejar que a hora no
seja exibida escolha nenhum) e clique em OK.
Insira, na pgina Introduo, a data em que a pgina foi atualizada pela ltima
vez. Desta maneira, sempre que esta pgina for alterada a data tambm ser
automaticamente alterada.
Pgina: 97
FrontPage 2000

INSERIR COMENTRIO
Este recurso, tambm presente no menu Inserir, usado para oferecer anota-
es e informaes a voc mesmo e por exemplo, ao autor de uma outra pgina.
As anotaes, apesar de apresentarem uma cor diferente, podero ser formatadas
como se fossem um texto normal.
Depois de inserir os comentrios na pgina, selecione-os e no menu Formatar,
clique em Fonte para que voc possa format-los.
Os comentrios no so visveis no navegador, apenas enquanto a pgina est
sendo editada. Para editar o comentrio da pgina, d um clique duplo sobre ele
e a caixa de dilogo Comentrio aparecer novamente.
TRANSIO DE PGINAS
O FrontPage permite que voc insira efeitos de transio nas pginas do seu site,
onde estes so exibidos quando o visitante do site navega entre as pginas.
Aplicando corretamente os efeitos possvel criar apresentaes no estilo slides
(como no PowerPoint) com transies de aparncia profissional entre as pgi-
nas.
Pgina: 98
FrontPage 2000

Estando com a pgina desejada ativa, no menu Formatar clique em Transio de
pgina. Na caixa de dilogo Transies de pgina, selecione o evento que cau-
sar a transio (onde este evento poder ser, por exemplo, quando o visitante
entrar ou sair da pgina).
Na mesma caixa de dilogo voc dever definir a durao, em segundos, para o
efeito e depois selecionar um tipo de efeito de transio na caixa Efeito de
transio. Quando terminar clique em OK.
Aplique efeitos de transio em alguma pginas do site de Turismo, salve-as e
depois visualize-as no seu navegador.
Pgina: 99
FrontPage 2000

EFEITOS DE ANIMAO
Nas suas pginas da Web, os textos, pargrafos, figuras, botes e vrios elemen-
tos podem receber efeitos de animao HTML dinmico, sendo que estes efei-
tos so acionados quando ocorre um evento, como por exemplo a exibio da
pgina, um clique do mouse, etc.
Vamos aplicar alguns efeitos de animao na pgina aereas.htm do nosso site
sobre Turismo. Ative esta pgina e selecione a figura que foi inserida, no nosso
caso a figura de um avio, depois, no menu Formatar, clique em Efeitos de
HTML dinmico. A barra de ferramentas Efeitos de HTML Dinmico exibida.
OBS: Os efeitos listados nas caixas da barra de ferramentas HTML dinmico
dependem do tipo de elemento de pgina que voc selecionou e do tipo de evento
selecionado.
Na caixa Ao, selecione o evento que acionar a animao. Na caixa Aplicar
selecione o tipo de efeito de animao que quiser que ocorra e na ltima caixa
escolha as configuraes para o efeito.
O boto , presente na barra de ferramentas HTML dinmica, deve ser clicado
para realar os elementos da pgina que utilizam os efeitos de animao DHTML.
Se quiser remover o efeito, clique no boto Remover efeito ou selecione o ele-
mento que contm o efeito e pressione as teclas CTRL+BARRA DE ESPAO.
Agora exiba outra pgina do site e aplique um efeito de animao HTML dinmi-
co em um pargrafo ou texto. Salve suas pginas e visualize-as em um navega-
dor para testar os efeitos de animao inseridos.
Pgina: 100
FrontPage 2000

PUBLICAR UM SITE
Quando voc est criando e editando pginas para seu Web site utilizando o
FrontPage, essas pginas so salvas no seu disco rgido, de modo que s voc
tem acesso a elas. Para que voc possa disponibilizar as pginas do seu site aos
usurios da WWW (World Wide Web), voc precisa public-las na Internet.
Assim, publicar uma Web basicamente copiar os arquivos de sua Web para
um destino, tal como um servidor Web, onde outras pessoas possam procurar e
visualizar sua Web.
Antes de publicar na Internet sempre bom verificar se todas as pginas esto
com a aparncia desejada, se os hyperlinks no esto desfeitos, ou seja, verificar
se tudo est funcionando do jeito que voc gostaria. Para isso, vamos publicar o
site Turismo usando o servidor Microsoft Personal Web Server (este servidor
ser melhor explicado no prximo tpico).
Para iniciar o processo de publicao, abra, no FrontPage, o site que ser publi-
cado; depois, no menu Arquivo, clique em Publicar Web. A caixa de dilogo
Publicar Web aparece.
Pgina: 101
FrontPage 2000

Nesta caixa de dilogo clique no boto Opes (na parte inferior da janela) para
expandir a lista de opes. Voc poder optar por publicar somente as pginas
alteradas (isso se voc j tivesse publicado anteriormente seu site e quisesse,
agora, somente atualizar as pginas que tenham sido alteradas) ou publicar todas
as pginas. Escolha publicar todas as pginas, j que essa ser nossa primeira
publicao. Na caixa Especifique o local para publicar sua Web, digite o local
do seu servidor, no caso, do Microsoft Personal Web Server.
OBS: Para saber o endereo do servidor Microsoft Personal Web Server a ser
digitado, d um clique duplo no cone que corresponde a este servidor ( ),
sendo que o cone est localizado na Barra de Tarefas do Windows, ao lado do
relgio.
Pgina: 102
FrontPage 2000

O FrontPage 2000 publicar sua Web, ou seja, far a transferncia dos arquivos
do seu computador para o servidor. Ser exibida uma caixa de dilogo aps a
publicao (se esta foi bem sucedida!), e para verificar se sua Web foi publicada
com xito, clique no hyperlink exibido nesta caixa de dilogo.
Seu navegador da Web ser aberto para o site que voc acaba de publicar.
Depois de publicar o site atravs do Personal Web Server e test-lo, hora de
public-lo na Internet, ou seja, torn-lo disponvel para todas as pessoas. Para
isso preciso que voc disponha de uma conta em um provedor da Web. Mas,
como de se esperar, nem todos os provedores so iguais, especialmente no que
se refere ao suporte ao FrontPage 2000, j que este possui diversos recursos.
Assim, para que os provedores da Web possam exibir corretamente os vrios
recursos do FrontPage 2000, eles precisam possuir as extenses de servidor do
FrontPage.
Pgina: 103
FrontPage 2000

Para garantir compatibilidade com provedores que no usam as extenses de
servidor do FrontPage, voc pode ativar ou desativar comandos que dependam
da presena das extenses de servidor no FrontPage. No menu Ferramentas,
clique em Opes de pgina e, em seguida, selecione a guia Compatibilidade.
Depois selecione ou no a caixa de seleo Ativado com as extenses de ser-
vidor do Microsoft FrontPage.
Ao publicar seu site e torn-lo disponvel para o mundo inteiro usando um prove-
dor da Web que no possua extenses do FrontPage, nem todos os recursos
avanados do seu site funcionaro (tais como alguns componentes e o formul-
rio).
Para iniciar o processo de publicao, abra, no FrontPage, o site que ser publi-
cado, depois no menu Arquivo clique em Publicar Web. A caixa de dilogo
Publicar Web aparece.
Na caixa Especifique o local para publicar sua Web, digite o endereo do seu
provedor da Web, clique na seta para selecionar um local no qual voc publicou
anteriormente (caso esteja somente atualizando as pginas) ou clique no boto
Procurar para encontrar o local de publicao. Voc pode clicar no boto Pro-
vedor para que sejam exibidos os provedores que fornecem as extenses de
servidor do FrontPage. Depois clique em Publicar (voc dever estar conectado
Internet antes de publicar em um servidor).
Se tudo der certo durante a publicao, voc ver uma caixa de dilogo dizendo
que seu site foi publicado com xito e tambm um hyperlink que dever ser
clicado para que o site seja exibido.
OBS: Se voc cancelar a publicao no meio da operao, os arquivos que j
tiverem sido publicados permanecero no servidor da Web de destino.
Pgina: 104
FrontPage 2000

INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER
Quando o FrontPage 2000 instalado, ele verifica se voc tem um servidor da
Web instalado em seu computador. Se voc no tiver um servidor da Web insta-
lado, todas as Webs que voc criar no FrontPage sero baseadas em disco. Voc
pode instalar o Microsoft Personal Web Server, que um servidor que suporta
as extenses do Microsoft FrontPage.
A instalao do Microsoft Personal Web Server em seu computador poder ser
a partir do CD do Windows NT ou do Windows 98 (\Add-ons\Pws\Instalar.exe).
Se tiver o Windows 95 instalado em seu computador, voc poder instalar o
Microsoft Personal Web Server a partir do Windows NT 4.0 Option Pack. Voc
pode fazer o download do Option Pack a partir do site da Microsoft.
Se as extenses de servidor do FrontPage estiverem instaladas em seu computa-
dor, voc poder obter informaes sobre como instalar e administrar o Microsoft
Personal Web Server consultando o Kit da extenses do servidor do FrontPage
em C:\ Arquivos de Programas\ Arquivos comuns\ Microsoft Shared\ Web
Server Extensions\ 40\ serk\ 1046 \ Default.htm (a pasta 1046 depende do
idioma em que as extenses de servidor do FrontPage foram instaladas).
Mesmo depois de ter instalado o servidor de extenses do FrontPage, voc pode-
r continuar abrir e salvar qualquer Web baseada em disco que voc tenha criado
antes de configurar seu computador como um servidor. Para converter uma Web
baseada em disco para uma Web baseada em servidor, publique a Web baseada
em disco no URL que est seu servidor.
Pgina: 105
FrontPage 2000

LISTA DE EXERCCIOS
1- Qual a diferena entre um assistente e um modelo?
2- Inicie o Microsoft FrontPage 2000 e crie um site utilizando o modelo Web de
Suporte Tcnico. Salve o site em uma pasta denominada Eletro (este site ser
sobre a loja fictcia de eletrodomsticos Ponto Quente). Edite o arquivo index.htm
e insira as informaes necessrias em todas as pginas pertencentes ao site (se
desejar poder excluir algumas).
3- Salve o site e teste-o no seu navegador.
4- Crie um site de uma pgina s, salve-o na pasta Exemplo1. Este site ser
destinado a fornecer as manchetes do ms das principais revistas (poder ser
notcias de jornais, jogos ou revistas em quadrinhos).
5- Na primeira pgina do site defina os objetivos deste site para os visitantes
saberem o que podero encontrar. Em algum lugar da pgina digite os nomes das
revistas as quais seu site dar informaes (exemplos: Veja, Exame, Info, Caras,
poca, Placar, etc).
6- Insira uma pgina (usando o modelo de pgina Normal) no site Exemplo1 e
digite, nesta pgina, as informaes referentes a uma revista cujo nome esteja na
pgina principal.
7- Salve esta pgina e d a ela o mesmo nome da revista (exemplo: se voc
comentou sobre a revista Veja, seu arquivo receber o nome veja.htm).
8- Renomeie seu site para que apresente agora o nome Revistas.
9- Insira mais pginas e em cada uma digite as manchetes de cada revista. Salve
as pginas com o mesmo nome da revista.
10- Na pgina principal crie um hyperlink entre o nome da revista e a pgina
referente a ela (faa isso para todas as revistas).
11- Insira um tema diferente em algumas pginas, em outras pginas insira ape-
nas uma cor para o plano de fundo (sem inserir um tema).
12- Insira figuras do clipart na pgina principal e em algumas outras pginas do site.
Pgina: 106
FrontPage 2000

13- Formate as fontes dos textos de todas as pginas, alterando o tamanho, as
cores e o tipo.
14- Ative uma pgina do site (onde voc no tenha definido um tema) e insira
uma linha, na parte superior, aps o ttulo da pgina. Esta linha dever apresentar
as seguintes dimenses: largura: 90% da tela, altura: 6 pixels, alinhamento centra-
lizado e a cor que voc desejar.
15- Depois de pronto, salve todo o seu site e teste-o no seu navegador.
16- Crie outro site de uma pgina s e armazene-o em uma pasta denominada
Veculos. Este site ser referente a uma agncia de veculos fictcia (Atenas
Veculos).
17- Insira uma pgina de quadro (atravs do menu Arquivo) que seja do tipo
Contedo.
18- No quadro da esquerda crie uma nova pgina onde esta conter palavras
referentes s marcas dos carros (Chevrolet, Volkswagem, Ford, etc). Essas pa-
lavras sero como um ndice, que quando clicadas abriro outra pgina no quadro
da direita.
19- Agora, no quadro da direita, crie uma nova pgina e insira as informaes
que aparecero na pgina inicial do quadro (insira o nome da agncia e outros
comentrios, como fizemos com a primeira pgina da agncia de turismo Villar
Turismo).
20- Salve o quadro da esquerda com o nome de indice.htm e o quadro da direita
com o nome de atenas.htm. Depois salve todo o conjunto de quadros com o nome
de index.htm.
21- Crie outra pgina no quadro da direita, onde esta pgina conter os nomes
dos carros, modelos, descries, etc de uma marca de carro que voc definiu na
pgina de ndice (por exemplo, esta pgina poder conter os modelos de carro da
Chevrolet).
22- Crie outras pginas, cada uma contendo informaes sobre uma marca de
carro. Depois salve cada uma onde o nome do arquivo corresponder marca do
carro (exemplo: chevrolet.htm).
Pgina: 107
FrontPage 2000

23- Aplique um estilo nas pginas que voc criou (mude o tipo, cor e tamanho das
fontes, aplique um tema nas pginas, insira figuras, se desejar).
24- Estabelea os hyperlinks entre as palavras do quadro da esquerda e as res-
pectivas pginas que voc criou.
25- Insira uma tabela (como a tabela abaixo) na pgina que se refere aos carros
da marca Chevrolet (ou outra marca). Depois preencha os campos da tabela.
26- Centralize a tabela na pgina e altere o tamanho da borda para 4.
27- Depois do site pronto, teste-o no seu navegador.
28- No site Veculos crie uma pgina de formulrio. Neste formulrio insira os
seguintes elementos: uma caixa de texto para o nome do visitante e outra para o
e-mail, uma caixa de texto rolvel para o visitante descrever suas dvidas ou
comentrios e dois botes de opo (sim e no) para o visitante responder se
trabalha com carto de crdito ou no.
29- Na primeira pgina do site Veculos insira o componente Contador de acesso
e depois, atravs do menu Inserir, insira somente a Data. Salve todo o site e
teste-o novamente.
30- Utilize o efeito de HTML dinmico em alguma figura ou texto do seu site.
31- Publique o site Revistas (ou de Veculos) para que qualquer pessoa do mundo
possa v-lo.
Celta Informtica
http://www.celtainformatica.com.br

FrontPage 2000

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

FrontPage 2000

Enviado por

Direitos autorais:

Formatos disponíveis

Sumrio

Você também pode gostar