CURSOS DE FRONT PEAGE

O que você irá aprender:

• Iniciando o MS - FrontPage 2000
• Formatar páginas
• Inserir texto
• Hyperlinks
• Numeração/ Marcadores
• Figuras
• Tabelas
• Mesclar células
• Componentes
• HTML
• DHTML
• Formulários
• Publicar sua Web
• Antes de publicar sua Web
• Como as extensões de servidor afetam a publicação
• Escolhendo os arquivos a serem publicados
• Gerenciando os arquivos no servidor Web
• Finalizando

Introdução:

A cada dia verificamos que a informação é uma ferramenta de extrema
necessidade em qualquer negócio. Sabendo disto, diversas empresas investem em tecnologias que possibilitam a transmissão de tais informações. Um dos meios de transmissão mais divulgado na mídia de forma geral é a Internet, e esta produziu tendências como Intranet.

Através destas redes de computadores, funcionários, empresas, instituições, profissionais liberais, e qualquer tipo de pessoa, podem divulgar seus trabalhos, e venderem suas idéias praticamente para qualquer parte do planeta. Geralmente estas informações são apresentadas em formas de páginas gravadas em um determinado site (local virtual).

O Microsoft FrontPage 2000 é considerado um dos melhores programas na criação de Web sites, e se você pensa que precisará dominar alguma
linguagem de programação para obter sites com aparência profissional, ficará surpreso em saber que o FrontPage é capaz de executar automaticamente todas as tarefas de programação.

Iniciando o MS - FrontPage 2000

Para iniciar o MS - FrontPage 2000 clique em Iniciar/ Programas/ Microsoft Front Page

Formatar páginas

Sempre que é iniciado, o FrontPage abre um novo trabalho
( nova_página_1.htm) .

Comece formatando esta página
Clique em Arquivo/ Propriedades
Em propriedades você pode formatar o título da página (Guia - Geral), cor de fundo (Guia - Plano de fundo), cores dos hyperlinks ativo, visitado, cor do texto, margens superiores e inferior.
Caso queira inserir uma figura de fundo marque Figura de plano de fundo
Clique em Procurar selecione uma figura nos formatos Gif ou Jpg
Clique em Ok e veja os resultados.

Para inserir um texto em sua página você não precisa digitar nenhuma linha de código. Ex:
O programa cria os código necessários na formatação de fonte, cor, tamanho de sua escolha.

Digite o texto, selecione-o e clique em

Negrito, Itálico ou Sublinhado

Clique em

Estilo e Fonte

Veja o código de sua página na Guia Html.
Veja a página já pronta na Guia Visualização.

Para salvar esta página clique em Arquivo/ Salvar ou clique em

Salvar

Dê um nome para a página se não quiser manter o mesmo nome.
Escolha a pasta onde também deve estar todas as figuras utilizadas na página, exemplo figura de fundo e clique em “Salvar” Este exemplo está na pasta “Exemplos” com nome de pagina1.htm Feche esta página.

Vamos ver agora como abrir esta mesma página.
Clique em Arquivo/ Abrir Procure pela pasta onde foi salvo sua página.htm e clique em Abrir após encontra-la.
Outra forma de abrir uma página é clicando em:

Abrir

Encontrar a página e clicar em Abrir

Hyperlinks

Para criar um hyperlink para uma outra página é necessário que esta página exista.

Então clique em Arquivo/ Novo você pode escolher um formato
Ex: Página normal, Assistente de página de formulário ou até mesmo página de pesquisa entre outras. Mas selecione Página normal e clique em “OK”.

O FrontPage 2000 cria uma nova página em branco.
Salve esta página Neste caso esta página está na pasta “Exemplos” com nome de Hyperlinks.htm Vamos linkar esta página para a outra página já criada de nome pagina1.htm

Você inserir um Hyperlink para outra página de várias maneiras
1º clicando em Inserir/ Hyperlink
Procurando a página armazenada que foi salva no FrontPage
Selecione a página e clique em “OK”.
2º ou simplesmente pressionando as teclas Ctrl + K
Selecione a página e clique em “OK”.
3º outra forma é clicando em:

Hyperlink

Selecionando a página e clique em “OK”.

Hyperlink para Página local “página.htm”

Código HTML Página

Web site “http://free.7host02.com/curso/iondex.asp

Código HTML

Apostilas

E-mail “mailto:nelsonamadeu@ig.com.br ”

Código HTML

joao@brasil.com.br

Salve a página e faça os teste necessário clicando nos Hyperlinks criados.

Numeração/ Marcadores

Para usar numeração selecione todo texto desejado e clique em

Numeração

O texto ficará como no exemplo abaixo

Exemplo de numeração

1. Apostila Linux
2. Apostila Novell
3. Apostila Unix
4. Apostila Windows

Para retirar a numeração selecione o texto desejado e clique novamente em

Numeração

Para incluir marcações no texto basta selecionar o texto desejado e clicar em

Marcadores

O texto ficará como no exemplo abaixo

Exemplo de marcadores

• Linux
• Novell
• Unix
• Windows 98

Exemplo na pasta “Exemplos” nome numeração&marcadores.htm

Figuras

Você já aprendeu a incluir figuras de fundo na página, mas vamos aprender incluir figuras de Cliparts ou uma imagem que você queira colocar em sua página.

Para inserir uma figura de Cliparts clique em
Inserir/ Figuras/ Cliparts

Selecione um Cliparts adequado e clique em Inserir clipe.
Para inserir uma figura de outras pastas clique em

Inserir/Figuras/ Do Arquivo

Basta selecionar a imagem desejada e clicar em “OK”.

Lembrando que após sua página estar pronta você deve enviar junto com ela todas figuras utilizadas na página.

Nota:

O Netscape Communicator não exibe figuras nos formatos “wmf” que é o
formato utilizado para os Cliparts, converta para Gif ou Jpg antes de salvar sua página.

Tabelas

As vezes entramos em uma página feita completamente por tabelas, mas
essas tabelas não necessariamente aparecem.
A formatação da página é feita por tabelas. Isso não impede de criamos tabelas de preços, de produtos, artigos em geral.
Fundindo células em novas tabelas e criando um visual interessante.
Para criar uma tabela clique em

Inserir tabela

Arraste (selecionando) até os quadros que deseja que façam parte da tabela.

Já com a tabela na página selecione algumas células para formatação, clique com o botão direito do mouse. Clique em propriedades da célula para formatar cor de fundo, borda tamanho e cor, alinhamento vertical e horizontal, etc.
O texto das células você formata usando Negrito, Itálico, Sublinhado, Cor da fonte, Centralizado, etc.

Mesclar células

Selecione os quadros clicando e arrastando sobre eles, clique com o botão direito do mouse, clique em Mesclar células para fundir uma célula com outra. No caso de Mesclar células é sempre bom formatar a borda da tabela para zero.

Exemplos na pasta “Exemplos” nome tabelas.htm e tabela2.htm

Componentes

Os componentes aqui listados só funcionam no navegador da Microsoft
(Internet Explorer).
Usaremos como exemplo três componentes Office Spreadsheeet, Contador de acesso, letreiro digital e Botão em foco.

Para inserir esses e outros componentes clique em

Componentes

Office Spreadsheet

Capaz de somar, subtrair, multiplicar, dividir da mesma maneira que o Excel. Trata-se de células do Excel que usamos formulas simples ou complexas Ex: C1=B1-A1

O resultado aparece na célula C1 após pressionar a tecla enter.

Contador de acesso

Como o nome já diz faz uma contagem de visitantes em sua página
Use um dos vários modelos.

Marque Redefinir contador para: 1
O contador só é executado no servidor com sua página pronta e recebendo visitas na internet.

Letreiro digital

Só é funciona com o Navegador Internet Explorer
Digite o texto desejado no espaço para Texto. Marque a opção que mas lhe agrada em Direção, Velocidade, Comportamento, Cor de fundo, etc.

Atenção:

No Netscape será exibido apenas um texto fixo sem efeito.

Botão em foco

Este sim trás um efeito bem interessante que é executado tanto no Internet Explorer como no Netscape
Digite o Texto do botão que será visualizado por todos visitantes da página Em Vincular a: clique em Procurar... escolha a página que deseja que este botão ao ser clicado abra.
Selecione uma Cor do botão, Cor do plano de fundo do, Efeito, cor de efeito e clique em “OK”.

Clique em

Salvar

Para salvar sua página.
Neste caso foi criado applet que devem ser enviados junto com sua página Exemplo na pasta “Exemplos”
nomes componentes.htm
nome fphover.class
nome fphoverx.class

Você pode incluir outros efeitos
Experimente outros componentes.