Fichas de trabalho DREAMWEAVER MX 2004

D-1 (1)
1. Crie um novo site com o nome Desporto-Modalidade, sem a tecnologia servidor, sem ligao ao servidor remoto e com a seguinte estrutura:

2.

Procure 4 fundos diferentes (se quiser, em vez de fundos use cores) e 5 imagens. Por exemplo:

Armanda Ribeiro

Pgina 1

Fichas de trabalho DREAMWEAVER MX 2004

3.

Se fizer duplo clique em cada uma das imagens, automaticamente se abre o Fireworks MX 2004. Este programa permite fazer a edio da imagem. 3.1. Gravar cada uma das imagens com a extenso sugerida por ele. O resultado ser o seguinte depois se encontradas as imagens (no precisam de ter os mesmos nomes):

4.

5.

Abra agora a pgina despleves.htm e defina as propriedades da pgina de acordo com o seguinte:

Deserto.pnt

Armanda Ribeiro

Pgina 2

Fichas de trabalho DREAMWEAVER MX 2004

6.

D o seguinte nome pgina:

7.

Escreva o texto que se segue:

Desportos "sem esforo" Apresento aqui algumas formas de desportos que podem ser postos em prtica sem grande esforo, permitindo-me afirmar que para se estar em forma no necessrio um excessivo esforo do praticante. GOLF Dos mais relaxantes entre todos os desportos, implica a deslocao a p, percorrendo reas considerveis. Conduz a uma melhoria nas articulaes dos pulsos e braos. Para alm de tudo exige concentrao, conduzindo ao desaparecimento do stress. CAMINHAR De todos os exerccios fsicos o mais espontneo e dos mais fceis de praticar. Pode evoluir para o montanhismo e para as caminhadas por locais naturais. Melhora a circulao sangunea, os msculos e as articulaes, conferindo mais resistncia fsica. STRECHTING Para alm de poder ser praticado como forma de desporto, pode servir como aquecimento para outras modalidades. Consiste na execuo de movimentos e posturas do corpo de forma calma e serena, havendo sempre uma concentrao nos msculos que esto a ser alongados. Melhora a circulao sangunea e anula as tenses musculares. TAI-CHO uma das artes marciais mais tranquilas. Consiste num agrupamento de cento e oito movimentos executados de uma forma lenta, mas contnua. Proporciona uma melhoria nos msculos, tendes e articulaes e conduz a uma relaxamento dos pontos de tenso e da mente.
Armanda Ribeiro Pgina 3

Fichas de trabalho DREAMWEAVER MX 2004

8. 9.

Aplique o H1 aos ttulos e alinhe-o ao centro. Aplique os alinhamentos ao resto do texto.

10. Efectue agora as alteraes necessrias para que a pgina fique com o aspecto apresentado na figura abaixo: 10.1. Ttulo - texto cor #0099FF, tamanho 36 pxeis, alinhamento centrado. 10.2. Introduo - texto cor #FF9933, tamanho 18 pxeis, alinhamento centrado. 10.3. Subttulo - texto cor #669999, tamanho 24 pxeis, alinhamento justificado. 10.4. Restante texto - Texto cor #339999, tamanho 16 pxeis, alinhamento justificado.

Armanda Ribeiro

Pgina 4

Fichas de trabalho DREAMWEAVER MX 2004

11. A seguir ao texto, crie um boto flash centrado, com 100x60 pxeis, com o texto Inicio, estilo do boto Blue Warper, tipo de letra Arial, tamanho 30 pto, cor de fundo #3399FF e com uma hiperligao para a pgina ndex.htm. Guarde-o com o nome Botao1.sfw. 12. Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 5

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (2)
1. 2. 3. 4. Abra o site Desporto-Modalidade. Abra a pgina index.htm. O seu ttulo ser: Desporto-Modalidades Na pgina defina como fundo de pgina a imagem que usou no documento anterior. Deserto.pnt. 4.1. Na primeira linha insira a palavra DESPORTOS, como texto em Flash com: tipo de letra Algerian, tamanho 60 pxeis, cor #336699, cor passagem do rato #FF9900, cor de fundo #CCCCFF, alinhamento centrado e estilo negrito. Guarde-a com o nome Texto1.sfw. 4.2. A seguir, insira a imagem que j deve existir na sua pasta.

4.3.

A seguir, insira uma linha horizontal a toda a largura da pgina.

4.4. Abra a imagem no Fireworks MX 2004. Basta fazer um duplo clique na imagem. Altere-lhe o brilho de forma a ficar quase transparente.

4.5.

Grave-a na pasta das imagens.

4.6. Insira agora uma imagem rollover, a primeira imagem ser a que no foi editada, a sua foi a que alteramos a cor, e o texto alternativo O desporto faz bem sade 4.7. O tamanho da imagem deve ser 400x250 pxeis. 4.8. Insira agora uma tabela com 500x50 pxeis, com uma linha e duas colunas, alinhada ao centro, limite de 10 pxeis, espaamento entre clulas de 6 pxeis, cor de fundo #3366CC, cor do limite #9999CC. 4.9. Na clula da esquerda crie um boto flash centrado, com 80x30 pxeis, com o texto LEVES, estilo Blue Warper, tipo de letra Algerian, tamanho de letra 16 pt, cor de fundo #3399FF e com uma hiperligao para a pgina despleves.htm. Guarde-o com o nome Botao2.sfw. 4.10. Na clula da direita crie um boto flash centrado, com 80x30 pxeis, com o texto PESADOS, estilo Blue Warper, tipo de letra Algerian, tamanho de letra 16 pt, cor de fundo #3399FF e com uma hiperligao para a pgina despesados.htm. Guarde-o com o nome Botao3.sfw. 4.11. Insira a seguir tabela uma linha horizontal a toda a largura da pgina.
Armanda Ribeiro Pgina 6

Fichas de trabalho DREAMWEAVER MX 2004

4.12. Na linha a seguir crie uma hiperligao para o seu endereo de correio electrnico, com o nome de Caixa de correio electrnico, alinhado direita, tamanho 16 pxeis e cor #003366. 5. O resultado o seguinte:

6.

Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 7

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (3)
1. 2. Abra o site Desporto-Modalidade. Na pgina despesados.htm, reproduza a pgina tal como apresentada na figura abaixo, tendo em ateno as indicaes dadas:

2.1. 2.2.

Insira uma frame do tipo Right and Nested Top Frame. Para cada uma das frames insira um fundo de pgina diferente.

2.3. Na frametopo, digite o texto Desportos "com esforo, formatando-o com o tipo de letra Times New Roman, tamanho 40 pxeis, cor #0099FF e alinhamento centrado. 2.4. Ainda nesta frame, escreva o texto que se segue:

Apresento agora algumas modalidades desportivas que requerem mais esforo do praticante.

2.5. Formate-o com o tipo de letra Times New Roman, tamanho 16 pxeis, cor #330066 e alinhamento centrado 2.6. Defina a largura desta para 101 pxeis. 2.7. Defina os limites das frametopo e framedireita com a cor #FF9900 e largura 20 pxeis. 2.8. Na frameprincipal, aplique aos subttulos o tipo de letra Times New Roman, cor #333399, tamanho 36 pxeis e alinhamento centrado. 2.9. Na frameprincipal, aplique ao restante texto, o tipo de letra Times New Roman, cor #333399, tamanho 16 pxeis, estilo negrito e alinhamento justificado. 2.10.
Armanda Ribeiro

Na parte superior da framedireita, crie um boto flash, centrado, com

Pgina 8

Fichas de trabalho DREAMWEAVER MX 2004

100x60 pxeis, com o texto Incio, estilo do boto Blue Warper, tipo de letra Algerian, tamanho da letra 30, cor de fundo #3399FF e com hiperligao para a pgina index.htm. Guarde-o com o nome de Botao4.swf. 2.11. Procure uma musica, por exemplo a Sinfonia N. 9 de Beethoven (Scherzo).wma e copie-a para o seu site e mude-lhe o nome para por exemplo sinfonia9.wma (no se pode ter caracteres especiais). 2.12. Na framepricipal a seguir ao texto, insira um plug-in para executar o ficheiro a msica de cima. 2.13. Edite a tag do cone do plug-in e seleccione as opes: Auto Star, Loop e Hidden. 3. Guarde todas as alteraes efectuadas e feche o site. 3.1. 3.2. 3.3. 3.4. Guarde a frame1 com o nome frametopo. A frame2 com o nome framedireita. A frame3 com o nome frameprincipal. A frameset com o nome despesados.

Armanda Ribeiro

Pgina 9

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (4)
1. 2. Abra o site Desporto-Modalidade. Na pgina despesados.htm, crie imagens com movimento, tal com apresentado na figura abaixo e de acordo com as indicaes: 2.1. Insira trs layers de acordo com a modalidade desportiva, atribuindolhes os nomes Ciclismo, Natao e Futebol. 2.2. Para a layer Ciclismo, insira uma imagem relacionada. Em princpio na sua pasta imagens, deve l ter as imagens que se seguem ou pelo menos parecidas:

2.3. Para cada uma das layers crie um movimento contnuo e autoexecutvel desde a posio 1 at posio 40 da Timeline, correspondente a uma deslocao na horizontal da esquerda para a direita e a toda a largura da pgina. Crie uma s Timeline com as layers: Ciclismo, Natao e Futebol. 3. Na parte inferior da framedireita, insira, sobre a forma de um filme Shockwave, o ficheiro clock.avi, pode encontrar este ficheiro na pasta Windows. 3.1. 4. Defina um espao de 100x100 pxeis para visualizar o filme clock.avi. Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 10

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (5)
1. 2. Abra o site Desporto-Modalidade. Crie uma nova pgina inqurito.htm, de acordo com o apresentado na figura abaixo e com as seguintes indicaes: 2.1. 2.2. Defina como fundo de pgina o fundo rosa.pgn. Insira o formulrio dentro de uma tabela.

2.3. Relativamente s modalidades que pratica ou que gostaria de praticar, nos campos menu de listagem, defina como entradas: Tnis, Futebol, Hquei em patins, Andebol, Golfe, Voleibol e Natao. 2.4. O boto de Envio de respostas dever ter uma ligao sua caixa de correio electrnico, para onde sero enviadas as respostas ao inqurito.

3. 4.

Guarde todas as alteraes efectuadas na pgina. Abra agora a pgina principal (ndex.htm) e coloque-lhe um link para este formulrio: 4.1. Insira uma tabela, com 2 colunas, retire-lhe os limites, mova o link Caixa de correio, para dentro dela e coloque um novo link, agora para a pgina inqurito.htm.

Armanda Ribeiro

Pgina 11

Fichas de trabalho DREAMWEAVER MX 2004

4.2.

O resultado final ser o seguinte:

5.

Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 12

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (6)
1. Abra o site Desporto-Modalidade. 1.1. D um ttulo a todas as pginas que fazem parte do site, para quer no Internet Explorer, no aparea Untitled Document:

1.2. 2.

Organize as imagens, fundos, em pastas.

Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 13

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (7)
1. 2. Abra o site Desporto-Modalidade. 1.1. Efectue alteraes a seu gosto. Guarde essas alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 14

Fichas de trabalho DREAMWEAVER MX 2004

D-1 (8)
1. 2. Abra o site Desporto-Modalidade. 1.1. Publique o site num servidor remoto. Efectue alteraes a seu gosto no site e actualize-o no servidor

Armanda Ribeiro

Pgina 15

Fichas de trabalho DREAMWEAVER MX 2004

D-2 (1)
1. 2. Crie um site com o nome GrandePremio. Abra a seguinte estrutura:

HomePage

Marcas

GrandePremio

Vencedores

3.

Organize a seu site em pastas. Por exemplo imagens, fundos, . Em qualquer altura pode criar novas pastas para organizar o contedo. 3.1. 3.2. 3.3. Ttulo da pgina: Bem-Vindo Altere a cor de fundo para a cor amarela-clara. Contedo da pgina: 3.3.1. estilo): Ttulo: Bem-Vindo. Formatao aplicada a ele (o seguinte

3.4. Insira uma rollover imagem com as dimenses 9,42 cm de altura por 14,92 cm de largura (pode uma imagem do ClipArt). Para ter uma rollover image, ter que ter duas imagens, no seu site. O objectivo para quando se passar com o rato por cima dela pode-se ver por exemplo a de baixo com menos contraste. 3.4.1. Sugesto: encontrar a imagem e grav-la no site, j com o tamanho pretendido. No site duplicar a imagem. Numa delas alterar o brilho e o contraste. 3.5. Insira a seguir o texto Ao Grande Prmio, com a formatao do texto anterior. 3.6. Insira agora uma tabela, com 1 linha e 1 coluna, que ir ter 4 botes. Crie ligaes s pginas marcas.htm, grandepremio.htm, vencedores.htm e a um endereo de correio electrnico.

Armanda Ribeiro

Pgina 16

Fichas de trabalho DREAMWEAVER MX 2004

4.

Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 17

Fichas de trabalho DREAMWEAVER MX 2004

D-2 (2)
1. 2. Abra o site GrandePremio. Abra agora a pgina com o nome marcas.htm e efectue as alneas seguintes de forma a obter o aspecto da figura abaixo: 2.1. Configurao de pgina: 2.1.1. 2.1.2. ClipArt). Ttulo da pgina: Marcas Insira uma imagem como fundo de pgina (pode ser do

2.1.3.

Altere tambm a cor de fundo para #CCFFFF.

2.2. Insira uma tabela com uma coluna e uma linha, com as seguintes propriedades:

2.3. Na tabela digite Principais Marcas e insira uma imagem (carro de corrida; existe no ClipArt). Aplique a formatao que se segue ao texto:

2.4. Insira uma outra tabela com uma coluna e uma linha, com 619x505 pxeis, com um limite amarelo (#FFFF66) de largura 4 e com fundo azulclaro (#CCFFFF). 2.5. Digite as marcas que se seguem, usando a seguinte formatao para o texto (lista numerada):

Armanda Ribeiro

Pgina 18

Fichas de trabalho DREAMWEAVER MX 2004

2.6. Insira um boto flash (estilo Glass-Silver), para regressar Home Page. 3. Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 19

Fichas de trabalho DREAMWEAVER MX 2004

D-2 (3)
1. 2. Abra o site GrandePremio. Na pgina com o nome grandepremio.htm, efectue as alneas seguintes de forma a obter o aspecto da figura abaixo: 2.1. Configurao de pgina: 2.1.1. Ttulo da pgina: Grande Premio

2.2. Insira uma tabela com uma coluna e uma linha, com as seguintes propriedades:

2.3. Na tabela digite Grande Prmio. Use a seguinte formatao para o texto:

2.4. Coloque a imagem j usada como painel rolante Altera a imagem aumentando-lhe o tamanho. Duplique-a e nesta nova altere-lhe o brilho e contraste. 2.5. Na pasta imagens passarei a ter as seguintes imagens:

Armanda Ribeiro

Pgina 20

Fichas de trabalho DREAMWEAVER MX 2004

2.6. Insira uma nova tabela aps a figura com uma linha e uma coluna e com 604x35 pxeis, sem limites 2.7. Na tabela anterior digite o seguinte texto: Grande Prmio de Portugal Grande Prmio do Reino Unido Grande Prmio de Frana 2.8. Aplique a seguinte formatao ao texto:

2.9.

Associe a cada frase anterior o endereo de um site.

2.10. Aplique s ligaes da pgina a formatao de acordo com o indicado:

2.11. Insira um boto flash (estilo Glass-Silver), para regressar Home Page. 3. Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 21

Fichas de trabalho DREAMWEAVER MX 2004

D-2 (4)
1. 2. Abra o site GrandePremio. Crie uma nova pgina com o nome vencedores.htm e efectue as alneas seguintes de forma a obter o aspecto da figura abaixo. 2.1. Configurao de pgina: 2.1.1. Ttulo da pgina: Vencedores

2.2. Insira uma tabela com uma coluna e uma linha, com as seguintes propriedades:

2.3. Na tabela digite Vencedores e insira a imagem que j usou no exerccio anterior, que um carro de corrida. 2.4. Use a seguinte formatao para o texto:

2.5.

Insira agora a seguinte tabela:

2.6.

Aplique-lhe as seguintes formataes: 2.6.1. 2.6.2. 2.6.3. 2.6.4. 2.6.5. Altura das linhas 25 pixels; Largura da tabela 607 pixels; Border 2 e cor #FFFF66; Centrada; Fonte:

Armanda Ribeiro

Pgina 22

Fichas de trabalho DREAMWEAVER MX 2004

2.6.6. 2.6.7. 2.6.8.

Texto da 2 coluna alinhado ao centro; Na primeira coluna aplique-lhe um avano direita; A formatao da 1 linha ser:

2.7. Com os dados da tabela anterior, crie um grfico na folha de clculo (Microsoft Excel) e insira-o na pgina. 2.8. Insira um boto flash (estilo Glass-Silver), para regressar HomePage.

3.

Guarde todas as alteraes efectuadas e feche o site.

Armanda Ribeiro

Pgina 23