Como criar um website utilizando programas da Macromedia

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

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 of Como criar um website utilizando programas da Macromedia

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!!