sexta-feira, 14 de dezembro de 2012

Como linkar menu usando DreamWeaver

Olá designers, básicos, médios ou avançados!
Aqui estou eu de novo, Shocker para tirar o seu sossego e dessa vez, o tutorial é, de como linkar um menu usando o DreamWeaver.
Muita gente gosta de usar o Image Maps! Mas com o DreamWeaver, vamos ver que é quase a mesma coisa.
Primeiro, abra o DreamWeaver, clique em HTML, depois de aberto, certifique-se que está na aba Design e não na aba Code.



Feito isso, clique em Insert > Image.
Escolha a imagem, dê OK, dê OK novamente, e a imagem aparecerá.
Lá embaixo na barra de propriedades, um pouco mais embaixo, terá isso:


Clique no retângulo, e então, faça um retângulo em cada palavra, assim:


As pontas azuis, indicam que o botão foi selecionado. Vá clicando em cada um para linká-los.
Para linkar, basta clicar nele, e em seguida digitar o link onde mostra a figura abaixo:


Onde está escrito LINK, apague o # e coloque o link desejado, em Home no caso, irei colocar o link do Penguins Designer!



Depois de linkar tudo, clique em Code, irá aparecer uma tela igual a essa, porém, com os links diferentes, os links no qual você quis atribuir ao menu!



Basta copiar o código de <img src= até a tag <map> e colar esse código abaixo da tag <div id='header-wrapper'˃, no HTML do seu blog!

E foi só! Dúvidas, perguntem no xat!

Sem comentários:

Enviar um comentário