TUTORIAIS DE FRONTPAGE
 
1. Lição 1
Página: 1 2 3 4 5 6 7 8 9 10 11 12
 
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.

  1. 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.
  2. 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.
  3. 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

  1. 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.
  2. 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.
  3. 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.
  4. 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?

  1. 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.
  2. 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.
  3. 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.
  4. 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

  1. 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.
  2. 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.
  3. 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.
  4. 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:

  1. No menu Edit, clica em Select All. O FrontPage selecciona tudo na página corrente.
  2. 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.
  3. Na lista de Alignment, clica em Center e depois em OK. O FrontPage centra o texto e as imagens da tua Home Page
  4. 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?
  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. Na caixa File Name, altera o texto sugerido para homepage, em seguida clica em Save.

O Frontpage guarda a página corrente.

 
 

 

 

  Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos