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

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

Transcript of Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

Page 1: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

Como criar um website utilizando

programas da Macromedia

Por Ana Luiza Garcia Cunha

Page 2: 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

Page 3: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

Utilizando o Macromedia Dreamweaver

Page 4: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

Você pode escrever um texto,

Page 9: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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

Page 10: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.
Page 11: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.
Page 12: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

A figura inserida pode ter o seu tamanho alterado.

Page 13: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.
Page 14: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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

Page 15: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

Procurar no código a região abaixo:

Page 17: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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

Page 18: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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

Page 23: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

Você deverá mandar salvar todas.

Page 24: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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

Page 26: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

Utilizando o Macromedia Fireworks

Page 28: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

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

Page 30: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.

Você cria uma caixa de diálogo.

Page 32: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

Escreve o seu texto

Page 33: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

Altera a fonte

Page 34: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

O tamanho da letra

Page 35: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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

Page 36: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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

Page 37: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.
Page 39: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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 Por Ana Luiza Garcia Cunha.
Page 41: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha.

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

Obrigada!!