:: Exercícios::

Nome:

Turma: Professor: Diego

Módulo: Frontpage

Questões: Boa Sorte

1. Crie uma tabela com: 4 Linhas e 1 Coluna, 780 px de largura, alinhamento

centralizado; enchimento, espaçamento e bordas de célula no valor 0 (zero).

2. Em Propriedades de célula, defina a altura de todas as linhas como é

mostrado a seguir:
• 1ª linha - 150 px
• 2ª linha – 30 px
• 3ª linha – 450 px
• 4ª linha – 50px

3. Ainda em Propriedades de célula, defina as seguintes cores de plano de

fundo para cada linha:
• 1ª linha – Azul (Valor: 3366FF)
• 2ª e 4ª linha – Azul claro (Valor: 6699FF)
• 3ª linha – Branco (Valor: FFFFFF)

4. Na 1ª linha insira um
WordArt como ao lado:

5. Na 2ª linha, insira 5 Botões

interativos. Na lista de
botões escolha Cápsula Transparente 1.
O Botões devem estar centralizados.

6. Em Propriedades do botão defina os links de cada botão como mostra a

tabela abaixo:

Texto do Botão Link

Home index.htm
Criação criacao.htm
O Mercado mercado.htm
Onde Aprender aprender.htm
Contato contato.htm

7. Ainda em Propriedades do botão, na guia Fonte defina as configurações

como a seguir:

Fonte Estilo de Fonte Tamanho

Arial Normal 10
 8. Defina a cor do botão com o tom de cinza mais escuro (valor: 333333). Faça
esta definição para as três situações do botão: Original, Focalizado e Clicar.

9. Na guia Imagem, clique na opção Tornar o botão uma imagem JPEG e usar
esta cor de plano de fundo. Na caixa de combo abaixo escolha a cor definida
como plano de fundo da 2ª linha (Azul claro – valor: 6699FF).

ATENÇÃO ALUNO: TODAS AS CONFIGURAÇÕES FEITAS PARA

BOTÕES DESDE O EXERCÍCIO Nº 5 ATÉ O EXERCÍCIO Nº 9, DEVEM
SER APLICADAS A TODOS OS BOTÔES DO MENU, DA SEGUNDA
LINHA, SEM EXCEÇÃO. PARA ISSO SELECIONE O BOTÃO QUE
DESEJA ALTERAR E CLIQUE NO MENU FORMATAR – PROPRIEDADES.

10. Na 4ª linha, clique em centralizar e digite os textos como abaixo:

11. No rodapé criado na 4ª linha, o texto Wikipedia.org deverá ser um Hyperlink

para o site http://www.wikipedia.org. Para isso selecione o texto e clique no
menu Inserir – Hyperlink.

12. Com exceção da formatação da fonte do rodapé, até o momento, a sua página
deverá estar com aparência abaixo, caso não, volte aos exercícios anteriores e
verifique onde estão os erros.
13. Se a sua página estiver como acima crie uma pasta no desktop com o nome de
ArteDigital. No FrontPage clique em Arquivo – Abrir site e abra a pasta
criada.

14. Salve a página criada com o nome de Modelo.dwt. Para isso na caixa de
diálogo Salvar como mude na opção de Salvar como tipo para Modelo do
Dinâmico da WEB. A Página deverá ser salva na pasta ArteDigital.

15. Na 2ª linha acesse as Propriedades da célula e defina o Alinhamento

Vertical como Parte Superior.

16. Tecle ENTER uma vez e escreva Título, tecle ENTER novamente e escreva
Texto. Selecione o Título e na caixa Estilo (1ª caixa da esquerda da Barra de
Formatação), escolha a opção Título 1.

17. Clique no Menu Arquivo – Novo e no painel de tarefas, que se abre a direita
do documento, escolha a opção Mais modelos de página, na janela Modelos
de página clique na guia Folhas de Estilo e escolha a opção Folha de Estilo
Normal e clique em OK.

18. No arquivo novo que se abre você irá visualizar a Barra de Estilo

, caso contrário, clique em Exibir – Barra de

Ferramentas – Estilo.

19. Clique no botão Estilo (último botão à direita da barra), e na janela que se abre
clique a opção H1 na lista estilos, clique na opção Modificar... e após no botão
Formatar, escolha a opção Fonte.

20. Formate a fonte como mostra tabela abaixo:

Fonte Estilo da Fonte Tamanho Cor

Cinza mais
Arial Negrito 18 pt escuro(valor:
333333)

20. Na guia Espaçamento de caracteres, defina o Espaçamento como Expandido e

clique em OK.

21. Ainda na janela de Modificar Estilo no botão Formatar, escolha a opção

Parágrafo, na sessão Recuo digite o valor 20 para Antes do texto.

22. Clique em OK.

23. Na Janela Estilo em Lista selecione a opção Marcas HTML, selecione a marca
P e clique em Modificar... e após no botão Formatar, escolha a opção Fonte.

24. Formate a fonte com mostra tabela abaixo:

Fonte Tamanho Cor Margem esquerda

Cinza mais
Arial 10 pt escuro(valor: 10 px
333333)
25. Salve a nova folha de estilo com o nome folha.css em uma pasta chamada
estilo que você deverá criar dentro da pasta do site.

26. Volte ao Modelo.dwt e clique em Formatar – Links da Folha de estilo, clique

no botão adicionar e escolha o arquivo folha.css que você acabou de criar
dentro da pasta estilo.

27. Crie um desenho no paint com uma área de desenho de 3 X 3px com um único
ponto feito a lápis de cor cinza bem no meio da área de desenho. O arquivo
deve ser salvo com o nome de bg.gif na pasta images da pasta ArteDigital.

28. Retorne ao arquivo Modelo e acesse as propriedades da página com um

clique direito do mouse. Clique na guia Formatação, marque a opção Imagem
de plano de fundo, clique no botão Procurar e escolha o arquivo bg.gif e clique
em OK.

29. Selecione o Título do Modelo, click direito do mouse e gerenciar áreas

editáveis. Na janela Áreas editáveis escreva, no nome da área, a palavra Título
e clique em adicionar.

30. Selecione o Texto do Modelo, click direito do mouse e gerenciar áreas

editáveis. Repita o processo feito anteriormente dando o nome de Texto a esta
área editável.

31. Parabéns! O Modelo do seu site já está pronto, o que você precisa agora é
criar a página inicial (index) e as demais páginas usando este modelo. Para
isso clique em Arquivo – Novo e escolha a opção Com base em página
existente, na janela que se abre escolha o modelo.dwt.

32. Substitua o Título e o texto de cada página pelo seu respectivo título e texto. O
Conteúdo de cada página deverá ser fornecido pelo seu professor, assim como
as imagens.