Front Page XP

Sumrio
INTRODUO _________________________________ 3
CONHECENDO O FRONTPAGE __________________ 4
OS SEIS MODOS DE EXIBIO DO FRONTPAGE _________________ 5
CRIANDO SITE ATRAVS DE MODELO _________ 14
CRIANDO UM SITE PESSOAL _______________________________ 14
ALTERANDO O SITE CRIADO ______________________________ 16
TESTANDO O SITE CRIADO ________________________________ 27
CRIANDO SITE USANDO ASSISTENTE __________ 29
IMPORTANDO UM SITE________________________ 39
OPERAES COM SITES E ARQUIVOS _________ 42
ABRIR UM SITE ________________________________________ 43
RENOMEAR UM SITE, PGINA OU ARQUIVO ___________________ 44
EXCLUIR UM SITE ______________________________________ 45
EXCLUIR ARQUIVOS _____________________________________ 46
IMPORTAR UM ARQUIVO PARA UM SITE ______________________ 46
EXPORTAR UM ARQUIVO DE UM SITE ________________________ 47
CRIAO DE PGINAS ________________________ 48
INSERINDO PGINAS _____________________________________ 49
CRIANDO VNCULOS ENTRE AS PGINAS ______________________ 54
MODOS DE EXIBIO DAS PGINAS _________________________ 58
APLICANDO ESTILO S PGINAS ______________ 59
ALTERANDO O TAMANHO DA FONTE_________________________ 59
ALTERANDO O TIPO DA FONTE_____________________________ 60
ALTERANDO COR DA FONTE E COR PADRO __________________ 62
INSERINDO CARACTERES ESPECIAIS _________________________ 63
INSERINDO LINHAS HORIZONTAIS ___________________________ 63
MODIFICANDO O SITE CRIADO _____________________________ 64
CRIAO DE QUADROS _______________________ 68
CRIANDO PGINAS COM QUADROS __________________________ 69
CONFIGURANDO CADA QUADRO____________________________ 71
PROPRIEDADES DOS QUADROS _____________________________ 78
CRIAO DE TABELAS ________________________ 80
CRIAR TABELAS _______________________________________ 80
MODIFICAR OS ATRIBUTOS DA TABELA ______________________ 82
INCLUIR E EXCLUIR LINHAS E COLUNAS _____________________ 84
MESCLAR CLULAS _____________________________________ 85
DIVIDIR CLULAS ______________________________________ 85
CRIAO DE FORMULRIOS __________________ 89
INSERINDO UMA CAIXA DE TEXTO ___________________________ 89
INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM _______________ 93
OUTROS CAMPOS DE FORMULRIO _________________________ 95
TRANSMITINDO E PROCESSANDO O SEU FORMULRIO ____________ 95
COMPONENTES DO FRONTPAGE ______________ 96
PGINA DE INCLUSO ___________________________________ 97
FIGURA PROGRAMADA ___________________________________ 98
CONTADOR DE ACESSO __________________________________ 99
GERENCIADOR DE ANNCIOS EM FAIXA _____________________ 100
BOTO EM FOCO ______________________________________ 101
OUTROS RECURSOS__________________________ 103
INSERIR DATA E HORA__________________________________ 103
INSERIR COMENTRIO __________________________________ 103
TRANSIO DE PGINAS_________________________________ 104
EFEITOS DE ANIMAO _________________________________ 105
PUBLICAR UM SITE __________________________ 109
INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER ______114
LISTA DE EXERCCIOS _______________________ 115
Pgina: 3
FrontPage XP
Celta Informtica - F: (11) 4331-1586
INTRODUO
A cada dia verificamos que a informao uma ferramenta de extrema
necessidade em qualquer negcio. Sabendo disto, a Internet ajudar
voc e sua empresa a divulgar esta informao para pessoas que este-
jam 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 espalha-
dos pelo mundo. Esta rede possibilita a troca de arquivos (FTP), o envio
e recebimento de mensagens (e-mails) e a visualizao das informa-
es, sendo que estas so apresentadas em formas de pginas grava-
das 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 programa-
o denominada 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 2002 voc no precisar
dominar nem conhecer HTML, pois este programa capaz de executar
automaticamente todas as tarefas de programao. 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
Pgina: 4
FrontPage XP
bom site, alm de ter uma aparncia atraente, necessita que a mensa-
gem seja transmitida de forma sucinta e sem demora no aparecimento
das informaes na tela. Fique atento s seguintes dicas:
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 2002 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 permi-
tem explorar de diferentes maneiras o site que est sendo criado ou
modificado no FrontPage.
Pgina: 5
FrontPage XP
OS SEIS MODOS DE EXIBIO DO FRONTPAGE
O FrontPage permite visualizar um site de diferentes maneiras, e atra-
vs 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 ( ): esta opo permite que voc crie, edite e gerencie
Pgina: 6
FrontPage XP
os Web sites, sendo que a maioria do trabalho no FrontPage 2002 ser
realizado neste modo de exibio. Na prxima figura vemos um site sen-
do 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 arqui-
vos 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 arqui-
vos esto em forma de lista, dispostos em colunas.
Pgina: 7
FrontPage XP
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 relatrios onde voc pode saber mais sobre seu site (listar as pgi-
nas, elementos grficos, arquivos). Cada relatrio (linha) apresenta uma
descrio que explica o seu propsito, alm de informaes do seu ta-
manho e outras.
Pgina: 8
FrontPage XP
Neste modo de exibio apresentada a barra de ferramentas Relat-
rio. Atravs dela ser possvel relacionar pginas que so lentas para
serem visualizadas, pginas desvinculadas, arquivos recentemente adi-
cionados ou alterados, hyperlinks desfeitos, status da publicao, etc.
Pgina: 9
FrontPage XP
OBS: Se a barra de ferramentas Relatrio no for exibida, no menu Exi-
bir, aponte 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.
Pgina: 10
FrontPage XP
Navegao ( ): este modo projeta visualmente a estrutura do
site, onde cada cone (caixas retangulares) representa uma pgina.
Pgina: 11
FrontPage XP
A Web mostrada na figura anterior corresponde a um site pessoal, e
como vemos possvel carregar imediatamente, usando a barra de na-
vegao, 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 estrutu-
ra 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 exi-
bidas, e assim conseguir exibir todas.
Pgina: 12
FrontPage XP
As pginas do seu site podem ter duas barras de navegao: uma hori-
zontal e uma vertical, na prxima figura observe essas duas barras. Apren-
deremos 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: 13
FrontPage XP
OBS: O hyperlink estabelece um link (conexo) de uma pgina para ou-
tro destino, onde o destino pode ser uma outra pgina da Web, uma
figura, um endereo de correio eletrnico, um arquivo (tal como um ar-
quivo de multimdia ou documento 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 deve-
ro 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 importan-
tes no sero esquecidos se voc os colocar na lista de tarefas.
Pgina: 14
FrontPage XP
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 desejada e faa as alteraes na caixa de dilogo que
ser apresentada.
CRIANDO SITE ATRAVS DE MODELO
O FrontPage possui ferramentas que permitem que voc construa seu
site em pouco tempo, sem a necessidade de conhecer HTML. Tais ferra-
mentas so os modelos e os assistentes. Estas duas ferramentas forne-
cem a estrutura bsica para seu site, onde voc poder acrescentar in-
formaes e fazer modificaes como quiser.
OBS: Os modelos e os assistentes so semelhantes, possuindo apenas
uma diferena fundamental. Quando voc cria um site usando um assis-
tente, vrias perguntas referentes ao site que voc deseja criar so fei-
tas, e de acordo com suas respostas, as pginas do seu site so
construdas. Quanto aos modelos, eles apenas criam uma estrutura pa-
dronizada de pginas, onde voc dever acrescentar informaes s
pginas. Assim, as pginas criadas com os assistentes so personaliza-
das, 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 contedo 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 Pgina ou Web.
OBS: Os menus do FrontPage 2002 exibem apenas os itens mais utili-
zados, escondendo os menos acessados (menu com formato contra-
do). Quando quiser visualizar todas as opes do menu, deixe o pontei-
Pgina: 15
FrontPage XP
ro do mouse parado alguns instantes sobre o nome do menu ou clique
na seta presente no final de cada menu contrado.
Clique na opo modelo de sites na Web, na caixa de dilogo que
aparece esto disponveis alguns modelos que podero ser usa-
dos. Selecione, ento, o modelo Web pessoal e na caixa especi-
fique o local da nova Web digite a localizao onde 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 criados 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: 16
FrontPage XP
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 escolhido 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: 17
FrontPage XP
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. Persona-
lizando um tema predefinido, voc estar criando um novo tema po-
dendo usar seus prprios grficos, conjuntos de cores e estilos. Esse
assunto de personalizar temas ser visto em captulos posteriores.
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 varieda-
de de cores vivas, ou um segundo plano branco e cores mais escuras.
Elem. grficos ativos: esta opo permite que seu site exiba ele-
mentos grficos mais interativos, onde alguns elementos, como os
marcadores, se tornam animados e os botes de navegao mudam de
aparncia conforme o usurio 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) forne-
cem mais controle sobre a aparncia e apresentao de suas pginas.
Elas permitem que os elementos visuais de uma pgina (o texto, as co-
res, fontes e formatao) sejam definidos separadamente das informa-
es que a pgina contm.
A figura anterior mostra que o tema Ps-moderno est selecionado. Va-
mos 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: 18
FrontPage XP
Inserindo e Modificando Textos
Dentre os arquivos que foram automaticamente criados depois que defi-
nimos 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 apresenta-
da a primeira pgina 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 al-
Pgina: 19
FrontPage XP
gumas barras de ferramentas. Para isso, no menu Exibir, selecione ou
no a barra de ferramentas que ser exibida ou ocultada (na figura ante-
rior ocultamos a Lista de pastas).
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 existente e logo ver o ponto de insero. Acrescente, ento, as
informaes que desejar, como por exemplo, inclua o que voc faz, es-
pecifique o que ir ser mostrado no site, ou seja, coloque quaisquer in-
formaes pessoais que quiser, j que voc est construindo o seu site
pessoal.
Enquanto voc est digitando as informaes nas pginas do site, algu-
mas palavras podem ser sublinhadas de vermelho, significando que fo-
ram 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.
Pgina: 20
FrontPage XP
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 no retngulo Home Page para selecion-lo
(cada retngulo representa uma pgina) e pressione F2. Digite um novo
nome (por exemplo Home Page - troque 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 pgina, 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
Bemvindo ao meu site da Web para que seja apresentada a caixa de dilogo
Propriedades da barra de navegao.
Pgina: 21
FrontPage XP
Nesta janela voc dever definir quais os hyperlinks que sero mostra-
dos na pgina. Voc saber o nvel de cada um visualizando a estrutura
do site no modo Navegao. Assim, podemos observar que a pgina
principal Home Page est em um nvel superior em relao s outras
trs pginas, sendo que estas se encontram no mesmo nvel.
A figura anterior refere-se aos hyperlinks da pgina principal, por
isso vamos selecionar a opo Nvel filho para que os hyperlinks
das pginas que se encontram no nvel abaixo da principal sejam
adicionados. Depois, clique na guia estilo escolha a opo hori-
zontal e clique em OK, para que a barra de navegao apresente-
se na forma de botes com orientao horizontal.
Pgina: 22
FrontPage XP
D um clique sobre a caixa esquerda onde existe varias opes e
mantenha pressionado e arraste o para de baixo do titulo.
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 Interes-
ses 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.
Nesta pgina encontramos a barra de navegao (abaixo do cabealho)
e uma lista onde voc poder inserir seus hobbies, projetos ou interes-
ses. 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 formatos de marcadores).
Se voc quiser excluir os marcadores, selecione a(s) linha(s) que con-
tm o(s) marcador(es). Em seguida, clique no boto Marcadores ( )
Pgina: 23
FrontPage XP
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 loca-
lizar este arquivo atravs do boto Procurar).
Depois que voc inseriu as informaes desejadas na pgina Interes-
ses, 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.
Pgina: 24
FrontPage XP
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 pginas 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 dilogo Figura seja exibida (figura a
seguir). Atravs desta caixa, voc poder inserir a figura desejada.
Clicando no boto Clip-art voc poder visualizar vrias figuras j pron-
tas 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.
Pgina: 25
FrontPage XP
Para inserir uma figura, clique sobre ela e selecione a opo Inserir clipe.
Imediatamente 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 va-
mos modificar 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.
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 Cad, temos que
Pgina: 26
FrontPage XP
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, indi-
cando 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.
Excluindo Pginas
Quando utilizamos um modelo para a construo de um site, as pginas
e os arquivos referentes ao modelo escolhido so criados automatica-
mente. Mas, dependendo do objetivo do site, nem todas as pginas cri-
adas 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
Pgina: 27
FrontPage XP
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 fotografi-
as, 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 reali-
zada, pois voc poder perder tempo e trabalho se no realizar
freqentemente este procedimento.
Os tipos de modelos existentes no FrontPage talvez no atendam a uma
necessidade especfica sua, mas, no tenha medo de criar um site usan-
do 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.
TESTANDO O SITE CRIADO
Agora voc vai ver como ficou o seu site, do ponto de vista de um nave-
gador. 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 progra-
Pgina: 28
FrontPage XP
ma. 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: 29
FrontPage XP
CRIANDO SITE USANDO ASSISTENTE
O site anterior foi criado com a ajuda de um modelo, agora vamos cons-
truir 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 pgi-
nas apropriadas so criadas. Lembre-se que depois possvel alterar as
pginas que foram criadas (incluir elementos nas pginas, excluir itens
ou pginas, etc).
Como exemplo, vamos criar um site que mostrar o perfil de uma empre-
sa 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 in-
formaes. Seu site ainda conter uma pgina Sumrio, onde ser pos-
svel indexar seu site e atualiz-lo automaticamente sempre que sua
Pgina: 30
FrontPage XP
estrutura for modificada. Voc tambm poder usar um formulrio 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 2002, aponte para Novo e depois clique
em Web. Na caixa de dilogo Novo, selecione a opo Assistente
Formulrio.
Pgina: 31
FrontPage XP
A tela de abertura do Assistente apresentada (prxima figura), infor-
mando que voc dever responder a algumas perguntas que lhe sero
feitas.
Pgina: 32
FrontPage XP
Na parte inferior da tela vemos alguns botes:
Cancelar: clicando sobre este boto, o assistente interrompido e
voc voltar 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 adcionar quais as perguntas que sero includas no seu
site. Clique em Adcionar e escolha um tipo de informao que voc
deseja obter. Em seguida clique no boto Avanar.
Na tela seguinte, escolha os campos que voc deseja colocar no formu-
lrio para que as perguntas sejam feitas. Em seguida, clique em Avan-
ar. Neste momento voc poderia ainda adcionar outra pergunta, porm
clique em Avanar.
Pgina: 33
FrontPage XP
Pgina: 34
FrontPage XP
Na prxima tela voc dever especificar as opes de apresentao,
informando ao FrontPage, como o formulrio dever apresentar as per-
guntas. Clique em Avanar.
Pgina: 35
FrontPage XP
Pgina: 36
FrontPage XP
Na prxima tela, em Opes de Sada, selecione o tipo de tratamento
que dever ser utilizado na submisso e o nome base do arquivo de
resultados. Clique em Avanar. 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 simplesmente
cria um espao que poder ser preenchido com o contedo real de sua
preferncia.
Pronto! Agora s clicar em Concluir e conferir o formulrio montado.
Pgina: 37
FrontPage XP
Agora, modifique o tema da pagina em Formatar / Tema.
Pgina: 38
FrontPage XP
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 du-
plo 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 pginas 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.
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 exem-
plo, e essa alterao afetar todas as pginas que contenham esse n-
mero de telefone. Para acessar este importante recurso, no menu Ferra-
mentas clique em Configuraes da Web, na caixa de dilogo que
Pgina: 39
FrontPage XP
ser exibida selecione a guia Parmetros, faa as modificaes neces-
srias e clique no boto OK. Estando com as pginas do site sendo
exibidas no modo Pginas, clique no boto Atualizar ( ), da barra de
ferramentas 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: 40
FrontPage XP
OBS: Voc tambm pode importar um site atravs do comando Impor-
tar do menu Arquivo.
Na caixa de dilogo Assistente para importao de Web - Escolher ori-
gem, 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 arqui-
vos que deseja importar clicando no boto Procurar. Aps clicar neste
boto, selecione a pasta desejada e clique em OK. Se a pasta seleciona-
da 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 arqui-
vo 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,
Pgina: 41
FrontPage XP
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.
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 quan-
tidade 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.
Pgina: 42
FrontPage XP
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.
OPERAES COM SITES E ARQUIVOS
Vamos conhecer, neste captulo, algumas operaes bsicas que pode-
mos realizar com os sites e arquivos que criamos e visualizamos no
FrontPage 2002.
Pgina: 43
FrontPage XP
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 botes). 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 loca-
lizar o arquivo ou site desejado e depois clicar no boto Abrir (da caixa
de dilogo Abrir arquivo).
Pgina: 44
FrontPage XP
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 Configuraes 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 Propriedades 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 Propriedades e digite o nome desejado.
Pgina: 45
FrontPage XP
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 administra-
tivo 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 qual-
quer outro diretrio que o FrontPage tenha criado para esse site.
Pgina: 46
FrontPage XP
EXCLUIR ARQUIVOS
Como j foi mencionado no captulo referente criao de sites atravs
de modelos, os arquivos podem ser excludos selecionando-os e pressi-
onando 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 importar 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: 47
FrontPage XP
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
arquivo lista de importao aparea, e nesta caixa voc poder seleci-
onar os arquivos que deseja importar. Os arquivos so selecionados
exatamente como no Windows Explorer. Depois de selecionar os arqui-
vos desejados, clique no boto Abrir. A caixa de dilogo Adicionar arqui-
vo 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 se-
jam adicionados ao seu site.
OBS: Para importar rapidamente um arquivo ou uma seleo de arqui-
vos 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: 48
FrontPage XP
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 formato 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 ele-
mentos 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 con-
ter 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: 49
FrontPage XP
Inicialmente vamos criar um site de uma pgina s e depois vamos inse-
rir 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 objetivos 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.
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 Navegao. Ative este modo e observe que por en-
quanto voc s tem a pgina inicial do site, selecione esta pgina (d um
Pgina: 50
FrontPage XP
clique sobre ela) e depois clique no boto Nova pgina da barra de ferra-
mentas 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 pgina conforme a figura a seguir. Depois iremos
aplicar um formato no texto e incluir uma barra de navegao.
Pgina: 51
FrontPage XP
Como j mencionamos, os textos, no FrontPage, so digitados do mes-
mo 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 coloca 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 somente 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
inserirmos o texto. Digite e centralize o ttulo da pgina: Filmes. Abaixo
do ttulo, utilizando os marcadores ( ), digite alguns nomes de filmes
de acordo com a figura abaixo. Se quiser, poder digitar outros ttulos de
filmes.
Pgina: 52
FrontPage XP
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 ferra-
mentas e exiba o site novamente no modo Navegao. Selecione a pgi-
na 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: 53
FrontPage XP
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).
Pgina: 54
FrontPage XP
De acordo com a prxima figura, insira o contedo referente a outro fil-
me, por exemplo Mau - O Imperador e o Rei. Depois de inserir o texto,
altere o nome do arquivo para maua.htm.
Agora voc deve criar as outras pginas para os outros filmes. As infor-
maes referentes aos filmes (sinopse, elenco, etc) podem ser encon-
tradas 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 compartilhada podemos inserir itens que desejamos que apa-
ream nas pginas, e depois para cada pgina em sua Web, voc pode
Pgina: 55
FrontPage XP
definir as bordas a serem compartilhadas: superior, direita, etc. Vamos
aproveitar o recurso da borda compartilhada para inserir a barra de na-
vegao em todas as pginas de uma vez s.
Exiba a pgina inicial (Home Page) e depois selecione a opo Borda
compartilhada do menu Formatar. Na caixa de dilogo Bordas compar-
tilhadas selecione as opes: Todas as pginas, Parte superior e Incluir
botes de navegao, 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 navegao. Na caixa de dilogo Propriedades da barra de navegao
que aparece, selecione quais os hyperlinks que sero exibidos na barra.
Pgina: 56
FrontPage XP
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 ape-
nas em uma pgina, ou seja, na pgina atual.
A borda compartilhada est apresentando um ttulo e uma barra de na-
vegao, 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 Propriedades 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: 57
FrontPage XP
Agora apague o texto Guia Cultural que havamos inserido na pgina,
deixando somente o que est na borda compartilhada. Repita este pro-
cedimento 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 questo, 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: 58
FrontPage XP
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 ou-
tros 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.
O modo de visualizao Normal o que utilizamos at o momento, e se
voc no quiser ver qualquer cdigo de programao, continuar a utili-
zar 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. Selecione a guia HTML na parte
inferior da janela de uma pgina qualquer, voc perceber que a HTML
no muito complicada ou difcil de ser entendida.
Pgina: 59
FrontPage XP
Na terceira guia, Visualizao, voc poder ver como suas pginas se-
ro exibidas 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 as-
pecto cansativo e tedioso. Vamos, ento, acrescentar estilo ao texto, como
alterar a cor, tamanho 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: 60
FrontPage XP
Para mudar facilmente o tamanho de um texto (palavra, linha, pargrafo
ou pgina inteira), selecione o texto e depois, usando a caixa Tamanho
da fonte ( ) da barra de ferramentas do FrontPage, selecione o
tamanho desejado.
ALTERANDO O TIPO DA FONTE
O FrontPage oferece vrios tipos de fontes que podero ser usadas na
sua pgina. Para alterar o tipo da fonte de um texto, selecione-o e esco-
lha uma outra fonte na lista suspensa da caixa Fonte ( ),
localizada na barra de ferramentas.
possvel tambm modificar o estilo da fonte para Negrito ( ), Itlico
( ) ou Sublinhado ( ), clicando sobre os botes correspondentes na
barra de ferramentas.
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
Pgina: 61
FrontPage XP
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.
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 compu-
tador do visitante no tiver a fonte que foi usada, a pgina ir aparecer
simplesmente com a fonte Times New Roman.
Pgina: 62
FrontPage XP
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. Pode-
mos modificar esse padro de cores, para isso, d um clique com o
boto direito do mouse em qualquer lugar da pgina e selecione a opo
Propriedades da pgina. Na caixa de dilogo Propriedades da pgina,
ative a guia Plano de fundo.
Pgina: 63
FrontPage XP
Nesta caixa de dilogo vemos cinco elementos que podem ter a cor pa-
dro alterada: 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 dilogo afetaro todos os hypertextos da sua pgina.
INSERINDO CARACTERES ESPECIAIS
O FrontPage permite que voc inclua alguns caracteres especiais que
no constam no seu teclado. Um caractere muito comum usado na Internet
o smbolo da marca copyright (), e voc o encontra na lista de smbo-
los. 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 cai-
xa 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 hori-
zontal padro uma linha fina que percorre toda a largura da pgina.
Pgina: 64
FrontPage XP
Para inserir uma linha na sua pgina, selecione Linha Horizontal no
menu Inserir. 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 selecione Propriedades da linha hori-
zontal). 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 op-
o de aplicar o tema somente pgina selecionada (e no em todas as
pginas), depois escolha o tipo de tema Arcos e clique em OK.
Observe que o ttulo e a barra de navegao alteram-se para acompa-
nhar o estilo do tema. Agora selecione o texto abaixo da barra de nave-
Pgina: 65
FrontPage XP
gao 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: 66
FrontPage XP
Observe, na figura anterior, que modificamos a borda compartilhada desta
pgina para melhor exibir as opes de navegao entre as pginas do
site. Para isso, clique na opo Bordas compartilhadas do menu
Formatar e na caixa de dilogo exibida, selecione a opo Pgina atual
e tambm Esquerda, como mostra a figura a seguir.
Pgina: 67
FrontPage XP
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 navegao 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.
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 ferramen-
tas), 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 dispon-
veis no menu Inserir, opo Figuras). A figura da pgina a seguir foi
inserida de um arquivo.
Pgina: 68
FrontPage XP
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 apa-
rncia de todas as outras pginas do seu site, inserindo linhas horizon-
tais, figuras, cores, alterando o texto, etc, e no se esquea de salv-las.
CRIAO DE QUADROS
Quadros so regies retangulares situadas em uma pgina da Web, nas
quais podemos exibir outras pginas ou imagens. Assim, uma nica p-
gina do site pode conter vrios quadros, cada um podendo exibir uma
pgina diferente. Os quadros so utilizados quando queremos que de-
terminada regio do site permanea esttica (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
Pgina: 69
FrontPage XP
qualquer uma das opes, a pgina correspondente ser exibida no qua-
dro principal (chamado quadro de destino) direita. Sendo assim, so-
mente o quadro de destino modificar seu contedo.
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 Turis-
mo, onde o visitante encontrar as opes de viagens, os preos, pro-
moes, etc. Crie, ento, um novo site em um diretrio denominado Tu-
rismo (para criar um site, clique no menu Arquivo Novo Web, sele-
cione 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.
Pgina: 70
FrontPage XP
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 conte-
do nos quadros, e para isso podemos usar os botes, que so explica-
dos a seguir.
Boto Definir pgina inicial: este boto permite que voc selecione
um arquivo 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.
Pgina: 71
FrontPage XP
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. Con-
forme a prxima figura, insira o contedo no quadro da esquerda (as
fontes usadas foram Monotype Corsiva e Comic Sans MS). Depois, utili-
zando o menu Inserir, insira e configure as linhas horizontais.
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).
Pgina: 72
FrontPage XP
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, arras-
tando as alas de redimensionamento (que so os quadradinhos).
Com a figura selecionada, a barra de ferramentas Figuras exibida, e
ela aparece 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 bo-
tes disponveis. A figura que inserimos atravs do clip-art est com o
efeito chanfrado, que foi conseguido dando-se um clique no boto
Chanfrar ( ) da barra de ferramentas Figura.
Pgina: 73
FrontPage XP
O tema que dever ser inserido na pgina que acabamos de criar o
Expedio (para escolher um tema, deixe o quadro da direita seleciona-
do e no menu Formatar clique em Tema, depois selecione a opo P-
gina selecionada, o tema Expedio 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 sele-
cione 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 seleciona-
do, 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: 74
FrontPage XP
Ainda na caixa de dilogo Salvar como clique no boto Alterar para alte-
rar o ttulo da pgina e digite ndice.
Clique no boto OK na caixa de dilogo Definir ttulo da pgina e tam-
bm na caixa Salvar como. Imediatamente outra caixa de dilogo Salvar
como exibida, 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 apa-
recer, perguntando se voc deseja salvar a figura que foi inserida na
pgina, clique em OK.
Pgina: 75
FrontPage XP
Outra janela Salvar como exibida, e desta vez indicando que devemos
salvar todo o conjunto dos quadros, onde este conjunto ser nossa pgi-
na 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.
Pgina: 76
FrontPage XP
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 colocar 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, nes-
ta pgina, o mesmo tema aplicado anteriormente outra pgina.
Pgina: 77
FrontPage XP
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 localidade (crie pelo menos trs pginas). Salve cada
pgina que voc criou com um nome que seja fcil de identific-la poste-
riormente.
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
Pgina: 78
FrontPage XP
quadro da esquerda. Clique no boto Hyperlink ( ) na barra de ferra-
mentas do FrontPage. Na caixa de dilogo Criar hyperlink selecione o
arquivo primeira.htm e clique em OK.
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 palavra 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 locali-
dades.
As pginas para viagens terrestres e martimas sero semelhantes
pgina Viagens 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 tes-
te 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 existen-
tes na pgina. Estando com um quadro selecionado, escolha a opo
Propriedades do quadro no menu Quadros ou clique com o boto di-
reito do mouse sobre o quadro e escolha a opo Propriedades do
quadro. A caixa de dilogo Propriedades do quadro aparecer.
Pgina: 79
FrontPage XP
No campo de texto Nome voc pode definir um novo nome para a pgi-
na. Tambm 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 pgi-
na 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, arras-
tando as suas bordas) ao navegarem pelo site. Voc tambm pode deci-
dir se as barras de rolagem sero sempre mostradas (selecionando a
opo Sempre), nunca (opo Nunca) ou somente quando precisar (op-
o Se preciso). A opo Se preciso est selecionada como padro, e
uma boa idia no mud-la.
Ainda na seo Opes voc encontra o boto Pgina de quadros. Clique
neste 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: 80
FrontPage XP
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 alinhamento, 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
desenhar uma tabela diretamente na pgina, usando a barra de ferra-
mentas Tabela. Outra opo inserir uma tabela j com as linhas e colu-
nas 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 ferra-
mentas 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 tabe-
la aparece. Nesta caixa voc define, na seo Tamanho, o nmero de
linhas e colunas que a sua tabela ter. Na seo Layout so apresenta-
dos quatro recursos importantes: Alinhamento, Tamanho da borda, En-
chimento da clula e Espaamento da clula.
Pgina: 81
FrontPage XP
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, significan-
do 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 represen-
ta 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, de-
pois arraste o mouse para definir o tamanho da tabela (o nmero de
linhas e de colunas, que podero ser alterados posteriormente). Quando
Pgina: 82
FrontPage XP
j estiver definido o tamanho da tabela, solte o boto do mouse e a tabe-
la 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.
MODIFICAR OS ATRIBUTOS DA TABELA
Depois que voc criou sua tabela, possvel fazer alteraes nas propri-
edades 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.
Pgina: 83
FrontPage XP
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 especifica 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.
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 afe-
tar 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
Pgina: 84
FrontPage XP
da tabela, mas com uma diferena: todas as alteraes feitas sero apli-
cadas 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
permite 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 Li-
nhas 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.
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 des-
tacada desaparecer. Voc tambm poder remover somente uma clu-
la, bastando clicar em Clula na opo Selecionar do menu Tabela e
depois exclu-la.
Pgina: 85
FrontPage XP
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 mes-
clar, 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.
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 op-
es: 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.
Pgina: 86
FrontPage XP
A prxima figura mostra uma tabela onde uma clula foi dividida em
linhas e outra em colunas.
Agora que voc j sabe como criar uma tabela e modificar as suas pro-
priedades, vamos inserir uma tabela no nosso site de viagens. A pgina
referente Promoo 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, cen-
tralize-a e preencha-a de acordo com os dados da tabela exibidos na
figura a seguir.
Pgina: 87
FrontPage XP
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 pgina 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.
Ao clicar no boto Modificar, outros cinco botes so imediatamente exi-
bidos: 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 seleci-
one a guia Personalizar. Na seo Itens selecione Borda da tabela e na
seo Cor escolha uma outra cor desejada. Ao terminar clique em OK.
Pgina: 88
FrontPage XP
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 Sal-
var 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 Promoo da pgina Indice. Salve seu site e teste-o novamente.
OBS: Estando com seu site aberto no navegador, clique no boto Atua-
lizar, localizado na barra de ferramentas do navegador. Desta maneira
seu site ser atualizado e voc poder visualizar as mudanas que te-
nham sido feitas.
Pgina: 89
FrontPage XP
CRIAO DE FORMULRIOS
Os formulrios so bastante utilizados nos sites da Web, pois atravs de-
les possvel coletar informaes de vrias pessoas, solicitar a opinio
dos visitantes, fazer votao onde os visitantes escolhero entre um item
e outro, etc. Os formulrios fazem as mesmas perguntas para vrias pes-
soas, e depois voc pode acessar e comparar essas informaes.
O FrontPage possibilita a insero de itens especiais, denominados cam-
pos de formulrios, nas pginas do site. Atravs desses campos, pode-
remos construir diferentes tipos de questionrios interativos destinados
aos visitantes. Nos formulrios vamos encontrar um boto denominado
Submeter, que dever ser clicado pelo visitante quando acabar de pre-
encher 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 graficamente includos na pgina. Ao invs de inclu-los um de cada
vez, podemos usar um assistente que criar uma pgina com um formu-
lrio, onde iremos definir quais os campos que faro parte do nosso
formulrio.
Vamos inserir um formulrio no site Turismo, mas antes disso, uma pala-
vra - 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 palavra, selecione o quadro da direita e clique no
boto Novo da barra de ferramentas. 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 prxi-
ma figura. Depois insira o campo de texto, para isso, v at o menu
Inserir, aponte para Formulrio e clique em Caixa de texto de uma
Pgina: 90
FrontPage XP
linha ( ). Uma caixa de texto, e dois botes, so acrescentados na
sua pgina.
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: 91
FrontPage XP
Na rea Nome digite um nome para ser associado ao campo (esse nome
ser usado internamente para definir o campo e no aparecer no for-
mulrio), digite, ento, Nome. Na rea Valor inicial voc pode especificar
uma palavra ou texto para aparecer na caixa de texto quando o formul-
rio for aberto pela primeira vez. Voc tambm pode definir quantos
caracteres a caixa de texto pode conter, especificando um valor na se-
o Largura em caracteres. possvel restringir quais os caracteres que
podero ser inseridos no campo da caixa de texto, bastando 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 pri-
meira. 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: 92
FrontPage XP
INSERINDO UM MENU SUSPENSO
A Caixa suspensa 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 Op-
es 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 pro-
cedimento para adicionar as palavras Pesquisa, Trabalho e Entreteni-
mento. 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.
Pgina: 93
FrontPage XP
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 quantida-
des de texto variveis. Vamos inserir, agora, esse elemento no nosso
formulrio.
Posicione o cursor abaixo do menu suspenso e insira o campo rea de
Texto ( ) 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 campo 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
Pgina: 94
FrontPage XP
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 esta-
belea o hyperlink da palavra Consulte-nos (no ndice) com esta pgi-
na. Por fim, teste seu site no seu navegador.
Pgina: 95
FrontPage XP
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 mesmo 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 selecio-
nar 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 pergunta que voc vai
fazer ao utilizar os botes de opo. Na caixa Valor digite o mesmo rtu-
lo que voc atribuiu ao boto. Quando tiver concludo clique em OK.
Repita esses mesmos passos para cada boto de opo que voc inse-
riu, e certifique-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 for-
mulrio, o FrontPage envia uma mensagem padro para que ele (o visi-
tante) saber que sua transmisso foi concluda e, depois, salva as res-
postas dos visitantes em um arquivo privado no seu servidor da Web.
O FrontPage grava os resultados do formulrio em um arquivo denomi-
nado 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 Proprieda-
des do formulrio para que a caixa de dilogo de mesmo nome seja
exibida.
Pgina: 96
FrontPage XP
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 resul-
tados do formulrio serem enviados para o seu endereo de correio ele-
trnico. O boto Opes da caixa de dilogo Propriedades do formulrio
configura o modo exato segundo o qual os resultados so formatados
medida que so transmitidos. 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, ar-
quivos HTML ou at em listas com marcadores.
COMPONENTES DO FRONTPAGE
Os componentes so programas que possibilitam, de maneira progra-
mada, a incluso 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.
Pgina: 97
FrontPage XP
Alguns componentes do FrontPage funcionam apenas quando voc pu-
blica o seu site em um servidor da Web que oferea suporte s exten-
ses especiais do FrontPage. Se o seu servidor no oferece suporte a
essas extenses, os componentes no funcionaro corretamente aos
seus visitantes.
Deste modo, para garantir compatibilidade com servidores que no usam
as extenses 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 ficaro disponveis (isto , eles apa-
recero esmaecidos) nos menus do FrontPage durante o tempo de cria-
o de pginas. No menu Ferramentas, aponte para Opes de pgi-
na 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 componente 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 to-
das as pginas que contm esse arquivo de rodap.
Antes de usar esse componente, voc dever estar com a pgina que
voc deseja incluir nas outras pginas do site pronta. Depois, carregue a
pgina que conter a pgina includa e selecione o componente Pgina
de incluso (menu Inserir, opo Componente). A caixa de dilogo Pro-
priedades da pgina de incluso aparece.
Pgina: 98
FrontPage XP
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 com-
ponente 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
determinado, sendo que esta imagem ser removida quando se esgotar
o tempo especificado. Para usar este componente, primeiro posicione o
cursor no local da pgina em que deve aparecer a imagem. Depois, no
menu Inserir, opo Componente, clique em Figura programada para
que a caixa de dilogo Propriedades da figura programada seja exibida.
Pgina: 99
FrontPage XP
Na caixa de dilogo apresentada voc dever especificar a imagem a
ser exibida, 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 pode-
ro ver a imagem se estiverem dentro do perodo de tempo especificado.
O outro componente oferecido pelo FrontPage, Pgina de incluso pro-
gramada, tem o mesmo princpio que a Figura programada, a nica dife-
rena que ele exibir uma pgina com informaes ao invs de imagem.
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 Com-
ponente. Na caixa de dilogo Propriedades do contador de acesso, voc
pode escolher entre cinco diferentes estilos e fontes de nmeros. Geral-
mente os contadores de acesso so inseridos na parte inferior da pgina
inicial do site.
Pgina: 100
FrontPage XP
Depois de escolher um tipo de contador, clique em OK e o FrontPage
acrescentar um GIF de um contador automaticamente incrementvel
sua pgina da Web.
GERENCIADOR DE ANNCIOS EM FAIXA
Com este componente do FrontPage podemos incluir um painel rotativo
nas pginas do site. Este painel ser composto por uma seqncia pro-
gramada de figuras que sero exibidas ciclicamente. Voc poder modi-
ficar o tamanho do painel, o efeito de transio entre as figuras, a dura-
o e a ordem das figuras exibidas. Geralmente este componente uti-
lizado para colocar propagandas nas pginas.
Voc poder inserir figuras do clip-art, do seu computador ou figuras j
existentes no site. Ao selecionar a opo Gerenciador de anncios em
faixa (menu Inserir Componente) voc ter acesso caixa de dilo-
go Propriedades do Gerenciador de anncios em faixa. Para inserir as
figuras, clique no boto Adicionar desta caixa de dilogo.
Pgina: 101
FrontPage XP
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 ann-
cios em faixa.
BOTO EM FOCO
Este componente do FrontPage pode ser utilizado para inserir uma sim-
ples animao 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.
Pgina: 102
FrontPage XP
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.
Na caixa de dilogo Propriedades do boto em foco, ser possvel alte-
rar 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 especificar 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 visitan-
te. 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: 103
FrontPage XP
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 fun-
cionalidade 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.
INSERIR COMENTRIO
Este recurso, tambm presente no menu Inserir, usado para oferecer
anotaes e informaes a voc mesmo e por exemplo, ao autor de uma
Pgina: 104
FrontPage XP
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 pgi-
na 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 apre-
sentaes no estilo slides (como no PowerPoint) com transies de apa-
rncia profissional entre as pginas.
Estando com a pgina desejada ativa, no menu Formatar clique em
Transio de pgina. Na caixa de dilogo Transies de pgina, seleci-
one o evento que causar a transio (onde este evento poder ser, por
exemplo, quando o visitante entrar ou sair da pgina).
Pgina: 105
FrontPage XP
Na mesma caixa de dilogo voc dever definir a durao, em segun-
dos, 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, sal-
ve-as e depois visualize-as no seu navegador.
EFEITOS DE ANIMAO
Nas suas pginas da Web, os textos, pargrafos, figuras, botes e vri-
os elementos podem receber efeitos de animao HTML dinmico, sen-
do que estes efeitos 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 nos-
so 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.
Pgina: 106
FrontPage XP
OBS: Os efeitos listados nas caixas da barra de ferramentas HTML di-
nmico 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 Remo-
ver efeito ou selecione o elemento 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
dinmico em um pargrafo ou texto. Salve suas pginas e visualize-as
em um navegador para testar os efeitos de animao inseridos.
JAVASCRIPT
JavaScript uma linguagem utilizada para melhorar as pginas da
Web. Os scripts escritos em JavaScript podem ser colocados den-
tro das suas pginas HTML criando elementos interessantes que
respondem aos eventos iniciados pelo visitante de sua pgina. Voc
pode achar vrias pginas na internet que utilizam JavaScript e
verificar o quanto elas so enriquecidas quando utilizam esta lin-
guagem.
O objetivo dos prximos exemplo mostrar como podemos incluir
scripts JavaScrip em pgina HTML e no ensinar esta linguagem.
Como exemplo vamos criar um script que mostra a data atual do
sistema.
Pgina: 107
FrontPage XP
Digite o seguinte cdigo:
<html>
<head>
<script language=JavaScript>
var diasdasemana = new Array
(Domingo,Segunda,Tera,Quarta,Quinta,Sexta,
Sbado );
var meses = new Array
(Janeiro,Fevereiro,Maro,Abril,Maio,Junho,Julho,Agosto,
Setembro,Outubro,Novembro,Dezembro);
var data = new Date();
document.write( <font color=#000000 face=Verdana
size=2> +
diasdasemana[data.getDay()] + , + data.getDate()
+ de +
meses[data.getMonth()] + de 2002 );
</script>
<title>Exemplo do uso de JavaScript</title>
</head>
<body>
</body>
</html>
Observamos no cdigo HTML acima que o script est compreen-
dido entre as tags <scrip language=JavaScript> e </script>. Onde
primeiro so definidas as variveis de dias e meses e a varivel
data que contm a data do sistema fornecida pela funo Date().
A seguir usamos a funo document.write que utilizada para
escrever a data por extenso na janela do navegador.
Vamos agora acrescentar uma figura e uma caixa de texto nesta
pgina que sero alteradas de acordo com eventos do mouse aci-
onados pelo usurio.
Acrescente estas novas funes ao cdigo anterior, digitando o
seguinte cdigo:
Pgina: 108
FrontPage XP
<html>
<head>
<script language=JavaScript>
var diasdasemana = new Array
(Domingo,Segunda,Tera,Quarta,Quinta,Sexta,
Sbado );
var meses = new Array
(Janeiro,Fevereiro,Maro,Abril,Maio,Junho,Julho,Agosto,
Setembro,Outubro,Novembro,Dezembro);
var data = new Date();
document.write( <font color=#000000 face=Verdana
size=2> +
diasdasemana[data.getDay()] + , + data.getDate()
+ de +
meses[data.getMonth()] + de 2001 );
function mouseemcima (imagem)
{imagem.src=verao.gif;}
function mousefora (imagem)
{imagem.src=inverno.gif;
document.form1.texto.value=inverno;}
function mouseclique (estacao)
{document.form1.texto.value=estacao;}
</script>
<title>Exemplo do uso de JavaScript</title>
</head>
<body>
<center>
<br>
<img src=inverno.gif onMouseOver=mouseemcima(this)
onMouseOut=mousefora(this)
onCLick=mouseclique(vero)>
<br>
<br>
<form name=form1">
<input type=text size=15" name=texto>
</form>
Pgina: 109
FrontPage XP
</center>
</body>
</html>
Neste exemplo utilizamos os eventos onMouseOver, onMouseOut
e onClick para acionar uma determinada funo que pode ou no
receber algum parmetro.
Quando o usurio passar o ponteiro do mouse sobre a figura
inverno.gif, ela ser trocada pela figura verao.gif e se for dado um
clique sobre ela, a palavra vero ser escrita na caixa de texto do
formulrio.
Observe que a palavra vero enviada como parmetro para a
funo mouseclique (estacao), esta palavra pode ser substituda
por qualquer outra para ser exibida na caixa de texto.
PUBLICAR UM SITE
Quando voc est criando e editando pginas para seu Web site utilizan-
do 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 publicado; depois, no menu Arquivo, clique em Publicar Web. A
caixa de dilogo Publicar Web aparece.
Pgina: 110
FrontPage XP
OBS: Para saber o endereo do servidor Microsoft Personal Web Server
a ser digitado, d um clique duplo no cone que corresponde a este ser-
vidor ( ), sendo que o cone est localizado na Barra de Tarefas do
Windows, ao lado do relgio.
Pgina: 111
FrontPage XP
O FrontPage 2002 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.
Pgina: 112
FrontPage XP
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
2002, j que este possui diversos recursos. Assim, para que os provedo-
res da Web possam exibir corretamente os vrios recursos do FrontPage
2002, eles precisam possuir as extenses de servidor do FrontPage.
Para garantir compatibilidade com provedores que no usam as exten-
ses 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 servidor do Microsoft
FrontPage.
Ao publicar seu site e torn-lo disponvel para o mundo inteiro usando
um provedor da Web que no possua extenses do FrontPage, nem
todos os recursos avanados do seu site funcionaro (tais como alguns
componentes e o formulrio).
Para iniciar o processo de publicao, abra, no FrontPage, o site que
ser publicado, depois no menu Arquivo clique em Publicar Web. A
caixa de dilogo Publicar Web aparece.
Pgina: 113
FrontPage XP
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 pgi-
nas) ou clique no boto Procurar para encontrar o local de publicao.
Voc pode clicar no boto Provedor para que sejam exibidos os prove-
dores 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: 114
FrontPage XP
INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER
Quando o FrontPage 2002 instalado, ele verifica se voc tem um servi-
dor da Web instalado em seu computador. Se voc no tiver um servidor
da Web instalado, 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 compu-
tador, 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
computador, voc poder obter informaes sobre como instalar e admi-
nistrar o Microsoft Personal Web Server consultando o Kit da extenses
do servidor do FrontPage em C:\ Arquivos de Programas\ Arquivos co-
muns\ 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 poder 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: 115
FrontPage XP
LISTA DE EXERCCIOS
1- Qual a diferena entre um assistente e um modelo?
2- Inicie o Microsoft FrontPage 2002 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 necess-
rias 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 revis-
tas (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 p-
gina 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 Exem-
plo1 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 apenas uma cor para o plano de fundo (sem inserir um tema).
Pgina: 116
FrontPage XP
12- Insira figuras do clipart na pgina principal e em algumas outras p-
ginas do site.
13- Formate as fontes dos textos de todas as pginas, alterando o tama-
nho, 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 centralizado 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 deno-
minada 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 palavras 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 infor-
maes que aparecero na pgina inicial do quadro (insira o nome
da agncia e outros comentrios, como fizemos com a primeira p-
gina 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 po-
der 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: 117
FrontPage XP
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 respectivas 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 in-
sira 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

Front Page XP

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

Front Page XP

Enviado por

Direitos autorais:

Formatos disponíveis

Sumrio

Você também pode gostar