Postagens
Como Fazer Um Menu No Macromedia Dreamweaver/Parte 01/Parte/02/Parte03
PARTE 01 - FAZENDO O MENU
Primeiramente entre no Photoscape ou em outro qualquer editores de imagem que você mais domina,faça um Menu simples mais moderno . Visualize este Exemplo :
MEDIDA DO MENU: LARGURA : 200(PIXEL'S) / ALTURA : 245 (PIXEL'S)
No menu vc escreve em quando lugar da palavra exemplo vc escreve os nomes de cada um do seus MARCADORES,depois é só salvar!!
PARTE 02-COLOCANDO NO DREAMWEAVER
Agora que o seu menu está salva, você entra no MACROMEDIA DREAMWEAVER se possivel entre no Macromedia Dreamweaver 8 ,entre em HTML clique em FILES no canto inferior direito,clique na setinha pra baixo onde esta escrito DESKTOP clique em MANAGE SITES... clique em NEW... depois de clicar em New... depois clique em Site escreva o nome de Menu depois clique em NEXT depois clique em NEXT denovo,antes de passar este nova Janela mais uma vez,faça uma nova pasta em seus Documentos e coloque o nome de Menu e coloque a imagem do seu Menu naquela PASTA,agora volte ao Dreamweavere clique na mini pasta naquele link de documentos e clique na pasta,e coloque no final do link de documento escreva o nome da pasta(EXEMPLO SE O NOME DA PASTA FOR menu / VOCÊ COLOCA A PALVRA menu NO FINAL DO LINK DE DOCUMENTO) , clique em NEXT novamente,faça a mesma coisa nesta nova janela o que você fez na janela anterior e clique na caixinha ao lado da frase Refresh remote file list automatically,clique em NEXT novamente,depois clique em DONE,depois clique em DONE novamente , mais antes de colocar a imagem do MENU no Dreamweaver você terá que HOSPEDAR A IMAGEM,se voce que quiser voce pode hospedar a imagem no IMAGESHACK , o Link do Imageshack estara no final da Postagem,depois de hospedar a imagem vc irá no Dreamweaver clicar em INSERT e clicar em IMAGE
agora da uma CTRL+A (ou CONTROL+A/COMO TODO MUNDO CONHECE). E agora clique em Alígn Center em Properties,clique fora da imagem,e agora clique dentro da imagem selecione a opção RECTANGULAR HOTSPOT TOOL , em Properties,passe sobre a palavra INICIO ou Home ou a palavra que estiver no começo do menu,e cole o Link do seu site na palavra Link: (em Properties). E Faça o mesmo com o resto das palavras do seu menu. E Depois salva em seus documentos.
ATENÇÃO : NÃO FECHE O DREAMWEAVER,POIS SERÁ UTILIZADO NA PARTE 03!!
PARTE 03-COLOCANDO NO BLOG
Bom colocar o menu editado no Dreamweaver é a parte mais fácil,do Post todo,vá no Dreamweaver clique em CODE e copie o codigo todo a partir da palvra <body> até a penúltima palavra que é </body> . o começo do codigo que voce irá copiar será na maioria das vezes será partir da linha 14,agora vá no PAINEL do seu Blogger , clica em DESIGN,adicione um novo GADGET, adicione o gadget HTML/JAVASCRIPT !!
FINAL DO POST
Link Do IMAGESHACK : http://imageshack.us/
PARTE 02-COLOCANDO NO DREAMWEAVER
Agora que o seu menu está salva, você entra no MACROMEDIA DREAMWEAVER se possivel entre no Macromedia Dreamweaver 8 ,entre em HTML clique em FILES no canto inferior direito,clique na setinha pra baixo onde esta escrito DESKTOP clique em MANAGE SITES... clique em NEW... depois de clicar em New... depois clique em Site escreva o nome de Menu depois clique em NEXT depois clique em NEXT denovo,antes de passar este nova Janela mais uma vez,faça uma nova pasta em seus Documentos e coloque o nome de Menu e coloque a imagem do seu Menu naquela PASTA,agora volte ao Dreamweavere clique na mini pasta naquele link de documentos e clique na pasta,e coloque no final do link de documento escreva o nome da pasta(EXEMPLO SE O NOME DA PASTA FOR menu / VOCÊ COLOCA A PALVRA menu NO FINAL DO LINK DE DOCUMENTO) , clique em NEXT novamente,faça a mesma coisa nesta nova janela o que você fez na janela anterior e clique na caixinha ao lado da frase Refresh remote file list automatically,clique em NEXT novamente,depois clique em DONE,depois clique em DONE novamente , mais antes de colocar a imagem do MENU no Dreamweaver você terá que HOSPEDAR A IMAGEM,se voce que quiser voce pode hospedar a imagem no IMAGESHACK , o Link do Imageshack estara no final da Postagem,depois de hospedar a imagem vc irá no Dreamweaver clicar em INSERT e clicar em IMAGE
agora da uma CTRL+A (ou CONTROL+A/COMO TODO MUNDO CONHECE). E agora clique em Alígn Center em Properties,clique fora da imagem,e agora clique dentro da imagem selecione a opção RECTANGULAR HOTSPOT TOOL , em Properties,passe sobre a palavra INICIO ou Home ou a palavra que estiver no começo do menu,e cole o Link do seu site na palavra Link: (em Properties). E Faça o mesmo com o resto das palavras do seu menu. E Depois salva em seus documentos.
ATENÇÃO : NÃO FECHE O DREAMWEAVER,POIS SERÁ UTILIZADO NA PARTE 03!!
PARTE 03-COLOCANDO NO BLOG
Bom colocar o menu editado no Dreamweaver é a parte mais fácil,do Post todo,vá no Dreamweaver clique em CODE e copie o codigo todo a partir da palvra <body> até a penúltima palavra que é </body> . o começo do codigo que voce irá copiar será na maioria das vezes será partir da linha 14,agora vá no PAINEL do seu Blogger , clica em DESIGN,adicione um novo GADGET, adicione o gadget HTML/JAVASCRIPT !!
FINAL DO POST
Link Do IMAGESHACK : http://imageshack.us/
Postar um comentário