Exemplo:

• Vai criar uma Nova Página Web (ficheiro HTML) no Dreamweaver – e guardar dentro duma pasta: html.
• Depois, vai criar uma Tabela no Dreamweaver conforme está na imagem anterior:
• E, numa das células vai inserir imagem com efeito Rollover.
• Depois, seleciona essa Imagem, e vai ao Menu Insert, e proceder como está demonstrado na seguinte imagem:

• Definir as imagens que escolheu ao seu gosto. Atenção, as imagens têm de estar na mesma pasta onde tem o ficheiro HTML guardado.

• Vai guardar as alterações que fez na Página com o nome html, numa pasta.
• Vai Pré-Visualizar a Página e tirar as conclusões sobre o efeito conseguido.
• Pode fazer o mesmo com as outras imagens…e vai ter uma Página com imagens em Rollover.

Nota: Pode criar as imagens do mesmo tamanho no Photoshop, sendo uma a preto e branco e outra colorida, para dar o efeito Rollover.