|
|
| TUTORIAIS
DE FRONTPAGE |
| |
|
|
|
 |
| |
| Criação
e Edição de Páginas WEB |
| |
| Comecemos |
| |
|
Para este tutorial, será
criado um Web site com 5 páginas,
na qual falarás aos visitantes sobre
o novo milénio. Até ser publicada
pela primeira vez, a Web site será
um trabalho em desenvolvimento. Se a tarefa
de criares todo o site te parece á
partida enfadonho, não te preocupes,
pois podes gradualmente acrescentar informação
e outras páginas, até que
o teu Web site esteja terminado. Ao contrario
de cartas impressas, memos e documentos
do processador de texto, Web sites podem
ser dinamicamente alterados e acrescentados
mesmo depois da sua publicação.
Podes acrescentar, apagar ou modificar texto,
imagens ou páginas inteiras em qualquer
altura.
Com o FrontPage, podes facilmente
começar a escrever texto na tua página
em branco. Para esta lição
começaremos com uma "Home Page"
- por defeito o documento de "saudação"
para os teus visitantes quando viajam pelo
teu Web site.
|
| |
| Criação
da Home Page |
| |
|
A Home Page é a porta de entrada
do teu Web Site, cumprimenta os teus visitantes
como se o pudesses fazer pessoalmente, oferecendo
alguma informação sobre o
conteudo ou assuntos importantes de modo
a criar interesse nas pessoas que te visitam.
A Home Page tambem contem links para as
outras páginas da Web.
- Na página em branco no Page View
escreve : "Benvindo ao meu Web
Site" e pressiona "Enter".
Tal como num processador de texto, o cursor
é colocado na linha seguinte.
- A seguir escreve "Aprendam um
pouco mais sobre o ano 2000, e vejam como
as pessoas em todo o mundo irão
festejar o novo milénio, olhando
para o fogo de artificio do Novo Ano.
- tecla "Enter"
|
|
|
|
Podes achar enfadonho teres que escrever
frases tão longas. Não te
preocupes, o FrontPage, permite, quando
desenvolveres o teu próprio Web Site,
importar directamente documentos para as
tuas páginas, sem teres que os reescrever.
A tua página deverá parecer-se
com a seguinte:
|
| |
|
|
|
|
|
A seguir iremos adicionar uma imagem ao
rodapé da página. As imagens
podem ser digitalizadas, desenhadas ou editadas
num programa de editor de imagens.
Para este exemplo a imagem será
o botão gráfico do logótipo
do FrontPage 2000.
|
| |
|
Inserir uma imagem na
Home Page
- No menu Insert, apontas
para Picture e clicas em From
File. O FrontPage mostra a caixa de
diálogo Picture. Porque
estás a editar uma página
que ainda não faz parte da Web,
o FrontPage tambem abre a caixa de diálogo
Select File, para escolheres a
imagem que vais inserir no teu ficheiro
local. A imagem que vais inserir está
localizada na pasta Tutorial que foi instalada
com o Frontpage.
- Na caixa de diálogo
Select File navega para a pasta
chamada Program Files\Microsoft Office\Office\Tutorial,
com duplo-click até aparecer a
pasta do tutorial. Nesta pasta serão
mostrados vários ficheiros, mas
por defeito o FrontPage mostra os ficheiros
de imagem.
- Clica no ficheiro chamado
fp2000 e depois OK. O FrontPage
insere o ficheiro seleccionado na página
corrente. É a imagem de um botão
que os teus visitantes podem clicar para
aprender mais sobre o FrontPge 2000.
- Clica em "Enter"
para criar uma nova linha. A tua página
será como a que se segue:
|
|
|
|
|
|
Apesar de se inserir uma imagem com um
botão, não significa que alguma
coisa aconteça, quando alguem clicar
nele num Browser da Web. Para o tornar "clicável"
teremos que lhe associar um hyperlink.
Um hyperlink é um apontador de um
texto ou imagem, para outra página
ou ficheiro na World Wide Web. Os hyperlinks
são o caminho primário de
navegação entre páginas
e Web Sites.
No próximo paço criaremos
um hyperlink no botão que colocámos
na Home Page
|
| |
| Criação
de um hyperlink numa imagem: |
 |
No assistente escreva:
How can I make a hyperlink?
|
- Na Home Page, clica na imagem do FrontPage
2000, previamente inserida. Quando a imagem
é seleccionada aparecem 8 pequenos
quadrados em torno desta. Isto pode ser
usado para alterar o tamanho ou alterar
a aparência. Quando a imagem é
seleccionada, o FrontPage mostra o toolbar
Pictures por baixo do Page view.
O toolbar Picture faz aparecer
uma barra de ferramentas que permite editar
e formatar imagens, mas sobre isto falaremos
mais adiante.
- No menu Insert, clica em Hyperlink.
A caixa de diálogo Create Hyperlink
aparece. Aqui especificas o destino do
hyperlink que estás a criar. Este
pode ser uma página ou um ficheiro
na tua Web. Porque estás a criar
um hyperlink num botão chamado
"Microsoft FrontPage" deverás
ligar-te á Home Page da Microsoft
FrontPage na World Wide Web. Quando alguem
clicar no botão no Browser na Web,
ele irá ter ao sitio certo.
- Na caixa URL, escreve: www.microsoft.com/frontpage,
imediatamente a seguir ao http://,
prefixo previamente escrito pelo FrontPage.
URL são as iniciais de Uniform
Resource Locator, que é o termo
técnico vulgarmente conhecido por
"direcção da Internet",
ou "direcção do Web
Site". Uma URL significa um
endereço unico na World Wide Web.
- Clica OK para terminar a criação
do hyperlink.
Podes verificar que a aparência do
botão não mudou, ao contrário
dos textos onde a cor é alterada,
e aparecem em sublinhado. As imagens não
mostram um hyperlink de forma óbvia,
isto deve-se ao facto de manter a sua aparência
inalteravel.
Pode-se rapidamente verificar a existência
de um hyperlink numa imagem, passando o
ponteiro do rato sobre esta. Se existir
um hyperlink o FrontPage fá-lo aparecer
na barra de status.
A seguir irás inserir uma animação
do numero 2000 no cimo da página.
As imagens animadas são inseridas
da mesma forma que as imagens normais.
|
|
Inserir uma imagem animada na Home Page
- Clica em CTRL-HOME para saltares rapidamente
para o inicio da página. Esta combinação
coloca o cursor no canto superior esquerdo
da corrente página.
- No menu Insert, aponta para Picture
e clica em From File. Desta vez
o FrontPage mostra imediatamente a pasta
do tutorial. O FrontPage guarda o nome
e localização das ultimas
pastas onde navegaste.
- Na caixa de diálogo Select
File, faz duplo-click no ficheiro
chamado 2000. O duplo-click no
nome permite maior rapidez que seleccionar
e clicar em OK. O FrontPage insere
a imagem animada do numero 2000 na página
corrente. Esta imagem aparece melhor sobre
um fundo escuro, que mais tarde completarás.
Enquanto editas páginas no Page
view, o FrontPage não mostra propositadamente
texto ou imagens animadas, para não
te distraires do teu trabalho. Mais adiante
verás como isso se faz.
- Tecla em "Enter" para mover
o texto de boas vindas para a linha de
baixo. A tua página deverá
aparecer assim:
|
|
|
| |
|
Para terminar a Home Page vamos centrar
o texto e as imagens.
Para centrar elementos numa página:
- No menu Edit, clica em Select
All. O FrontPage selecciona tudo na
página corrente.
- No menu Format, clica em Paragraph.
O FrontPage mostra a caixa de diálogo
de Paragraph, onde podes alterar
o alinhamento dos elementos seleccionados
e aplicar identação e espaços
personalizados para texto e gráficos.
- Na lista de Alignment, clica
em Center e depois em OK.
O FrontPage centra o texto e as imagens
da tua Home Page
- Clica algures na tua página para
anular a selecção de todos
os elementos.
|
| |
|
Agora que já investiste algum do
teu tempo e completaste alguns paços,
é boa ideia guardares a tua página.
Para guardar a página corrente
|
 |
No assistente
escreve:
How do I save a page? |
- No menu File, clica em Save
As. O FrontPage mostra a caixa de
diálogo Save As. Aqui podes
especificar a localização
para a página corrente, rever ou
alterar o título da página,
o nome do ficheiro e o tipo de ficheiro.
- Na caixa de diálogo Save As,
clica no icon My Documents na barra lateral.
O conteudo da pasta My Documents será
mostrada. Se não forem mostrados
ficheiros, não tens outras páginas
Web guardadas aqui.
- No campo Page Title, clica no
botão Change. O Frontpage
mostra a caixa de diálogo Set
Page Title. O nome da página
que aparece por defeito é baseada
na 1ª linha de texto da página
corrente. Um título identifica
o conteudo da página quando é
mostrada num Browser da Web. Altera o
título para algo mais sugestivo.
- Na caixa do Set Page Title, escreve
"Celebração do Milenio
- Home Page", em seguida clica
OK. Na caixa de diálogo
Save As, o nome por defeito é
baseado na 1ª linha de texto da corrente
página. Para este tutorial, altera
o nome do ficheiro para algo mais sugestivo.
- Na caixa File Name, altera o
texto sugerido para homepage, em
seguida clica em Save.
O Frontpage guarda a página corrente.
|
| |
| |
|
|
|
|
|
|
|