Sumário - WordPress.com · 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

SumárioINTRODUÇÃO _________________________________ 3

CONHECENDO O FRONTPAGE __________________ 4OS SEIS MODOS DE EXIBIÇÃO DO FRONTPAGE _________________ 5

CRIANDO SITE ATRAVÉS DE MODELO _________ 14CRIANDO UM SITE PESSOAL _______________________________ 14ALTERANDO O SITE CRIADO ______________________________ 16TESTANDO O SITE CRIADO ________________________________ 27

CRIANDO SITE USANDO ASSISTENTE __________ 29

IMPORTANDO UM SITE________________________ 39

OPERAÇÕES COM SITES E ARQUIVOS _________ 42ABRIR UM SITE ________________________________________ 43RENOMEAR UM SITE, PÁGINA OU ARQUIVO ___________________ 44EXCLUIR UM SITE ______________________________________ 45EXCLUIR ARQUIVOS _____________________________________ 46IMPORTAR UM ARQUIVO PARA UM SITE ______________________ 46EXPORTAR UM ARQUIVO DE UM SITE ________________________ 47

CRIAÇÃO DE PÁGINAS ________________________ 48INSERINDO PÁGINAS _____________________________________ 49CRIANDO VÍNCULOS ENTRE AS PÁGINAS ______________________ 54MODOS DE EXIBIÇÃO DAS PÁGINAS _________________________ 58

APLICANDO ESTILO ÀS PÁGINAS ______________ 59ALTERANDO O TAMANHO DA FONTE_________________________ 59ALTERANDO O TIPO DA FONTE _____________________________ 60ALTERANDO COR DA FONTE E COR PADRÃO __________________ 62

Celta Informática

Todos os direitos reservados e protegidos pela Lei 5.988 de 14/12/73. Nenhuma parte deste livro, sem prévia autorização por escrito de Trisquel Informática Ltda. (Celta Informática), poderá ser reproduzida total ou parcialmente, por qualquer processo, eletrônico, fotocópia, mecânico ou sistema de processamento de dados. Temos diversos títulos, consulte nossa página: www.celtainformatica.com.br Celta Informática [email protected] Fone: (11) 4331-1586

INSERINDO CARACTERES ESPECIAIS _________________________ 63INSERINDO LINHAS HORIZONTAIS ___________________________ 63MODIFICANDO O SITE CRIADO _____________________________ 64

CRIAÇÃO DE QUADROS _______________________ 68CRIANDO PÁGINAS COM QUADROS __________________________ 69CONFIGURANDO CADA QUADRO ____________________________ 71PROPRIEDADES DOS QUADROS _____________________________ 78

CRIAÇÃO DE TABELAS ________________________ 80CRIAR TABELAS _______________________________________ 80MODIFICAR OS ATRIBUTOS DA TABELA ______________________ 82INCLUIR E EXCLUIR LINHAS E COLUNAS _____________________ 84MESCLAR CÉLULAS _____________________________________ 85DIVIDIR CÉLULAS ______________________________________ 85

CRIAÇÃO DE FORMULÁRIOS __________________ 89INSERINDO UMA CAIXA DE TEXTO ___________________________ 89INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM _______________ 93OUTROS CAMPOS DE FORMULÁRIO _________________________ 95TRANSMITINDO E PROCESSANDO O SEU FORMULÁRIO ____________ 95

COMPONENTES DO FRONTPAGE ______________ 96PÁGINA DE INCLUSÃO ___________________________________ 97FIGURA PROGRAMADA ___________________________________ 98CONTADOR DE ACESSO __________________________________ 99GERENCIADOR DE ANÚNCIOS EM FAIXA _____________________ 100BOTÃO EM FOCO ______________________________________ 101

OUTROS RECURSOS__________________________ 103INSERIR DATA E HORA__________________________________ 103INSERIR COMENTÁRIO __________________________________ 103TRANSIÇÃO DE PÁGINAS_________________________________ 104EFEITOS DE ANIMAÇÃO _________________________________ 105

PUBLICAR UM SITE __________________________ 109INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER ______114

LISTA DE EXERCÍCIOS _______________________ 115

Página: 3

FrontPage XP

Celta Informática - F: (11) 4331-1586

INTRODUÇÃO

A cada dia verificamos que a informação é uma ferramenta de extremanecessidade em qualquer negócio. Sabendo disto, a Internet ajudarávocê e sua empresa a divulgar esta informação para pessoas que este-jam praticamente em qualquer parte do planeta. Essas pessoas, então,poderão usar a Internet para comprar, aprender, se comunicar, jogar eensinar.

A Internet é uma imensa rede de computadores interligados e espalha-dos pelo mundo. Esta rede possibilita a troca de arquivos (FTP), o envioe recebimento de mensagens (e-mails) e a visualização das informa-ções, sendo que estas são apresentadas em formas de páginas grava-das em um determinado site (local virtual). A WWW (World Wide Web),ou simplesmente Web, é a parte da Internet que contém o conjunto detodas 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 conhecidoscomo browsers) é que exibem estas páginas, pois eles lêem e entendema linguagem HTML. Mas, com o FrontPage 2002 você não precisarádominar nem conhecer HTML, pois este programa é capaz de executarautomaticamente todas as tarefas de programação. Assim, você poderácriar suas páginas para a Web tão facilmente quanto digitar e formatarum texto no Microsoft Word.

Dicas para Criar um Bom Site

Criar um site é muito simples graças às facilidades que o FrontPageoferece. Porém, um site bem elaborado exige paciência, dedicação econhecimentos de algumas técnicas. Procure lembrar sempre que um

Página: 4

FrontPage XP


bom site, além de ter uma aparência atraente, necessita que a mensa-gem seja transmitida de forma sucinta e sem demora no aparecimentodas 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 visitantescom o recurso de exibição de imagens gráficas desativado;

• Realize vários testes no seu site com diferentes tipos de navegadoresantes de torná-lo disponível aos seus visitantes.

CONHECENDO O FRONTPAGE

A janela do FrontPage 2002 é constituída pela Barra de Título, Barra deMenu, Barra de Ferramentas, Barra de Formatação e Barra de Modos deExibição, os seis modos de exibição presentes nesta última barra permi-tem explorar de diferentes maneiras o site que está sendo criado oumodificado no FrontPage.

Página: 5

FrontPage XP


OS SEIS MODOS DE EXIBIÇÃO DO FRONTPAGE

O FrontPage permite visualizar um site de diferentes maneiras, e atra-vés dos seis modos de exibição existentes você poderá fazer tudo o quefor preciso para criar um site, manter o conteúdo atualizado e adicionarou remover várias coisas, como hyperlinks quebrados.

Os ícones referentes às diferentes exibições encontram-se na barra deModos de Exibição. Vamos agora conhecer as seis maneiras atravésdas quais podemos exibir um site.

• Página ( ): esta opção permite que você crie, edite e gerencie

Página: 6

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 sen-do exibido no modo Página.

No modo Páginas (e na maioria dos outros modos) podemos visualizar aLista de pastas, que contém todos os arquivos e pastas que fazemparte do site. Para exibir / ocultar a Lista de Pastas, utilize o menu Exibire 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 cadaum deles, o tipo, a data de modificação, entre outras coisas. Estes arqui-vos estão em forma de lista, dispostos em colunas.

Página: 7

FrontPage XP


No modo de exibição Pastas você poderá realizar as mesmas operaçõesque seriam realizadas no Windows Explorer, como: abrir, mover, renomeare excluir arquivos e pastas. Para acessar essas operações, clique com obotã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, nomenu Arquivo aponte para Novo e depois clique em Pasta (ou cliquecom o botão direito do mouse no painel da direita - onde estão listadostodos os nomes dos arquivos - e selecione o comando Nova Pasta). Anova pasta é criada e já aparece em destaque para que você possarenomeá-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ági-nas, elementos gráficos, arquivos). Cada relatório (“linha”) apresenta umadescrição que explica o seu propósito, além de informações do seu ta-manho e outras.

Página: 8

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 paraserem visualizadas, páginas desvinculadas, arquivos recentemente adi-cionados ou alterados, hyperlinks desfeitos, status da publicação, etc.

Página: 9

FrontPage XP


OBS: Se a barra de ferramentas Relatório não for exibida, no menu Exi-bir, 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 ecom a velocidade com que as páginas irão ser visualizadas em umbrowser. Para ter acesso a estas informações, selecione Opções domenu Ferramentas e na caixa de diálogo apresentada, selecione a guiaVisualizar 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: 10

FrontPage XP


• Navegação ( ): este modo projeta visualmente a estrutura do

site, onde cada ícone (caixas retangulares) representa uma página.

Página: 11

FrontPage XP


A Web mostrada na figura anterior corresponde a um site pessoal, ecomo vemos é possível carregar imediatamente, usando a barra de na-vegação, qualquer uma das páginas: Home page, Interesses, Álbum defotografias ou Favoritos. Assim, torna-se mais fácil e rápido o acesso àsinformações desejadas.

OBS: Se você está visualizando um site na visão Navegação e a estrutu-ra deste site é extensa, você não conseguirá vê-lo por inteiro, a menosque use as barras de rolagem. Uma maneira fácil de visualizar toda aestrutura do site é através da barra de ferramentas Navegação. Com elavocê poderá aumentar ou diminuir o zoom com que as páginas são exi-bidas, e assim conseguir exibir todas.

Página: 12

FrontPage XP


As páginas do seu site podem ter duas barras de navegação: uma hori-zontal e uma vertical, na próxima figura observe essas duas barras. Apren-deremos 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á comocada página do seu site está vinculada a outra.

Página: 13

FrontPage XP


OBS: O hyperlink estabelece um link (conexão) de uma página para ou-tro destino, onde o destino pode ser uma outra página da Web, umafigura, um endereço de correio eletrônico, um arquivo (tal como um ar-quivo 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 parao centro do modo de exibição Hyperlinks clicando com o botão direito domouse no ícone da página e, no menu de atalho, clicar na opção Moverpara 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 dosite você pode fazer uma lista de tais tarefas, onde estas devem sercumpridas antes que o site esteja terminado. Assim, detalhes importan-tes não serão esquecidos se você os colocar na lista de tarefas.

Página: 14

FrontPage XP


Para inserir uma tarefa, no menu Editar selecione Tarefa e depois cliqueem Adicionar tarefa, insira um nome e uma descrição para a tarefa.Para fazer alguma alteração na tarefa, no modo Tarefas dê um cliqueduplo na tarefa desejada e faça as alterações na caixa de diálogo queserá apresentada.

CRIANDO SITE ATRAVÉS DE MODELO

O FrontPage possui ferramentas que permitem que você construa seusite em pouco tempo, sem a necessidade de conhecer HTML. Tais ferra-mentas são os modelos e os assistentes. Estas duas ferramentas forne-cem a estrutura básica para seu site, onde você poderá acrescentar in-formações e fazer modificações como quiser.

OBS: Os modelos e os assistentes são semelhantes, possuindo apenasuma diferença fundamental. Quando você cria um site usando um assis-tente, várias perguntas referentes ao site que você deseja criar são fei-tas, e de acordo com suas respostas, as páginas do seu site sãoconstruídas. Quanto aos modelos, eles apenas criam uma estrutura pa-dronizada de páginas, onde você deverá acrescentar informações àspáginas. Assim, as páginas criadas com os assistentes são personaliza-das, e as criadas com os modelos são padronizadas.

Antes de construirmos um site utilizando um modelo, você deve saberque ainda terá um pouquinho de trabalho para transformar a estruturaque 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 dozero.

CRIANDO UM SITE PESSOAL

Vamos usar o modelo Web pessoal para criarmos um site pessoal, ondeo conteúdo deste site será referente à sua pessoa ou a outra pessoa aqual você deseja construir um site. No menu Arquivo, aponte para Novoe depois clique na opção Página ou Web.

OBS: Os menus do FrontPage 2002 exibem apenas os itens mais utili-zados, escondendo os menos acessados (menu com formato “contraí-do”). Quando quiser visualizar todas as opções do menu, deixe o pontei-

Página: 15

FrontPage XP


ro do mouse parado alguns instantes sobre o nome do menu ou cliquena seta presente no final de cada menu contraído.

Clique na opção modelo de sites na Web, na caixa de diálogo queaparece estão disponíveis alguns modelos que poderão ser usa-dos. Selecione, então, o modelo Web pessoal e na caixa especi-fique 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émforam criados os arquivos HTML, as pastas necessárias (private e images)e os hyperlinks e relacionamentos entre as páginas desse site. Para umamelhor visualização do esquema de navegação entre as páginas, cliqueno ícone Navegação, da barra de Modos de Exibição.

Página: 16

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 asmodificações necessárias (volte a visualizar o site no modo de exibiçãoPáginas).

Selecionando um Tema

Antes de alterarmos as páginas, vamos escolher um tema para o nossosite 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 dapágina, etc). O tema escolhido poderá ser aplicado em todas as páginascontidas no site ou apenas em uma, sendo que aplicando o mesmo temaem todas as páginas você garantirá uma aparência uniforme ao longo dosite.

O FrontPage tem vários temas, e para acessá-los, clique no menuFormatar 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: 17

FrontPage XP


OBS: O FrontPage permite que você personalize os temas predefinidos,ou seja, você poderá escolher um tema e alterar as cores do corpo detexto, dos hyperlinks, rótulos da barra de navegação, além de modificara figura de plano de fundo, logotipos, elementos gráficos, etc. Persona-lizando um tema predefinido, você estará criando um novo tema — po-dendo usar seus próprios gráficos, conjuntos de cores e estilos. Esseassunto de personalizar temas será visto em capítulos posteriores.

Abaixo da lista com os temas, na caixa de diálogo Temas, encontramosquatro opções com as seguintes finalidades:

• Cores vivas: esta opção determina se o tema usará uma varieda-de de cores vivas, ou um segundo plano branco e cores mais escuras.

• Elem. gráficos ativos: esta opção permite que seu site exiba ele-mentos gráficos mais “interativos”, onde alguns elementos, como osmarcadores, se tornam animados e os botões de navegação mudam deaparência conforme o usuário desliza o mouse ou dá um clique sobreeles.

• Figura de plano de fundo: esta opção alterna entre uma imagemde fundo e uma cor de fundo. Se você selecionar Cores vivas e nãoselecionar Figura de plano de fundo, o FrontPage escolherá uma cor defundo apropriada para seu tema.

• Aplicar usando CSS: as folhas de estilo em cascata (CSS) forne-cem 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 co-res, 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. Va-mos 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 atodas as páginas do site) e clique no botão OK.

Página: 18

FrontPage XP


Inserindo e Modificando Textos

Dentre os arquivos que foram automaticamente criados depois que defi-nimos um modelo para o site, existe um chamado index.htm (observe,na Lista de pastas, que dentre os arquivos existentes, realmente existeum chamado index.htm). Na Web, index.htm é a home page padrão detodos 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 noarquivo index.htm para que possamos ver como está sendo apresenta-da 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 serinserido na página.

OBS: Você pode obter mais espaço na tela exibindo ou escondendo al-

Página: 19

FrontPage XP


gumas barras de ferramentas. Para isso, no menu Exibir, selecione ounão a barra de ferramentas que será exibida ou ocultada (na figura ante-rior ocultamos a Lista de pastas).

Vemos que a primeira página do site apresenta um cabeçalho (faixa), oqual iremos modificar mais adiante, uma barra de navegação e um corpode texto principal. Para modificar o texto do corpo principal, dê um cliqueno texto existente e logo verá o ponto de inserção. Acrescente, então, asinformações que desejar, como por exemplo, inclua o que você faz, es-pecifique o que irá ser mostrado no site, ou seja, coloque quaisquer in-formações pessoais que quiser, já que você está construindo o seu sitepessoal.

Enquanto você está digitando as informações nas páginas do site, algu-mas palavras podem ser sublinhadas de vermelho, significando que fo-ram digitadas de forma incorreta ou que simplesmente não constam nodicionário. Para solucionar essa questão, clique com o botão direito domouse sobre a palavra sublinhada com uma linha vermelha onduladapara que um menu seja apresentado.

Página: 20

FrontPage XP


O menu exibirá algumas palavras parecidas com a que você digitou (ondeestas servem como sugestão para substituir a palavra no texto), casovocê clique em alguma delas, ela substituirá a do texto. Outras opçõessão apresentadas:Ignorar todas - Irá ignorar essa palavra em todo lugar do texto que elaaparecer, caso exista;

Adicionar - Adiciona essa palavra ao dicionário, assim, da próxima vezque 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 nossapá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çãoe, 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 novonome (por exemplo Home Page - troque pelo seu nome ou nome deoutra 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 napágina principal e você verá a primeira página do site, com as alteraçõesfeitas.

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 debotões. Dê um clique duplo na frase que se encontra abaixo da faixaBemvindo ao meu site da Web para que seja apresentada a caixa de diálogoPropriedades da barra de navegação.

Página: 21

FrontPage XP


Nesta janela você deverá definir quais os hyperlinks que serão mostra-dos na página. Você saberá o nível de cada um visualizando a estruturado site no modo Navegação. Assim, podemos observar que a páginaprincipal Home Page está em um nível superior em relação às outrastrês páginas, sendo que estas se encontram no mesmo nível.

A figura anterior refere-se aos hyperlinks da página principal, porisso vamos selecionar a opção Nível filho para que os hyperlinksdas páginas que se encontram no nível abaixo da principal sejamadicionados. Depois, clique na guia estilo escolha a opção hori-zontal e clique em OK, para que a barra de navegação apresente-se na forma de botões com orientação horizontal.

Página: 22

FrontPage XP


Dê um clique sobre a caixa esquerda onde existe varias opções emantenha pressionado e arraste o para de baixo do titulo.

Até agora definimos o que será apresentado na primeira página. Vamosabrir 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 Interes-ses e pressione a tecla Ctrl (você verá que o ponteiro do mouse ficará noformato de uma mãozinha). Ainda com a tecla Ctrl pressionada, dê umclique 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 interes-ses. Este modelo de site já coloca os marcadores para você, e o formatodo marcador depende do tema que foi aplicado às páginas do site (cadatema tem os seus próprios formatos de marcadores).

Se você quiser excluir os marcadores, selecione a(s) linha(s) que con-

tém o(s) marcador(es). Em seguida, clique no botão Marcadores ( )

Página: 23

FrontPage XP


que se encontra na barra de ferramentas. Para inserir os marcadoresnovamente, deixe o cursor posicionado na linha que receberá o marcadore clique no botão Marcadores novamente.

Quando você insere um tema na página do site, os marcadores terão asimagens relativas àquele tema, para alterar essas imagens, no menuFormatar clique em Marcadores e Numeração. Na caixa de diálogoexibida, especifique se deseja usar as figuras do tema atual ou entãoescolher outra, que deverá estar em algum arquivo (e você poderá loca-lizar este arquivo através do botão Procurar).

Depois que você inseriu as informações desejadas na página Interes-ses, 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 aspáginas, e depois possa ser publicado.

Página: 24

FrontPage XP


Inserindo Figuras

Na página Álbum de fotos (como em qualquer outra), você poderá inserirfiguras provenientes de vários lugares, como por exemplo: figuras doClip Art, de páginas da Web, do seu computador e do scanner. Clique no

botão Inserir figura do arquivo ( ), na barra de ferramentas do

FrontPage, para que a caixa de diálogo Figura seja exibida (figura aseguir). Através desta caixa, você poderá inserir a figura desejada.

Clicando no botão Clip-art você poderá visualizar várias figuras já pron-tas que poderão ser inseridas nas páginas do seu site. Estas figurasestão separadas por categoria, escolha uma categoria e dê um cliquesobre ela. Você verá que as figuras referentes àquela categoria serãoexibidas.

Página: 25

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 parainserir outra figura clique novamente sobre o botão Inserir figura doarquivo, 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 va-mos modificar também a página Favoritos. No modo de visualizaçãoPá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 olink para o site (digite por exemplo Cadê?), selecione o texto e clique no

botão Hyperlink ( ), localizado na barra de ferramentas (ou no menu

Inserir, clique em Hyperlink). Na caixa de diálogo Editar Hyperlink digiteo URL do site na caixa URL (para inserir um link ao site Cadê, temos que

Página: 26

FrontPage XP


digitar o endereço do site Cadê, que é http://www.cade.com.br). Depoisde clicar no botão OK, observe que o texto Cadê? fica sublinhado, indi-cando que ele possui um link com alguma outra página ou site da Internet.

OBS: URL (Uniform Resource Locator) é o endereço completo do siteque desejamos acessar.

Depois, quando sua página estiver sendo exibida em um navegador, aodar um clique no link Cadê?, o site referente a este link será exibido, istose 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áginase os arquivos referentes ao modelo escolhido são criados automatica-mente. Mas, dependendo do objetivo do site, nem todas as páginas cri-adas 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 últimomodo a Lista de pastas deverá estar sendo exibida) e dê um clique como botão direito do mouse no arquivo (que representa sua página) quedeseja excluir, no menu de atalho que será apresentado escolha a opção

Página: 27

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 fotografi-as, 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 efaz uma atualização de todos os vínculos e barra de navegação do siteinteiro.

OBS: Não se esqueça de salvar sempre seu site a cada alteração reali-zada, pois você poderá perder tempo e trabalho se não realizarfreqüentemente este procedimento.

Os tipos de modelos existentes no FrontPage talvez não atendam a umanecessidade específica sua, mas, não tenha medo de criar um site usan-do um modelo que seja semelhante, mas não exatamente igual, ao siteque você precisa. Depois é só fazer as alterações necessárias, e seprecisar, você pode acrescentar outras páginas novas ao seu site daWeb. 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 nave-gador. Você testará o site para ver se todos os links estão corretos e seas 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: 28

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 oInternet Explorer, vá até o menu Arquivo e clique em Abrir. Na caixa dediá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 exibidano Internet Explorer. Você deve testar todos os links e certificar-se deque não há problema algum.

Página: 29

FrontPage XP


CRIANDO SITE USANDO ASSISTENTE

O site anterior foi criado com a ajuda de um modelo, agora vamos cons-truir outro site usando um dos assistentes oferecidos pelo FrontPage. Osassistentes farão várias perguntas a respeito do site que você desejacriar e, dependendo de como você responder a cada uma delas, as pági-nas apropriadas são criadas. Lembre-se que depois é possível alterar aspáginas que foram criadas (incluir elementos nas páginas, excluir itensou páginas, etc).

Como exemplo, vamos criar um site que mostrará o perfil de uma empre-sa 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 oproduto ou serviço, colocar imagens, o preço dos produtos e outras in-formações. Seu site ainda conterá uma página Sumário, onde será pos-sível indexar seu site e atualizá-lo automaticamente sempre que sua

Página: 30

FrontPage XP


estrutura for modificada. Você também poderá usar um formulário defeedback para obter informações sobre seus usuários. Tudo o que foicitado poderá ser obtido utilizando-se o Assistente de presençacorporativa. Como exemplo, vamos elaborar um site para a empresafictícia Fit Informática.

No menu Arquivo do FrontPage 2002, aponte para Novo e depois cliqueem Web. Na caixa de diálogo Novo, selecione a opção AssistenteFormulário.

Página: 31

FrontPage XP


A tela de abertura do Assistente é apresentada (próxima figura), infor-mando que você deverá responder a algumas perguntas que lhe serãofeitas.

Página: 32

FrontPage XP


Na parte inferior da tela vemos alguns botões:

• Cancelar: clicando sobre este botão, o assistente é interrompido evocê 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, oFrontPage irá preencher o site com as informações que foramfornecidas 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 seusite. 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 formu-lário para que as perguntas sejam feitas. Em seguida, clique em Avan-çar. Neste momento você poderia ainda adcionar outra pergunta, porémclique em Avançar.

Página: 33

FrontPage XP


Página: 34

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 per-guntas. Clique em Avançar.

Página: 35

FrontPage XP


Página: 36

FrontPage XP


Na próxima tela, em Opções de Saída, selecione o tipo de tratamentoque deverá ser utilizado na submissão e o nome base do arquivo deresultados. Clique em Avançar. Essas opções assinaladas durante asetapas do assistente controlam se o FrontPage deve deixar espaço parao item selecionado, e não para o conteúdo real de cada item. Depois épossível digitar ou alterar alguns itens, assim, o assistente simplesmentecria um espaço que poderá ser preenchido com o conteúdo real de suapreferência.

Pronto! Agora é só clicar em Concluir e conferir o formulário montado.

Página: 37

FrontPage XP


Agora, modifique o tema da pagina em Formatar / Tema.

Página: 38

FrontPage XP


O site é criado e exibido, e partir de agora, você pode aprimorá-lo epersonalizá-lo de acordo com o seu gosto.

Para personalizar o site, visualize-o no modo Páginas e dê um clique du-plo no arquivo index.htm para ver a primeira página do site. As alteraçõessã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 oscomentários exibidos nas páginas para alterá-las, e não se esqueça dastarefas a serem concluídas que se encontram no modo Tarefas. Depois demodificar todas as páginas, salve-as e teste seu site seguindo o mesmoprocedimento descrito na lição Testando o site criado.

Além de todas as facilidades oferecidas pelo assistente na criação deum site, um outro recurso que ele oferece é a atualização automática decada página, ou seja, você pode alterar o telefone da empresa, por exem-plo, e essa alteração afetará todas as páginas que contenham esse nú-mero de telefone. Para acessar este importante recurso, no menu Ferra-mentas clique em Configurações da Web, na caixa de diálogo que

Página: 39

FrontPage XP


será exibida selecione a guia Parâmetros, faça as modificações neces-sárias e clique no botão OK. Estando com as páginas do site sendo

exibidas no modo Páginas, clique no botão Atualizar ( ), da barra de

ferramentas do FrontPage, para que as informações do site sejamatualizadas.

IMPORTANDO UM SITE

Através do FrontPage você pode importar sites de uma pasta localizadaem uma unidade de disco rígido ou da World Wide Web, usando, paraisso, o Assistente para importação de Web. Esse assistente importa osarquivos do seu disco rígido, da sua rede local (intranet) ou da Web edepois cria um novo Web site do FrontPage a partir desses arquivos.Use este assistente, também, quando quiser importar sites de versõesmais antigas do FrontPage.

Para importar sites utilizando o Assistente, aponte para Novo, no menuArquivo, e depois clique em Web no submenu. Na caixa de diálogo Novoselecione a opção Assistente para importação de Web e especifique olocal da nova Web, depois clique em OK. Aparecerá a caixa de diálogoreferente à primeira etapa do processo de importação.

Página: 40

FrontPage XP


OBS: Você também pode importar um site através do comando Impor-tar do menu Arquivo.

Na caixa de diálogo Assistente para importação de Web - Escolher ori-gem, você deve escolher se quer importar arquivos de um computadorlocal ou da rede local (primeira opção), ou então a partir de um site daWorld Wide Web (segunda opção).

Selecionando a primeira opção, será preciso localizar a pasta ou arqui-vos que deseja importar clicando no botão Procurar. Após clicar nestebotão, selecione a pasta desejada e clique em OK. Se a pasta seleciona-da incluir subpastas ou arquivos que você também deseja importá-los,assinale a opção Incluir subpastas da caixa de diálogo do assistente, emseguida 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 queestão dentro da pasta que você selecionou. Se desejar excluir um arqui-vo da lista, selecione-o e clique no botão Excluir. Depois de removeralguns arquivos da lista, você ainda tem a chance de ver a lista original,

Página: 41

FrontPage XP


clicando no botão Atualizar. Depois de decidir quais arquivos farão partedo seu site, clique em Avançar. Na última tela clique em Concluir paraque os arquivos sejam importados e apresentados a você.

Agora, se na primeira etapa do assistente você selecionou a segundaopção (De um site da World Wide Web), terá de digitar o endereço deuma localização na Web (como na figura a seguir) e depois clicar emAvançar.

Na caixa de diálogo Assistente para importação de Web - Escolher quan-tidade de download (próxima figura) você define os limites de níveis etamanhos de arquivos, e também tem a opção de limitar a transferênciaaos arquivos de texto e de imagens.

Página: 42

FrontPage XP


Depois de selecionar as opções desejadas clique em Avançar. Na últimatela clique em Concluir para fazer o FrontPage criar o novo Web site.

Ao importar arquivos para criar um novo site a partir deles, o FrontPagepreserva a estrutura da pasta antiga que você importou e acrescentasuas 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 pode-mos realizar com os sites e arquivos que criamos e visualizamos noFrontPage 2002.

Página: 43

FrontPage XP


ABRIR UM SITE

No FrontPage você poderá ter mais de um site aberto, e já deve ternotado que cada um deles é aberto em uma janela separada e completa(com menus e botões). Desta maneira, cada site aberto é representadopor um ícone na barra de tarefas.

Para abrir um site, utilize botão Abrir da barra de ferramentas doFrontPage.

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 duasopções exibirão a caixa de diálogo Abrir arquivo, onde você deverá loca-lizar o arquivo ou site desejado e depois clicar no botão Abrir (da caixade diálogo Abrir arquivo).

Página: 44

FrontPage XP


RENOMEAR UM SITE, PÁGINA OU ARQUIVO

Para modificar o nome de um Web site, você deverá estar com o siteaberto no FrontPage. Depois, vá até o menu Ferramentas e clique naopçã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 nomepara a Web.

OBS: Se você renomear uma Web após publicá-la, precisará publicar aWeb inteira novamente com o novo nome. Os hyperlinks de outros sitesda Web para a sua Web antiga não funcionarão mais; portanto, oriente osvisitantes 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 digitaro novo nome. No modo Páginas, exiba a página a ser renomeada e cliquecom o botão direito do mouse em qualquer lugar da página, no menuexibido 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 nomeda página, selecione a opção Propriedades e digite o nome desejado.

Página: 45

FrontPage XP


Para renomear arquivos, visualize-os na Lista de pastas, clique sobre oarquivo desejado para selecioná-lo, pressione F2 e digite o novo nome.

EXCLUIR UM SITE

Para poder excluir um site, você precisa ter direito de acesso administra-tivo com o FrontPage, e além disso, o site deverá estar aberto noFrontPage. Assim, para excluir o site que se encontra aberto, clique como botão direito do mouse (na Lista de pastas) na pasta onde o site foisalvo e, em seguida, clique em Excluir no menu de atalho.

Depois que o site é completamente eliminado, não será mais possívelrecuperá-lo, nem mesmo a partir da lixeira do Windows Explorer ou qual-quer outro diretório que o FrontPage tenha criado para esse site.

Página: 46

FrontPage XP


EXCLUIR ARQUIVOS

Como já foi mencionado no capítulo referente à criação de sites atravésde modelos, os arquivos podem ser excluídos selecionando-os e pressi-onando a tecla Delete, ou então você pode dar um clique com o botãodireito do mouse sobre o arquivo e escolher a opção Excluir (tudo sendorealizado 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 paraseus sites (inclusive arquivos que não foram criados por produtosMicrosoft), ou seja, você pode importar qualquer tipo de arquivo para oqual o seu sistema operacional ofereça suporte.

OBS: Para importar um arquivo ou pasta para uma subpasta específicada sua Web, selecione essa pasta na Lista de pastas antes de usar oprocedimento descrito a seguir.

O site que receberá os arquivos deverá estar aberto no FrontPage. Paraimportá-los, selecione a opção Importar a partir do menu Arquivo. Acaixa de diálogo Importar aparece.

Página: 47

FrontPage XP


De acordo com a figura anterior, você poderá importar arquivos e pastasde seu sistema local ou então da Web, sendo que neste último casovocê terá acesso ao Assistente para importação de Web, o qual já foivisto em capítulos anteriores.

Clique no botão Adicionar arquivo para que a caixa de diálogo Adicionararquivo à lista de importação apareça, e nesta caixa você poderá seleci-onar os arquivos que deseja importar. Os arquivos são selecionadosexatamente como no Windows Explorer. Depois de selecionar os arqui-vos desejados, clique no botão Abrir. A caixa de diálogo Adicionar arqui-vo à lista de importação se fecha e os arquivos são listados na caixa dediálogo Importar. Depois dê um clique em OK para que os arquivos se-jam adicionados ao seu site.

OBS: Para importar rapidamente um arquivo ou uma seleção de arqui-vos para a Web atual, arraste-os do Windows Explorer para a Lista depastas.

Os arquivos importados ainda não estão vinculados a nenhuma páginado site, eles aparecem junto com os outros arquivos pertencentes aoseu site.

EXPORTAR UM ARQUIVO DE UM SITE

Você pode exportar um arquivo ou pasta de uma página de um site paraoutro local. Isto é possível, já que você pode gravar qualquer arquivo nodisco rígido, em uma localização de rede ou em disquete. O modo maisfácil é exibir o arquivo no modo Página e selecionar a opção Salvar comoque se encontra no menu Arquivo. Na janela exibida, digite um novonome (se desejar) na caixa Nome do arquivo e na caixa Salvar emencontre o local onde o arquivo será salvo.

Quando você exporta um arquivo para um local especificado, o arquivonão é removido do seu site. Para remover um arquivo de um site vocêdeve excluí-lo.

Página: 48

FrontPage XP


CRIAÇÃO DE PÁGINAS

Como já foi dito, com o FrontPage ficou bem mais fácil produzir páginaspara a Web sem precisar conhecer a linguagem HTML. As páginas sãoos documentos básicos da World Wide Web, são escritas em HTML eapresentam-se no formato WYSIWYG (“what you see is what you get” -isso significa que aquilo que aparece na sua tela é exatamente o quevocê vai ver quando estiver usando um navegador da Web, em outraspalavras, o que você vê é o que você obtém).

Você pode trabalhar com as páginas como faria em um processador detextos - digitar e formatar texto, adicionar gráficos, tabelas e outros ele-mentos de página. E para facilitar ainda mais o FrontPage fornece váriosmodelos de páginas para que você possa criar rapidamente páginas comdiversos 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 sitedeve estar aberto no FrontPage (isto não é uma regra, pois depoisque 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 (parainserir uma página normal, sem nenhum modelo, clique no botão Nova

página ( ) da barra de ferramentas do FrontPage);

3. Você deve selecionar um modelo de página na caixa de diálogo Novoque aparece.

OBS: Se você inserir uma página em um site que apresente um tema, anova página inserida também conterá o mesmo tema que as outraspáginas do site.

Vamos, agora, criar páginas, mas antes vamos criar uma Web que con-terá as páginas. Para isso, no menu Arquivo do FrontPage, escolhaNovo e selecione a opção Web. Na caixa de diálogo Novo selecione aopção Web de uma página, especifique o local e nome da nova Web eclique em OK.

Página: 49

FrontPage XP


Inicialmente vamos criar um site de uma página só e depois vamos inse-rir outras páginas (o site que iremos criar conterá informações sobre osfilmes e as peças de teatro que estão em cartaz, os shows que serãorealizados 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 cliqueduplo sobre ele.

OBS: Antes de criar um site, é importante que você já tenha em menteos objetivos e a finalidade do seu site, que você já tenha elaborado umplano. Assim, ficará mais fácil saber quais as informações que deverãoser 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, oshyperlinks e depois vamos testar o site que acabamos de criar. Umamaneira 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 en-quanto você só tem a página inicial do site, selecione esta página (dê um

Página: 50

FrontPage XP


clique sobre ela) e depois clique no botão Nova página da barra de ferra-mentas do FrontPage. Uma nova página é criada no nível abaixo dapágina inicial. Vamos aproveitar e renomear esta página, ou seja, mudaro 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ê umclique duplo no retângulo Home Page para editar a página. Digite asinformações nesta página conforme a figura a seguir. Depois iremosaplicar um formato no texto e incluir uma barra de navegação.

Página: 51

FrontPage XP


Como já mencionamos, os textos, no FrontPage, são digitados do mes-mo modo como são digitados no Microsoft Word. Vários recursos quevocê 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, oFrontPage imagina que você tenha chegado ao fim de um parágrafo epor este motivo coloca uma linha em branco entre o parágrafo anterior eo novo. Para que você possa continuar digitando na linha imediatamenteseguinte, em vez de pressionar somente Enter, mantenha pressionada atecla Shift e em seguida pressione Enter.

Agora, na Lista de pastas, dê um clique duplo no arquivo filmes.htm parainserirmos o texto. Digite e centralize o título da página: Filmes. Abaixo

do título, utilizando os marcadores ( ), digite alguns nomes de filmes

de acordo com a figura abaixo. Se quiser, poderá digitar outros títulos defilmes.

Página: 52

FrontPage XP


Primeiro estamos montando a estrutura das páginas do site, depois, nooutro capítulo, vamos aplicar alguns estilos para melhorar a aparênciadessas páginas.

Agora salve a página, clicando no botão Salvar ( ) da barra de ferra-

mentas e exiba o site novamente no modo Navegação. Selecione a pági-na Filmes e crie mais quatro páginas, já que cada título de filme, e suasrespectivas informações, estarão contidos em uma página. No própriomodo de Navegação altere o nome das páginas.

Página: 53

FrontPage XP


Agora dê um clique duplo na página referente ao primeiro filme -Sonhode uma Noite de Verão- para editá-la. Insira informações a respeito dofilme, como na figura a seguir.

Altere o nome do arquivo referente a esta página para sonho.htm (naLista de pastas selecione o arquivo nova_pagina_1.htm, pressione F2,digite o novo nome e pressione Enter).

Página: 54

FrontPage XP


De acordo com a próxima figura, insira o conteúdo referente a outro fil-me, por exemplo Mauá - O Imperador e o Rei. Depois de inserir o texto,altere o nome do arquivo para maua.htm.

Agora você deve criar as outras páginas para os outros filmes. As infor-mações referentes aos filmes (sinopse, elenco, etc) podem ser encon-tradas no jornal (as informações referentes aos dois filmes descritos nestaapostilas foram obtidas no endereço: www.cinemaonline.com.br). Se acharmelhor, 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, precisamossomente criar os links entre as páginas, através da criação de uma barrade navegação.

O FrontPage possui um recurso denominado Borda Compartilhada,sendo esta uma região comum a uma ou mais páginas da Web. Dentroda borda compartilhada podemos inserir itens que desejamos que apa-reçam nas páginas, e depois para cada página em sua Web, você pode

Página: 55

FrontPage XP


definir as bordas a serem compartilhadas: superior, direita, etc. Vamosaproveitar o recurso da borda compartilhada para inserir a barra de na-vegação em todas as páginas de uma vez só.

Exiba a página inicial (Home Page) e depois selecione a opção Bordacompartilhada do menu Formatar. Na caixa de diálogo Bordas compar-tilhadas selecione as opções: Todas as páginas, Parte superior e Incluirbotões de navegação, depois clique em OK (o FrontPage exibirá umacaixa com um aviso, clique em Sim).

Agora, dentro da borda compartilhada, dê um clique duplo na frase queestá abaixo da palavra Home Page para editar as propriedades da Barrade navegação. Na caixa de diálogo Propriedades da barra de navegaçãoque aparece, selecione quais os hyperlinks que serão exibidos na barra.

Página: 56

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 eselecione a opção Bordas compartilhadas. Na caixa de diálogo Bordascompartilhadas marque a opção Página atual e modifique o que desejar,depois clique em OK. Desta maneira as alterações serão realizadas ape-nas em uma página, ou seja, na página atual.

A borda compartilhada está apresentando um título e uma barra de na-vegação, sendo que este título é o que definimos como sendo o nome dapágina. Vamos modificá-lo, para isso dê um clique duplo sobre ele paraque a janela Propriedades da faixa de página seja exibida. Nesta janeladigite o novo título, como por exemplo, digite Guia Cultural na páginainicial e depois clique em OK.

Página: 57

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 pro-cedimento e edite o texto da borda compartilhada de todas as páginas, enas páginas com a descrição dos filmes, por exemplo, digite todo o nomedo filme como título.

No próximo capítulo vamos melhorar a aparência das páginas do nossosite, formatando os textos e inserindo figuras.

Observe, na página Filmes, que a barra de navegação não oferece apossibilidade de acessarmos as outras páginas referentes ao filmes. Pararesolver esta questão, precisamos criar hyperlinks desta página para comas 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

clique no botão Hyperlink ( ), da barra de ferramentas, para que a

caixa de diálogo Editar hyperlink seja exibida.

Página: 58

FrontPage XP


Selecione o arquivo sonho.htm (para que quando clicarmos na fraseSonho de uma Noite de Verão, da página Filmes, seja exibida a páginarelativa ao filme em questão), depois clique em OK. Observe que o textoSonho de uma Noite de Verão está sublinhado, indicando que agora eleé um hyperlink. Realize o mesmo procedimento com os nomes dos ou-tros filmes.

MODOS DE EXIBIÇÃO DAS PÁGINAS

Você já deve ter visto que na parte inferior da janela da Área de Ediçãodo FrontPage existem três guias: Normal, HTML e Visualização. Essasguias nos oferecem alternativas diferentes para observar o conteúdo deuma página.

O modo de visualização Normal é o que utilizamos até o momento, e sevocê não quiser ver qualquer código de programação, continuará a utili-zar 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. Podemosvisualizar e editar o código HTML, para isso, basta que a página estejaaberta e a guia HTML selecionada. Selecione a guia HTML na parteinferior da janela de uma página qualquer, você perceberá que a HTMLnão é muito complicada ou difícil de ser entendida.

Página: 59

FrontPage XP


Na terceira guia, Visualização, você poderá ver como suas páginas se-rão exibidas no navegador. Assim, se quiser navegar e ter uma pré-visualização de seu site, selecione a guia Visualização. Este modo deexibição é um ótimo recurso para visualização offline de um site, maspara 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 otexto permanece com a mesma fonte e mesmo tamanho, criando um as-pecto cansativo e tedioso. Vamos, então, acrescentar estilo ao texto, comoalterar 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 FrontPageoferece seis tamanhos diferentes, numerados de 1 (o maior) a 6 (o menor).

Página: 60

FrontPage XP


Para mudar facilmente o tamanho de um texto (palavra, linha, parágrafoou página inteira), selecione o texto e depois, usando a caixa Tamanho

da fonte ( ) da barra de ferramentas do FrontPage, selecione otamanho desejado.

ALTERANDO O TIPO DA FONTE

O FrontPage oferece vários tipos de fontes que poderão ser usadas nasua 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 ( ), Itálico

( ) ou Sublinhado ( ), clicando sobre os botões correspondentes na

barra de ferramentas.

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: 61

FrontPage XP


no menu Formatar, clique em Fonte (ou clique com o botão direito domouse 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 depoder aplicar vários outros efeitos. Para ver como o texto ficará olhe oresultado na área de visualização.

Procure usar efeitos e tipos de fontes mais comuns, que a maioria daspessoas possua, pois muitos destes podem não ser exibidos em umnavegador com a mesma aparência que tem no FrontPage. Se o compu-tador do visitante não tiver a fonte que foi usada, a página irá aparecersimplesmente com a fonte Times New Roman.

Página: 62

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. Pode-mos modificar esse padrão de cores, para isso, dê um clique com obotão direito do mouse em qualquer lugar da página e selecione a opçãoPropriedades da página. Na caixa de diálogo Propriedades da página,ative a guia Plano de fundo.

Página: 63

FrontPage XP


Nesta caixa de diálogo vemos cinco elementos que podem ter a cor pa-drão alterada: o plano de fundo, o texto, o hyperlink, o hyperlink que já foivisitado e o hyperlink que está ativo. Lembre-se que as alterações feitasnesta 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 quenã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ímbo-los. 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ímboloaparece.

Para incluir um desses símbolos na sua página da Web, selecione-o eclique no botão Inserir. Depois clique no botão Fechar para fechar a cai-xa de diálogo. Para excluir o símbolo da página, use as teclas Delete ouBackspace.

INSERINDO LINHAS HORIZONTAIS

Você pode incluir vários tipos de linhas horizontais a fim de separar eorganizar os elementos das suas páginas da Web. É possível configurara cor, comprimento, alinhamento e altura das linhas, já que a linha hori-zontal padrão é uma linha fina que percorre toda a largura da página.

Página: 64

FrontPage XP


Para inserir uma linha na sua página, selecione Linha Horizontal nomenu Inserir. A linha será inserida na posição do cursor, e parapersonalizá-la, dê um clique duplo sobre ela (ou dê um clique com obotão direito do mouse sobre ela e selecione Propriedades da linha hori-zontal). A caixa de diálogo Propriedades da linha horizontal aparece.

Na seção Largura você altera a largura da linha, na Altura altera-se aaltura 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 tipodas 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.htmpara abrir a página inicial). Vamos começar inserindo um tema nestapá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 aspá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 acompa-nhar o estilo do tema. Agora selecione o texto abaixo da barra de nave-

Página: 65

FrontPage XP


gação e altere a fonte para Comic Sans MS e aumente um pouco otamanho, 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 aplicaro 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: 66

FrontPage XP


Observe, na figura anterior, que modificamos a borda compartilhada destapágina para melhor exibir as opções de navegação entre as páginas dosite. Para isso, clique na opção Bordas compartilhadas do menuFormatar e na caixa de diálogo exibida, selecione a opção Página atuale também Esquerda, como mostra a figura a seguir.

Página: 67

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 dabarra 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ãoOK. Desta maneira, você poderá acessar a página inicial e avançar evoltar 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, selecionetodo o texto que se encontra abaixo da barra de navegação e altere afonte para Helmet (ou escolha outro tipo, se você não tiver esta fontedisponível). Depois, clique em Plano de fundo no menu Formatar, e nacaixa de diálogo Propriedades da página selecione a cor Prateado (ououtra, se preferir) para o fundo da página. Agora altere a cor da palavraSinopse (selecione-a e utilize o botão Cor da fonte da barra de ferramen-tas), aplique a mesma cor nas palavras Elenco, Direção e Duração.

Podemos, também, inserir uma figura na nossa página, que pode seruma 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 foiinserida de um arquivo.

Página: 68

FrontPage XP


Observe que na página do filme Sonho de uma Noite de Verão tambémfoi inserida borda compartilhada à esquerda.

Agora que você já sabe como aplicar os estilos às páginas, mude a apa-rência de todas as outras páginas do seu site, inserindo linhas horizon-tais, 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, nasquais podemos exibir outras páginas ou imagens. Assim, uma única pá-gina do site pode conter vários quadros, cada um podendo exibir umapágina diferente. Os quadros são utilizados quando queremos que de-terminada região do site permaneça estática (apareça o tempo todo)enquanto outras regiões sempre mudam. A figura a seguir mostra umapágina que foi construída utilizando-se três quadros, sendo que os daesquerda e acima exibem várias opções, e se você der um clique em

Página: 69

FrontPage XP


qualquer uma das opções, a página correspondente será exibida no qua-dro principal (chamado quadro de destino) à direita. Sendo assim, so-mente o quadro de destino modificará seu conteúdo.

CRIANDO PÁGINAS COM QUADROS

Vamos agora criar um outro site utilizando quadros. O site que iremosconstruir será referente a uma agência de viagens fictícia, a Villar Turis-mo, onde o visitante encontrará as opções de viagens, os preços, pro-moções, etc. Crie, então, um novo site em um diretório denominado Tu-rismo (para criar um site, clique no menu Arquivo Novo Web, sele-cione a opção Web de uma página e não esqueça de especificar o localda nova Web). Depois de criar o site, dê um clique duplo no arquivoindex.htm para editar a página principal. Agora vamos criar uma novapágina com quadros (menu Arquivo Novo Página), na caixa dediálogo Novo selecione a guia Página de quadros.

Página: 70

FrontPage XP


O FrontPage dispõe de dez tipos diferentes de quadros, como você podever no lado esquerdo da figura anterior. Selecione o tipo Conteúdo eclique em OK. Uma nova página é criada, contendo dois quadros, ondecada 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 explica-dos a seguir.

• Botão Definir página inicial: este botão permite que você selecioneum arquivo já existente (no seu site atual ou em algum ponto daInternet), onde este arquivo será a página inicial do quadro (primeirapá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 oinício (ao invés de abrir uma já existente), onde esta página irá serexibida no quadro.

Página: 71

FrontPage XP


CONFIGURANDO CADA QUADRO

Como iremos construir o site desde o início, vamos ter que criar umapágina para cada quadro. Portanto, no quadro da esquerda, clique nobotão Nova Página e veja que o quadro transforma-se em uma páginaem branco. Agora precisamos inserir as informações nesta página. Con-forme a próxima figura, insira o conteúdo no quadro da esquerda (asfontes usadas foram Monotype Corsiva e Comic Sans MS). Depois, utili-zando o menu Inserir, insira e configure as linhas horizontais.

OBS: O quadro que está selecionado é identificado por uma borda azul.

Vamos agora inserir um conteúdo no quadro da direita, clique no botãoNova Página para que uma página em branco apareça. Depois insira otexto e uma figura de acordo com o exemplo a seguir (a fonte utilizada foia BernhardMod BT, em tamanhos diferentes).

Página: 72

FrontPage XP


A figura foi inserida utilizando o Clip-art (menu Inserir Figura Clip-art). Quando a figura está selecionada (ou seja, com unsquadradinhos ao redor das bordas), você pode redimensioná-la, arras-tando as alças de redimensionamento (que são os quadradinhos).

Com a figura selecionada, a barra de ferramentas Figuras é exibida, eela aparece normalmente no lado inferior da janela do FrontPage (seesta barra não for mostrada, aponte para Barras de ferramentas nomenu Exibir e, em seguida, clique em Figuras). Através desta barravocê pode aplicar vários recursos e efeitos nas figuras utilizando os bo-tões disponíveis. A figura que inserimos através do clip-art está com oefeito chanfrado, que foi conseguido dando-se um clique no botão

Chanfrar ( ) da barra de ferramentas Figura.

Página: 73

FrontPage XP


O tema que deverá ser inserido na página que acabamos de criar é oExpedição (para escolher um tema, deixe o quadro da direita seleciona-do 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, selecioneo quadro da esquerda para inserirmos uma cor de fundo, para isso sele-cione Plano de fundo no menu Formatar (ou clique com o botão direitodo 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 dediálogo Salvar como observe que o quadro da esquerda está seleciona-do, ou seja, é este quadro que irá ser salvo. Na caixa Nome do arquivodigite indice.htm. Observe se na caixa Salvar em (parte superior) estáselecionada a pasta que você definiu para armazenar o site.

Página: 74

FrontPage XP


Ainda na caixa de diálogo Salvar como clique no botão Alterar para alte-rar 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 tam-bém na caixa Salvar como. Imediatamente outra caixa de diálogo Salvarcomo é exibida, só que desta vez para você salvar o quadro da direita.Digite primeira.htm na caixa Nome do arquivo e deixe Introdução comotítulo da página.

Clique em OK. Uma caixa de diálogo Salvar arquivos incorporados apa-recerá, perguntando se você deseja salvar a figura que foi inserida napágina, clique em OK.

Página: 75

FrontPage XP


Outra janela Salvar como é exibida, e desta vez indicando que devemossalvar todo o conjunto dos quadros, onde este conjunto será nossa pági-na principal. Como a página que contém os quadros será a primeirapágina a ser exibida, digite index.htm na caixa Nome do arquivo e altereo título para Villar Turismo. Ao clicar em OK o FrontPage irá avisá-lo deque o arquivo index.htm já existe, clique em Sim para substituí-lo.

Página: 76

FrontPage XP


Agora você já está com os quadros definidos e salvos, falta criarmos aspáginas que serão exibidas quando clicarmos em um item do quadro dolado esquerdo, já que as palavras aérea, terrestre, marítima e promoçãoserão links para outras páginas (ao clicarmos nessas palavras a páginacorrespondente será exibida no quadro da direita).

Estando com o quadro da direita selecionado, clique no botão Novo dabarra de ferramentas. Uma página em branco é exibida, tomando toda atela. Vamos colocar nesta página informações referentes às viagensaéreas (próxima figura). Os marcadores (losangos) e a figura do aviãoforam inseridos através do Clipart (para deixar a figura sem o fundo branco,

selecione-a e clique no botão Definir cor transparente ( ) da barra de

ferramentas Figura, depois clique na cor branca da figura). Aplique, nes-ta página, o mesmo tema aplicado anteriormente à outra página.

Página: 77

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 umaoutra página, onde esta conterá informações sobre a localidade a servisitada 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 cadapágina que você criou com um nome que seja fácil de identificá-la poste-riormente.Agora vamos inserir os hyperlinks. Volte para a página principal (dê umclique 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: 78

FrontPage XP


quadro da esquerda. Clique no botão Hyperlink ( ) na barra de ferra-

mentas do FrontPage. Na caixa de diálogo Criar hyperlink selecione oarquivo primeira.htm e clique em OK.

Agora selecione a palavra Aérea do quadro da esquerda e crie umhyperlink usando o arquivo aerea.htm. Estando no navegador, quandovocê clicar na palavra Aérea, a página Viagens Aéreas será exibida noquadro da direita, ficando estático o quadro da esquerda. Estabeleçaagora os hyperlinks para as páginas que você criou referentes às locali-dades.

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 (aslocalidades 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 tes-te o site no seu navegador (ative o navegador e na caixa Endereço digiteo endereço do site, por exemplo, C:\Meus sites\Turismo\index.htm, ouentão, no menu Arquivo do navegador, selecione a opção Abrir e localizeo arquivo index.htm do site que será aberto).

PROPRIEDADES DOS QUADROS

É possível alterar algumas propriedades dos quadros, através da caixade diálogo Propriedades do quadro. Você definirá se um quadro poderáou não ser redimensionado, no navegador, pelo usuário; se as barras derolagem devem ou não ser exibidas, entre outras.

Essas propriedades serão definidas para cada um dos quadros existen-tes na página. Estando com um quadro selecionado, escolha a opçãoPropriedades do quadro no menu Quadros ou clique com o botão di-reito do mouse sobre o quadro e escolha a opção Propriedades doquadro. A caixa de diálogo Propriedades do quadro aparecerá.

Página: 79

FrontPage XP


No campo de texto Nome você pode definir um novo nome para a pági-na. 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ãoProcurar.

Para ajustar as margens dentro da página, na seção Margens, digite osvalores nas caixas de texto Largura e Altura. Tudo que for exibido na pági-na 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 ounão redimensionar o quadro ativo (aumentar ou diminuir o quadro, arras-tando as suas bordas) ao navegarem pelo site. Você também pode deci-dir se as barras de rolagem serão sempre mostradas (selecionando aopçã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. Cliqueneste botão para aumentar ou diminuir o espaçamento entre os quadrose se as bordas serão exibidas ou não. Altere essas opções e veja oresultado na página do seu site.

Página: 80

FrontPage XP


CRIAÇÃO DE TABELAS

As tabelas que podemos criar no FrontPage têm a mesma estrutura esão usadas de maneira semelhante às tabelas do Microsoft Word. Comtais tabelas você pode exibir e organizar as informações existentes nassuas páginas, mediante o uso de colunas e linhas. Você também podecontrolar a cor, a borda, o alinhamento, o espaçamento e o conteúdo decada 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 ferra-mentas Tabela. Outra opção é inserir uma tabela já com as linhas e colu-nas definidas (mas nada impede de você inserir mais linhas e colunasposteriormente). Para desenhar uma tabela, clique na opção Desenhartabela do menu Tabela da barra de menu do FrontPage (a barra de ferra-mentas Tabela será exibida) e para inserir uma tabela, selecione Inserir

Tabela do menu Tabela.

Quando você opta por inserir uma tabela, a caixa de diálogo Inserir tabe-la aparece. Nesta caixa você define, na seção Tamanho, o número delinhas e colunas que a sua tabela terá. Na seção Layout são apresenta-dos quatro recursos importantes: Alinhamento, Tamanho da borda, En-chimento da célula e Espaçamento da célula.

Página: 81

FrontPage XP


Na opção Alinhamento você seleciona a posição na página onde desejacolocar a tabela: à esquerda, direita, centralizada, justificada ou padrão(alinha a tabela de acordo com o alinhamento já definido para essa áreada página).

A opção Tamanho da borda define a espessura da borda da tabela, quepode variar entre 0 e 100 pixels. Se o valor para esse campo for zero, oFrontPage irá desenhar linhas pontilhadas entre cada célula, significan-do 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 aborda 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 represen-ta o número de pixels entre células de uma tabela, e por padrão essenúmero é dois.

Além de poder criar uma tabela usando as duas opções do menu Tabeladescritas 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 esquerdodo mouse sobre o botão Inserir tabela e mantenha-o pressionado, de-pois arraste o mouse para definir o tamanho da tabela (o número delinhas e de colunas, que poderão ser alterados posteriormente). Quando

Página: 82

FrontPage XP


já estiver definido o tamanho da tabela, solte o botão do mouse e a tabe-la aparecerá imediatamente na sua página. A figura a seguir ilustra umatabela 3x4 que está sendo criada com o uso do botão Inserir tabela dabarra de ferramentas.

MODIFICAR OS ATRIBUTOS DA TABELA

Depois que você criou sua tabela, é possível fazer alterações nas propri-edades dessa tabela. Para isso, dê um clique com o botão direito domouse sobre a tabela e selecione a opção Propriedades da tabela paraque a caixa de diálogo de mesmo nome apareça.

Página: 83

FrontPage XP


A seção Layout você já conhece. Na seção Bordas, além de alterar otamanho da borda, é possível também alterar as suas cores (a cor daborda clara especifica a cor em destaque e a da borda escura determinaa cor da sombra). Em Plano de fundo você tem a opção de inserir umaimagem de fundo, para isso, selecione a opção Usar figura de plano defundo 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 caixaCor.

OBS: Para visualizar cada alteração que você faz nas propriedades databela, 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 afe-tar a tabela toda), dê um clique com o botão direito do mouse sobre acélula que será alterada e escolha Propriedades da célula. A caixa dediálogo que será exibida é semelhante à caixa de diálogo Propriedades

Página: 84

FrontPage XP


da tabela, mas com uma diferença: todas as alterações feitas serão apli-cadas 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 FrontPagepermite que você faça isso de uma maneira muito fácil. Primeiro cliqueem 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 Li-nhas ou colunas.

Na caixa de diálogo Inserir linhas ou colunas você deve selecionar aopçã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 colunaseja inserida acima ou abaixo da célula que você selecionou (ou a direitaou esquerda, se estiver incluindo uma coluna). Clique em OK e as linhasou colunas serão automaticamente inseridas na sua tabela.

Para excluir linhas e colunas de sua tabela, você deve clicar em umacé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 des-tacada desaparecerá. Você também poderá remover somente uma célu-la, bastando clicar em Célula na opção Selecionar do menu Tabela edepois excluí-la.

Página: 85

FrontPage XP


MESCLAR CÉLULAS

Em determinadas situações você pode combinar duas ou mais célulasda mesma linha em uma única célula, ou seja, você pode mesclar ascélulas. Para realizar esta ação, selecione as células que você desejamesclar (para selecionar mais de uma célula, pressione as teclas Shiftou Ctrl). Você pode selecionar o número de células que quiser para mes-clar, mas no final terá que ter uma área retangular selecionada. Depoisescolha a opção Mesclar células no menu Tabela para que a mesclagemdas células seja realizada. Na figura a seguir, observe que as quatrocélulas do centro foram mescladas.

DIVIDIR CÉLULAS

O FrontPage permite que uma célula seja dividida em um número delinhas ou colunas. Para dividir uma célula, deixe o cursor posicionado nacélula que será dividida e no menu Tabela, clique em Dividir células. Nacaixa 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úmerode linhas ou colunas que devem aparecer na célula. Por fim dê um cliqueem OK.

Página: 86

FrontPage XP


A próxima figura mostra uma tabela onde uma célula foi dividida emlinhas e outra em colunas.

Agora que você já sabe como criar uma tabela e modificar as suas pro-priedades, vamos inserir uma tabela no nosso site de viagens. A páginareferente à Promoção deverá conter uma tabela a qual exibirá os preçosdos hotéis das cidades que fazem parte do pacote promocional. Com oquadro da direita selecionado, insira uma nova página em seu site edigite os textos como na próxima figura. Depois insira uma tabela, cen-tralize-a e preencha-a de acordo com os dados da tabela exibidos nafigura a seguir.

Página: 87

FrontPage XP


Altere o tipo, tamanho e cores das fontes. Adicione o mesmo tema dasoutras páginas (Expedição). Ao aplicar o tema, você nota que as coresdas bordas das tabelas modificaram-se automaticamente, isso porquetodos os elementos da página alteram-se para acompanhar o estilo dotema. Mas é possível personalizar o tema, como trocar as cores dostextos, hyperlinks, plano de fundo, etc. Para realizar estas operações,clique em Tema no menu Formatar, e na caixa de diálogo Temas, cliqueno botão Modificar, na parte inferior da janela.

Ao clicar no botão Modificar, outros cinco botões são imediatamente exi-bidos: Cores, Elementos gráficos, Texto, Salvar e Salvar como. Os trêsprimeiros 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 seleci-one a guia Personalizar. Na seção Itens selecione Borda da tabela e naseção Cor escolha uma outra cor desejada. Ao terminar clique em OK.

Página: 88

FrontPage XP


Quando você altera qualquer elemento do tema, terá que salvá-lo comoutro nome, pois um novo tema foi criado. Para isso, utilize o botão Sal-var como que aparece quando clica-se no botão Modificar.

Depois da página acabada, salve-a com o nome promocao.htm e altereo título para Pacote Promocional. Por fim, estabeleça um hyperlink coma 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 Atua-lizar, localizado na barra de ferramentas do navegador. Desta maneiraseu site será atualizado e você poderá visualizar as mudanças que te-nham sido feitas.

Página: 89

FrontPage XP


CRIAÇÃO DE FORMULÁRIOS

Os formulários são bastante utilizados nos sites da Web, pois através de-les é possível coletar informações de várias pessoas, solicitar a opiniãodos visitantes, fazer votação onde os visitantes escolherão entre um iteme outro, etc. Os formulários fazem as mesmas perguntas para várias pes-soas, e depois você pode acessar e comparar essas informações.

O FrontPage possibilita a inserção de itens especiais, denominados cam-pos de formulários, nas páginas do site. Através desses campos, pode-remos construir diferentes tipos de questionários interativos destinadosaos visitantes. Nos formulários vamos encontrar um botão denominadoSubmeter, que deverá ser clicado pelo visitante quando acabar de pre-encher o formulário, e o botão Redefinir, que apaga o conteúdo de todosos campos contidos no formulário.

O FrontPage oferece alguns tipos de campos de formulários que podemser graficamente incluídos na página. Ao invés de incluí-los um de cadavez, podemos usar um assistente que criará uma página com um formu-lário, onde iremos definir quais os campos que farão parte do nossoformulário.

Vamos inserir um formulário no site Turismo, mas antes disso, uma pala-vra - 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 nobotão Novo da barra de ferramentas. Será nessa página que iremoscriar 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 informandoo que o visitante deve fazer na respectiva página, como mostra a próxi-ma figura. Depois insira o campo de texto, para isso, vá até o menuInserir, aponte para Formulário e clique em Caixa de texto de uma

Página: 90

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, paraque 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álogoPropriedades da caixa de texto apareça.

Página: 91

FrontPage XP


Na área Nome digite um nome para ser associado ao campo (esse nomeserá usado internamente para definir o campo e não aparecerá no for-mulário), digite, então, Nome. Na área Valor inicial você pode especificaruma palavra ou texto para aparecer na caixa de texto quando o formulá-rio for aberto pela primeira vez. Você também pode definir quantoscaracteres a caixa de texto pode conter, especificando um valor na se-ção Largura em caracteres. É possível restringir quais os caracteres quepoderão ser inseridos no campo da caixa de texto, bastando clicar nobotão Validar da caixa de diálogo Propriedades da caixa de texto. Depoisdas alterações clique em OK.

Agora insira uma outra caixa de texto de uma linha logo abaixo da pri-meira. Digite E-mail na frente da caixa, dê um clique duplo sobre elapara abrir a caixa de diálogo Propriedades da caixa de texto e digiteE_mail na seção Nome. Depois clique em OK.

Página: 92

FrontPage XP


INSERINDO UM MENU SUSPENSO

A Caixa suspensa possibilitam que os visitantes selecionem um item deuma 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

Formulário e clique Menu suspenso ( ). Na frente da caixa digite Op-

ções de uso da Internet, depois dê um clique duplo na caixa para que acaixa de diálogo Propriedades do menu suspenso apareça. Clique nobotão Adicionar e digite Estudo na seção Escolha da caixa de diálogoAdicionar escolha, depois clique no botão OK. Repita este mesmo pro-cedimento para adicionar as palavras Pesquisa, Trabalho e Entreteni-mento. Depois que você inseriu todos os itens que irão aparecer no menususpenso, atribua um nome à lista suspensa, digitando Opção na seçãoNome. Clique em OK.

Página: 93

FrontPage XP


INSERINDO UMA CAIXA DE TEXTO DE ROLAGEM

As caixas de texto de rolagem são idênticas às caixas de texto de umalinha, exceto pelo fato de que este campo rola para acomodar quantida-des de texto variáveis. Vamos inserir, agora, esse elemento no nossoformulário.

Posicione o cursor abaixo do menu suspenso e insira o campo Área de

Texto ( ) utilizando o menu Inserir Formulário. Após inserir o

campo, digite Comentários acima desse elemento, como mostra a figuraa seguir. Dê um clique duplo no campo para que a caixa de diálogoPropriedades da caixa de texto de rolagem apareça. Nesta caixa dediálogo, digite Comentarios no campo Nome. Você também pode definircom quantas linhas de altura essa caixa deve aparecer em uma páginada Web e a quantidade de caracteres que poderá ser digitado na caixa detexto rolável. Depois de tudo definido clique em OK

Página: 94

FrontPage XP


Após inserir os campos do formulário, altere o nome de identificação dosbotões Submeter e Redefinir. Dê um clique duplo no botão Submeter ena caixa de diálogo Propriedades do botão de ação digite Enviar na áreaNome. Faça o mesmo com o botão Redefinir e digite Redefinir na áreaNome.

Com a página do formulário já definida, insira o mesmo tema das outraspáginas do seu site. Utilizando a opção Salvar, digite formularios.htmcomo nome do arquivo e Formulário como título da página, depois esta-beleça o hyperlink da palavra Consulte-nos (no índice) com esta pági-na. Por fim, teste seu site no seu navegador.

Página: 95

FrontPage XP


OUTROS CAMPOS DE FORMULÁRIO

Além dos campos descritos acima, o FrontPage oferece ainda mais tiposque poderão ser inseridos nos formulários: Caixa de Seleção e Botão de

Opção. Para inserir uma caixa de seleção ( ) no seu formulário, clique

na opção de mesmo nome no menu Inserir Formulário para queuma pequena caixa desmarcada e sem rótulo apareça no formulário.Você deve digitar uma palavra ou frase que identifique esta caixa deseleção. Repita o mesmo processo até que todas as caixas de seleçãotenham sido incluídas na sua página.

Os botões de opção ( ) são semelhantes às caixas de seleção, exceto

pelo fato de que, em uma linha de botões de opção, você pode selecio-nar somente um item por vez. Quando inserir um botão de opção no seuformulário, é necessário digitar um rótulo para esse botão. Insira tantosbotões você desejar, só não se esqueça de acrescentar um rótulo paracada botão. Você também deve ativar a caixa de diálogo Propriedadesdo botão de opção (dando um clique duplo no botão) e alterar a caixa dediálogo Nome para algo que seja relativo com a pergunta que você vaifazer ao utilizar os botões de opção. Na caixa Valor digite o mesmo rótu-lo 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ê inse-riu, e certifique-se de atribuir a cada botão o mesmo nome de grupo masum nome de valor diferente.

TRANSMITINDO E PROCESSANDO O SEU FORMULÁRIO

Quando o visitante clica no botão Submeter, após ter preenchido o for-mulário, o FrontPage envia uma mensagem padrão para que ele (o visi-tante) saber que sua transmissão foi concluída e, depois, salva as res-postas dos visitantes em um arquivo privado no seu servidor da Web.

O FrontPage grava os resultados do formulário em um arquivo denomi-nado form_results.txt, sendo que você pode encontrá-lo no diretório privatedo seu site. Você pode fazer com que os resultados sejam gravados emoutro local. Para isso, dê um clique com o botão direito do mouse em umponto que esteja dentro dos limites do formulário e selecione Proprieda-des do formulário para que a caixa de diálogo de mesmo nome sejaexibida.

Página: 96

FrontPage XP


OBS: Este formulário funcionará corretamente se sua Web for publicadaem um servidor Web que tenha as extensões de servidor do FrontPageinstaladas.

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 resul-tados do formulário serem enviados para o seu endereço de correio ele-trônico. O botão Opções da caixa de diálogo Propriedades do formulárioconfigura 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 dediálogo Opções para salvar resultados de formulário, onde você poderáalterá-la para que os resultados sejam salvos em arquivos de texto, ar-quivos HTML ou até em listas com marcadores.

COMPONENTES DO FRONTPAGE

Os componentes são programas que possibilitam, de maneira progra-mada, a inclusão de informações em páginas do site, aumentando afuncionalidade do site. Por exemplo, com o componente Contador deacesso você e os visitantes do site podem ver quantas vezes seu site foivisitado.

Página: 97

FrontPage XP


Alguns componentes do FrontPage funcionam apenas quando você pu-blica o seu site em um servidor da Web que ofereça suporte às exten-sões especiais do FrontPage. Se o seu servidor não oferece suporte aessas extensões, os componentes não funcionarão corretamente aosseus visitantes.

Deste modo, para garantir compatibilidade com servidores que não usamas extensões de servidor do FrontPage, você pode ativar ou desativarcomandos que dependam da presença das extensões de servidor noservidor. Se você desativar as extensões de servidor para uma Web,alguns comandos relacionados não ficarão disponíveis (isto é, eles apa-recerão esmaecidos) nos menus do FrontPage durante o tempo de cria-ção de páginas. No menu Ferramentas, aponte para Opções de pági-na e clique na guia Compatibilidade. Selecione ou não a caixa queespecifica se o servidor será ativado com as extensões de servidor doFrontPage.

Agora, para ter acesso aos componentes do FrontPage, aponte para aopçã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 apá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çana parte inferior de algumas páginas do site. Você pode, então, criaruma página de rodapé e depois inseri-la, através do componente Páginade inclusão, nas páginas desejadas. E se, futuramente, você precisaralterar somente o rodapé, carregue a página do rodapé e faça as modi-ficações, depois as alterações serão automaticamente refletidas em to-das as páginas que contêm esse arquivo de rodapé.

Antes de usar esse componente, você deverá estar com a página quevocê deseja incluir nas outras páginas do site pronta. Depois, carregue apágina que conterá a página incluída e selecione o componente Páginade inclusão (menu Inserir, opção Componente). A caixa de diálogo Pro-priedades da página de inclusão aparece.

Página: 98

FrontPage XP


Digite o nome do arquivo ou URL correspondente, ou clique no botãoProcurar para localizar o arquivo. Depois clique em OK e o FrontPageincluirá esta página automaticamente na página ativa.

OBS: Você irá perceber que ao passar o mouse sobre o componente, oponteiro se modifica, indicando que naquela região foi inserido um com-ponente do FrontPage. Para exclui-lo, dê um clique sobre ele paraselecioná-lo e pressione a tecla Delete.

FIGURA PROGRAMADA

Você pode exibir uma imagem um sua página por um período de tempodeterminado, sendo que esta imagem será removida quando se esgotaro tempo especificado. Para usar este componente, primeiro posicione ocursor no local da página em que deve aparecer a imagem. Depois, nomenu Inserir, opção Componente, clique em Figura programada paraque a caixa de diálogo Propriedades da figura programada seja exibida.

Página: 99

FrontPage XP


Na caixa de diálogo apresentada você deverá especificar a imagem aser exibida, a data e a hora de início e a data e a hora de término doperí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 depoisda exibição da imagem programada. Depois de digitar as informaçõesnecessárias, clique em OK. Os visitantes que forem à sua página pode-rão ver a imagem se estiverem dentro do período de tempo especificado.

O outro componente oferecido pelo FrontPage, Página de inclusão pro-gramada, tem o mesmo princípio que a Figura programada, a única dife-renç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 umaboa idéia de quantas pessoas passam pelo seu site. Para inserir umcontador de acesso na sua página, selecione-o no menu Inserir Com-ponente. Na caixa de diálogo Propriedades do contador de acesso, vocêpode escolher entre cinco diferentes estilos e fontes de números. Geral-mente os contadores de acesso são inseridos na parte inferior da páginainicial do site.

Página: 100

FrontPage XP


Depois de escolher um tipo de contador, clique em OK e o FrontPageacrescentará 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 rotativonas páginas do site. Este painel será composto por uma seqüência pro-gramada de figuras que serão exibidas ciclicamente. Você poderá modi-ficar o tamanho do painel, o efeito de transição entre as figuras, a dura-ção e a ordem das figuras exibidas. Geralmente este componente é uti-lizado 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 emfaixa (menu Inserir Componente) você terá acesso à caixa de diálo-go Propriedades do Gerenciador de anúncios em faixa. Para inserir asfiguras, clique no botão Adicionar desta caixa de diálogo.

Página: 101

FrontPage XP


Você poderá adicionar um hyperlink nos anúncios em faixa, para isso, nacaixa Vincular a especifique um endereço de alguma página que seráexibida caso o visitante clique em alguma figura do gerenciador de anún-cios em faixa.

BOTÃO EM FOCO

Este componente do FrontPage pode ser utilizado para inserir uma sim-ples 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. Nonavegador, 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 pelovisitante 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á serde uma figura apenas ou de uma página.

Página: 102

FrontPage XP


OBS: Se você for utilizar uma figura personalizada que já contenha umró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 alte-rar a cor do botão, a cor de plano de fundo do botão, o efeito de foco e asua cor e o tamanho que o botão terá. Se clicar no botão Personalizarvocê pode especificar se será tocado um som quando o visitante clicarou passar o mouse sobre o botão, e também se será utilizada uma figuracomo botão ou se será exibida uma figura ao passar o mouse sobre obotão.

Depois clique na guia Visualizar do FrontPage para ver como o botão emfoco será exibido no navegador e como ele será apresentado ao visitan-te. Para exibir novamente a caixa de diálogo Propriedades do botão emfoco, dê um clique duplo sobre o botão, estando no modo Páginas e naguia Normal.Procure inserir, nas páginas do seu site, alguns destes componentesdescritos, depois salve suas páginas e veja o comportamento de taiscomponentes no seu navegador.

Página: 103

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 fun-cionalidade 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 ocursor no local em que a data e hora deve aparecer (geralmente primeiroaparece uma frase do tipo Esta página foi modificada pela última vez eme depois a data). Depois selecione a opção Data e hora do menu Inserire na caixa de diálogo apresentada, escolha se deseja que apareça adata em que a página foi editada ou atualizada pela última vez. Depoisescolha o formato da data e hora (se desejar que a hora não seja exibidaescolha 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 datatambém será automaticamente alterada.

INSERIR COMENTÁRIO

Este recurso, também presente no menu Inserir, é usado para ofereceranotações e informações a você mesmo e por exemplo, ao autor de uma

Página: 104

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 menuFormatar, clique em Fonte para que você possa formatá-los.

Os comentários não são visíveis no navegador, apenas enquanto a pági-na está sendo editada. Para editar o comentário da página, dê um cliqueduplo 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 doseu site, onde estes são exibidos quando o visitante do site navegaentre as páginas. Aplicando corretamente os efeitos é possível criar apre-sentações no estilo slides (como no PowerPoint) com transições de apa-rência profissional entre as páginas.

Estando com a página desejada ativa, no menu Formatar clique emTransição de página. Na caixa de diálogo Transições de página, seleci-one o evento que causará a transição (onde este evento poderá ser, porexemplo, quando o visitante entrar ou sair da página).

Página: 105

FrontPage XP


Na mesma caixa de diálogo você deverá definir a duração, em segun-dos, para o efeito e depois selecionar um tipo de efeito de transição nacaixa Efeito de transição. Quando terminar clique em OK.

Aplique efeitos de transição em alguma páginas do site de Turismo, sal-ve-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ári-os elementos podem receber efeitos de animação HTML dinâmico, sen-do que estes efeitos são acionados quando ocorre um evento, como porexemplo a exibição da página, um clique do mouse, etc.

Vamos aplicar alguns efeitos de animação na página aereas.htm do nos-so site sobre Turismo. Ative esta página e selecione a figura que foiinserida, no nosso caso a figura de um avião, depois, no menu Formatar,clique em Efeitos de HTML dinâmico. A barra de ferramentas Efeitosde HTML Dinâmico é exibida.

Página: 106

FrontPage XP


OBS: Os efeitos listados nas caixas da barra de ferramentas HTML di-nâmico dependem do tipo de elemento de página que você selecionou edo tipo de evento selecionado.

Na caixa Ao, selecione o evento que acionará a animação. Na caixaAplicar selecione o tipo de efeito de animação que quiser que ocorra ena última caixa escolha as configurações para o efeito.

O botão , presente na barra de ferramentas HTML dinâmica, deve

ser clicado para realçar os elementos da página que utilizam os efeitosde animação DHTML. Se quiser remover o efeito, clique no botão Remo-ver efeito ou selecione o elemento que contém o efeito e pressione asteclas CTRL+BARRA DE ESPAÇO.

Agora exiba outra página do site e aplique um efeito de animação HTMLdinâmico em um parágrafo ou texto. Salve suas páginas e visualize-asem um navegador para testar os efeitos de animação inseridos.

JAVASCRIPT

JavaScript é uma linguagem utilizada para melhorar as páginas daWeb. Os scripts escritos em JavaScript podem ser colocados den-tro das suas páginas HTML criando elementos interessantes querespondem aos eventos iniciados pelo visitante de sua página. Vocêpode achar várias páginas na internet que utilizam JavaScript everificar o quanto elas são enriquecidas quando utilizam esta lin-guagem.

O objetivo dos próximos exemplo é mostrar como podemos incluirscripts JavaScrip em página HTML e não ensinar esta linguagem.

Como exemplo vamos criar um script que mostra a data atual dosistema.

Página: 107

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=Verdanasize=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á compreen-dido entre as tags <scrip language=”JavaScript”> e </script>. Ondeprimeiro são definidas as variáveis de dias e meses e a variáveldata que contém a data do sistema fornecida pela função Date().

A seguir usamos a função document.write que é utilizada paraescrever a data por extenso na janela do navegador.

Vamos agora acrescentar uma figura e uma caixa de texto nestapágina que serão alteradas de acordo com eventos do mouse aci-onados pelo usuário.Acrescente estas novas funções ao código anterior, digitando oseguinte código:

Página: 108

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=Verdanasize=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: 109

FrontPage XP


</center></body></html>

Neste exemplo utilizamos os eventos onMouseOver, onMouseOute onClick para acionar uma determinada função que pode ou nãoreceber algum parâmetro.

Quando o usuário passar o ponteiro do mouse sobre a figurainverno.gif, ela será trocada pela figura verao.gif e se for dado umclique sobre ela, a palavra “verão” será escrita na caixa de texto doformulário.

Observe que a palavra “verão” é enviada como parâmetro para afunção mouseclique (estacao), esta palavra pode ser substituídapor qualquer outra para ser exibida na caixa de texto.

PUBLICAR UM SITE

Quando você está criando e editando páginas para seu Web site utilizan-do o FrontPage, essas páginas são salvas no seu disco rígido, de modoque só você tem acesso a elas. Para que você possa disponibilizar aspáginas do seu site aos usuários da WWW (World Wide Web), vocêprecisa publicá-las na Internet. Assim, publicar uma Web é basicamentecopiar os arquivos de sua Web para um destino, tal como um servidorWeb, onde outras pessoas possam procurar e visualizar sua Web.

Antes de publicar na Internet é sempre bom verificar se todas as páginasestã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 MicrosoftPersonal Web Server (este servidor será melhor explicado no próximotópico).

Para iniciar o processo de publicação, abra, no FrontPage, o site queserá publicado; depois, no menu Arquivo, clique em Publicar Web. Acaixa de diálogo Publicar Web aparece.

Página: 110

FrontPage XP


OBS: Para saber o endereço do servidor Microsoft Personal Web Servera ser digitado, dê um clique duplo no ícone que corresponde a este ser-

vidor ( ), sendo que o ícone está localizado na Barra de Tarefas do

Windows, ao lado do relógio.

Página: 111

FrontPage XP


O FrontPage 2002 publicará sua Web, ou seja, fará a transferência dosarquivos do seu computador para o servidor. Será exibida uma caixa dediálogo após a publicação (se esta foi bem sucedida!), e para verificar sesua Web foi publicada com êxito, clique no hyperlink exibido nesta caixade diálogo.

Seu navegador da Web será aberto para o site que você acaba de publicar.

Página: 112

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 aspessoas. Para isso é preciso que você disponha de uma conta em umprovedor da Web. Mas, como é de se esperar, nem todos os provedoressão iguais, especialmente no que se refere ao suporte ao FrontPage2002, já que este possui diversos recursos. Assim, para que os provedo-res da Web possam exibir corretamente os vários recursos do FrontPage2002, eles precisam possuir as extensões de servidor do FrontPage.

Para garantir compatibilidade com provedores que não usam as exten-sões de servidor do FrontPage, você pode ativar ou desativar comandosque 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 deseleção Ativado com as extensões de servidor do MicrosoftFrontPage.

Ao publicar seu site e torná-lo disponível para o mundo inteiro usandoum provedor da Web que não possua extensões do FrontPage, nemtodos os recursos avançados do seu site funcionarão (tais como algunscomponentes e o formulário).

Para iniciar o processo de publicação, abra, no FrontPage, o site queserá publicado, depois no menu Arquivo clique em Publicar Web. Acaixa de diálogo Publicar Web aparece.

Página: 113

FrontPage XP


Na caixa Especifique o local para publicar sua Web, digite o endereçodo seu provedor da Web, clique na seta para selecionar um local no qualvocê publicou anteriormente (caso esteja somente atualizando as pági-nas) 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 prove-dores que fornecem as extensões de servidor do FrontPage. Depois cliqueem Publicar (você deverá estar conectado à Internet antes de publicarem um servidor).

Se tudo der certo durante a publicação, você verá uma caixa de diálogodizendo que seu site foi publicado com êxito e também um hyperlink quedeverá ser clicado para que o site seja exibido.

OBS: Se você cancelar a publicação no meio da operação, os arquivosque já tiverem sido publicados permanecerão no servidor da Web dedestino.

Página: 114

FrontPage XP


INSTALAR O SERVIDOR MICROSOFT PERSONAL WEB SERVER

Quando o FrontPage 2002 é instalado, ele verifica se você tem um servi-dor da Web instalado em seu computador. Se você não tiver um servidorda Web instalado, todas as Webs que você criar no FrontPage serãobaseadas em disco. Você pode instalar o Microsoft Personal WebServer, que é um servidor que suporta as extensões do MicrosoftFrontPage.

A instalação do Microsoft Personal Web Server em seu computadorpoderá ser a partir do CD do Windows NT ou do Windows 98 (\Add-ons\Pws\Instalar.exe). Se tiver o Windows 95 instalado em seu compu-tador, você poderá instalar o Microsoft Personal Web Server a partir doWindows NT 4.0 Option Pack. Você pode fazer o download do OptionPack a partir do site da Microsoft.

Se as extensões de servidor do FrontPage estiverem instaladas em seucomputador, você poderá obter informações sobre como instalar e admi-nistrar o Microsoft Personal Web Server consultando o Kit da extensõesdo servidor do FrontPage em C:\ Arquivos de Programas\ Arquivos co-muns\ Microsoft Shared\ Web Server Extensions\ 40\ serk\ 1046 \Default.htm (a pasta 1046 depende do idioma em que as extensões deservidor 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 discoque você tenha criado antes de configurar seu computador como umservidor. Para converter uma Web baseada em disco para uma Webbaseada em servidor, publique a Web baseada em disco no URL queestá seu servidor.

Página: 115

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 modeloWeb de Suporte Técnico. Salve o site em uma pasta denominadaEletro (este site será sobre a loja fictícia de eletrodomésticos PontoQuente). 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 siteserá destinado a fornecer as manchetes do mês das principais revis-tas (poderá ser notícias de jornais, jogos ou revistas em quadrinhos).

5- Na primeira página do site defina os objetivos deste site para osvisitantes 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 Exem-plo1 e digite, nesta página, as informações referentes a uma revistacujo nome esteja na página principal.

7- Salve esta página e dê a ela o mesmo nome da revista (exemplo: sevocê comentou sobre a revista Veja, seu arquivo receberá o nomeveja.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 cadarevista. Salve as páginas com o mesmo nome da revista.

10- Na página principal crie um hyperlink entre o nome da revista e apágina referente a ela (faça isso para todas as revistas).

11- Insira um tema diferente em algumas páginas, em outras páginasinsira apenas uma cor para o plano de fundo (sem inserir um tema).

Página: 116

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 tama-nho, as cores e o tipo.

14- Ative uma página do site (onde você não tenha definido um tema) einsira uma linha, na parte superior, após o título da página. Esta linhadeverá 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 deno-minada Veículos. Este site será referente a uma agência de veículosfictícia (Atenas Veículos).

17- Insira uma página de quadro (através do menu Arquivo) que seja dotipo 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 clicadasabrirão outra página no quadro da direita.

19- Agora, no quadro da direita, crie uma nova página e insira as infor-mações que aparecerão na página inicial do quadro (insira o nomeda 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 quadroda direita com o nome de atenas.htm. Depois salve todo o conjuntode quadros com o nome de index.htm.

21- Crie outra página no quadro da direita, onde esta página conterá osnomes dos carros, modelos, descrições, etc de uma marca de carroque você definiu na página de índice (por exemplo, esta página po-derá conter os modelos de carro da Chevrolet).

22- Crie outras páginas, cada uma contendo informações sobre umamarca de carro. Depois salve cada uma onde o nome do arquivocorresponderá à marca do carro (exemplo: chevrolet.htm).

Página: 117

FrontPage XP


23- Aplique um estilo nas páginas que você criou (mude o tipo, cor etamanho das fontes, aplique um tema nas páginas, insira figuras, sedesejar).

24- Estabeleça os hyperlinks entre as palavras do quadro da esquerda eas respectivas páginas que você criou.

25- Insira uma tabela (como a tabela abaixo) na página que se refereaos carros da marca Chevrolet (ou outra marca). Depois preenchaos 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 in-sira os seguintes elementos: uma caixa de texto para o nome dovisitante e outra para o e-mail, uma caixa de texto rolável para ovisitante descrever suas dúvidas ou comentários e dois botões deopção (sim e não) para o visitante responder se trabalha com cartãode crédito ou não.

29- Na primeira página do site Veículos insira o componente Contadorde 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 seusite.

31- Publique o site Revistas (ou de Veículos) para que qualquer pessoado mundo possa vê-lo.

Celta Informáticahttp://www.celtainformatica.com.br

Documents

Sumário - WordPress.com · 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