Curso Básico de Front Page XP-Celta Informática

Transcrição

Sumário
INTRODUÇÃO _________________________________ 3
CONHECENDO O FRONTPAGE __________________ 4
OS SEIS MODOS DE EXIBIÇÃO DO FRONTPAGE _________________ 5
CRIANDO SITE ATRAVÉS 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
OPERAÇÕES COM SITES E ARQUIVOS _________ 42
ABRIR UM SITE ________________________________________
RENOMEAR UM SITE, PÁGINA OU ARQUIVO ___________________
EXCLUIR UM SITE ______________________________________
EXCLUIR ARQUIVOS _____________________________________
IMPORTAR UM ARQUIVO PARA UM SITE ______________________
EXPORTAR UM ARQUIVO DE UM SITE ________________________
43
44
45
46
46
47
CRIAÇÃO DE PÁGINAS ________________________ 48
INSERINDO PÁGINAS _____________________________________ 49
CRIANDO VÍNCULOS ENTRE AS PÁGINAS ______________________ 54
MODOS DE EXIBIÇÃO DAS PÁGINAS _________________________ 58
APLICANDO ESTILO ÀS PÁGINAS ______________ 59
ALTERANDO O TAMANHO DA FONTE _________________________ 59
ALTERANDO O TIPO DA FONTE _____________________________ 60
ALTERANDO COR DA FONTE E COR PADRÃO __________________ 62
INSERINDO CARACTERES ESPECIAIS _________________________ 63
INSERINDO LINHAS HORIZONTAIS ___________________________ 63
MODIFICANDO O SITE CRIADO _____________________________ 64
CRIAÇÃO DE QUADROS _______________________ 68
CRIANDO PÁGINAS COM QUADROS __________________________ 69
CONFIGURANDO CADA QUADRO ____________________________ 71
PROPRIEDADES DOS QUADROS _____________________________ 78
CRIAÇÃO DE TABELAS ________________________ 80
CRIAR TABELAS _______________________________________
MODIFICAR OS ATRIBUTOS DA TABELA ______________________
INCLUIR E EXCLUIR LINHAS E COLUNAS _____________________
MESCLAR CÉLULAS _____________________________________
DIVIDIR CÉLULAS ______________________________________
80
82
84
85
85
CRIAÇÃO DE FORMULÁRIOS __________________ 89
INSERINDO UMA CAIXA DE TEXTO ___________________________
INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM _______________
OUTROS CAMPOS DE FORMULÁRIO _________________________
TRANSMITINDO E PROCESSANDO O SEU FORMULÁRIO ____________
89
93
95
95
COMPONENTES DO FRONTPAGE ______________ 96
PÁGINA DE INCLUSÃO ___________________________________ 97
FIGURA PROGRAMADA ___________________________________ 98
CONTADOR DE ACESSO __________________________________ 99
GERENCIADOR DE ANÚNCIOS EM FAIXA _____________________ 100
BOTÃO EM FOCO ______________________________________ 101
OUTROS RECURSOS__________________________ 103
INSERIR DATA E HORA __________________________________
INSERIR COMENTÁRIO __________________________________
TRANSIÇÃO DE PÁGINAS _________________________________
EFEITOS DE ANIMAÇÃO _________________________________
103
103
104
105
PUBLICAR UM SITE __________________________ 109
INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER ______ 114
LISTA DE EXERCÍCIOS _______________________ 115
FrontPage XP
INTRODUÇÃO
A cada dia verificamos que a informação é uma ferramenta de extrema
necessidade em qualquer negócio. Sabendo disto, a Internet ajudará
você e sua empresa a divulgar esta informação para pessoas que estejam praticamente em qualquer parte do planeta. Essas pessoas, então,
poderão usar a Internet para comprar, aprender, se comunicar, jogar e
ensinar.
A Internet é uma imensa rede de computadores interligados e espalhados pelo mundo. Esta rede possibilita a troca de arquivos (FTP), o envio
e recebimento de mensagens (e-mails) e a visualização das informações, sendo que estas são apresentadas em formas de páginas gravadas em um determinado site (local virtual). A WWW (World Wide Web),
ou simplesmente Web, é a parte da Internet que contém o conjunto de
todas essas páginas que podemos acessar e visualizar.
As páginas da Web são criadas através de uma linguagem de programação denominada HTML, e os navegadores da Web (mais conhecidos
como browsers) é que exibem estas páginas, pois eles lêem e entendem
a linguagem HTML. Mas, com o FrontPage 2002 você não precisará
dominar nem conhecer HTML, pois este programa é capaz de executar
automaticamente todas as tarefas de programação. Assim, você poderá
criar suas páginas para a Web tão facilmente quanto digitar e formatar
um texto no Microsoft Word.
Dicas para Criar um Bom Site
Criar um site é muito simples graças às facilidades que o FrontPage
oferece. Porém, um site bem elaborado exige paciência, dedicação e
conhecimentos de algumas técnicas. Procure lembrar sempre que um
Celta Informática - F: (11) 4331-1586
Página: 3
FrontPage XP
bom site, além de ter uma aparência atraente, necessita que a mensagem seja transmitida de forma sucinta e sem demora no aparecimento
das informações 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 informações numa única página;
• De posse dos dados, procure organizá-los de forma inteligente;
• Crie botões que permitam o acesso rápido a qualquer parte do site;
• Procure associar textos aos botões para atender possíveis visitantes
com o recurso de exibição de imagens gráficas desativado;
• Realize vários testes no seu site com diferentes tipos de navegadores
antes de torná-lo disponível aos seus visitantes.
CONHECENDO O FRONTPAGE
A janela do FrontPage 2002 é constituída pela Barra de Título, Barra de
Menu, Barra de Ferramentas, Barra de Formatação e Barra de Modos de
Exibição, os seis modos de exibição presentes nesta última barra permitem explorar de diferentes maneiras o site que está sendo criado ou
modificado no FrontPage.
Página: 4
FrontPage XP
OS SEIS MODOS DE EXIBIÇÃO DO FRONTPAGE
O FrontPage permite visualizar um site de diferentes maneiras, e através dos seis modos de exibição existentes você poderá fazer tudo o que
for preciso para criar um site, manter o conteúdo atualizado e adicionar
ou remover várias coisas, como hyperlinks quebrados.
Os ícones referentes às diferentes exibições encontram-se na barra de
Modos de Exibição. Vamos agora conhecer as seis maneiras através
das quais podemos exibir um site.
• Página (
): esta opção permite que você crie, edite e gerencie
Página: 5
FrontPage XP
os Web sites, sendo que a maioria do trabalho no FrontPage 2002 será
realizado neste modo de exibição. Na próxima figura vemos um site sendo exibido no modo Página.
No modo Páginas (e na maioria dos outros modos) podemos visualizar a
Lista de pastas, que contém todos os arquivos e pastas que fazem
parte do site. Para exibir / ocultar a Lista de Pastas, utilize o menu Exibir
e a opção Lista de pastas ou simplesmente clique no botão Lista de
pasta (
) que se encontra na barra de ferramentas do FrontPage.
• Pastas (
): esta visão 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 modificação, entre outras coisas. Estes arquivos estão em forma de lista, dispostos em colunas.
Página: 6
FrontPage XP
No modo de exibição Pastas você poderá realizar as mesmas operações
que seriam realizadas no Windows Explorer, como: abrir, mover, renomear
e excluir arquivos e pastas. Para acessar essas operações, clique com o
botão direito do mouse sobre o arquivo, e no menu de atalho que será
exibido, escolha a opção 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 botão direito do mouse no painel da direita - onde estão 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.
• Relatórios (
): esta visão possibilita a visualização de uma lista
de relatórios onde você pode saber mais sobre seu site (listar as páginas, elementos gráficos, arquivos). Cada relatório (“linha”) apresenta uma
descrição que explica o seu propósito, além de informações do seu tamanho e outras.
Página: 7
FrontPage XP
Neste modo de exibição é apresentada a barra de ferramentas Relatório. Através dela será possível relacionar páginas que são lentas para
serem visualizadas, páginas desvinculadas, arquivos recentemente adicionados ou alterados, hyperlinks desfeitos, status da publicação, etc.
Página: 8
FrontPage XP
OBS: Se a barra de ferramentas Relatório não for exibida, no menu Exibir, aponte para Barras de ferramentas e clique em Relatório.
Você deverá se preocupar, como desenvolvedor de sites para a Web,
com a velocidade do modem das pessoas que irão acessar seu site e
com a velocidade com que as páginas irão ser visualizadas em um
browser. Para ter acesso a estas informações, selecione Opções do
menu Ferramentas e na caixa de diálogo apresentada, selecione a guia
Visualizar relatórios. Veja quais alterações são possíveis de se realizar,
altere o que achar necessário e depois clique no botão OK.
Página: 9
FrontPage XP
• Navegação (
): este modo projeta visualmente a estrutura do
site, onde cada ícone (caixas retangulares) representa uma página.
Página: 10
FrontPage XP
A Web mostrada na figura anterior corresponde a um site pessoal, e
como vemos é possível carregar imediatamente, usando a barra de navegação, qualquer uma das páginas: Home page, Interesses, Álbum de
fotografias ou Favoritos. Assim, torna-se mais fácil e rápido o acesso às
informações desejadas.
OBS: Se você está visualizando um site na visão Navegação e a estrutura deste site é extensa, você não conseguirá vê-lo por inteiro, a menos
que use as barras de rolagem. Uma maneira fácil de visualizar toda a
estrutura do site é através da barra de ferramentas Navegação. Com ela
você poderá aumentar ou diminuir o zoom com que as páginas são exibidas, e assim conseguir exibir todas.
Página: 11
FrontPage XP
As páginas do seu site podem ter duas barras de navegação: uma horizontal e uma vertical, na próxima figura observe essas duas barras. Aprenderemos a modificar as barras nos capítulos posteriores.
• Hyperlinks (
): este modo de exibição possibilita que você visualize
graficamente todos os links do seu site. Desta maneira, você verá como
cada página do seu site está vinculada a outra.
Página: 12
FrontPage XP
OBS: O hyperlink estabelece um link (conexão) de uma página para outro destino, onde o destino pode ser uma outra página da Web, uma
figura, um endereço de correio eletrônico, um arquivo (tal como um arquivo de multimídia 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 “mãozinha”.
Como você vê na figura anterior, os hyperlinks mostrados referem-se à
página do centro (index.htm), você poderá mover qualquer página para
o centro do modo de exibição Hyperlinks clicando com o botão direito do
mouse no ícone da página e, no menu de atalho, clicar na opção Mover
para o centro. Se clicar no ícone + (sinal de adição) de alguma página,
você poderá ver todos os hyperlinks relativos àquela página.
• Tarefas (
): esta visão contém todas as tarefas que ainda deve-
rão ser concluídas em um determinado site. Durante a construção do
site você pode fazer uma lista de tais tarefas, onde estas devem ser
cumpridas antes que o site esteja terminado. Assim, detalhes importantes não serão esquecidos se você os colocar na lista de tarefas.
Página: 13
FrontPage XP
Para inserir uma tarefa, no menu Editar selecione Tarefa e depois clique
em Adicionar tarefa, insira um nome e uma descrição para a tarefa.
Para fazer alguma alteração na tarefa, no modo Tarefas dê um clique
duplo na tarefa desejada e faça as alterações na caixa de diálogo que
será apresentada.
CRIANDO SITE ATRAVÉS DE MODELO
O FrontPage possui ferramentas que permitem que você construa seu
site em pouco tempo, sem a necessidade de conhecer HTML. Tais ferramentas são os modelos e os assistentes. Estas duas ferramentas fornecem a estrutura básica para seu site, onde você poderá acrescentar informações e fazer modificações como quiser.
OBS: Os modelos e os assistentes são semelhantes, possuindo apenas
uma diferença fundamental. Quando você cria um site usando um assistente, várias perguntas referentes ao site que você deseja criar são feitas, e de acordo com suas respostas, as páginas do seu site são
construídas. Quanto aos modelos, eles apenas criam uma estrutura padronizada de páginas, onde você deverá acrescentar informações às
páginas. Assim, as páginas criadas com os assistentes são personalizadas, e as criadas com os modelos são padronizadas.
Antes de construirmos um site utilizando um modelo, você deve saber
que ainda terá um pouquinho de trabalho para transformar a estrutura
que obtém com um modelo em um site atraente. Mas mesmo assim é
muito mais fácil do que se você fosse construir cada página partindo do
zero.
CRIANDO UM SITE PESSOAL
Vamos usar o modelo Web pessoal para criarmos um site pessoal, onde
o conteúdo 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 opção Página ou Web.
OBS: Os menus do FrontPage 2002 exibem apenas os itens mais utilizados, escondendo os menos acessados (menu com formato “contraído”). Quando quiser visualizar todas as opções do menu, deixe o pontei-
Página: 14
FrontPage XP
ro do mouse parado alguns instantes sobre o nome do menu ou clique
na seta presente no final de cada menu contraído.
Clique na opção modelo de sites na Web, na caixa de diálogo que
aparece estão disponíveis alguns modelos que poderão ser usados. Selecione, então, o modelo Web pessoal e na caixa especifique o local da nova Web digite a localização onde site será salvo
( que poderá ser no seu disco ou em um servidor da Internet),
depois clique no botão OK.
O FrontPage, baseando-se no modelo escolhido, cria o site. Também
foram criados os arquivos HTML, as pastas necessárias (private e images)
e os hyperlinks e relacionamentos entre as páginas desse site. Para uma
melhor visualização do esquema de navegação entre as páginas, clique
no ícone Navegação, da barra de Modos de Exibição.
Página: 15
FrontPage XP
ALTERANDO O SITE CRIADO
Depois que criamos um site utilizando um modelo, vamos personalizá-lo.
Será preciso editar cada página contida no nosso site para fazermos as
modificações necessárias (volte a visualizar o site no modo de exibição
Páginas).
Selecionando um Tema
Antes de alterarmos as páginas, vamos escolher um tema para o nosso
site da Web, onde este tema irá definir a aparência do site (cor do texto,
os títulos, ícones que fazem parte dos botões e marcadores, fundo da
página, etc). O tema escolhido poderá ser aplicado em todas as páginas
contidas no site ou apenas em uma, sendo que aplicando o mesmo tema
em todas as páginas você garantirá uma aparência uniforme ao longo do
site.
O FrontPage tem vários temas, e para acessá-los, clique no menu
Formatar e selecione a opção Tema. Na caixa de diálogo Temas você
poderá visualizar cada tema disponível antes de aplicá-los às páginas.
Página: 16
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, rótulos da barra de navegação, além de modificar
a figura de plano de fundo, logotipos, elementos gráficos, etc. Personalizando um tema predefinido, você estará criando um novo tema — podendo usar seus próprios gráficos, conjuntos de cores e estilos. Esse
assunto de personalizar temas será visto em capítulos posteriores.
Abaixo da lista com os temas, na caixa de diálogo Temas, encontramos
quatro opções com as seguintes finalidades:
•
Cores vivas: esta opção determina se o tema usará uma variedade de cores vivas, ou um segundo plano branco e cores mais escuras.
•
Elem. gráficos ativos: esta opção permite que seu site exiba elementos gráficos mais “interativos”, onde alguns elementos, como os
marcadores, se tornam animados e os botões de navegação mudam de
aparência conforme o usuário desliza o mouse ou dá um clique sobre
eles.
•
Figura de plano de fundo: esta opção alterna entre uma imagem
de fundo e uma cor de fundo. Se você selecionar Cores vivas e não
selecionar Figura de plano de fundo, o FrontPage escolherá uma cor de
fundo apropriada para seu tema.
•
Aplicar usando CSS: as folhas de estilo em cascata (CSS) fornecem mais controle sobre a aparência e apresentação de suas páginas.
Elas permitem que os elementos visuais de uma página (o texto, as cores, fontes e formatação) sejam definidos separadamente das informações que a página contém.
A figura anterior mostra que o tema Pós-moderno está selecionado. Vamos aplicá-lo a todas as páginas do site, para isso, depois de selecionálo, marque a opção Todas as páginas (para que o tema seja aplicado a
todas as páginas do site) e clique no botão OK.
Página: 17
FrontPage XP
Inserindo e Modificando Textos
Dentre os arquivos que foram automaticamente criados depois que definimos um modelo para o site, existe um chamado index.htm (observe,
na Lista de pastas, que dentre os arquivos existentes, realmente existe
um chamado index.htm). Na Web, index.htm é a home page padrão de
todos os sites, assim, qualquer site que você acessar, este arquivo será
o primeiro que você verá.
Agora, estando no modo de exibição Páginas, dê um clique duplo no
arquivo index.htm para que possamos ver como está sendo apresentada a primeira página do nosso site.
Na figura a seguir vemos o arquivo index.htm pronto para ser editado.
Observe que o FrontPage já oferece algumas idéias do que pode ser
inserido na página.
OBS: Você pode obter mais espaço na tela exibindo ou escondendo al-
Página: 18
FrontPage XP
gumas barras de ferramentas. Para isso, no menu Exibir, selecione ou
não a barra de ferramentas que será exibida ou ocultada (na figura anterior ocultamos a Lista de pastas).
Vemos que a primeira página do site apresenta um cabeçalho (faixa), o
qual iremos modificar mais adiante, uma barra de navegação 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 inserção. Acrescente, então, as
informações que desejar, como por exemplo, inclua o que você faz, especifique o que irá ser mostrado no site, ou seja, coloque quaisquer informações pessoais que quiser, já que você está construindo o seu site
pessoal.
Enquanto você está digitando as informações nas páginas do site, algumas palavras podem ser sublinhadas de vermelho, significando que foram digitadas de forma incorreta ou que simplesmente não constam no
dicionário. Para solucionar essa questão, clique com o botão direito do
mouse sobre a palavra sublinhada com uma linha vermelha ondulada
para que um menu seja apresentado.
Página: 19
FrontPage XP
O menu exibirá algumas palavras parecidas com a que você digitou (onde
estas servem como sugestão para substituir a palavra no texto), caso
você clique em alguma delas, ela substituirá a do texto. Outras opções
são apresentadas:
Ignorar todas - Irá ignorar essa palavra em todo lugar do texto que ela
aparecer, caso exista;
Adicionar - Adiciona essa palavra ao dicionário, assim, da próxima vez
que você digitá-la, ela não será mais sublinhada;
Vamos agora alterar a faixa da página, já que ela exibirá o título da nossa
página. Uma maneira fácil de trocar os títulos (nomes) das páginas é
através do modo Navegação, por isto, selecione este modo de exibição
e, em seguida, dê um clique no retângulo Home Page para selecioná-lo
(cada retângulo representa uma página) 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 páginas também. Agora dê um clique duplo na
página principal e você verá a primeira página do site, com as alterações
feitas.
OBS: É importante definir de maneira correta e coerente o título (nome)
da página, pois ele será exibido na barra de título do navegador.
Inserindo uma Barra de Navegação de Botões
A última coisa a ser feita nesta página é inserir uma barra de navegação de
botões. 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 diálogo
Propriedades da barra de navegação.
Página: 20
FrontPage XP
Nesta janela você deverá definir quais os hyperlinks que serão mostrados na página. Você saberá o nível de cada um visualizando a estrutura
do site no modo Navegação. Assim, podemos observar que a página
principal Home Page está em um nível superior em relação às outras
três páginas, sendo que estas se encontram no mesmo nível.
A figura anterior refere-se aos hyperlinks da página principal, por
isso vamos selecionar a opção Nível filho para que os hyperlinks
das páginas que se encontram no nível abaixo da principal sejam
adicionados. Depois, clique na guia estilo escolha a opção horizontal e clique em OK, para que a barra de navegação apresentese na forma de botões com orientação horizontal.
Página: 21
FrontPage XP
Dê um clique sobre a caixa esquerda onde existe varias opções e
mantenha pressionado e arraste o para de baixo do titulo.
Até agora definimos o que será apresentado na primeira página. Vamos
abrir a página Interesses e colocar as informações pertinentes a ela.
Estando no modo de exibição Página, leve o mouse até o botão Interesses e pressione a tecla Ctrl (você verá que o ponteiro do mouse ficará no
formato de uma mãozinha). Ainda com a tecla Ctrl pressionada, dê um
clique para que a página Interesses seja exibida.
Nesta página encontramos a barra de navegação (abaixo do cabeçalho)
e uma lista onde você poderá inserir seus hobbies, projetos ou interesses. Este modelo de site já coloca os marcadores para você, e o formato
do marcador depende do tema que foi aplicado às páginas do site (cada
tema tem os seus próprios formatos de marcadores).
Se você quiser excluir os marcadores, selecione a(s) linha(s) que contém o(s) marcador(es). Em seguida, clique no botão Marcadores (
)
Página: 22
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 botão Marcadores novamente.
Quando você insere um tema na página do site, os marcadores terão as
imagens relativas àquele tema, para alterar essas imagens, no menu
Formatar clique em Marcadores e Numeração. Na caixa de diálogo
exibida, especifique se deseja usar as figuras do tema atual ou então
escolher outra, que deverá estar em algum arquivo (e você poderá localizar este arquivo através do botão Procurar).
Depois que você inseriu as informações desejadas na página Interesses, deverá alterar as outras duas páginas (Álbum de fotos e Favoritos)
para que o site esteja com todas as informações relativas a todas as
páginas, e depois possa ser publicado.
Página: 23
FrontPage XP
Inserindo Figuras
Na página Álbum de fotos (como em qualquer outra), você poderá inserir
figuras provenientes de vários lugares, como por exemplo: figuras do
Clip Art, de páginas da Web, do seu computador e do scanner. Clique no
), na barra de ferramentas do
botão Inserir figura do arquivo (
FrontPage, para que a caixa de diálogo Figura seja exibida (figura a
seguir). Através desta caixa, você poderá inserir a figura desejada.
Clicando no botão Clip-art você poderá visualizar várias figuras já prontas que poderão ser inseridas nas páginas do seu site. Estas figuras
estão separadas por categoria, escolha uma categoria e dê um clique
sobre ela. Você verá que as figuras referentes àquela categoria serão
exibidas.
Página: 24
FrontPage XP
Para inserir uma figura, clique sobre ela e selecione a opção Inserir clipe.
Imediatamente a figura é inserida na posição que estiver o cursor, e para
inserir outra figura clique novamente sobre o botão Inserir figura do
arquivo, da barra de ferramentas, e escolha a figura a ser inserida.
Inserindo um Link
Já alteramos quase todas as páginas do nosso site, e para finalizar vamos modificar também a página Favoritos. No modo de visualização
Página, exiba esta página e veja que ela contém links para alguns sites,
onde estes irão 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
), localizado na barra de ferramentas (ou no menu
botão Hyperlink (
Inserir, clique em Hyperlink). Na caixa de diálogo Editar Hyperlink digite
o URL do site na caixa URL (para inserir um link ao site Cadê, temos que
Página: 25
FrontPage XP
digitar o endereço do site Cadê, que é http://www.cade.com.br). Depois
de clicar no botão OK, observe que o texto Cadê? fica sublinhado, indicando que ele possui um link com alguma outra página ou site da Internet.
OBS: URL (Uniform Resource Locator) é o endereço completo do site
que desejamos acessar.
Depois, quando sua página 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 Páginas
Quando utilizamos um modelo para a construção de um site, as páginas
e os arquivos referentes ao modelo escolhido são criados automaticamente. Mas, dependendo do objetivo do site, nem todas as páginas criadas serão importantes para você, portanto, elas poderão ser excluídas.
Para excluí-las, visualize o site no modo Pastas ou Páginas (neste último
modo a Lista de pastas deverá estar sendo exibida) e dê um clique com
o botão direito do mouse no arquivo (que representa sua página) que
deseja excluir, no menu de atalho que será apresentado escolha a opção
Página: 26
FrontPage XP
Excluir (ou selecione o arquivo e pressione a tecla Delete). Por exemplo,
se você não quisesse que o seu site exibisse a página Álbum de fotografias, você deveria clicar no arquivo photo.htm e selecionar a opção Excluir.
Após confirmar a exclusão do arquivo, o FrontPage remove o arquivo e
faz uma atualização de todos os vínculos e barra de navegação do site
inteiro.
OBS: Não se esqueça de salvar sempre seu site a cada alteração realizada, pois você poderá perder tempo e trabalho se não realizar
freqüentemente este procedimento.
Os tipos de modelos existentes no FrontPage talvez não atendam a uma
necessidade específica sua, mas, não tenha medo de criar um site usando um modelo que seja semelhante, mas não exatamente igual, ao site
que você precisa. Depois é só fazer as alterações necessárias, e se
precisar, você pode acrescentar outras páginas novas ao seu site da
Web. Mais adiante vamos aprender a inserir páginas ao site.
TESTANDO O SITE CRIADO
Agora você vai ver como ficou o seu site, do ponto de vista de um navegador. Você testará o site para ver se todos os links estão corretos e se
as páginas apresentam exatamente a aparência que você esperava.
Se você estiver com o site aberto no FrontPage, clique no botão Visualizar
no navegador (
), que se encontra na barra de ferramentas do progra-
Página: 27
FrontPage XP
ma. Agora, se o FrontPage não 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
diálogo Abrir digite (ou localize) o endereço completo do arquivo index.htm
(já que ele representa a página inicial do seu site) e clique no botão OK.
A figura a seguir apresenta a primeira página do seu site sendo exibida
no Internet Explorer. Você deve testar todos os links e certificar-se de
que não há problema algum.
Página: 28
FrontPage XP
CRIANDO SITE USANDO ASSISTENTE
O site anterior foi criado com a ajuda de um modelo, agora vamos construir outro site usando um dos assistentes oferecidos pelo FrontPage. Os
assistentes farão várias perguntas a respeito do site que você deseja
criar e, dependendo de como você responder a cada uma delas, as páginas apropriadas são criadas. Lembre-se que depois é possível alterar as
páginas que foram criadas (incluir elementos nas páginas, excluir itens
ou páginas, etc).
Como exemplo, vamos criar um site que mostrará o perfil de uma empresa de informática. Este site conterá uma página “O que há de novo”,
muitas páginas de produtos e serviços, onde será possível descrever o
produto ou serviço, colocar imagens, o preço dos produtos e outras informações. Seu site ainda conterá uma página Sumário, onde será possível indexar seu site e atualizá-lo automaticamente sempre que sua
Página: 29
FrontPage XP
estrutura for modificada. Você também poderá usar um formulário de
feedback para obter informações sobre seus usuários. Tudo o que foi
citado poderá ser obtido utilizando-se o Assistente de presença
corporativa. Como exemplo, vamos elaborar um site para a empresa
fictícia Fit Informática.
No menu Arquivo do FrontPage 2002, aponte para Novo e depois clique
em Web. Na caixa de diálogo Novo, selecione a opção Assistente
Formulário.
Página: 30
FrontPage XP
A tela de abertura do Assistente é apresentada (próxima figura), informando que você deverá responder a algumas perguntas que lhe serão
feitas.
Página: 31
FrontPage XP
Na parte inferior da tela vemos alguns botões:
• Cancelar: clicando sobre este botão, o assistente é interrompido e
você voltará para o FrontPage.
• Voltar: quando este botão está ativo você poderá voltar à(s) tela(s)
anterior(es) e mudar as informações que já foram inseridas.
• Avançar: conduz para a tela seguinte do assistente.
• Concluir: o assistente é encerrado no ponto em que se encontra no
momento. Se você clicar sobre este botão antes da tela final, o
FrontPage irá preencher o site com as informações que foram
fornecidas até o momento.
Clique no botão Avançar para prosseguir. Na segunda tela do assistente,
você poderá adcionar quais as perguntas que serão incluídas no seu
site. Clique em Adcionar e escolha um tipo de informação que você
deseja obter. Em seguida clique no botão Avançar.
Na tela seguinte, escolha os campos que você deseja colocar no formulário para que as perguntas sejam feitas. Em seguida, clique em Avançar. Neste momento você poderia ainda adcionar outra pergunta, porém
clique em Avançar.
Página: 32
FrontPage XP
Página: 33
FrontPage XP
Na próxima tela você deverá especificar as opções de apresentação,
informando ao FrontPage, como o formulário deverá apresentar as perguntas. Clique em Avançar.
Página: 34
FrontPage XP
Página: 35
FrontPage XP
Na próxima tela, em Opções de Saída, selecione o tipo de tratamento
que deverá ser utilizado na submissão e o nome base do arquivo de
resultados. Clique em Avançar. Essas opções assinaladas durante as
etapas do assistente controlam se o FrontPage deve deixar espaço para
o item selecionado, e não para o conteúdo real de cada item. Depois é
possível digitar ou alterar alguns itens, assim, o assistente simplesmente
cria um espaço que poderá ser preenchido com o conteúdo real de sua
preferência.
Pronto! Agora é só clicar em Concluir e conferir o formulário montado.
Página: 36
FrontPage XP
Agora, modifique o tema da pagina em Formatar / Tema.
Página: 37
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 Páginas e dê um clique duplo no arquivo index.htm para ver a primeira página do site. As alterações
são feitas da mesma maneira que fizemos com nosso Web site pessoal,
que foi criado através de um modelo. Você deverá seguir as dicas e os
comentários exibidos nas páginas para alterá-las, e não se esqueça das
tarefas a serem concluídas que se encontram no modo Tarefas. Depois de
modificar todas as páginas, salve-as e teste seu site seguindo o mesmo
procedimento descrito na lição Testando o site criado.
Além de todas as facilidades oferecidas pelo assistente na criação de
um site, um outro recurso que ele oferece é a atualização automática de
cada página, ou seja, você pode alterar o telefone da empresa, por exemplo, e essa alteração afetará todas as páginas que contenham esse número de telefone. Para acessar este importante recurso, no menu Ferramentas clique em Configurações da Web, na caixa de diálogo que
Página: 38
FrontPage XP
será exibida selecione a guia Parâmetros, faça as modificações necessárias e clique no botão OK. Estando com as páginas do site sendo
), da barra de
exibidas no modo Páginas, clique no botão Atualizar (
ferramentas do FrontPage, para que as informações do site sejam
atualizadas.
IMPORTANDO UM SITE
Através do FrontPage você pode importar sites de uma pasta localizada
em uma unidade de disco rígido ou da World Wide Web, usando, para
isso, o Assistente para importação de Web. Esse assistente importa os
arquivos do seu disco rígido, da sua rede local (intranet) ou da Web e
depois cria um novo Web site do FrontPage a partir desses arquivos.
Use este assistente, também, quando quiser importar sites de versões
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 diálogo Novo
selecione a opção Assistente para importação de Web e especifique o
local da nova Web, depois clique em OK. Aparecerá a caixa de diálogo
referente à primeira etapa do processo de importação.
Página: 39
FrontPage XP
OBS: Você também pode importar um site através do comando Importar do menu Arquivo.
Na caixa de diálogo Assistente para importação de Web - Escolher origem, você deve escolher se quer importar arquivos de um computador
local ou da rede local (primeira opção), ou então a partir de um site da
World Wide Web (segunda opção).
Selecionando a primeira opção, será preciso localizar a pasta ou arquivos que deseja importar clicando no botão Procurar. Após clicar neste
botão, selecione a pasta desejada e clique em OK. Se a pasta selecionada incluir subpastas ou arquivos que você também deseja importá-los,
assinale a opção Incluir subpastas da caixa de diálogo do assistente, em
seguida clique em Avançar.
Na próxima caixa de diálogo do Assistente para importação de Web Editar lista de arquivos é apresentada uma lista de todos os arquivos que
estão dentro da pasta que você selecionou. Se desejar excluir um arquivo da lista, selecione-o e clique no botão Excluir. Depois de remover
alguns arquivos da lista, você ainda tem a chance de ver a lista original,
Página: 40
FrontPage XP
clicando no botão Atualizar. Depois de decidir quais arquivos farão parte
do seu site, clique em Avançar. 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
opção (De um site da World Wide Web), terá de digitar o endereço de
uma localização na Web (como na figura a seguir) e depois clicar em
Avançar.
Na caixa de diálogo Assistente para importação de Web - Escolher quantidade de download (próxima figura) você define os limites de níveis e
tamanhos de arquivos, e também tem a opção de limitar a transferência
aos arquivos de texto e de imagens.
Página: 41
FrontPage XP
Depois de selecionar as opções desejadas clique em Avançar. 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 próprias pastas ao site, como as pastas private e images.
OPERAÇÕES COM SITES E ARQUIVOS
Vamos conhecer, neste capítulo, algumas operações básicas que podemos realizar com os sites e arquivos que criamos e visualizamos no
FrontPage 2002.
Página: 42
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 botões). Desta maneira, cada site aberto é representado
por um ícone na barra de tarefas.
Para abrir um site, utilize botão Abrir da barra de ferramentas do
FrontPage.
Clicando na seta ao lado do botão Abrir, você terá duas opções: Abrir abre um determinado arquivo e Abrir Web - abre o site todo. As duas
opções exibirão a caixa de diálogo Abrir arquivo, onde você deverá localizar o arquivo ou site desejado e depois clicar no botão Abrir (da caixa
de diálogo Abrir arquivo).
Página: 43
FrontPage XP
RENOMEAR UM SITE, PÁGINA 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
opção Configurações da Web. Na caixa de diálogo 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 após publicá-la, precisará publicar a
Web inteira novamente com o novo nome. Os hyperlinks de outros sites
da Web para a sua Web antiga não funcionarão mais; portanto, oriente os
visitantes do seu site sobre o novo caminho ou URL.
O nome da página é modificado no modo Página, Pastas ou Navegação,
sendo que neste último basta selecionar a Página, pressionar F2 e digitar
o novo nome. No modo Páginas, exiba a página a ser renomeada e clique
com o botão direito do mouse em qualquer lugar da página, no menu
exibido selecione a opção Propriedades da página e digite o novo nome.
No modo Pastas, clique com o botão direito na linha que contém o nome
da página, selecione a opção Propriedades e digite o nome desejado.
Página: 44
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 administrativo com o FrontPage, e além disso, o site deverá estar aberto no
FrontPage. Assim, para excluir o site que se encontra aberto, clique com
o botão 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, não será mais possível
recuperá-lo, nem mesmo a partir da lixeira do Windows Explorer ou qualquer outro diretório que o FrontPage tenha criado para esse site.
Página: 45
FrontPage XP
EXCLUIR ARQUIVOS
Como já foi mencionado no capítulo referente à criação de sites através
de modelos, os arquivos podem ser excluídos selecionando-os e pressionando a tecla Delete, ou então você pode dar um clique com o botão
direito do mouse sobre o arquivo e escolher a opção Excluir (tudo sendo
realizado no modo Pastas ou Página).
IMPORTAR UM ARQUIVO PARA UM SITE
No FrontPage você tem a possibilidade de importar documentos do Word,
planilhas do Excel e vários outros arquivos de outros aplicativos para
seus sites (inclusive arquivos que não foram criados por produtos
Microsoft), ou seja, você pode importar qualquer tipo de arquivo para o
qual o seu sistema operacional ofereça suporte.
OBS: Para importar um arquivo ou pasta para uma subpasta específica
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 opção Importar a partir do menu Arquivo. A
caixa de diálogo Importar aparece.
Página: 46
FrontPage XP
De acordo com a figura anterior, você poderá importar arquivos e pastas
de seu sistema local ou então da Web, sendo que neste último caso
você terá acesso ao Assistente para importação de Web, o qual já foi
visto em capítulos anteriores.
Clique no botão Adicionar arquivo para que a caixa de diálogo Adicionar
arquivo à lista de importação apareça, e nesta caixa você poderá selecionar os arquivos que deseja importar. Os arquivos são selecionados
exatamente como no Windows Explorer. Depois de selecionar os arquivos desejados, clique no botão Abrir. A caixa de diálogo Adicionar arquivo à lista de importação se fecha e os arquivos são listados na caixa de
diálogo Importar. Depois dê um clique em OK para que os arquivos sejam adicionados ao seu site.
OBS: Para importar rapidamente um arquivo ou uma seleção de arquivos para a Web atual, arraste-os do Windows Explorer para a Lista de
pastas.
Os arquivos importados ainda não estão vinculados a nenhuma página
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 página de um site para
outro local. Isto é possível, já que você pode gravar qualquer arquivo no
disco rígido, em uma localização de rede ou em disquete. O modo mais
fácil é exibir o arquivo no modo Página e selecionar a opção 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
não é removido do seu site. Para remover um arquivo de um site você
deve excluí-lo.
Página: 47
FrontPage XP
CRIAÇÃO DE PÁGINAS
Como já foi dito, com o FrontPage ficou bem mais fácil produzir páginas
para a Web sem precisar conhecer a linguagem HTML. As páginas são
os documentos básicos da World Wide Web, são 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ê obtém).
Você pode trabalhar com as páginas como faria em um processador de
textos - digitar e formatar texto, adicionar gráficos, tabelas e outros elementos de página. E para facilitar ainda mais o FrontPage fornece vários
modelos de páginas para que você possa criar rapidamente páginas com
diversos layouts e funções.
Para criar páginas é só seguir estes passos:
1. Se quiser inserir uma página a um site já existente, primeiro este site
deve estar aberto no FrontPage (isto não é uma regra, pois depois
que você salvar a página ela pode ser importada para qualquer site);
2. No menu Arquivo, aponte para Novo e depois clique em Página (para
inserir uma página normal, sem nenhum modelo, clique no botão Nova
) da barra de ferramentas do FrontPage);
página (
3. Você deve selecionar um modelo de página na caixa de diálogo Novo
que aparece.
OBS: Se você inserir uma página em um site que apresente um tema, a
nova página inserida também conterá o mesmo tema que as outras
páginas do site.
Vamos, agora, criar páginas, mas antes vamos criar uma Web que conterá as páginas. Para isso, no menu Arquivo do FrontPage, escolha
Novo e selecione a opção Web. Na caixa de diálogo Novo selecione a
opção Web de uma página, especifique o local e nome da nova Web e
clique em OK.
Página: 48
FrontPage XP
Inicialmente vamos criar um site de uma página só e depois vamos inserir outras páginas (o site que iremos criar conterá informações sobre os
filmes e as peças de teatro que estão em cartaz, os shows que serão
realizados na semana, os melhores restaurantes, etc).
O site criado será mostrado no modo Página, e você pode ver que só
existe o arquivo referente à página 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 fácil saber quais as informações que deverão
ser incluídas e como o seu site será organizado.
INSERINDO PÁGINAS
Agora nós vamos inserir mais páginas, colocar as imagens, os textos, os
hyperlinks e depois vamos testar o site que acabamos de criar. Uma
maneira prática de inserir uma página normal e já estabelecer os links, é
através do modo Navegação. Ative este modo e observe que por enquanto você só tem a página inicial do site, selecione esta página (dê um
Página: 49
FrontPage XP
clique sobre ela) e depois clique no botão Nova página da barra de ferramentas do FrontPage. Uma nova página é criada no nível abaixo da
página inicial. Vamos aproveitar e renomear esta página, ou seja, mudar
o título, para isso, clique sobre ela para selecioná-la, tecle F2 e digite,
por exemplo, Filmes.
OBS: Lembre-se que o título definido para a página é importante porque
é ele que será exibido na barra de títulos do navegador.
Agora vamos inserir o conteúdo na página principal, por isso, dê um
clique duplo no retângulo Home Page para editar a página. Digite as
informações nesta página conforme a figura a seguir. Depois iremos
aplicar um formato no texto e incluir uma barra de navegação.
Página: 50
FrontPage XP
Como já mencionamos, os textos, no FrontPage, são digitados do mesmo modo como são digitados no Microsoft Word. Vários recursos que
você conhece no Word poderão ser utilizados: copiar, recortar, colar,
formatar parágrafos, formatar fonte, etc.
OBS: Quando você estiver digitando e pressionar a tecla Enter, o
FrontPage imagina que você tenha chegado ao fim de um parágrafo e
por este motivo coloca uma linha em branco entre o parágrafo 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 título da página: Filmes. Abaixo
), digite alguns nomes de filmes
do título, utilizando os marcadores (
de acordo com a figura abaixo. Se quiser, poderá digitar outros títulos de
filmes.
Página: 51
FrontPage XP
Primeiro estamos montando a estrutura das páginas do site, depois, no
outro capítulo, vamos aplicar alguns estilos para melhorar a aparência
dessas páginas.
) da barra de ferraAgora salve a página, clicando no botão Salvar (
mentas e exiba o site novamente no modo Navegação. Selecione a página Filmes e crie mais quatro páginas, já que cada título de filme, e suas
respectivas informações, estarão contidos em uma página. No próprio
modo de Navegação altere o nome das páginas.
Página: 52
FrontPage XP
Agora dê um clique duplo na página referente ao primeiro filme -Sonho
de uma Noite de Verão- para editá-la. Insira informações a respeito do
filme, como na figura a seguir.
Altere o nome do arquivo referente a esta página para sonho.htm (na
Lista de pastas selecione o arquivo nova_pagina_1.htm, pressione F2,
digite o novo nome e pressione Enter).
Página: 53
FrontPage XP
De acordo com a próxima figura, insira o conteúdo referente a outro filme, por exemplo Mauá - O Imperador e o Rei. Depois de inserir o texto,
altere o nome do arquivo para maua.htm.
Agora você deve criar as outras páginas para os outros filmes. As informações referentes aos filmes (sinopse, elenco, etc) podem ser encontradas no jornal (as informações referentes aos dois filmes descritos nesta
apostilas foram obtidas no endereço: www.cinemaonline.com.br). Se achar
melhor, pode trocar os nomes dos filmes por outros a sua escolha.
CRIANDO VÍNCULOS ENTRE AS PÁGINAS
Como a estrutura de navegação do nosso site está pronta, precisamos
somente criar os links entre as páginas, através da criação de uma barra
de navegação.
O FrontPage possui um recurso denominado Borda Compartilhada,
sendo esta uma região comum a uma ou mais páginas da Web. Dentro
da borda compartilhada podemos inserir itens que desejamos que apareçam nas páginas, e depois para cada página em sua Web, você pode
Página: 54
FrontPage XP
definir as bordas a serem compartilhadas: superior, direita, etc. Vamos
aproveitar o recurso da borda compartilhada para inserir a barra de navegação em todas as páginas de uma vez só.
Exiba a página inicial (Home Page) e depois selecione a opção Borda
compartilhada do menu Formatar. Na caixa de diálogo Bordas compartilhadas selecione as opções: Todas as páginas, Parte superior e Incluir
botões de navegação, depois clique em OK (o FrontPage exibirá uma
caixa com um aviso, clique em Sim).
Agora, dentro da borda compartilhada, dê um clique duplo na frase que
está abaixo da palavra Home Page para editar as propriedades da Barra
de navegação. Na caixa de diálogo Propriedades da barra de navegação
que aparece, selecione quais os hyperlinks que serão exibidos na barra.
Página: 55
FrontPage XP
OBS: Para modificar a barra de navegação somente da página atual, dê
um clique com o botão direito do mouse em qualquer lugar da página e
selecione a opção Bordas compartilhadas. Na caixa de diálogo Bordas
compartilhadas marque a opção Página atual e modifique o que desejar,
depois clique em OK. Desta maneira as alterações serão realizadas apenas em uma página, ou seja, na página atual.
A borda compartilhada está apresentando um título e uma barra de navegação, sendo que este título é o que definimos como sendo o nome da
página. Vamos modificá-lo, para isso dê um clique duplo sobre ele para
que a janela Propriedades da faixa de página seja exibida. Nesta janela
digite o novo título, como por exemplo, digite Guia Cultural na página
inicial e depois clique em OK.
Página: 56
FrontPage XP
Agora apague o texto Guia Cultural que havíamos inserido na página,
deixando somente o que está na borda compartilhada. Repita este procedimento e edite o texto da borda compartilhada de todas as páginas, e
nas páginas com a descrição dos filmes, por exemplo, digite todo o nome
do filme como título.
No próximo capítulo vamos melhorar a aparência das páginas do nosso
site, formatando os textos e inserindo figuras.
Observe, na página Filmes, que a barra de navegação não oferece a
possibilidade de acessarmos as outras páginas referentes ao filmes. Para
resolver esta questão, precisamos criar hyperlinks desta página para com
as outras, sendo que os hyperlinks serão os próprios nomes dos filmes.
Selecione a opção Sonho de uma Noite de Verão, da página Filmes, e
), da barra de ferramentas, para que a
clique no botão Hyperlink (
caixa de diálogo Editar hyperlink seja exibida.
Página: 57
FrontPage XP
Selecione o arquivo sonho.htm (para que quando clicarmos na frase
Sonho de uma Noite de Verão, da página Filmes, seja exibida a página
relativa ao filme em questão), depois clique em OK. Observe que o texto
Sonho de uma Noite de Verão está sublinhado, indicando que agora ele
é um hyperlink. Realize o mesmo procedimento com os nomes dos outros filmes.
MODOS DE EXIBIÇÃO DAS PÁGINAS
Você já deve ter visto que na parte inferior da janela da Área de Edição
do FrontPage existem três guias: Normal, HTML e Visualização. Essas
guias nos oferecem alternativas diferentes para observar o conteúdo de
uma página.
O modo de visualização Normal é o que utilizamos até o momento, e se
você não quiser ver qualquer código de programação, continuará a utilizar este modo de exibição. Já no modo de exibição HTML você poderá
ver a linguagem que está por trás de cada página da Web. Podemos
visualizar e editar o código HTML, para isso, basta que a página esteja
aberta e a guia HTML selecionada. Selecione a guia HTML na parte
inferior da janela de uma página qualquer, você perceberá que a HTML
não é muito complicada ou difícil de ser entendida.
Página: 58
FrontPage XP
Na terceira guia, Visualização, você poderá ver como suas páginas serão exibidas no navegador. Assim, se quiser navegar e ter uma prévisualização de seu site, selecione a guia Visualização. Este modo de
exibição é um ótimo recurso para visualização offline de um site, mas
para ter uma visão real será melhor ver o site em um navegador.
APLICANDO ESTILO ÀS PÁGINAS
Quando inserimos os textos nas páginas, vimos que, por padrão, todo o
texto permanece com a mesma fonte e mesmo tamanho, criando um aspecto cansativo e tedioso. Vamos, então, 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 títulos e subtítulos da sua página, o FrontPage
oferece seis tamanhos diferentes, numerados de 1 (o maior) a 6 (o menor).
Página: 59
FrontPage XP
Para mudar facilmente o tamanho de um texto (palavra, linha, parágrafo
ou página 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 vários tipos de fontes que poderão ser usadas na
sua página. 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.
É possível também modificar o estilo da fonte para Negrito (
) ou Sublinhado (
(
barra de ferramentas.
), Itálico
), clicando sobre os botões correspondentes na
Você pode fazer todas as alterações descritas acima de uma única vez,
utilizando a caixa de diálogo Fonte. Selecione o texto a ser modificado e
Página: 60
FrontPage XP
no menu Formatar, clique em Fonte (ou clique com o botão direito do
mouse no texto selecionado e escolha a opção Fonte). Você encontrará
opções para modificar o tipo, estilo, tamanho e cor da fonte, além de
poder aplicar vários outros efeitos. Para ver como o texto ficará olhe o
resultado na área de visualização.
Procure usar efeitos e tipos de fontes mais comuns, que a maioria das
pessoas possua, pois muitos destes podem não ser exibidos em um
navegador com a mesma aparência que tem no FrontPage. Se o computador do visitante não tiver a fonte que foi usada, a página irá aparecer
simplesmente com a fonte Times New Roman.
Página: 61
FrontPage XP
ALTERANDO COR DA FONTE E COR PADRÃO
Para alterar a cor de um texto que esteja selecionado na página, utilize o
botão Cor da fonte (
), localizado na barra de ferramentas.
No FrontPage, a cor padrão para o texto é o preto e para o background
(fundo), o branco. Os hyperlinks apresentam a cor padrão azul. Podemos modificar esse padrão de cores, para isso, dê um clique com o
botão direito do mouse em qualquer lugar da página e selecione a opção
Propriedades da página. Na caixa de diálogo Propriedades da página,
ative a guia Plano de fundo.
Página: 62
FrontPage XP
Nesta caixa de diálogo vemos cinco elementos que podem ter a cor padrão 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 alterações feitas
nesta caixa de diálogo afetarão todos os hypertextos da sua página.
INSERINDO CARACTERES ESPECIAIS
O FrontPage permite que você inclua alguns caracteres especiais que
não constam no seu teclado. Um caractere muito comum usado na Internet
é o símbolo da marca copyright (), e você o encontra na lista de símbolos. Para inserir símbolos e caracteres especiais na sua página da Web,
clique na opção Símbolo do menu Inserir. A caixa de diálogo Símbolo
aparece.
Para incluir um desses símbolos na sua página da Web, selecione-o e
clique no botão Inserir. Depois clique no botão Fechar para fechar a caixa de diálogo. Para excluir o símbolo da página, use as teclas Delete ou
Backspace.
INSERINDO LINHAS HORIZONTAIS
Você pode incluir vários tipos de linhas horizontais a fim de separar e
organizar os elementos das suas páginas da Web. É possível configurar
a cor, comprimento, alinhamento e altura das linhas, já que a linha horizontal padrão é uma linha fina que percorre toda a largura da página.
Página: 63
FrontPage XP
Para inserir uma linha na sua página, selecione Linha Horizontal no
menu Inserir. A linha será inserida na posição do cursor, e para
personalizá-la, dê um clique duplo sobre ela (ou dê um clique com o
botão direito do mouse sobre ela e selecione Propriedades da linha horizontal). A caixa de diálogo Propriedades da linha horizontal aparece.
Na seção Largura você altera a largura da linha, na Altura altera-se a
altura e na seção Alinhamento pode-se alterar o alinhamento da linha. É
possível alterar a cor da linha na seção Cor.
OBS: Para remover a linha, selecione-a e pressione a tela Delete.
MODIFICANDO O SITE CRIADO
Vamos agora alterar a aparência do site que criamos, modificando o tipo
das fontes, a cor, o tamanho, inserindo cor de fundo, linhas horizontais,
etc. Abra a página Guia Cultural (dê um clique duplo no arquivo index.htm
para abrir a página inicial). Vamos começar inserindo um tema nesta
página, para isso, no menu Formatar, clique em Tema, selecione a opção de aplicar o tema somente à página selecionada (e não em todas as
páginas), depois escolha o tipo de tema Arcos e clique em OK.
Observe que o título e a barra de navegação alteram-se para acompanhar o estilo do tema. Agora selecione o texto abaixo da barra de nave-
Página: 64
FrontPage XP
gação e altere a fonte para Comic Sans MS e aumente um pouco o
tamanho, por fim centralize todo o texto.
Agora exiba a página Filmes para podermos modificá-la. Nesta página,
aplique o tema Aquarela (não esqueça de selecionar a opção de aplicar
o tema somente à página selecionada). Selecione os nomes dos filmes,
altere a fonte para Comic Sans MS e aumente um pouco o tamanho.
Página: 65
FrontPage XP
Observe, na figura anterior, que modificamos a borda compartilhada desta
página para melhor exibir as opções de navegação entre as páginas do
site. Para isso, clique na opção Bordas compartilhadas do menu
Formatar e na caixa de diálogo exibida, selecione a opção Página atual
e também Esquerda, como mostra a figura a seguir.
Página: 66
FrontPage XP
Depois de clicar em OK, dê um clique duplo na barra que foi inserida à
esquerda da página Filmes para que a caixa de diálogo Propriedades da
barra de navegação seja mostrada. Nesta caixa de diálogo, selecione,
por exemplo, as opções Voltar e avançar e Home page e clique no botão
OK. Desta maneira, você poderá acessar a página inicial e avançar e
voltar nas páginas, de acordo com a estrutura de navegação.
Exiba, agora, a página do filme Sonho de uma Noite de Verão, selecione
todo o texto que se encontra abaixo da barra de navegação e altere a
fonte para Helmet (ou escolha outro tipo, se você não tiver esta fonte
disponível). Depois, clique em Plano de fundo no menu Formatar, e na
caixa de diálogo Propriedades da página selecione a cor Prateado (ou
outra, se preferir) para o fundo da página. Agora altere a cor da palavra
Sinopse (selecione-a e utilize o botão Cor da fonte da barra de ferramentas), aplique a mesma cor nas palavras Elenco, Direção e Duração.
Podemos, também, inserir uma figura na nossa página, que pode ser
uma figura do Clip-art ou de algum arquivo (estas opções estão disponíveis no menu Inserir, opção Figuras). A figura da página a seguir foi
inserida de um arquivo.
Página: 67
FrontPage XP
Observe que na página do filme Sonho de uma Noite de Verão também
foi inserida borda compartilhada à esquerda.
Agora que você já sabe como aplicar os estilos às páginas, mude a aparência de todas as outras páginas do seu site, inserindo linhas horizontais, figuras, cores, alterando o texto, etc, e não se esqueça de salvá-las.
CRIAÇÃO DE QUADROS
Quadros são regiões retangulares situadas em uma página da Web, nas
quais podemos exibir outras páginas ou imagens. Assim, uma única página do site pode conter vários quadros, cada um podendo exibir uma
página diferente. Os quadros são utilizados quando queremos que determinada região do site permaneça estática (apareça o tempo todo)
enquanto outras regiões sempre mudam. A figura a seguir mostra uma
página que foi construída utilizando-se três quadros, sendo que os da
esquerda e acima exibem várias opções, e se você der um clique em
Página: 68
FrontPage XP
qualquer uma das opções, a página correspondente será exibida no quadro principal (chamado quadro de destino) à direita. Sendo assim, somente o quadro de destino modificará seu conteúdo.
CRIANDO PÁGINAS COM QUADROS
Vamos agora criar um outro site utilizando quadros. O site que iremos
construir será referente a uma agência de viagens fictícia, a Villar Turismo, onde o visitante encontrará as opções de viagens, os preços, promoções, etc. Crie, então, um novo site em um diretório denominado Turismo (para criar um site, clique no menu Arquivo
Novo
Web, selecione a opção Web de uma página e não esqueça de especificar o local
da nova Web). Depois de criar o site, dê um clique duplo no arquivo
index.htm para editar a página principal. Agora vamos criar uma nova
página com quadros (menu Arquivo
Novo
Página), na caixa de
diálogo Novo selecione a guia Página de quadros.
Página: 69
FrontPage XP
O FrontPage dispõe de dez tipos diferentes de quadros, como você pode
ver no lado esquerdo da figura anterior. Selecione o tipo Conteúdo e
clique em OK. Uma nova página é criada, contendo dois quadros, onde
cada um apresenta dois botões. Agora temos que colocar algum conteúdo nos quadros, e para isso podemos usar os botões, que são explicados a seguir.
• Botão Definir página inicial: este botão permite que você selecione
um arquivo já existente (no seu site atual ou em algum ponto da
Internet), onde este arquivo será a página inicial do quadro (primeira
página a ser exibida quando o usuário abre o quadro).
• Botão Nova Página: permite que você crie uma nova página desde o
início (ao invés de abrir uma já existente), onde esta página irá ser
exibida no quadro.
Página: 70
FrontPage XP
CONFIGURANDO CADA QUADRO
Como iremos construir o site desde o início, vamos ter que criar uma
página para cada quadro. Portanto, no quadro da esquerda, clique no
botão Nova Página e veja que o quadro transforma-se em uma página
em branco. Agora precisamos inserir as informações nesta página. Conforme a próxima figura, insira o conteúdo no quadro da esquerda (as
fontes usadas foram Monotype Corsiva e Comic Sans MS). Depois, utilizando o menu Inserir, insira e configure as linhas horizontais.
OBS: O quadro que está selecionado é identificado por uma borda azul.
Vamos agora inserir um conteúdo no quadro da direita, clique no botão
Nova Página para que uma página em branco apareça. Depois insira o
texto e uma figura de acordo com o exemplo a seguir (a fonte utilizada foi
a BernhardMod BT, em tamanhos diferentes).
Página: 71
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, arrastando as alças de redimensionamento (que são 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 não for mostrada, aponte para Barras de ferramentas no
menu Exibir e, em seguida, clique em Figuras). Através desta barra
você pode aplicar vários recursos e efeitos nas figuras utilizando os botões disponíveis. A figura que inserimos através do clip-art está com o
efeito chanfrado, que foi conseguido dando-se um clique no botão
Chanfrar (
) da barra de ferramentas Figura.
Página: 72
FrontPage XP
O tema que deverá ser inserido na página que acabamos de criar é o
Expedição (para escolher um tema, deixe o quadro da direita selecionado e no menu Formatar clique em Tema, depois selecione a opção Página selecionada, o tema Expedição e clique em OK).
Depois te ter inserido um tema somente no quadro da direita, selecione
o quadro da esquerda para inserirmos uma cor de fundo, para isso selecione Plano de fundo no menu Formatar (ou clique com o botão direito
do mouse no quadro da esquerda e selecione Propriedades da página,
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 opção Mais cores e personalize uma cor.
Agora que já definiu o conteúdo para os dois quadros, vamos salvá-los,
para isso, clique no botão Salvar da barra de ferramentas. Na caixa de
diálogo Salvar como observe que o quadro da esquerda está selecionado, ou seja, é este quadro que irá ser salvo. Na caixa Nome do arquivo
digite indice.htm. Observe se na caixa Salvar em (parte superior) está
selecionada a pasta que você definiu para armazenar o site.
Página: 73
FrontPage XP
Ainda na caixa de diálogo Salvar como clique no botão Alterar para alterar o título da página e digite Índice.
Clique no botão OK na caixa de diálogo Definir título da página e também na caixa Salvar como. Imediatamente outra caixa de diálogo Salvar
como é exibida, só que desta vez para você salvar o quadro da direita.
Digite primeira.htm na caixa Nome do arquivo e deixe Introdução como
título da página.
Clique em OK. Uma caixa de diálogo Salvar arquivos incorporados aparecerá, perguntando se você deseja salvar a figura que foi inserida na
página, clique em OK.
Página: 74
FrontPage XP
Outra janela Salvar como é exibida, e desta vez indicando que devemos
salvar todo o conjunto dos quadros, onde este conjunto será nossa página principal. Como a página que contém os quadros será a primeira
página a ser exibida, digite index.htm na caixa Nome do arquivo e altere
o título 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.
Página: 75
FrontPage XP
Agora você já está com os quadros definidos e salvos, falta criarmos as
páginas que serão exibidas quando clicarmos em um item do quadro do
lado esquerdo, já que as palavras aérea, terrestre, marítima e promoção
serão links para outras páginas (ao clicarmos nessas palavras a página
correspondente será exibida no quadro da direita).
Estando com o quadro da direita selecionado, clique no botão Novo da
barra de ferramentas. Uma página em branco é exibida, tomando toda a
tela. Vamos colocar nesta página informações referentes às viagens
aéreas (próxima figura). Os marcadores (losangos) e a figura do avião
foram inseridos através do Clipart (para deixar a figura sem o fundo branco,
) da barra de
selecione-a e clique no botão Definir cor transparente (
ferramentas Figura, depois clique na cor branca da figura). Aplique, nesta página, o mesmo tema aplicado anteriormente à outra página.
Página: 76
FrontPage XP
Vamos agora salvar esta página que criamos. Clique no botão Salvar
) e na caixa de diálogo Salvar como digite aerea.htm na caixa Nome
(
do arquivo e altere o título para Viagens Aéreas. Depois clique em OK.
Cada localidade da página Viagens Aéreas deverá ser um link para uma
outra página, onde esta conterá informações sobre a localidade a ser
visitada e os preços. Crie, então, outras páginas onde cada uma será
referente a uma localidade (crie pelo menos três páginas). Salve cada
página que você criou com um nome que seja fácil de identificá-la posteriormente.
Agora vamos inserir os hyperlinks. Volte para a página principal (dê um
clique duplo no arquivo index.htm - página que contém os dois quadros)
e selecione a palavra Home pertencente à página Indice, ou seja, ao
Página: 77
FrontPage XP
quadro da esquerda. Clique no botão Hyperlink (
) na barra de ferramentas do FrontPage. Na caixa de diálogo Criar hyperlink selecione o
arquivo primeira.htm e clique em OK.
Agora selecione a palavra Aérea do quadro da esquerda e crie um
hyperlink usando o arquivo aerea.htm. Estando no navegador, quando
você clicar na palavra Aérea, a página Viagens Aéreas será exibida no
quadro da direita, ficando estático o quadro da esquerda. Estabeleça
agora os hyperlinks para as páginas que você criou referentes às localidades.
As páginas para viagens terrestres e marítimas serão semelhantes à
página Viagens Aéreas, mudando somente os preços e as figuras (as
localidades também poderão se diferenciar). A página Promoção será
definida no capítulo seguinte.
Crie, então, as páginas restantes, estabeleça os hyperlinks e depois teste o site no seu navegador (ative o navegador e na caixa Endereço digite
o endereço do site, por exemplo, C:\Meus sites\Turismo\index.htm, ou
então, no menu Arquivo do navegador, selecione a opção Abrir e localize
o arquivo index.htm do site que será aberto).
PROPRIEDADES DOS QUADROS
É possível alterar algumas propriedades dos quadros, através da caixa
de diálogo Propriedades do quadro. Você definirá se um quadro poderá
ou não ser redimensionado, no navegador, pelo usuário; se as barras de
rolagem devem ou não ser exibidas, entre outras.
Essas propriedades serão definidas para cada um dos quadros existentes na página. Estando com um quadro selecionado, escolha a opção
Propriedades do quadro no menu Quadros ou clique com o botão direito do mouse sobre o quadro e escolha a opção Propriedades do
quadro. A caixa de diálogo Propriedades do quadro aparecerá.
Página: 78
FrontPage XP
No campo de texto Nome você pode definir um novo nome para a página. Também é possível definir uma nova página inicial para o quadro,
digitando-a no campo de texto Página inicial ou selecionando o botão
Procurar.
Para ajustar as margens dentro da página, na seção Margens, digite os
valores nas caixas de texto Largura e Altura. Tudo que for exibido na página estará deslocado de acordo com o número digitado nessas caixas.
Na seção Opções você pode decidir se os visitantes do site poderão ou
não redimensionar o quadro ativo (aumentar ou diminuir o quadro, arrastando as suas bordas) ao navegarem pelo site. Você também pode decidir se as barras de rolagem serão sempre mostradas (selecionando a
opção Sempre), nunca (opção Nunca) ou somente quando precisar (opção Se preciso). A opção Se preciso está selecionada como padrão, e é
uma boa idéia não mudá-la.
Ainda na seção Opções você encontra o botão Página de quadros. Clique
neste botão para aumentar ou diminuir o espaçamento entre os quadros
e se as bordas serão exibidas ou não. Altere essas opções e veja o
resultado na página do seu site.
Página: 79
FrontPage XP
CRIAÇÃO DE TABELAS
As tabelas que podemos criar no FrontPage têm a mesma estrutura e
são usadas de maneira semelhante às tabelas do Microsoft Word. Com
tais tabelas você pode exibir e organizar as informações existentes nas
suas páginas, mediante o uso de colunas e linhas. Você também pode
controlar a cor, a borda, o alinhamento, o espaçamento e o conteúdo de
cada célula existente em sua tabela.
CRIAR TABELAS
Você tem duas opções para criar uma tabela em uma página, uma opção
é desenhar uma tabela diretamente na página, usando a barra de ferramentas Tabela. Outra opção é inserir uma tabela já com as linhas e colunas definidas (mas nada impede de você inserir mais linhas e colunas
posteriormente). Para desenhar uma tabela, clique na opção Desenhar
tabela do menu Tabela da barra de menu do FrontPage (a barra de ferramentas Tabela será exibida) e para inserir uma tabela, selecione Inserir
Tabela do menu Tabela.
Quando você opta por inserir uma tabela, a caixa de diálogo Inserir tabela aparece. Nesta caixa você define, na seção Tamanho, o número de
linhas e colunas que a sua tabela terá. Na seção Layout são apresentados quatro recursos importantes: Alinhamento, Tamanho da borda, Enchimento da célula e Espaçamento da célula.
Página: 80
FrontPage XP
Na opção Alinhamento você seleciona a posição na página onde deseja
colocar a tabela: à esquerda, direita, centralizada, justificada ou padrão
(alinha a tabela de acordo com o alinhamento já definido para essa área
da página).
A opção 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 célula, significando que nenhuma borda da tabela irá aparecer no navegador da Web. Já
a opção Enchimento de célula apresenta um número de pixels entre a
borda da tabela e o conteúdo de uma determinada célula. Por padrão,
essa definição é de um pixel. A opção Espaçamento da célula representa o número de pixels entre células de uma tabela, e por padrão esse
número é dois.
Além de poder criar uma tabela usando as duas opções do menu Tabela
descritas anteriormente, você ainda pode usar o botão Inserir Tabela
), localizado na barra de ferramentas do FrontPage. Para inserir uma
(
tabela simples usando esta opção, dê um clique com o botão esquerdo
do mouse sobre o botão Inserir tabela e mantenha-o pressionado, depois arraste o mouse para definir o tamanho da tabela (o número de
linhas e de colunas, que poderão ser alterados posteriormente). Quando
Página: 81
FrontPage XP
já estiver definido o tamanho da tabela, solte o botão do mouse e a tabela aparecerá imediatamente na sua página. A figura a seguir ilustra uma
tabela 3x4 que está sendo criada com o uso do botão Inserir tabela da
barra de ferramentas.
MODIFICAR OS ATRIBUTOS DA TABELA
Depois que você criou sua tabela, é possível fazer alterações nas propriedades dessa tabela. Para isso, dê um clique com o botão direito do
mouse sobre a tabela e selecione a opção Propriedades da tabela para
que a caixa de diálogo de mesmo nome apareça.
Página: 82
FrontPage XP
A seção Layout você já conhece. Na seção Bordas, além de alterar o
tamanho da borda, é possível também 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 opção de inserir uma
imagem de fundo, para isso, selecione a opção Usar figura de plano de
fundo e localize a imagem a ser inserida através do botão Procurar. Você
também pode acrescentar uma cor de fundo, selecionando-a na caixa
Cor.
OBS: Para visualizar cada alteração que você faz nas propriedades da
tabela, clique no botão Aplicar em vez de clicar em OK. Assim, você
poderá verificar a aparência de sua tabela com diferentes configurações.
Quando as configurações estiverem definidas de maneira desejada, dê
um clique no botão OK para fechar a caixa de diálogo.
Se for preciso alterar as propriedades de determinadas células (sem afetar a tabela toda), dê um clique com o botão direito do mouse sobre a
célula que será alterada e escolha Propriedades da célula. A caixa de
diálogo que será exibida é semelhante à caixa de diálogo Propriedades
Página: 83
FrontPage XP
da tabela, mas com uma diferença: todas as alterações feitas serão aplicadas somente à célula selecionada, e não à tabela inteira.
INCLUIR E EXCLUIR LINHAS E COLUNAS
Se você precisar inserir mais linhas ou colunas na sua tabela, o FrontPage
permite que você faça isso de uma maneira muito fácil. Primeiro clique
em uma célula próxima ao local em que a nova linha ou coluna será
inserida. Depois, no menu Tabela, aponte para Inserir e clique em Linhas ou colunas.
Na caixa de diálogo Inserir linhas ou colunas você deve selecionar a
opção Linhas ou Colunas, e depois definir a quantidade a ser incluída.
Informe também, através das opções, se deseja que a linha ou coluna
seja inserida acima ou abaixo da célula que você selecionou (ou a direita
ou esquerda, se estiver incluindo uma coluna). Clique em OK e as linhas
ou colunas serão automaticamente inseridas na sua tabela.
Para excluir linhas e colunas de sua tabela, você deve clicar em uma
célula que pertença à 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 opção Excluir células do menu Tabela e a área destacada desaparecerá. Você também poderá remover somente uma célula, bastando clicar em Célula na opção Selecionar do menu Tabela e
depois excluí-la.
Página: 84
FrontPage XP
MESCLAR CÉLULAS
Em determinadas situações você pode combinar duas ou mais células
da mesma linha em uma única célula, ou seja, você pode mesclar as
células. Para realizar esta ação, selecione as células que você deseja
mesclar (para selecionar mais de uma célula, pressione as teclas Shift
ou Ctrl). Você pode selecionar o número de células que quiser para mesclar, mas no final terá que ter uma área retangular selecionada. Depois
escolha a opção Mesclar células no menu Tabela para que a mesclagem
das células seja realizada. Na figura a seguir, observe que as quatro
células do centro foram mescladas.
DIVIDIR CÉLULAS
O FrontPage permite que uma célula seja dividida em um número de
linhas ou colunas. Para dividir uma célula, deixe o cursor posicionado na
célula que será dividida e no menu Tabela, clique em Dividir células. Na
caixa de diálogo Dividir células você deve selecionar uma das duas opções: dividir a célula em linhas ou em colunas, e depois digitar o número
de linhas ou colunas que devem aparecer na célula. Por fim dê um clique
em OK.
Página: 85
FrontPage XP
A próxima figura mostra uma tabela onde uma célula foi dividida em
linhas e outra em colunas.
Agora que você já sabe como criar uma tabela e modificar as suas propriedades, vamos inserir uma tabela no nosso site de viagens. A página
referente à Promoção deverá conter uma tabela a qual exibirá os preços
dos hotéis das cidades que fazem parte do pacote promocional. Com o
quadro da direita selecionado, insira uma nova página em seu site e
digite os textos como na próxima figura. Depois insira uma tabela, centralize-a e preencha-a de acordo com os dados da tabela exibidos na
figura a seguir.
Página: 86
FrontPage XP
Altere o tipo, tamanho e cores das fontes. Adicione o mesmo tema das
outras páginas (Expedição). Ao aplicar o tema, você nota que as cores
das bordas das tabelas modificaram-se automaticamente, isso porque
todos os elementos da página alteram-se para acompanhar o estilo do
tema. Mas é possível personalizar o tema, como trocar as cores dos
textos, hyperlinks, plano de fundo, etc. Para realizar estas operações,
clique em Tema no menu Formatar, e na caixa de diálogo Temas, clique
no botão Modificar, na parte inferior da janela.
Ao clicar no botão Modificar, outros cinco botões são imediatamente exibidos: Cores, Elementos gráficos, Texto, Salvar e Salvar como. Os três
primeiros são utilizados para alterar a aparência 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 botão Cores e selecione a guia Personalizar. Na seção Itens selecione Borda da tabela e na
seção Cor escolha uma outra cor desejada. Ao terminar clique em OK.
Página: 87
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 botão Salvar como que aparece quando clica-se no botão Modificar.
Depois da página acabada, salve-a com o nome promocao.htm e altere
o título para Pacote Promocional. Por fim, estabeleça um hyperlink com
a opção Promoção da página Indice. Salve seu site e teste-o novamente.
OBS: Estando com seu site aberto no navegador, clique no botão Atualizar, localizado na barra de ferramentas do navegador. Desta maneira
seu site será atualizado e você poderá visualizar as mudanças que tenham sido feitas.
Página: 88
FrontPage XP
CRIAÇÃO DE FORMULÁRIOS
Os formulários são bastante utilizados nos sites da Web, pois através deles é possível coletar informações de várias pessoas, solicitar a opinião
dos visitantes, fazer votação onde os visitantes escolherão entre um item
e outro, etc. Os formulários fazem as mesmas perguntas para várias pessoas, e depois você pode acessar e comparar essas informações.
O FrontPage possibilita a inserção de itens especiais, denominados campos de formulários, nas páginas do site. Através desses campos, poderemos construir diferentes tipos de questionários interativos destinados
aos visitantes. Nos formulários vamos encontrar um botão denominado
Submeter, que deverá ser clicado pelo visitante quando acabar de preencher o formulário, e o botão Redefinir, que apaga o conteúdo de todos
os campos contidos no formulário.
O FrontPage oferece alguns tipos de campos de formulários que podem
ser graficamente incluídos na página. Ao invés de incluí-los um de cada
vez, podemos usar um assistente que criará uma página com um formulário, onde iremos definir quais os campos que farão parte do nosso
formulário.
Vamos inserir um formulário no site Turismo, mas antes disso, uma palavra - Consulte-nos - deverá ser inserida na página Indice (essa palavra,
ao ser clicada, mostrará o formulário a ser preenchido pelo visitante).
Depois de digitar a palavra, selecione o quadro da direita e clique no
botão Novo da barra de ferramentas. Será nessa página que iremos
criar o formulário, sem a ajuda do assistente.
INSERINDO UMA CAIXA DE TEXTO
A caixa de texto de uma linha é o mais fácil campo com o qual você irá
trabalhar, você a usará para coletar uma pequena quantidade de texto,
como
um
nome
ou
um
número.
Antes de inserir uma caixa de texto, digite um pequeno texto informando
o que o visitante deve fazer na respectiva página, como mostra a próxima figura. Depois insira o campo de texto, para isso, vá até o menu
Inserir, aponte para Formulário e clique em Caixa de texto de uma
Página: 89
FrontPage XP
linha (
). Uma caixa de texto, e dois botões, são acrescentados na
sua página.
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 diálogo
Propriedades da caixa de texto apareça.
Página: 90
FrontPage XP
Na área Nome digite um nome para ser associado ao campo (esse nome
será usado internamente para definir o campo e não aparecerá no formulário), digite, então, 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ê também pode definir quantos
caracteres a caixa de texto pode conter, especificando um valor na seção Largura em caracteres. É possível restringir quais os caracteres que
poderão ser inseridos no campo da caixa de texto, bastando clicar no
botão Validar da caixa de diálogo Propriedades da caixa de texto. Depois
das alterações clique em OK.
Agora insira uma outra caixa de texto de uma linha logo abaixo da primeira. Digite E-mail na frente da caixa, dê um clique duplo sobre ela
para abrir a caixa de diálogo Propriedades da caixa de texto e digite
E_mail na seção Nome. Depois clique em OK.
Página: 91
FrontPage XP
INSERINDO UM MENU SUSPENSO
A Caixa suspensa possibilitam que os visitantes selecionem um item de
uma lista de opções. Para inserir este campo no nosso formulário,
posicione o cursor abaixo da caixa E-mail e, no menu Inserir, selecione
). Na frente da caixa digite OpFormulário e clique Menu suspenso (
ções de uso da Internet, depois dê um clique duplo na caixa para que a
caixa de diálogo Propriedades do menu suspenso apareça. Clique no
botão Adicionar e digite Estudo na seção Escolha da caixa de diálogo
Adicionar escolha, depois clique no botão OK. Repita este mesmo procedimento para adicionar as palavras Pesquisa, Trabalho e Entretenimento. Depois que você inseriu todos os itens que irão aparecer no menu
suspenso, atribua um nome à lista suspensa, digitando Opção na seção
Nome. Clique em OK.
Página: 92
FrontPage XP
INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM
As caixas de texto de rolagem são idênticas às caixas de texto de uma
linha, exceto pelo fato de que este campo rola para acomodar quantidades de texto variáveis. Vamos inserir, agora, esse elemento no nosso
formulário.
Posicione o cursor abaixo do menu suspenso e insira o campo Área de
) utilizando o menu Inserir
Formulário. Após inserir o
Texto (
campo, digite Comentários acima desse elemento, como mostra a figura
a seguir. Dê um clique duplo no campo para que a caixa de diálogo
Propriedades da caixa de texto de rolagem apareça. Nesta caixa de
diálogo, digite Comentarios no campo Nome. Você também pode definir
com quantas linhas de altura essa caixa deve aparecer em uma página
da Web e a quantidade de caracteres que poderá ser digitado na caixa de
texto rolável. Depois de tudo definido clique em OK
Página: 93
FrontPage XP
Após inserir os campos do formulário, altere o nome de identificação dos
botões Submeter e Redefinir. Dê um clique duplo no botão Submeter e
na caixa de diálogo Propriedades do botão de ação digite Enviar na área
Nome. Faça o mesmo com o botão Redefinir e digite Redefinir na área
Nome.
Com a página do formulário já definida, insira o mesmo tema das outras
páginas do seu site. Utilizando a opção Salvar, digite formularios.htm
como nome do arquivo e Formulário como título da página, depois estabeleça o hyperlink da palavra Consulte-nos (no índice) com esta página. Por fim, teste seu site no seu navegador.
Página: 94
FrontPage XP
OUTROS CAMPOS DE FORMULÁRIO
Além dos campos descritos acima, o FrontPage oferece ainda mais tipos
que poderão ser inseridos nos formulários: Caixa de Seleção e Botão de
) no seu formulário, clique
Opção. Para inserir uma caixa de seleção (
na opção de mesmo nome no menu Inserir
Formulário para que
uma pequena caixa desmarcada e sem rótulo apareça no formulário.
Você deve digitar uma palavra ou frase que identifique esta caixa de
seleção. Repita o mesmo processo até que todas as caixas de seleção
tenham sido incluídas na sua página.
) são semelhantes às caixas de seleção, exceto
Os botões de opção (
pelo fato de que, em uma linha de botões de opção, você pode selecionar somente um item por vez. Quando inserir um botão de opção no seu
formulário, é necessário digitar um rótulo para esse botão. Insira tantos
botões você desejar, só não se esqueça de acrescentar um rótulo para
cada botão. Você também deve ativar a caixa de diálogo Propriedades
do botão de opção (dando um clique duplo no botão) e alterar a caixa de
diálogo Nome para algo que seja relativo com a pergunta que você vai
fazer ao utilizar os botões de opção. Na caixa Valor digite o mesmo rótulo que você atribuiu ao botão. Quando tiver concluído clique em OK.
Repita esses mesmos passos para cada botão de opção que você inseriu, e certifique-se de atribuir a cada botão o mesmo nome de grupo mas
um nome de valor diferente.
TRANSMITINDO E PROCESSANDO O SEU FORMULÁRIO
Quando o visitante clica no botão Submeter, após ter preenchido o formulário, o FrontPage envia uma mensagem padrão para que ele (o visitante) saber que sua transmissão foi concluída e, depois, salva as respostas dos visitantes em um arquivo privado no seu servidor da Web.
O FrontPage grava os resultados do formulário em um arquivo denominado form_results.txt, sendo que você pode encontrá-lo no diretório private
do seu site. Você pode fazer com que os resultados sejam gravados em
outro local. Para isso, dê um clique com o botão direito do mouse em um
ponto que esteja dentro dos limites do formulário e selecione Propriedades do formulário para que a caixa de diálogo de mesmo nome seja
exibida.
Página: 95
FrontPage XP
OBS: Este formulário funcionará corretamente se sua Web for publicada
em um servidor Web que tenha as extensões de servidor do FrontPage
instaladas.
Na seção Enviar para você pode alterar o nome do arquivo que conterá
os resultados e o diretório que o mesmo será gravado, ou fazer os resultados do formulário serem enviados para o seu endereço de correio eletrônico. O botão Opções da caixa de diálogo Propriedades do formulário
configura o modo exato segundo o qual os resultados são formatados à
medida que são transmitidos. Ao clicar em tal botão, abre-se a caixa de
diálogo Opções para salvar resultados de formulário, onde você poderá
alterá-la para que os resultados sejam salvos em arquivos de texto, arquivos HTML ou até em listas com marcadores.
COMPONENTES DO FRONTPAGE
Os componentes são programas que possibilitam, de maneira programada, a inclusão de informações em páginas 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.
Página: 96
FrontPage XP
Alguns componentes do FrontPage funcionam apenas quando você publica o seu site em um servidor da Web que ofereça suporte às extensões especiais do FrontPage. Se o seu servidor não oferece suporte a
essas extensões, os componentes não funcionarão corretamente aos
seus visitantes.
Deste modo, para garantir compatibilidade com servidores que não usam
as extensões de servidor do FrontPage, você pode ativar ou desativar
comandos que dependam da presença das extensões de servidor no
servidor. Se você desativar as extensões de servidor para uma Web,
alguns comandos relacionados não ficarão disponíveis (isto é, eles aparecerão esmaecidos) nos menus do FrontPage durante o tempo de criação de páginas. No menu Ferramentas, aponte para Opções de página e clique na guia Compatibilidade. Selecione ou não a caixa que
especifica se o servidor será ativado com as extensões de servidor do
FrontPage.
Agora, para ter acesso aos componentes do FrontPage, aponte para a
opção Componente, do menu Inserir, e clique no componente desejado.
PÁGINA DE INCLUSÃO
Este é um componente do FrontPage muito útil, pois permite que você
insira uma página no local que desejar em outra página, sendo que a
página que será inserida tem que estar no site atual. Como exemplo,
considere que você precise que uma página de rodapé padrão apareça
na parte inferior de algumas páginas do site. Você pode, então, criar
uma página de rodapé e depois inseri-la, através do componente Página
de inclusão, nas páginas desejadas. E se, futuramente, você precisar
alterar somente o rodapé, carregue a página do rodapé e faça as modificações, depois as alterações serão automaticamente refletidas em todas as páginas que contêm esse arquivo de rodapé.
Antes de usar esse componente, você deverá estar com a página que
você deseja incluir nas outras páginas do site pronta. Depois, carregue a
página que conterá a página incluída e selecione o componente Página
de inclusão (menu Inserir, opção Componente). A caixa de diálogo Propriedades da página de inclusão aparece.
Página: 97
FrontPage XP
Digite o nome do arquivo ou URL correspondente, ou clique no botão
Procurar para localizar o arquivo. Depois clique em OK e o FrontPage
incluirá esta página automaticamente na página ativa.
OBS: Você irá perceber que ao passar o mouse sobre o componente, o
ponteiro se modifica, indicando que naquela região foi inserido um componente do FrontPage. Para exclui-lo, dê um clique sobre ele para
selecioná-lo e pressione a tecla Delete.
FIGURA PROGRAMADA
Você pode exibir uma imagem um sua página por um período 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 página em que deve aparecer a imagem. Depois, no
menu Inserir, opção Componente, clique em Figura programada para
que a caixa de diálogo Propriedades da figura programada seja exibida.
Página: 98
FrontPage XP
Na caixa de diálogo apresentada você deverá especificar a imagem a
ser exibida, a data e a hora de início e a data e a hora de término do
período em que a imagem estará visível na página do seu site. Você
também pode especificar uma imagem que irá aparecer antes e depois
da exibição da imagem programada. Depois de digitar as informações
necessárias, clique em OK. Os visitantes que forem à sua página poderão ver a imagem se estiverem dentro do período de tempo especificado.
O outro componente oferecido pelo FrontPage, Página de inclusão programada, tem o mesmo princípio que a Figura programada, a única diferença é que ele exibirá uma página com informações ao invés de imagem.
CONTADOR DE ACESSO
Os contadores de acesso (ou contadores de visita) lhe oferecem uma
boa idéia de quantas pessoas passam pelo seu site. Para inserir um
contador de acesso na sua página, selecione-o no menu Inserir
Componente. Na caixa de diálogo Propriedades do contador de acesso, você
pode escolher entre cinco diferentes estilos e fontes de números. Geralmente os contadores de acesso são inseridos na parte inferior da página
inicial do site.
Página: 99
FrontPage XP
Depois de escolher um tipo de contador, clique em OK e o FrontPage
acrescentará um GIF de um contador automaticamente incrementável à
sua página da Web.
GERENCIADOR DE ANÚNCIOS EM FAIXA
Com este componente do FrontPage podemos incluir um painel rotativo
nas páginas do site. Este painel será composto por uma seqüência programada de figuras que serão exibidas ciclicamente. Você poderá modificar o tamanho do painel, o efeito de transição entre as figuras, a duração e a ordem das figuras exibidas. Geralmente este componente é utilizado para colocar propagandas nas páginas.
Você poderá inserir figuras do clip-art, do seu computador ou figuras já
existentes no site. Ao selecionar a opção Gerenciador de anúncios em
faixa (menu Inserir
Componente) você terá acesso à caixa de diálogo Propriedades do Gerenciador de anúncios em faixa. Para inserir as
figuras, clique no botão Adicionar desta caixa de diálogo.
Página: 100
FrontPage XP
Você poderá adicionar um hyperlink nos anúncios em faixa, para isso, na
caixa Vincular a especifique um endereço de alguma página que será
exibida caso o visitante clique em alguma figura do gerenciador de anúncios em faixa.
BOTÃO EM FOCO
Este componente do FrontPage pode ser utilizado para inserir uma simples animação na sua página, sendo que, como qualquer outro botão,
um botão em foco contém um hyperlink para outra página ou arquivo. No
navegador, quando o visitante clica ou passa o mouse sobre este botão,
ele pode apresentar um efeito, como brilhar, tocar um efeito de som,
apresentar uma figura personalizada, etc.
O botão deverá apresentar um texto, onde este será visualizado pelo
visitante do site. Também deverá ser especificado um endereço que será
exibido quando o botão for clicado, sendo que este endereço poderá ser
de uma figura apenas ou de uma página.
Página: 101
FrontPage XP
OBS: Se você for utilizar uma figura personalizada que já contenha um
rótulo de texto, então a caixa Texto do botão deverá ficar vazia, ou seja,
em branco.
Na caixa de diálogo Propriedades do botão em foco, será possível alterar a cor do botão, a cor de plano de fundo do botão, o efeito de foco e a
sua cor e o tamanho que o botão terá. Se clicar no botão Personalizar
você pode especificar se será tocado um som quando o visitante clicar
ou passar o mouse sobre o botão, e também se será utilizada uma figura
como botão ou se será exibida uma figura ao passar o mouse sobre o
botão.
Depois clique na guia Visualizar do FrontPage para ver como o botão em
foco será exibido no navegador e como ele será apresentado ao visitante. Para exibir novamente a caixa de diálogo Propriedades do botão em
foco, dê um clique duplo sobre o botão, estando no modo Páginas e na
guia Normal.
Procure inserir, nas páginas do seu site, alguns destes componentes
descritos, depois salve suas páginas e veja o comportamento de tais
componentes no seu navegador.
Página: 102
FrontPage XP
OUTROS RECURSOS
O FrontPage oferece muitos recursos, além dos que já foram estudados,
que podem ser utilizados para modificar e melhorar a aparência e a funcionalidade uma página da Web.
INSERIR DATA E HORA
É comum a primeira página 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 página, primeiro posicione o
cursor no local em que a data e hora deve aparecer (geralmente primeiro
aparece uma frase do tipo Esta página foi modificada pela última vez em
e depois a data). Depois selecione a opção Data e hora do menu Inserir
e na caixa de diálogo apresentada, escolha se deseja que apareça a
data em que a página foi editada ou atualizada pela última vez. Depois
escolha o formato da data e hora (se desejar que a hora não seja exibida
escolha nenhum) e clique em OK.
Insira, na página Introdução, a data em que a página foi atualizada pela
última vez. Desta maneira, sempre que esta página for alterada a data
também será automaticamente alterada.
INSERIR COMENTÁRIO
Este recurso, também presente no menu Inserir, é usado para oferecer
anotações e informações a você mesmo e por exemplo, ao autor de uma
Página: 103
FrontPage XP
outra página. As anotações, apesar de apresentarem uma cor diferente,
poderão ser formatadas como se fossem um texto normal.
Depois de inserir os comentários na página, selecione-os e no menu
Formatar, clique em Fonte para que você possa formatá-los.
Os comentários não são visíveis no navegador, apenas enquanto a página está sendo editada. Para editar o comentário da página, dê um clique
duplo sobre ele e a caixa de diálogo Comentário aparecerá novamente.
TRANSIÇÃO DE PÁGINAS
O FrontPage permite que você insira efeitos de transição nas páginas do
seu site, onde estes são exibidos quando o visitante do site navega
entre as páginas. Aplicando corretamente os efeitos é possível criar apresentações no estilo slides (como no PowerPoint) com transições de aparência profissional entre as páginas.
Estando com a página desejada ativa, no menu Formatar clique em
Transição de página. Na caixa de diálogo Transições de página, selecione o evento que causará a transição (onde este evento poderá ser, por
exemplo, quando o visitante entrar ou sair da página).
Página: 104
FrontPage XP
Na mesma caixa de diálogo você deverá definir a duração, em segundos, para o efeito e depois selecionar um tipo de efeito de transição na
caixa Efeito de transição. Quando terminar clique em OK.
Aplique efeitos de transição em alguma páginas do site de Turismo, salve-as e depois visualize-as no seu navegador.
EFEITOS DE ANIMAÇÃO
Nas suas páginas da Web, os textos, parágrafos, figuras, botões e vários elementos podem receber efeitos de animação HTML dinâmico, sendo que estes efeitos são acionados quando ocorre um evento, como por
exemplo a exibição da página, um clique do mouse, etc.
Vamos aplicar alguns efeitos de animação na página aereas.htm do nosso site sobre Turismo. Ative esta página e selecione a figura que foi
inserida, no nosso caso a figura de um avião, depois, no menu Formatar,
clique em Efeitos de HTML dinâmico. A barra de ferramentas Efeitos
de HTML Dinâmico é exibida.
Página: 105
FrontPage XP
OBS: Os efeitos listados nas caixas da barra de ferramentas HTML dinâmico dependem do tipo de elemento de página que você selecionou e
do tipo de evento selecionado.
Na caixa Ao, selecione o evento que acionará a animação. Na caixa
Aplicar selecione o tipo de efeito de animação que quiser que ocorra e
na última caixa escolha as configurações para o efeito.
, presente na barra de ferramentas HTML dinâmica, deve
O botão
ser clicado para realçar os elementos da página que utilizam os efeitos
de animação DHTML. Se quiser remover o efeito, clique no botão Remover efeito ou selecione o elemento que contém o efeito e pressione as
teclas CTRL+BARRA DE ESPAÇO.
Agora exiba outra página do site e aplique um efeito de animação HTML
dinâmico em um parágrafo ou texto. Salve suas páginas e visualize-as
em um navegador para testar os efeitos de animação inseridos.
JAVASCRIPT
JavaScript é uma linguagem utilizada para melhorar as páginas da
Web. Os scripts escritos em JavaScript podem ser colocados dentro das suas páginas HTML criando elementos interessantes que
respondem aos eventos iniciados pelo visitante de sua página. Você
pode achar várias páginas na internet que utilizam JavaScript e
verificar o quanto elas são enriquecidas quando utilizam esta linguagem.
O objetivo dos próximos exemplo é mostrar como podemos incluir
scripts JavaScrip em página HTML e não ensinar esta linguagem.
Como exemplo vamos criar um script que mostra a data atual do
sistema.
Página: 106
FrontPage XP
Digite o seguinte código:
<html>
<head>
<script language=”JavaScript”>
var diasdasemana = new Array
(“Domingo”,”Segunda”,”Terça”,”Quarta”,”Quinta”,”Sexta”,
”Sábado” );
var meses = new Array
(“Janeiro”,”Fevereiro”,”Março”,”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 código HTML acima que o script está compreendido entre as tags <scrip language=”JavaScript”> e </script>. Onde
primeiro são definidas as variáveis de dias e meses e a variável
data que contém a data do sistema fornecida pela função Date().
A seguir usamos a função 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
página que serão alteradas de acordo com eventos do mouse acionados pelo usuário.
Acrescente estas novas funções ao código anterior, digitando o
seguinte código:
Página: 107
FrontPage XP
<html>
<head>
<script language=”JavaScript”>
var diasdasemana = new Array
(“Domingo”,”Segunda”,”Terça”,”Quarta”,”Quinta”,”Sexta”,
”Sábado” );
var meses = new Array
(“Janeiro”,”Fevereiro”,”Março”,”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(‘verão’)”>
<br>
<br>
<form name=”form1">
<input type=”text” size=”15" name=”texto”>
</form>
Página: 108
FrontPage XP
</center>
</body>
</html>
Neste exemplo utilizamos os eventos onMouseOver, onMouseOut
e onClick para acionar uma determinada função que pode ou não
receber algum parâmetro.
Quando o usuário 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 “verão” será escrita na caixa de texto do
formulário.
Observe que a palavra “verão” é enviada como parâmetro para a
função mouseclique (estacao), esta palavra pode ser substituída
por qualquer outra para ser exibida na caixa de texto.
PUBLICAR UM SITE
Quando você está criando e editando páginas para seu Web site utilizando o FrontPage, essas páginas são salvas no seu disco rígido, de modo
que só você tem acesso a elas. Para que você possa disponibilizar as
páginas do seu site aos usuários 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 páginas
estão com a aparência desejada, se os hyperlinks não estão 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 próximo
tópico).
Para iniciar o processo de publicação, abra, no FrontPage, o site que
será publicado; depois, no menu Arquivo, clique em Publicar Web. A
caixa de diálogo Publicar Web aparece.
Página: 109
FrontPage XP
OBS: Para saber o endereço do servidor Microsoft Personal Web Server
a ser digitado, dê um clique duplo no ícone que corresponde a este servidor (
), sendo que o ícone está localizado na Barra de Tarefas do
Windows, ao lado do relógio.
Página: 110
FrontPage XP
O FrontPage 2002 publicará sua Web, ou seja, fará a transferência dos
arquivos do seu computador para o servidor. Será exibida uma caixa de
diálogo após a publicação (se esta foi bem sucedida!), e para verificar se
sua Web foi publicada com êxito, clique no hyperlink exibido nesta caixa
de diálogo.
Seu navegador da Web será aberto para o site que você acaba de publicar.
Página: 111
FrontPage XP
Depois de publicar o site através do Personal Web Server e testá-lo, é
hora de publicá-lo na Internet, ou seja, torná-lo disponível 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
são iguais, especialmente no que se refere ao suporte ao FrontPage
2002, já que este possui diversos recursos. Assim, para que os provedores da Web possam exibir corretamente os vários recursos do FrontPage
2002, eles precisam possuir as extensões de servidor do FrontPage.
Para garantir compatibilidade com provedores que não usam as extensões de servidor do FrontPage, você pode ativar ou desativar comandos
que dependam da presença das extensões de servidor no FrontPage.
No menu Ferramentas, clique em Opções de página e, em seguida,
selecione a guia Compatibilidade. Depois selecione ou não a caixa de
seleção Ativado com as extensões de servidor do Microsoft
FrontPage.
Ao publicar seu site e torná-lo disponível para o mundo inteiro usando
um provedor da Web que não possua extensões do FrontPage, nem
todos os recursos avançados do seu site funcionarão (tais como alguns
componentes e o formulário).
Para iniciar o processo de publicação, abra, no FrontPage, o site que
será publicado, depois no menu Arquivo clique em Publicar Web. A
caixa de diálogo Publicar Web aparece.
Página: 112
FrontPage XP
Na caixa Especifique o local para publicar sua Web, digite o endereço
do seu provedor da Web, clique na seta para selecionar um local no qual
você publicou anteriormente (caso esteja somente atualizando as páginas) ou clique no botão Procurar para encontrar o local de publicação.
Você pode clicar no botão Provedor para que sejam exibidos os provedores que fornecem as extensões 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 publicação, você verá uma caixa de diálogo
dizendo que seu site foi publicado com êxito e também um hyperlink que
deverá ser clicado para que o site seja exibido.
OBS: Se você cancelar a publicação no meio da operação, os arquivos
que já tiverem sido publicados permanecerão no servidor da Web de
destino.
Página: 113
FrontPage XP
INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER
Quando o FrontPage 2002 é instalado, ele verifica se você tem um servidor da Web instalado em seu computador. Se você não tiver um servidor
da Web instalado, todas as Webs que você criar no FrontPage serão
baseadas em disco. Você pode instalar o Microsoft Personal Web
Server, que é um servidor que suporta as extensões do Microsoft
FrontPage.
A instalação do Microsoft Personal Web Server em seu computador
poderá ser a partir do CD do Windows NT ou do Windows 98 (\Addons\Pws\Instalar.exe). Se tiver o Windows 95 instalado em seu computador, você poderá instalar o Microsoft Personal Web Server a partir do
Windows NT 4.0 Option Pack. Você pode fazer o download do Option
Pack a partir do site da Microsoft.
Se as extensões de servidor do FrontPage estiverem instaladas em seu
computador, você poderá obter informações sobre como instalar e administrar o Microsoft Personal Web Server consultando o Kit da extensões
do servidor do FrontPage em C:\ Arquivos de Programas\ Arquivos comuns\ Microsoft Shared\ Web Server Extensions\ 40\ serk\ 1046 \
Default.htm (a pasta 1046 depende do idioma em que as extensões de
servidor do FrontPage foram instaladas).
Mesmo depois de ter instalado o servidor de extensões 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.
Página: 114
FrontPage XP
LISTA DE EXERCÍCIOS
1- Qual a diferença entre um assistente e um modelo?
2- Inicie o Microsoft FrontPage 2002 e crie um site utilizando o modelo
Web de Suporte Técnico. Salve o site em uma pasta denominada
Eletro (este site será sobre a loja fictícia de eletrodomésticos Ponto
Quente). Edite o arquivo index.htm e insira as informações necessárias em todas as páginas pertencentes ao site (se desejar poderá
excluir algumas).
3- Salve o site e teste-o no seu navegador.
4- Crie um site de uma página só, salve-o na pasta Exemplo1. Este site
será destinado a fornecer as manchetes do mês das principais revistas (poderá ser notícias de jornais, jogos ou revistas em quadrinhos).
5- Na primeira página do site defina os objetivos deste site para os
visitantes saberem o que poderão encontrar. Em algum lugar da página digite os nomes das revistas as quais seu site dará informações
(exemplos: Veja, Exame, Info, Caras, Época, Placar, etc).
6-
Insira uma página (usando o modelo de página Normal) no site Exemplo1 e digite, nesta página, as informações referentes a uma revista
cujo nome esteja na página principal.
7- Salve esta página 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 páginas e em cada uma digite as manchetes de cada
revista. Salve as páginas com o mesmo nome da revista.
10- Na página principal crie um hyperlink entre o nome da revista e a
página referente a ela (faça isso para todas as revistas).
11- Insira um tema diferente em algumas páginas, em outras páginas
insira apenas uma cor para o plano de fundo (sem inserir um tema).
Página: 115
FrontPage XP
12- Insira figuras do clipart na página principal e em algumas outras páginas do site.
13- Formate as fontes dos textos de todas as páginas, alterando o tamanho, as cores e o tipo.
14- Ative uma página do site (onde você não tenha definido um tema) e
insira uma linha, na parte superior, após o título da página. Esta linha
deverá apresentar as seguintes dimensões: 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 página só e armazene-o em uma pasta denominada Veículos. Este site será referente a uma agência de veículos
fictícia (Atenas Veículos).
17- Insira uma página de quadro (através do menu Arquivo) que seja do
tipo Conteúdo.
18- No quadro da esquerda crie uma nova página onde esta conterá
palavras referentes às marcas dos carros (Chevrolet, Volkswagem,
Ford, etc). Essas palavras serão como um índice, que quando clicadas
abrirão outra página no quadro da direita.
19- Agora, no quadro da direita, crie uma nova página e insira as informações que aparecerão na página inicial do quadro (insira o nome
da agência e outros comentários, como fizemos com a primeira página da agência 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 página no quadro da direita, onde esta página conterá os
nomes dos carros, modelos, descrições, etc de uma marca de carro
que você definiu na página de índice (por exemplo, esta página poderá conter os modelos de carro da Chevrolet).
22- Crie outras páginas, cada uma contendo informações sobre uma
marca de carro. Depois salve cada uma onde o nome do arquivo
corresponderá à marca do carro (exemplo: chevrolet.htm).
Página: 116
FrontPage XP
23- Aplique um estilo nas páginas que você criou (mude o tipo, cor e
tamanho das fontes, aplique um tema nas páginas, insira figuras, se
desejar).
24- Estabeleça os hyperlinks entre as palavras do quadro da esquerda e
as respectivas páginas que você criou.
25- Insira uma tabela (como a tabela abaixo) na página que se refere
aos carros da marca Chevrolet (ou outra marca). Depois preencha
os campos da tabela.
26- Centralize a tabela na página e altere o tamanho da borda para 4.
27- Depois do site pronto, teste-o no seu navegador.
28- No site Veículos crie uma página de formulário. Neste formulário insira os seguintes elementos: uma caixa de texto para o nome do
visitante e outra para o e-mail, uma caixa de texto rolável para o
visitante descrever suas dúvidas ou comentários e dois botões de
opção (sim e não) para o visitante responder se trabalha com cartão
de crédito ou não.
29- Na primeira página do site Veículos insira o componente Contador
de acesso e depois, através do menu Inserir, insira somente a Data.
Salve todo o site e teste-o novamente.
30- Utilize o efeito de HTML dinâmico em alguma figura ou texto do seu
site.
31- Publique o site Revistas (ou de Veículos) para que qualquer pessoa
do mundo possa vê-lo.
Página: 117
Celta Informática
http://www.celtainformatica.com.br

Curso Básico de Front Page XP-Celta Informática

Transcrição

Documentos relacionados

Como criar uma conta no Moodle

Clique no menu “Safari”. - Universidade Federal da Paraíba

Manual configurando seu e-mail no Outlook Express 6

Configurando uma conexão Crossover no Windows 7

Configuração do Proxy no Internet Explorer - Multiweb

2. Procurar por ID

Análise de Textos - VERBOSE

Siga os passos abaixo para participar do Concurso Sou Praieiro/Dia

Dividindo um arquivo em partes com o Winrar

Procedimentos para Configurar DI-524 em Access Point