terça-feira, 13 de novembro de 2007

Corel Draw - Ferramenta Rollover

Criando botões para web no CorelDraw

Botões sensíveis à passagem do rato (rollover) podem dar um toque elegante a uma página da web.

Um botão assim é formado por três imagens, uma para o estado normal, outra para quando o cursor está sobre ele e uma terceira que é exibida quando se clica nele.

Para criar o botão, precisamos gerar essas imagens e mais o script que controla sua exibição no browser.

O CorelDraw tem alguns comandos que facilitam essa tarefa. Para ver como eles funcionam, desenhe o formato básico do botão, selecione-o e clique em Effects/Rollover/Create Rollover. O CorelDraw transforma a figura num objeto do tipo Rollover e abre a barra de ferramentas Internet. Nela, clique no botão Edit Rollover. Edite cada um dos três estados do botão para que fique com a aparência desejada. Para alternar entre os estados, use o menu na barra de ferramentas. No campo URL, digite a URL a ser ativada pelo botão. Para ver o resultado, clique no botão Finish Editing Rollover e, em seguida, em Live Preview of Rollovers. Se estiver tudo certo, clique no botão Publish to Web, escolha as opções adequadas e clique em OK. O CorelDraw vai salvar as três imagens e mais o código JavaScript embutido num arquivo HTML.

Mais "detalhadinho" encontras por exemplo aqui e aqui.

Sem comentários: