como criar um website utilizando programas da macromedia por ana luiza garcia cunha
TRANSCRIPT
![Page 1: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/3.jpg)
Utilizando o Macromedia Dreamweaver
![Page 4: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/8.jpg)
Você pode escrever um texto,
![Page 9: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/10.jpg)
![Page 11: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/11.jpg)
![Page 12: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/12.jpg)
A figura inserida pode ter o seu tamanho alterado.
![Page 13: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/13.jpg)
![Page 14: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/16.jpg)
Procurar no código a região abaixo:
![Page 17: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/17.jpg)
Agora é só alterar as cores no código.
![Page 18: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/23.jpg)
Você deverá mandar salvar todas.
![Page 24: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/25.jpg)
Depois você nomeará a sua frame esquerda e direita .
![Page 26: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/27.jpg)
Utilizando o Macromedia Fireworks
![Page 28: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/29.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/30.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/31.jpg)
Você cria uma caixa de diálogo.
![Page 32: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/32.jpg)
Escreve o seu texto
![Page 33: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/33.jpg)
Altera a fonte
![Page 34: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/34.jpg)
O tamanho da letra
![Page 35: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/35.jpg)
Pode alterar a cor, por negrito, centralizar, justificar, etc...
![Page 36: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/36.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/37.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/38.jpg)
![Page 39: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/40.jpg)
![Page 41: Como criar um website utilizando programas da Macromedia Por Ana Luiza Garcia Cunha](https://reader034.vdocuments.pub/reader034/viewer/2022052504/552fc10b497959413d8c1427/html5/thumbnails/41.jpg)
Qualquer dúvida é só perguntar que se eu souber eu esclarecerei.
Obrigada!!