Passo 3: Após selecionar a imagem, ative o painel de comportamento através do comando “Windows→Comportamentos”, clique no botão “+” e selecione o item “Mostrar-Ocultar Camadas”. Selecione a camada que deseja exibir na janela pop-up e clique no botão "Mostrar" na parte inferior. Após a confirmação, um evento adicional chamado onMouseOver aparecerá no painel de comportamento. Neste momento, clique no botão “+” e clique para selecionar o item “OnMouseOver”, para que ao colocar o mouse sobre a imagem a camada possa ser exibida, ou seja, possam aparecer explicações de texto flutuante.
Etapa 4: Siga a etapa 3 para adicionar um evento "Ocultar" à camada agora mesmo e defina o comportamento como "OnMouseOut" para que a camada possa ser ocultada quando o mouse for removido.
Após concluir a operação acima, pressione o botão "F12" para abrir o navegador IE para visualização. Quando o mouse passar sobre a imagem, as palavras de prompt predefinidas aparecerão e, quando o mouse se afastar da imagem, as palavras serão automaticamente. escondido.
Redimensionar janelas automaticamente Algumas páginas da web também ajustarão o tamanho da página da web ao alterar o tamanho da janela. Portanto, se a janela for muito grande, não haverá espaço em branco e, se a janela for muito pequena, a barra móvel não ultrapassará a borda. . Para esta função de ajuste automático do tamanho da página, no Dreamweaver MX 2004, você pode consultar as etapas a seguir para alcançá-la facilmente.
O primeiro passo é criar uma nova página e, em seguida, inserir uma tabela com uma linha e três colunas através do comando "Inserir → Tabela". Neste momento, você pode ignorar sua largura e deixá-la esticar automaticamente para caber na janela do navegador. as seguintes configurações.
Na segunda etapa, você pode ver que a largura de cada célula está marcada e há um pequeno triângulo na parte inferior (Figura 3). Neste formulário, você pode definir qual parte precisa ser corrigida, mas apenas uma coluna pode ser esticada automaticamente. Por exemplo, aqui configuramos a última coluna para esticar automaticamente conforme o tamanho da janela muda.
Figura 03 O terceiro passo é selecionar a última coluna, executar o comando "View→Table Mode→Layout Mode" e selecionar o item "Make Column Autostrach" no menu pop-up (Figura 4).
Figura 04 Na quarta etapa, uma caixa de diálogo aparecerá e solicitará que, para esticar as linhas, o Dreamweaver precise colocar algumas imagens espaçadoras em outras colunas. Selecione aqui a opção "Criar um arquivo de imagem espaçadora", para que as imagens. não aparecerá na janela do navegador. Ela é exibida, mas desempenha o papel de tabela fixa.
Após confirmar na etapa 5, retorne à janela de edição original. Você pode ver que a última coluna foi automaticamente esticada para preencher toda a janela do navegador, enquanto as outras duas colunas mantêm uma largura fixa.
Dica: Se você definir uma coluna para esticar automaticamente, poderá ver uma linha ondulada na parte superior da coluna.
Após concluir as operações acima, ao visualizar o efeito de página no navegador IE, se você alterar o tamanho da janela, a largura da última coluna também mudará, enquanto a largura das duas primeiras colunas permanecerá inalterada, de modo que o a janela pode ser ajustada automaticamente grande ou pequena.
O texto acima apresenta apenas alguns métodos de funções de comportamento no Dreamweaver MX 2004. A combinação flexível de comportamentos e camadas também pode realizar funções como imagens dinâmicas, camadas arrastáveis, etc., tornando sua página inicial mais colorida!