Instituto Presbiteriano Mackenzie

Escola Americana e Colgio Mackenzie

Passo a Passo

So Paulo 2001

ndice
Introduo .......................................................................................... 2 Como adquirir o FrontPage? ................................................................... 2 Conhecendo a janela do FrontPage: ......................................................... 3 O uso das teclas Shift e Enter ................................................................. 3 Vamos comear a trabalhar .................................................................... 4 Criando uma pgina da Web................................................................... 4 Criando uma Nova Pgina ...................................................................... 5 Criando Quadros (Frames) ..................................................................... 6 Inserindo Botes (Hover Button) ............................................................. 9 Salvando o seu Site ............................................................................ 10 Criando uma Nova Pgina .................................................................... 12 Procedimentos a Seguir ....................................................................... 13 Criando Tabelas (Table): ..................................................................... 15 Mudando a Aparncia da Tabela ............................................................ 17 Mesclando as Clulas .......................................................................... 19 Dividindo as Clulas ............................................................................ 20 Desenhando a Tabela .......................................................................... 22 Excluindo Linhas e Colunas da Tabela .................................................... 23 Inserindo Imagens dentro da Tabela...................................................... 24 Inserindo Vdeos ................................................................................ 26 Inserindo Texto no Site ....................................................................... 28 Msica e Som .................................................................................... 30 Inserindo Hyperlinks ........................................................................... 31 Criando Link para uma Pgina que j est Publicada na Internet ................ 34 Criando Link para Envio de E-mail ......................................................... 36 Mudando a Cor de Fundo do Site........................................................... 37 Aplicando efeito de Marca dgua ao Site................................................ 40 Criando Letreiro Digital na Pgina ......................................................... 43

Escola Americana e Colgio Mackenzie

Introduo
O software FrontPage muito utilizado para a criao, gerenciamento e publicao de pginas (sites) na Internet. Sendo um produto da Microsoft Corporation, ele apresenta uma interface bastante amigvel e fcil de utilizar. No requer conhecimentos avanados do usurio, nem to pouco uma mquina com um hardware especfico. O aluno que j teve a oportunidade de trabalhar com o Word (editor de textos) e o Power Point (programa para criao de apresentaes profissionais), com certeza ter familiaridade com o programa FrontPage. Isto acontece, justamente porque a sua janela, as ferramentas, os atalhos, a barra de ttulo, a barra de status, as opes da barra de menu so comuns nos produtos da Microsoft.

Como adquirir o FrontPage?

Existem basicamente duas formas de ter o FrontPage, so elas:

Atravs do pacote Microsoft Office (nesse pacote voc ir encontrar no s o FrontPage, como outros sofwares: Word, Excel, Power Point, Access, Outlook); Individual: que ir trazer apenas o FrontPage (muito utilizado em upgrades (atualizao)) que oferece ao usurio uma opo mais econmica, no sendo necessrio trocar todo o pacote MS-Office.

Escola Americana e Colgio Mackenzie

Conhecendo a janela do FrontPage

Barra de Ttulo

Barra de Menu

Barra de Ferramentas Padro

Barra de Ferramentas Formatao

Barra de Modos

Barra de Status

Guias de visualizao da pgina

O uso das teclas Shift e Enter

Ao pressionarmos a tecla <Enter>, estaremos criando um novo pargrafo. Se desejarmos apenas ir para a linha seguinte, devemos pressionar a combinao de teclas <Shift> + <Enter>.

Escola Americana e Colgio Mackenzie

Lembre-se: quando clicamos na tecla Enter, estaremos criando um novo pargrafo e o espao do cursor em relao linha de cima ser maior.

Vamos comear a trabalhar

Para iniciar o programa FrontPage, devemos: Iniciar Programas Microsoft FrontPage Ou, simplesmente utilizar o atalho que est na rea de trabalho do Windows.

Para ativar o programa, basta dar dois cliques com o boto esquerdo do mouse.

Criando uma Pgina da Web

O FrontPage trabalha com webs. As webs (grupo de arquivos relacionados disponibilizados em um servidor Web na Internet) facilitam a organizao dos arquivos. aconselhvel utilizar webs para construo de sites do que pginas soltas. Alm do controle e localizao dos arquivos serem facilitados, vrios recursos do FrontPage sero mais explorados se utilizados em uma web.
Escola Americana e Colgio Mackenzie

Para criar uma web, devemos: File New Web

Ou podemos utilizar o boto New Page para criarmos uma Web. Visualize:

Criando uma Nova Pgina

Devemos criar todas as pginas que iro fazer parte da nossa Homepage. Antes de linkar, ou seja, vincular as pginas, ou mesmo antes de publicar na Internet, devemos ter todas as pginas prontas. Para isso, devemos: File New Page ou

Escola Americana e Colgio Mackenzie

Criando Quadros (Frames)

Os frames (quadros) so utilizados para dividir a rea de trabalho (tela) do FrontPage em quadros independentes, que se relacionam atravs dos links. Atravs dos frames podemos ter vrias pginas HTML ao mesmo tempo, no havendo sobreposio de pginas. Ser muito til para os alunos que quiserem montar um menu com vrios botes. Conforme for clicando nesses botes, poder exibir a janela contendo os dados ao lado, ou seja, no ser necessrio abrir vrios arquivos ou ter que ficar criando links para voltar a pgina principal (Homepage). Para criar uma nova pgina, utilizando os frames (quadros) devemos: File New Page Frames Pages 1 Passo: File New Page

Escola Americana e Colgio Mackenzie

2 Passo: Devemos escolher a opo Frame Pages.

Formatos de Frames

3 Passo: s escolher um dos formatos disponveis. Escolha o que for mais adequado ao seu trabalho.

Escola Americana e Colgio Mackenzie

No exemplo acima, podemos notar que nossa pgina (site) est dividida em dois frames (quadros), no frame da esquerda podemos utilizar para inserir os botes de acesso s nossas pginas e o frame da direita ser utilizado para visualizar as pginas, conforme o internauta for clicando nos botes. Observe que temos dois tipos de botes na janela acima: Set Initial Pages e New Page.

Set Initial Pages: ser usado para acessar uma pgina que j est pronta no formato *.htm ou *.html. No sendo preciso montar novamente a pgina. New Page: ser usado para criar uma nova pgina.

Observao: Quando for salvar os frames (quadros), muito cuidado, procure nomear o arquivo de forma que fique fcil de localizar cada quadro, ou seja, dever salvar todas as partes.

Escola Americana e Colgio Mackenzie

Inserindo Botes (Hover Button)

Os botes so utilizados na construo de pginas, deixando o seu site com uma aparncia profissional. O boto ser o responsvel por carregar cada pgina. Para inserir os botes, podemos utilizar o comando Hover Button do FrontPage ou mesmo desenhar esses botes. Insert Component Hover Button 1 Passo: Insert Component Hover Button

2 passo: Formatar o seu boto, inserindo texto, aplicando cor, efeito e link ao boto:

Escola Americana e Colgio Mackenzie

Para aplicar efeitos ao boto

Para localizar as pginas que j esto salvas no seu diretrio

Salvando o seu Site

Para salvar o arquivo que acabamos de montar, devemos: 1 Passo: File Save ou
Cuidado na hora de salvar: Grave na sua unidade e pasta.

D um nome para a sua pgina.

Escola Americana e Colgio Mackenzie

10

2 Passo: Na opo Save in (Salvar em), devemos obedecer o seguinte procedimento:

Os alunos dos 1 e 2 Anos do Ensino Mdio do Colgio Mackenzie devero salvar na unidade (F:). Dentro da unidade (F:), devero escolher a pasta da sua turma e em seguida sua subpasta (que vai de acordo com o micro em que a turma elegeu). Os alunos dos 3 Anos do Ensino Mdio do Colgio Mackenzie devero salvar em (G:). Dentro da unidade (G:), devero selecionar a pasta da sua turma e em seguida sua subpasta.

3 Passo: Na opo File name (nome do arquivo) devemos dar um nome para a pgina. Observao: A Homepage (pgina principal) dever ter sempre o nome de index.htm ( uma conveno adotada por Webdesigners). Com esse nome ficar mais fcil para o seu professor localizar o seu arquivo no momento da correo.

Os sites devem ser nomeados de maneira que fiquem fceis de serem localizados. Em especial, quando for montar os links. No utilize seu nome ou do colega, nmeros, datas. Isso far com que seu trabalho fique confuso no momento de linkar ou mesmo de localizar o arquivo. Utilize nomes de arquivos contendo apenas 8 (oito) caracteres, apesar da maioria dos provedores aceitarem nomes de arquivos maiores. Tambm evite letras maisculas, acentuao e pontuao nos nomes dos arquivos.

Escola Americana e Colgio Mackenzie

11

Criando uma Nova Pgina

Depois de salvo, voc pode a qualquer momento alterar as pginas que esto gravadas no seu diretrio. Para isto, basta abrir o arquivo existente. 1 passo: File Open ou
Escolha o diretrio (pasta) em que est salvo a sua pgina

Voc tambm poder localizar os seus arquivos atravs dessa estrutura

Verifique se a extenso *.html est selecionada, caso contrrio voc no consiguir ver suas pginas.

Lembrete: Para inserir as figuras (vetoriais e gifs animadas) e fotos devemos utilizar o seguinte caminho: Insert Picture From File No devemos utilizar a opo File Open para inserir figura, um procedimento errneo. At agora aprendemos como criar uma pgina (Homepage e os sites), utilizando a opo File New Page e como criar os frames (File New Page Frame).
Escola Americana e Colgio Mackenzie

12

Vamos pensar em como a nossa pgina dever ficar depois de pronta. O ideal, ao criar um site planejar toda sua estrutura antes de comear a colocar a mo na massa. J aconteceu com muitas pessoas que tiveram de mudar todo o layout do site, justamente por no terem obedecido certas normas de trabalho.

Procedimentos a Seguir
Vamos estudar essas normas, que com certeza ser de suma importncia para voc: Aluno Webdesigner. Procedimento 1: Pense na seguinte pergunta: A pgina que voc est montando ser destinado a que pblico?

Se estiver trabalhando numa escola, como o nosso caso, em que devemos montar projetos que posteriormente sero avaliados e colocados no Portal Educacional Emack (vide http://www.emack.com.br/), devemos tomar certas precaues, como por exemplo: No utilizar as cores que no combinem com os elementos inseridos na sua pgina; No abusar das cores. Hoje, o que mais chama a ateno dos internautas justamente uma pgina colorida e no monocromtica (preta e branca), mas isso no significa que sua pgina dever ser infectada por todas as cores existentes da paleta de cores. Existem estudos, mostrando que as cores de tons pastis (amarelo claro, azul claro, salmo, laranja claro, etc) so as mais utilizadas. As cores mais vibrantes devero ser utilizadas na cor do ttulo da sua pgina, para enfatizar partes importantes do corpo do texto, botes do site, ou seja, tudo aquilo que fizer parte do primeiro plano da pgina. No se esquea que as fotos e as figuras tambm so coloridas.
Escola Americana e Colgio Mackenzie

13

Procedimento 2: As fontes (tipos de letras) mais utilizadas na Internet so: Verdana, Arial e Times New Roman, Tahoma. O site do Emack (portal da Educao Bsica do Mackenzie - www. emack.com.br) utiliza a fonte Verdana como fonte padro. Isso se deve justamente, por ser uma letra no cansativa para a leitura alm de ter uma tima nitidez e resoluo. Seria ruim visitar uma pgina na Internet, com uma fonte muito pequena e imperceptvel para leitura. Procedimento 3: O ttulo deve apresentar um tamanho maior em relao ao corpo do texto (por exemplo: tamanho 7 36pt). O corpo do texto deve apresentar um tamanho menor, como por exemplo: 10pt, 12pt, 14pt, no mais do que isso. Procedimento 4: As partes mais importantes do texto devem ser grifadas, para que o leitor (internauta) possa ter uma ateno especial na codificao da mensagem. Utilize para isto: o negrito texto O itlico . ser muito utilizado para grifar palavras de lngua , o itlico , a caneta marca

estrangeira. J o sublinhado , ser utilizado apenas para fazer meno ao link, por esse motivo no devemos usar o sublinhado em momento algum. Procedimento 5: Existem vrias ferramentas de alinhamento (respectivamente so alinhar a esquerda, centralizar e alinhar a direita) que iro alinhar textos e figuras. Voc poder utilizar o menu Format Font para alterar as configuraes de cores, letras, tamanhos, estilos e efeitos ao invs da barra de ferramentas formatao. Antes de alterar as configuraes, devemos selecionar o texto ou apenas parte desse texto.

Escola Americana e Colgio Mackenzie

14

Voc poder utilizar o menu Format Paragraph para alterar o espaamento entre pargrafos, palavras, linhas, recuos entre os pargrafos e alinhamentos. Antes de alterar devemos selecionar o(s) pargrafo(s).

Criando Tabelas (Table):

Um procedimento muito utilizado na montagem das pginas o recurso Tabelas.
Escola Americana e Colgio Mackenzie

15

Com a opo tabelas possvel organizar os objetos que iro fazer parte do seu site, sendo possvel trabalhar com vrias colunas numa nica pgina. Vamos aprender a criar uma tabela no FrontPage, cujo caminho o mesmo usado no Microsoft Word. 1 Passo: Table Insert Table

2 Passo: Ir aparecer uma caixa de dilogo Insert Table. Veja o exemplo abaixo:

Escola Americana e Colgio Mackenzie

16

Atravs dessa opo ser possvel definir o nmero de linhas e colunas da sua tabela Permite alinhar a tabela no site. Para mudar a espessura da borda. Se for definida como zero, as bordas ficaro ocultas.

Para mudar a largura da sua coluna, sendo possvel trabalhar com as unidades de medida: Pixels ou Porcentagem.

Quanto maior a numerao, maior ser o espao entre as clulas da tabela.

Quanto maior a numerao, maior ser o espao entre o texto e a borda da tabela.

Para ocultar as bordas da tabela, devemos definir em Border size = 0 (zero).

Mudando a Aparncia da Tabela

Vamos aprender como mudar a aparncia inicial de sua tabela, aplicando vrios recurso, como por exemplo: cor e espessura da borda, sombreamento da tabela, etc... 1 Passo: Selecionar a tabela ou apenas algumas linhas e colunas. 2 Passo: Table Properties Table

Escola Americana e Colgio Mackenzie

17

3 Passo: Ir aparecer a caixa de dilogo Table Properties. Veja o exemplo abaixo:

Para mudar a espessura da borda. Se for definida como zero, as bordas ficaro ocultas. Para inserir uma figura como fundo da tabela. Para localizar a figura no seu diretrio.

Para mudar a cor da borda da tabela. Para mudar a cor de fundo da tabela.

Escola Americana e Colgio Mackenzie

18

Quando estamos trabalhando com tabelas, h necessidade de conhecer outras opes que iro ajudar na confeco da mesma.

Mesclando as Clulas
Um recurso muito utilizado a opo Mesclar Clulas (ir fazer a juno de vrias colunas, transformando-a em uma nica coluna, muito utilizado para inserir um ttulo na primeira linha de uma tabela com vrias colunas). 1 Passo: Selecione o conjunto de clulas que ser mesclada. 2 Passo: Table Merge Cells

Antes

Veja o resultado:

Escola Americana e Colgio Mackenzie

19

Depois

Dividindo as Clulas
Dependendo o escopo do trabalho, quando trabalhamos com tabelas poder haver a necessidade de acrescer novas clulas a uma linha ou coluna. Ao utilizar o recurso Split cells (dividindo clulas) temos a oportunidade de realizar essa ao. Para dividir as clulas em vrias colunas devemos: 1 Passo: Selecionar a clula ou o conjunto de clulas que sero divididos. 2 Passo: Table Split Cells

Escola Americana e Colgio Mackenzie

20

3 Passo: Ir aparecer a caixa de dilogo abaixo:

Podemos dividir por colunas ou por linhas. A opo Split into columns mais utilizada.

Quanto maior o nmero, maior ser a diviso.

Veja o resultado:

Escola Americana e Colgio Mackenzie

21

Desenhando a Tabela
possvel desenhar a tabela de acordo com o seu projeto. Esse recurso est disponvel desde a verso 98 do pacote MS-Office. 1 Passo: Table Draw Table

Escola Americana e Colgio Mackenzie

22

2 Passo: Ser ativada a barra de ferramentas Tabela (veja abaixo):

Ferramenta Draw Table (Desenhar Tabela), ir auxiliar na montagem da tabela.

Ferramenta Eraser ir deletar partes da sua tabela.

Excluindo Linhas e Colunas da Tabela

possvel apagar as linhas e as colunas que no sero utilizadas. 1 Passo: Selecionar a(s) linha(s) ou a(s) coluna(s). 2 Passo: Table Delete Cells

Escola Americana e Colgio Mackenzie

23

Lembre-se: Ao pressionar a tecla <delete>, voc estar apenas deletando as informaes contidas na clula.

Inserindo Imagens dentro da Tabela

Agora sim, vamos aprender a maneira correta de inserir imagens dentro de sua tabela. 1 Passo: Posicione o cursor dentro da clula que dever abrigar a imagem (foto, figuras, cliparts, gifs animadas). 2 Passo: Insert Picture From File

Escola Americana e Colgio Mackenzie

24

2 Passo: Ir aparecer a caixa de dilogo Select File.

Utilize essa opo para localizar a imagem na sua pasta.

Lista todas as imagens.

Certifique-se que essa opo est selecionada. Caso contrrio s imagens que voc salvou no iro aparecer.

Escola Americana e Colgio Mackenzie

25

Lembre-se: Todas as imagens devem ser salvas com a extenso *.jpg1 (*.jpeg) ou *.gif2, caso contrrio s imagens no podero ser lidas pelos browers Internet Explorer e o Netscape da Navigator. Alm disso, elas apresentam um tamanho inferior e uma resoluo maior em relao s imagens do tipo *.bmp (bitmap). Normalmente, os arquivos GIF, so empregados em cones, botes, barras e fundos. Os arquivos JPEG so usados em fotografias, logotipos, imagens escaneadas e mapas. Veja o resultado:

Inserindo Vdeos
Para inserir vdeos no seu site, o procedimento semelhante ao da insero de imagens. 1 Passo: Insert Picture Videos
1 2

JPG a abreviatura de Joint Photographic Expert Group. GIF a abreviatura de Graphical Interchange Format. Escola Americana e Colgio Mackenzie

26

2 Passo:

Localize na sua pasta o vdeo.

Lista todas os arquivos de vdeos.

Certifique-se que essa opo est selecionada. Caso contrrio os vdeos que voc salvou no iro aparecer.

Lembre-se:
Escola Americana e Colgio Mackenzie

27

Se o vdeo que voc salvou no estiver aparecendo, mude a opo Arquivos do Tipo para All files. Como por exemplo, um vdeo que estiver gravado no formato mpeg ou mpg, s ser visualizado mudando a opo para Todos os arquivos.

Inserindo Texto no Site

Vamos aprender a inserir textos do Word/ Word Pad 1/ Bloco de Notas2 no FrontPage: 1 Passo: Posicione o cursor no local em que dever aparecer o texto. 2 Passo: Insert File

3 Passo: Ir aparecer a caixa de dilogo. Veja a ilustrao:

1 2

Na verso Windows 3.1 e 3.1 x era denominada de Write. Na verso Windows 3.1 e 3.1x era denominada de NotePad. Escola Americana e Colgio Mackenzie

28

Localize na sua pasta o arquivo de texto.

Certifique-se que essa opo est selecionada. Caso contrrio os textos que voc salvou no iro aparecer.

Lembre-se: Se a opo Arquivos do tipo estiver mostrando a opo *.html, os arquivos que voc salvou no Word no iro aparecer. Na opo arquivos do tipo devero aparecer Word6.0/95 ou All files. Veja o resultado:

Escola Americana e Colgio Mackenzie

29

Msica e Som
Podemos colocar som de fundo na pgina. No esquea que para fazer esse prximo passo devemos ter a msica salva em seu diretrio. 1 Passo: File Properties

2 Passo: Verifique se a guia General (geral) est selecionada.

Escola Americana e Colgio Mackenzie

30

Guia Geral Atravs dessa opo vamos aplicar uma msica de fundo ao site.

3 Passo: Utilizando a opo Background Sound, devemos localizar a msica que far parte do site, clicando no boto Browser. Alm disso, podemos optar pela opo Forever (se ativada far com que a msica repita continuamente) ou a opo Loop (podemos estabelecer quantas vezes a msica ser repetida). Lembre-se: Para ouvir a msica/som devemos clicar no modo de visualizao Preview.

Inserindo Hyperlinks
Vamos utilizar um recurso, que deixar a sua homepage mais interativa e profissional atravs do Hyperlink.

Escola Americana e Colgio Mackenzie

31

1 Passo: Antes de criar os Hyperlinks, devemos ter todas as pginas (sites) prontas. O Hyperlink (ou apenas link, segundo alguns autores) devero ser utilizados apenas na finalizao do projeto. Atravs dos links podemos vincular os sites a estrutura principal (homepage). 2 Passo: Insert Hyperlinks

Ou dar um clique com o boto direito do mouse sobre o objeto (texto e figuras) que ser o link.

Escola Americana e Colgio Mackenzie

32

3 Passo: Ir aparecer a caixa de dilogo Create Hyperlink. Veja o modelo abaixo:

Exibe as ltimas pginas salvas em seu computador.

Permite localizar as suas pginas, que j esto salvas no seu diretrio (pasta).

Escola Americana e Colgio Mackenzie

33

4 Passo: Devemos mostrar ao FrontPage, qual o site que dever ser o link do objeto selecionado. Utilize a opo your computer). (Make a hyperlink to a file on

5 Passo: Antes de visualizar no Modo Preview (visualizao), devemos salvar as alteraes .

Devemos criar a cultura de estar sempre salvando as nossas alteraes a cada 5 ou 10 minutos para no perdemos equivocadamente os nossos arquivos. Em particular, qualquer alterao de link, deveremos salvar as pginas para no haver duplicao de pginas. Criando Link para uma Pgina que j est Publicada na Internet Existem vrios tipos de links, o que estaremos estudando agora justamente o link para acessar as pginas que j esto publicadas na Internet. 1 Passo: Devemos selecionar o objeto quer ir ser o link para abrir as pginas que j esto na WWW (World Wide Web). 2 Passo: Clicar com o boto direito do mouse sobre o objeto que ser o link, ou dar um clique na opo Insert Hyperlink.

Escola Americana e Colgio Mackenzie

34

3 Passo: Ir aparecer a caixa de dilogo Create Hyperlink. Veja o modelo abaixo:

Exibe as ltimas pginas salvas em seu computador.

Devemos digitar o endereo completo da pgina.

Escola Americana e Colgio Mackenzie

35

Criando Link para Envio de E-mail

Muitos Webdesigners recebem e-mail contendo elogios em relao a seu endereo eletrnico, ou seja, a sua pgina. Para isso, vamos aprender criar um link para acessar o correio eletrnico (Outlook Express, Nestcape Express, Eudora, etc...). 1 Passo: Devemos selecionar o objeto (texto ou figura) que ir ser o link para acessar o seu e-mail, ou seja, qualquer internauta poder enviar mensagens para voc agradecendo pelo excelente trabalho realizado. 2 Passo: Clicar com o boto direito do mouse sobre o objeto que ser o link, ou dar um clique na opo Insert Hyperlink.

3 Passo: Ir aparecer a caixa de dilogo Create Hyperlink. Veja o modelo abaixo:

Escola Americana e Colgio Mackenzie

36

Exibe as ltimas pginas salvas em seu computador.

Utilize essa opo para criar um link para o seu email.

4 Passo: Devemos mostrar ao FrontPage, qual o site que dever ser o link do objeto selecionado. Utilize a opo mail). (Make a Hyperlink that sends e-

5 Passo: Antes de visualizar no Modo Preview (visualizao), devemos salvar as alteraes .

Devemos criar a cultura de estar sempre salvando as nossas alteraes a cada 5 ou 10 minutos para no perdemos equivocadamente os nossos arquivos. Em particular, qualquer alterao de link, deveremos salvar as pginas para no haver duplicao de pginas.

Mudando a Cor de Fundo do Site

Uma das vantagens do FrontPage a possibilidade de poder escolher a cor que ficar a sua pgina. 1 Passo: Format Background
Escola Americana e Colgio Mackenzie

37

2 Passo: Ir aparecer a caixa de dilogo Background. Veja a ilustrao abaixo.

Para inserir uma figura de fundo na sua pgina.

Para criar marca dgua.

Escolha a cor que dever ser aplicada de fundo no seu site.

Para mudar a cor do link. Para mudar a cor do link visitado Para mudar a cor do link ativado (conforme pressionado)

Atravs dessa opo, voc poder deixar a cor do texto como padro.

Escola Americana e Colgio Mackenzie

38

3 Passo Utilize a opo Colors / Background (veja ilustrao acima) para mudar a cor do seu site.

Escolha a cor de sombreamento que dever ser aplicada no seu site.

Atravs dessa opo, poderemos escolher outras cores, alm de fazer vrias combinaes.

4 Passo: Se clicarmos na opo More Colors, possvel escolher as cores que no esto sendo visualizadas na caixa Background. Veja o exemplo na prxima pgina:

Escola Americana e Colgio Mackenzie

39

Aplicando efeito de Marca dgua ao Site

Podemos criar um fundo texturizado ou mesmo personalizado, utilizando marca dgua como plano de fundo ao site. Dessa forma, voc estar tornando a sua pgina mais profissional. 1 Passo: Format Background

Escola Americana e Colgio Mackenzie

40

2 Passo: Ir aparecer a caixa de dilogo Background. Veja a ilustrao abaixo:

Para inserir uma figura de fundo na sua pgina.

Para criar marca dgua.

Localize o arquivo, cuja imagem ser inserida como marca dgua.

3 Passo: Ative a opo Background picture (colocar a figura de fundo, em ltimo plano) e a opo Watermark (marca d gua).
Escola Americana e Colgio Mackenzie

41

4 Passo: Clique sobre o boto de comando Browse e localize no seu diretrio (pasta) o arquivo que contenha a figura ou a foto a ser aplicada como marca d gua.

Veja o resultado:

Preview permite visualizar a sua pgina depois de pronta.

Escola Americana e Colgio Mackenzie

42

Lembre-se: Para visualizar como o resultado ficar na Internet, devemos utilizar a barra de visualizao, clicando na opo Preview ou na barra de ferramentas padro . O Hyperlink e o efeito Marca dgua s funcionaro no modo de Preview.

Criando Letreiro Digital na Pgina

O letreiro digital ou marquee ser muito utilizado para enfatizar algumas frases, passando mensagens ou mesmo para destacar o nome, nmero e srie do aluno. 1 Passo: Insert Component Marquee

2 Passo: Ir aparecer a caixa de dilogo Marquee Properties. Veja modelo abaixo:

Escola Americana e Colgio Mackenzie

43

Velocidade do marquee. Estar direcionan do a sua frase, para a esquerda ou para a direta.

Alinhe o letreiro digital com o texto, escolhendo uma das opes disponveis.

Mude o tamanho do letreiro digital. Width = largura. Height = altura.

Atravs dessa opo podemos aplicar um a cor de sombreamento ao marquee.

Mude o sentido da orientao, escolhendo uma das opes disponveis.

Veja o resultado:

Escola Americana e Colgio Mackenzie

44

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

45

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

46

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

47

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

48

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

49

Anotaes da Lousa e Observaes do Professor

Escola Americana e Colgio Mackenzie

50

Lista de Telefones e E -mails

Escola Americana e Colgio Mackenzie

51

Escola Americana e Colgio Mackenzie

52