Curso Como Construir Home Page Front Page 98

INTRODUO
OBJETIVOS DO CURSO
Dar uma viso geral da arquitetura WEB Instalar e Configurar o FrontPage 98 Criar e Gerenciar Sites da WEB Criar e Editar Pginas da WEB

1. Conceitos Fundamentais
Relao Browser x Servidor Web

Computador Cliente rodando um navegador

(Comunicator ou Internet Explorerer)

SITE W.W.W

TCP?IP + HTTP

Computador Servidor rodando um Software servido de Rede (IIS, EMTERPRISE SERVER, WEB SITE, APACHE etc,) Diretrio raiz dos documentos HTML
Pgina 1/38

Amaro Evaldo de Deus

Curso Como Construir Home Page

Cada servidor Web usa um diretrio raiz como padro para armazenar as pginas WEB. IIS - Internet Information Server da Microsoft: (C:\inetpub/wwwroot\) Fast Track e Enterprise Server da Netscape: (C:\netscape\suitespodocs\) Apache HTTPD para Unix: (/usr/local/etc/httpd/htdocs/) Abaixo do diretrio raiz so instalados os documentos html dos Sites clientes.

Front Page 98

Componentes Principais do FrontPage98

Lado Cliente (Browser):

a)FrontPage Explorer - Criao e Gerenciamento de sites Web. b)FrontPage Editor - Criao e Edio de Pginas HTML (WYSIWYG).

Lado Servidor:

a)Personal Web Server - Servidor Web de baixa capacidade Front Page Server Extensions. b)Programas especiais instalados no servidor Web que garantem toda a funcionalidade do FrontPage. Sem as extenses do FrontPage98 instaladas no servidor, alguns componentes no funcionaro em pginas construidas com o FP98.

Voc poder baixar as extenses do FP98 gratuitamente do endereo: http://microsoft.com/frontpage/wpp/exts.htm Para informaes detalhadas sobre as extenses visite: http://www.microsoft.com/frontpage/wpp/serk/default.htm

Quando da instalao do Front Page98 em sua mquina, criado um ambiente WEB. O servidor Personal Web Server instalado e o seu diretrio raiz : C:\FrontPage Webs\Content\ - Pasta onde ficam todos os Sites criados no FrontPage98. Hostname:80 (hostname o nome de sua mquina). Para um Site funcionar corretamente, este dever ser instalado (publicado) abaixo desse diretrio raiz do Servidor WEB.
posteriormente transferir (publicar) para um diretrio abaixo do diretrio raiz do Servidor, como explicado anteriormente

OBS. Voc poder tambm criar sua pgina em qualquer local do disco e

Outros Diretrios do FrontPage98

Amaro Evaldo de Deus Pgina 2/38

Curso Como Construir Home Page

C:\FrontPage Webs\Server Neste Diretrio encontra-se instalado o Servidor de WEB do Front Page:
Microsoft FrontPage Personal WEB Server (Vhttp32.exe - Servidor Web)

Front Page 98

C:\Arquivos de programas\Microsoft FrontPage\Bin Nesta Pasta esto instalados todos os Programas do Pacote do FrontPage Entre eles: a)FrontPage Editor (fpeditor.exe) b)FrontPage Explorer (fpexplor.exe) c)FrontPage Server (Administrao e Configurao do Servidor) (fpsrvwin.exe) d)FrontPage Server (Atalho para rodar o Servidor) (vhttpd32.exe) OBS. Para evitar problemas de endereos use sempre: Letras minsculas, no use espaos, no acentue jamais.
Endereos Importantes para Desenvolvedores de Sites:

1.Imagens/ Fundos e Clips http://www.microsoft.com/clipgallerylive http://microsoft.com/gallery/files/images/default.htm 2.Texturas e Backgrounds: http://www.sfsu.edu/~jtolson/textures/textures.htm http://www.meat.com/textures 3.Som nas Paginas: http://www.deol.ru/~queen/jalfrezi/tnt.htm 4.Streaming de audio e video: http://www.microsoft.com/ntserver/netshow http://www.real.com (Real audio e real vdeo) 5.Programas CGIs para Formulrios e Bases de Dados. Programao CGI http://www.builder.com/programiming/cgi 6.Programao em Perl http://www.builder.com/programming/perl 7.Acesso a base de dados http://www.builder.com/programming/databases
Amaro Evaldo de Deus Pgina 3/38

Curso Como Construir Home Page

8.Base de Dados usando ASP da Microsoft http://support.microsoft.com/support/kb/articles/q175/7/70.asp 9.Base de Dados usando Cold Fusion http://www.allaire.com

Front Page 98

Amaro Evaldo de Deus Pgina 4/38

Curso Como Construir Home Page

2. O FrontPage Explorer

Front Page 98

O Front Page Explorer o ponto de partida para a criao de um Site.

Voc poder usar diretamente o FrontPage Editor, mas no ter uma ferramenta para gerenciar e automatizar todo o seu Site. Com o Front Page Explorer voc poder visualizar a estrutura hierrquica do Site, inserir novas pginas automaticamente no Site, publicar o Site em um Provedor da Internet. Quando uma nova Pgina inserida no Site pelo Explorer, automaticamente ser incluida um boto de navegao na barra de botes compartilhado. (Shared Border). Quando voc inicia o FrontPage Explorer a janela principal mostrada.

Tela principal do FrontPage98 Explorer

A Janela Principal formada pelas seguintes partes: Barra de Menus Barra de Ferramentas
Amaro Evaldo de Deus Pgina 5/38

Curso Como Construir Home Page

Area de visualizao Barra Views - esquerda

Front Page 98

Na Janela Central Getting Started voc poder indicar um WebSite existente para abrir, criar um novo WebSite ou abrir o ltimo WebSite. Abrir um Site Existente Escolha o Site na Janela de Ttulos e a sua estrutura ser mostrada na Janela de Visualizao. Criar um novo Site Ao escolher criar um novo Site a janela New Front Page Web (fig. abaixo) ser mostrada para definir: a)Modelo do Site ( So 6 os modelos existentes) b)Site de uma nica Pgina c)Importar um Site existente d)Titulo da Home Page do Site que ser criado e)Diretrio ou Pasta onde ser criado o Site. Obs. Voc pode criar o Site em qualquer pasta, ou no localhost (nome de sua mquina)- Diretrio raiz do seu servidor local. http://MeuPC/MeuSite/index.htm

Amaro Evaldo de Deus Pgina 6/38

Curso Como Construir Home Page Front Page 98

Jan Janela New Front Page WEB

Atravs do FrontPage Explorer voc poder tambm: Abrir um Site Existente Visualizar um Site de diversos modos atravs da Barra View esquerda Modificar os Links entre as diversas pginas do Site Criar pginas em branco Modificar a estrutura do Site Chamar o FrontPage Editor para editar uma pagina especfica

A Barra View esquerda na janela principal tem as opes:

Folders - Visualiza todas as pastas do Site, a sua estrutura de diretrios. All Files - Visualiza todos os arquivos do Site. Navigation - Visualiza o Site atravs de um diagrama de blocos (pginas).
Amaro Evaldo de Deus Pgina 7/38

Curso Como Construir Home Page

Hiperlinks - Visualizao dos links entre todas as pginas do Site. Themes - Entra no modo temas, mostra todos os temas disponveis para o Site. Um Tema um padro que o FrontPage adota para todo o Site, botes, cores, marcadores, linhas, background etc. Existe aproximadamente 50 temas diferentes. Tasks - Editor de Tarefas. Voc marca as tarefas concluidas, e por concluir no Site, faz um gerenciamento no desenvolvimento do Site. Obs. Na janela de visualizao do Site Clique em um dos botes para classificao das pginas por ordem alfabtica de nome, titulo, tamanho, tipo e data.

Front Page 98

Barra de Botes de Visualizao do FrontPage Explorer.

Barra View

Amaro Evaldo de Deus Pgina 8/38

Curso Como Construir Home Page Front Page 98

Barra de ferramentas do FrontPage Explorer.

Opces da Barra de Menu do FrontPage Explorer.

File

New

Page - Cria uma nova pgina no WebSite corrente Task - Cria uma nova tarefa para a janela de tarefas Folder - Cria uma nova pasta.

Open FrontPage Web - Abre um Site existente Close FrontPage Web - Encerra um Site que est aberto. Publish FrontPage Web - Publica (Transfere para o Servidor) um Site que est aberto. Dever ser especificado uma pasta abaixo do diretrio raiz do servidor, no caso de servidor local este diretrio raiz ser: C:\Front Page Webs \Contents Para um Site do Front Page Funcionar corretamente, ter que ser publicado pelo Explorer, pois ele transfere todas as pastas do Site para o Provedor da Internet. Voc tambm poder transferir todas as pastas e subpastas por FTP. Delete Front Page Web - Exclui um Site Import - Importa um Site para um Front Page Web Site. Uma Janela de Assistente ir conduzir os passos da importao. Export - Exporta o arquivo de uma Pgina Web completa. Page Setup - Configurao de Impresso
Amaro Evaldo de Deus Pgina 9/38

Curso Como Construir Home Page Front Page 98

Print Previw - Imprime, no modo de visualizao Navegao. Print Navigation View - Imprime a estrutura de navegao.

Edit View

Opes de Edio Padro.

Opes de visualizao correspondentes as da Barra de Visualizao. Rotate - Inverte a orientao horizontal/vertical do diagrama de navegao Size to Fit - Ajusta o diagrama ao tamanho da Tela. Reflesh - Atualiza a exibio do Site aps qualquer alterao em uma Pgina (F5).

Tools

Spelling - Palavras para pesquisa no Dicionrio. Find - Procura palavra no Site Replace - Substitui palavras no Site Hiperlinks - Atualizao dos Hiperlinks Shared Borders - Determina a posio e os tipos de bordas para o Site Inteiro.

Amaro Evaldo de Deus Pgina 10/38

Curso Como Construir Home Page

Show Front Page Editor - Chama o FP Editor. O FP Editor poder tambm ser chamado do boto correspondente na Barra de Ferramentas, ou dando um duplo Clique no arquivo ou bloco da janela de visualizao no modo navegao. Web Settings Seta parmetros diversos para o Site: Varveis, Linguagem, Titulos, e outros. Permission - Controle de acesso ao Site, para usurios e grupos Change Password - Subsitui a senha atual do Site corrente Option - Opes de Configuraes para o FP Editor e FP Explorer.

Front Page 98

Amaro Evaldo de Deus Pgina 11/38

Curso Como Construir Home Page Front Page 98

3. O FrontPage Editor
O Front Page Editor o ambiente de criao ou edio de Pginas. Ele pode ser ativado do FPExplorer ou isoladamente. Opes da Barra de Menu

File

New Cria uma Nova Pgina ou um novo de Frame de Pgina, em branco ou usando um dos mais de 60 modelos de Pginas que o Front Page98 dispe. Se escolher um dos modelos, poder posteriormente editar e alterar a Pgina. Preview in Browser Mostra a Pgina como funcionaria em um Browser. Page Properties Define as propriedades da Pgina.

Edit

Opes comuns do menu Edit

View

Visualizaes das Barras de Ferramentas do FrontPage Editor

Insert

Opes para inserir diversos componentes na Pgina, Linhas, Figuras, Componentes Ativos, Banco de Dados, Formulrios, Tabela de Contedo do Site e Barra de Navegao. Uma Barra de Navegao, quando inserida no Site automatiza a navegao pelas diversas Pginas que compe o Site.

Amaro Evaldo de Deus Pgina 12/38

Curso Como Construir Home Page Front Page 98

Barra de Navegao

As Barras de Navegao podem ser colocadas na borda Horizontal ou Vertical, em forma de botes ou texto, Os botes da Barra de Navegao apresentados so os relativos ao Tema escolhido para a Pgina ou Site. Os Botes de Navegao podem apresentar as opes de navegao para os diversos nveis hierrquicos, como mostra a figura. Os Componentes e Elementos Ativos so programas automatizados inseridos na Pgina. Os Componentes e Elementos Ativos sero vistos posteriormente

Format

Pargrafo, Fontes, Animao e Temas A Formatao de Temas permite inserir um Tema na Pgina ou no Site Todo. Um Tema um padro ou estilo de texto, figuras, fundo, linhas, marcadores para a Pgina ou para todo o Site. O FrontPage98
Amaro Evaldo de Deus Pgina 13/38

Curso Como Construir Home Page

dispe de mais de 40 Temas diferentes, que embelezam e do um toque especial ao Site.
Para Definir um Tema para o Site ou para a Pgina use o FrontPage Explorer, o Menu Format do FrontPage Editor, ou o Boto direito do Mouse na Pgina. o Com o Boto direito do Mouse na Pgina podemos tambm definir as propriedades da Pgina e da Borda Compartilhada.

Front Page 98

Tools

Ferramentas de Verificao ortogrfica Shared Border o Shared Border so bordas compartilhadas inseridas na pgina ou em todo o Site, atravs dessas bordas se colocam as barras de navegao do Site.

Table

Opes para criao de Tabelas que sero vistas posteriormente.

Frames

Opes para utilizao de Frames no Site. No rodap das Pginas aparecem 3 abas que seleciona o modo de exbio da Pgina: Normal, HTML que mostra o cdigo da Pgina e Visualizao (como ficaria em um Browser).

4. Inserindo Textos com o FrontPage98.

A Colocao do Texto em uma Home Page parte fundamental em um Bom Site. O Texto deve ser simples e explicativo, um bom Site aquele que tem um texto leve e objetivo, a colocao de um fundo ajuda a embelezar a Pgina. Alguns destaques com cores e marcadores, e uma boa diagramao ajudar na aparncia e compreenso.

Amaro Evaldo de Deus Pgina 14/38

Curso Como Construir Home Page

O Front Page dispe de um completo Editor de Texto, com formatao de fontes, pargrafos, alinhamentos, marcadores, recuos, verificao ortogrfica, etc, se voc sabe utilizar o Word, no ter problemas.

Front Page 98

Inserindo Hyperlinks

Um HyperLink uma ligao de um ponto a outro na mesma Pgina ou em um lugar qualquer da Internet. O ponto de ligao poder ser um texto, uma figura ou um objeto qualquer que aceite hyperlink. Para Inserir um Link em um determinado ponto da Pgina, selecione o texto ou o Objeto, clique no tem hyperlink do menu Inserir ou no Boto Ferramentas. da Barra de

Na Janela Criar Hyperlink especifique o endereo do Link, ou clique no Arquivo htm.

Amaro Evaldo de Deus Pgina 15/38

Curso Como Construir Home Page

Janela Criar Hiperlink

Front Page 98

Inserindo Marcadores (Bookmark)

Um Bookmark ou marcador uma marca que se coloca em um determinado ponto da pgina, ao qual poder ser especificado um link, (salto). Veja o Optional Bookmark na Janela acima. Ex. O texto destacado em azul e sublinhado a seguir um link para um Marcador colocado na ltima linha deste texto identificado por Marcador. . Faa a Prtica sugerida, inserindo e formatando o texto em cada uma das Pginas do seu Site. Aps a diagramao e insero do texto a que se prope a Pgina, torne-a mais atraente com insero de Grficos, Fotos, Imagens, Banners, Botes Animados, Logotipos, Figuras Animadas, Componentes Automatizados (Applets Java), Java Script, Contadores, etc. Imagens e Grficos do um Colorido especial e destaca sua Home Page.

Amaro Evaldo de Deus Pgina 16/38

Curso Como Construir Home Page

5. Inserindo GRFICOS e Imagens com o

Front Page 98

FrontPage98.

Veja tambm o Artigo sobre esta Matria Imagens e Grficos do um Colorido especial e destaca sua Home Page. Logotipos Comerciais, Banners, Pinturas, Mapas, Fotos, Animaes etc. Os Grficos usados em Pginas WEB so de 2 tipos ou formatos: Gif ou Jpeg. O formato Gif mais usado em botes, cones, barras e fundos. O format Jpeg em Fotos e Mapas. Biblioteca de Imagens:
Rainbow Collection Graphx Kingdom

GIFs Animados. uma combinao de vrios arquivos Gifs em um nico. Programas Grficos so especializados em construir esses arquivos. Coleo On-Line de Arquivos GIFs animados. Incluindo Grficos do Clip Art do FrontPage e do MS Office No FrontPage Editor selecione Insert | Imagem ou Clipart A Janela Image ou Clip Art ser exibida para a escolha do Grfico. Editando Imagens com a Barra de Ferramenta Image Exibindo a Barra de Ferramenta Image Insira uma Figura na Pgina Clique na figura. A Barra Imagem aparece na parte inferior da Pgina.

Amaro Evaldo de Deus Pgina 17/38

Curso Como Construir Home Page

Barra de ferramentas image Da esquerda para a direita:

Front Page 98

Os cones 1, 2, 3, 4 e 5 so usados na criao de mapas de imagens 6. inclui texto sobre a imagem 7. definir cor transparente 8. parte da imagem 9. altera a aparncia da imagem 10.transforma a imagem em preto e branco. 11. remove as alteraes feitas 12. rotao 13. rotao 14 reflete horizontalmente 15. reflete verticalmente 16. Escurece 17. Clareia 18. Filtro de clareiamento 19. filtro de escurecimento 20. bordas 21. cria uma nova imagem

Obs. Alm desta poderosa ferramenta de edio de imagem do FrontPage98 voc poder usar o Programa Image Composer que acompanha o FrontPage98 para criar e editar imagens com mais recursos, ou outro programa grfico qualquer como Paint Shop pr, Photo Shop, Fire Work etc. Criando Mapas de Imagens Mapas de Imagens so imagens com diversas reas clicveis, cada uma delas apontando para uma URL ou hyperlink. Por exemplo o Mapa do Brasil em que cada estado aponta para o Link correspondente. Pegue uma Imagem e selecione as partes clicveis com as ferramentas 2, 3 ou 4.
Amaro Evaldo de Deus Pgina 18/38

Curso Como Construir Home Page

Especifique o hyperlink para cada rea clicvel definida. Ilumine a rea selecionada com a ferramenta 5. Pronto.
Mapa de Imagem

Front Page 98

Ferramentas de Seleo

Amaro Evaldo de Deus Pgina 19/38

Curso Como Construir Home Page

6. Inserindo Componentes e Elementos Ativos.

O Front Page98 dispe de vrios componentes e elementos ativos que podem ser inseridos em uma Pgina. Esses Componentes so pequenos programas ou scripts CGI, ou Applets Java que podem ser tratados diretamente pelo FrontPage, so processados no Servidor da Internet e necessitam que estes servidores tenham instaladas as Extenses para o FrontPage98. Visite tambm para saber mais sobre as Extenses do FrontPage.

Front Page 98

Elementos Ativos

So comandos incorporados que acrescentam efeitos especiais interessantes e teis sua Home Page. Eles s existem no Front Page e constituem um conjunto de ferramentas que tornam a sua Pgina Interativa.Os Elementos
Ativos do FrontPage, so programas escritos em Java ou em CGI

Os Elementos Ativos do Front Page so: 1. Hover Buttons - Botes Animados

2. Banner Ad Manager - (LogoTipo Animado) 3. Marquees - Letreiros Luminosos 4. Site Searching - Pgina de Procura de Contedo no Site. 5. Hit Counter - Contador de Acessos Pgina. OBS. Os Elementos Ativos escritos em Java podem funcionar sem as extenses do Front Page instalados no Servidor WEB onde ficar hospedada o Site construdo, desde que o programa (Classe) em java

seja includo. O programa em Java (Classe) criado automaticamente das extenses no servidor para funcionarem. Pgina 20/38

pelo Front Page. Porm os elementos ativos escritos em CGI necessitam Amaro Evaldo de Deus

Curso Como Construir Home Page Front Page 98

Hover Buttons um Boto animado.

Button text - Texto que ir aparecer no Boto Font - Estilo da Fonte Link to - Link para quando clicar no Boto Button Color - Cor Inicial do Boto Effect - Efeito visual que ocorrer no Botal quando da passagem do mouse sobre o mesmo Effect color - Cor de preenchimento ou do efeito do Boto Width e Height - Tamanho do Boto Opo Customizada - Novas Opes de efeitos de Som e Imagens sobre o Boto.

Amaro Evaldo de Deus Pgina 21/38

Curso Como Construir Home Page Front Page 98

On click Faz tocar um som quando clicar no Boto On hover Faz tocar um som quando passar o mouse sobre o Boto Obs. O arquivo de som dever ser do tipo au ou snd. Imagens - altera a imagem do Boto.

Banner Ad Manager
um programa Java (Applet) um conjunto de imagens rolveis.

Amaro Evaldo de Deus Pgina 22/38

Curso Como Construir Home Page Front Page 98

Width e Height - Largura e altura do cartaz. Transition - Efeitos especiais de transio entre uma imagem e outra Link to - Especificao do Link para a Figura ou Cartaz Imagens to Display O conjunto de imagens que sero mostradas, clique no boto ADD para adicionar uma outra imagem. Obs. As imagens devem ser Gif ou Jpg e devem ter todas o mesmo tamanho. Voc poder fazer cada imagem em um programa Grfico Paint Shop Pr, ou Image Composer. Show Image for (second) - tempo de exposio de cada imagem em segundos.

Marquees
uma Tag em HTML da Microsoft, no um programa em Java nem CGI, portanto s funcionar no Internet Explorer.

Amaro Evaldo de Deus Pgina 23/38

Curso Como Construir Home Page

Existem Programas em Java e em JavaScript para Letreiros que funcionar tanto no Internet Explorer quanto no NetScape.

Front Page 98

Search Form Formulrio de Pesquisa

Permite que os usurios faa uma pesquisa de texto no Site todo. O contm o texto procurado. Isto bastante til em Sites com grande quantidade de Pginas. resultado da pesquisa ser uma indicao da Pgina do seu Site que

Janela Search Form Proprierties

Amaro Evaldo de Deus Pgina 24/38

Curso Como Construir Home Page

O Elemento Ativo Search Form um programa CGI que roda no Servidor, portanto necessita das Extenses do Front Page para funcionar. Informe:
Label for input - Texto para pesquisa Tamanho do Texto Texto do Boto - Start Texto do Boto - Reset

Front Page 98

Hit Counter
um contador de Acessos Pgina.

Janela Hit Counter Proprierties

Selecione um dos tipos da caixa de dilogo.

Pgina 25/38

Amaro Evaldo de Deus

Curso Como Construir Home Page

Reset counter to - Determina o nmero inicial para a contagem de acessos Fixed number of digit - Determina o nmero de dgitos do contador O Contador um programa que usa CGI e necessita das extenses do FrontPage no Servidor.

Front Page 98

Amaro Evaldo de Deus Pgina 26/38

Curso Como Construir Home Page

7. Inserindo Formulrios com o

Front Page 98

FrontPage98.

Veja tambm o Artigo sobre esta Matria Um formulrio um elemento de comunicao e interatividade da Pgina com o visitante. uma interface para troca de informaes. Os informaes contidas nos formulrios so processadas no Servido da WEB por programas especiais em CGI, portanto o Servidor da WEB dever ter as extenses para o FrontPage. Voc poder criar os formulrios simples ou sofisticados usando o FrontPage, inserindo os itens de formulrios ou usando o Assistente de Formulrios do Menu File New Page Form Page Wizard do Front Page Editor. Para criar um formulrio item por item, use o Menu Insert Form Field

Opes de Campos de Formulrios

Caixa de Texto de uma Linha Caixa de Texto de vrias linhas Caixa de marcao
Amaro Evaldo de Deus Pgina 27/38

Curso Como Construir Home Page

Boto de Rdio Caixa Drop-Down Menu Boto Imagem Label

Front Page 98

Um Formulrio Simples com Todos os Campos

Inserindo Um campo em um Formulrio

Selecione no Menu ou na Barra de Ferramentas de Formulrios, o item de Formulrio (Form Field) que voc deseja. Aps incluir o item no Formulrio, vamos alterar suas propriedades. Selecione o item recm includo e clique com o boto direito do mouse, ative a caixa de dilogo Form Field Properties.

Amaro Evaldo de Deus Pgina 28/38

Curso Como Construir Home Page

Propriedades da Caixa de Texto de uma linha

Front Page 98

Na caixa de Propriedades do campo selecionado, especifique:

Name - nome do campo, para o programa CGI. Initial Value - valor Inicial para o campo Width - Tamanho da Caixa de Texto Password - Yes - No - Se o campos for uma senha aparecer asteristicos na caixa de texto. Tab Order - Ordem de Tabulao do Campo. Boto Validade - Boto de Validao para este Campo.

Clicando no Boto Validade, aparecer a Janela de Validao do Campo.

Caixa de Validao do Campo

OBS. O processo se repete para o todos os campos inseridos no formulrio. 1. Inserir um Campo
Amaro Evaldo de Deus Pgina 29/38

Curso Como Construir Home Page

2. Alterar as propriedades do Campo 3. Validar o Campo

Front Page 98

Procedimento para enviar os Dados do Formulrio. Aps ter sido criados todos os campos do Formulrio e de termos definido suas propriedades e validaes, precisamos enviar os dados para serem processados pelo Servidor de WEB atravs de CGI. Ativamos a caixa de Propriedades Form Properties, clicando com o boto direito do mouse no Formulrio.

Caixa de Propriedades do Formulrio

Enviar os Dados para um arquivo ou Endereo de E-mail Se for para um Arquivo informe o nome do Arquivo e o seu caminho no campo File Name. Se for para um Endereo de E-mail informe o endereo no campo E-mail Address. Obs. O Servidor WEB onde ficar sua pgina dever estar apto a processar formulrios do FrontPage.
Amaro Evaldo de Deus Pgina 30/38

Curso Como Construir Home Page Front Page 98

O Campo Send to Other - Enviar para outros - significa que poderemos enviar nossos dados para serem processados por Scripts CGIs e ASP para integrao com Banco de Dados, (Comercio Eletrnico).

Amaro Evaldo de Deus Pgina 31/38

Curso Como Construir Home Page

8. Inserindo Tabelas com o FrontPage98.

Veja tambm o Artigo sobre esta Matria Tabelas em uma Pgina WEB proporciona uma melhor distribuio das informaes, organiza e estrutura o layout da Pgina. Atravs de uma boa diagramao com as Tabelas poderemos produzir excelentes Pginas. Imagens, Grficos, Textos e outros objetos podem ser inseridos nas linhas e colunas de uma Tabela.O Processo de insero de Tabelas similar ao utilizado no Word. Criando uma nova Tabela. Antes de iniciarmos a criao de uma Tabela, devemos ter em mente o objetivo da Tabela, qual ou quais informaes queremos ter em uma Tabela, em seguida fazemos uma diagramao do layout da Tabela em papel. Menu Table - Tabela Insert Table Draw Table Draw Table - Voc poder desenhar a estrutura da Tabela, com Linhas e Colunas. Insert Table - Voc especifica as propriedades da nova Tabela.

Front Page 98

Amaro Evaldo de Deus Pgina 32/38

Curso Como Construir Home Page Front Page 98

Propriedades da tabela.

Linhas, Colunas, Alinhamento, Bordas, espao entre a borda e o texto, espaamento entre as clulas, e o tamanho da tabela em Pixel ou em percentual da janela principal. Aps ter criado sua Tabela, poder alterar suas propriedades.

Amaro Evaldo de Deus Pgina 33/38

Curso Como Construir Home Page Front Page 98

Propriedades da Tabela

Voc poder modificar as propriedades padro da Tabela criada.

Alterar as cores de fundo da Tabela, e as cores das bordas internas e externas, com esse recurso voc poder dar uma aparncia tridimensional a Tabela.

Voc poder tambm alterar as propriedades da clula. Veja a Janela de Propriedades de Clulas abaixo

Amaro Evaldo de Deus Pgina 34/38

Curso Como Construir Home Page Front Page 98

Janela de Propriedades da Clula

Cor das Bordas - Borda da Clula, externa e interna. Mesclar Linhas - Cell Span - Number of Rows Spanned - Quantas linhas uma clula poder mesclar.
Clula Clula A Clula B

Uma Clula atravessando duas Linhas

Mesclar Colunas - Cell Span - Number of Columns Spanned - Quantas Colunas uma Clula poder mesclar.
Clula A B C

Amaro Evaldo de Deus Pgina 35/38

Curso Como Construir Home Page

9. PRTICA

Uma Clula atravessando trs Colunas

Front Page 98

Vamos criar um Site Completo para publicao na WEB.

1. Execute o FrontPage Explorer 2. a)Na primeira Janela que aparecer escolha cirar um Novo Site de uma Pgina. b)Especifique o Ttulo do Site c) Especifique a pasta d)Crie novas Pginas no Menu File New, ou no boto new ba Barra de Ferramentas. Procure montar a Estrutura de Site mostrada na figura abaixo. e)Renomeie os arquivos htm para os nomes da figura, renomeie os Ttulos das Pginas. f)Na Janela View, escolha a Visualizao de Temas e escolha um Tema para o Site. g)No Menu Tools, especifique a Shared Border (Borda Compartilhada) para exibio dos Botes de Navegao.

Amaro Evaldo de Deus Pgina 36/38

Curso Como Construir Home Page Front Page 98

OK a Estrutura do Site j est montada. um Site com recursos automatizados, utilizando um Tema nico, com barra de Botes de Navegao. Agora vamos a tarefa de Editar cada Pgina, personalizado o Site, pgina a pgina. Execute o FrontPage Editor, pelo menu Tools, pela barra de tarefas do FrontPage Explorer, ou dando clique duplo no retngulo da pgina no diagrama de estrutura do Site. Em cada uma das Pginas faa a seguinte tarefa: 1. Insero de Textos Digite o texto de sua preferncia, formate, coloque marcadores, linhas, plano de fundo. 2. Insero de Imagens Insira Imagens, Gifs animados etc. Insira um Logotipo Animado (Banner), Menu Insert Active Elements Banner Ad Manager, escolha as Figuras. 3. Insero de Elementos Ativos e Componentes
Amaro Evaldo de Deus Pgina 37/38

Curso Como Construir Home Page

Contador de Pgina Marquee Hover Button Formulrio de Pesquisa no Site 4. Insero de Tabelas Faa uma Diagramao (layout) para um Texto com Figuras e Fotos, Crie a Tabela e insira os textos e fotos nas posies, desative as bordas, faas os ajustes na Tabela. 5. Criao de Formulrio Crie uma Pgina de Formulrio com todos os tipos de Campos. Modifique as propriedades dos Campos e do Formulrio Faa a validao de Todos os Campos. Especifique a resposta do formulrio para E-mail.

Front Page 98

Este Trabalho foi desenvolvido pelo Professor Amaro Evaldo de Deus

Amaro Evaldo de Deus Pgina 38/38