como criar um website utilizando programas da macromedia

41
Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha

Upload: redell

Post on 23-Jan-2016

33 views

Category:

Documents


0 download

DESCRIPTION

Como criar um website utilizando programas da Macromedia. Por Ana Luiza Garcia Cunha. Primeiramente você deverá instalar o Dreamweaver e o Fireworks que podem ser baixados do próprio site da Macromedia por um período de 30 dias para teste. O site da macromedia é o www.macromedia.com. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Como criar um website utilizando programas da Macromedia

Como criar um website utilizando

programas da Macromedia

Por Ana Luiza Garcia Cunha

Page 2: Como criar um website utilizando programas da Macromedia

Primeiramente você deverá instalar o Dreamweaver e o Fireworks que podem ser baixados do próprio site da Macromedia por um período de 30 dias para teste.

O site da macromedia é o www.macromedia.com

Page 3: Como criar um website utilizando programas da Macromedia

Utilizando o Macromedia Dreamweaver

Page 4: Como criar um website utilizando programas da Macromedia

Ao abrir o programa você poderá optar por abrir um arquivo existente ou criar um novo HTML (que é o formato das páginas da internet).

Page 5: Como criar um website utilizando programas da Macromedia

O programa abre uma frame apenas, se você quiser criar mais frames é só seguir o passo abaixo.

Page 6: Como criar um website utilizando programas da Macromedia

Utilizando Frames você poderá criar áreas fixas no seu site, como por exemplo o local do menu. O tamanho da frame pode ser alterado.

Page 7: Como criar um website utilizando programas da Macromedia

Você deverá inserir layers para colocar textos e imagens no seu site pois assim é mais fácil movimentá-los e alterar a sua disposição.

Page 8: Como criar um website utilizando programas da Macromedia

Você pode escrever um texto,

Page 9: Como criar um website utilizando programas da Macromedia

ou poderá inserir uma imagem ao seguir os passos abaixo:

Page 10: Como criar um website utilizando programas da Macromedia
Page 11: Como criar um website utilizando programas da Macromedia
Page 12: Como criar um website utilizando programas da Macromedia

A figura inserida pode ter o seu tamanho alterado.

Page 13: Como criar um website utilizando programas da Macromedia
Page 14: Como criar um website utilizando programas da Macromedia

Para dar título é só alterar o nome em title.

Page 15: Como criar um website utilizando programas da Macromedia

Para criar uma barra de rolagem colorida, você deverá criar o site abrindo o arquivo modelo a partir do dreamweaver e alterar o código. Para isso é só clicar em code.

Page 16: Como criar um website utilizando programas da Macromedia

Procurar no código a região abaixo:

Page 17: Como criar um website utilizando programas da Macromedia

Agora é só alterar as cores no código.

Page 18: Como criar um website utilizando programas da Macromedia

Para saber o código da cor é só abrir qualquer paleta de cores no dreamweaver que ao passar o mouse pela cor o seu código aparece.

Page 19: Como criar um website utilizando programas da Macromedia

Para criar um link você deve primeiro selecionar a imagem ou texto que abrirá o link

Page 20: Como criar um website utilizando programas da Macromedia

Com o texto selecionado você deve escrever o nome da página que deverá ser aberta no link em link. (Obs. Todos os arquivos do site devem ser salvos em uma única pasta e todos enviados para o servidor para que o link possa funcionar.)

Page 21: Como criar um website utilizando programas da Macromedia

Ainda com o texto selecionado você deverá selecionar aonde a página deverá abrir (se numa nova página (selecioinando _blank ou na´página principal _mainFrame)

Page 22: Como criar um website utilizando programas da Macromedia

Para salvar você deverá selecionar as duas frames clicando entre elas).

Page 23: Como criar um website utilizando programas da Macromedia

Você deverá mandar salvar todas.

Page 24: Como criar um website utilizando programas da Macromedia

Quando você ver que as duas frames estão selecionadas você deverá nomeá-la index.htm (que é o nome universal para página inicial).

Page 25: Como criar um website utilizando programas da Macromedia

Depois você nomeará a sua frame esquerda e direita .

Page 26: Como criar um website utilizando programas da Macromedia

O nome que for dado para essas frames não influencia no local em que o link será aberto, mas o nome do link deverá ser o mesmo da frame que você deseja que seja aberta.

Page 27: Como criar um website utilizando programas da Macromedia

Utilizando o Macromedia Fireworks

Page 28: Como criar um website utilizando programas da Macromedia

Ao abrir o fireworks você também poderá escolher entre abrir um aruivo existente ou criar um novo arquivo.

Page 29: Como criar um website utilizando programas da Macromedia

Aqui você pode alterar o tamanho e o funco do arquivo que for criar.

Page 30: Como criar um website utilizando programas da Macromedia

Um problema ao criar um site pode ser que a fonte que você deseja usar não é comum, para isso pode-se criar uma imagem com um texto usando o fireworks.

Page 31: Como criar um website utilizando programas da Macromedia

Você cria uma caixa de diálogo.

Page 32: Como criar um website utilizando programas da Macromedia

Escreve o seu texto

Page 33: Como criar um website utilizando programas da Macromedia

Altera a fonte

Page 34: Como criar um website utilizando programas da Macromedia

O tamanho da letra

Page 35: Como criar um website utilizando programas da Macromedia

Pode alterar a cor, por negrito, centralizar, justificar, etc...

Page 36: Como criar um website utilizando programas da Macromedia

O Fireworks possui até efeitos que são bem interessantes.

Page 37: Como criar um website utilizando programas da Macromedia

Para salvar o arquivo como arquivo de extensão png para você alterá-lo depois você deve fazer o seguinte:

Page 38: Como criar um website utilizando programas da Macromedia
Page 39: Como criar um website utilizando programas da Macromedia

Mas para usá-la no seu site voê deverá exportar a figura como descrito abaixo, pois dessa forma o seu arquivo terá formato de imagem (jpg).

Page 40: Como criar um website utilizando programas da Macromedia
Page 41: Como criar um website utilizando programas da Macromedia

Qualquer dúvida é só perguntar que se eu souber eu esclarecerei.

Obrigada!!