Criando comandos personalizados
Um dos recursos mais úteis do Dreamweaver é o Painel Histórico. Com base no painel histórico, o Dreamweaver pode criar novas sequências de comandos. Para criar um comando, basta realizar os passos que deseja gravar. Em seguida, no painel de histórico, selecione a etapa que deseja salvar, clique no ícone “Salvar como” no canto inferior direito, dê um nome a ela e clique em OK. Neste ponto, seu comando personalizado aparecerá no menu “Comandos” e poderá ser usado à vontade.
Criar objetos personalizados
O "Painel de Objetos" é muito útil para inserir rapidamente itens na página, como formulários, quadros, etc. Para criar um objeto personalizado, primeiro crie um arquivo que contenha o código que deseja inserir no documento. Por exemplo, para criar uma caixa de notícias para "CNET Builder.com", primeiro baixe este código e salve-o como "newsletters.htm". Em seguida, para criar um novo painel na janela do objeto, vá em "ConfigurationObjects" no Dreamweaver. diretório de instalação. Crie uma pasta dentro da pasta, o nome pode ser definido como desejar, por exemplo, chame-o de "Meus Objetos". Coloque o arquivo “newsletters.htm” neste diretório. Ao mesmo tempo, é necessário um arquivo de ícone para representar o novo objeto. Você mesmo pode criar um arquivo de ícone ou simplesmente deixar o Dreamweaver inserir um ícone normal. Se você mesmo criar o ícone, certifique-se de criar um arquivo GIF de 18×18 pixels. Salve o arquivo gráfico no mesmo diretório com o mesmo nome do novo objeto.
Agora, reinicie o Dreamweaver ou opte por recarregar em Extensões (pressione a tecla Ctrl e clique no menu pop-up da janela do objeto), você pode ver uma nova página de função na janela do objeto, e o ícone é aquele que você definiu. Você pode arrastar esse novo objeto para a página como qualquer outro objeto.
Se você estiver familiarizado com Javascript, poderá criar objetos mais complexos e outras extensões, como painéis flutuantes, comportamentos e muito mais. Alternativamente, você simplesmente baixa objetos prontos do Macromedia Exchange.
A alteração do estado do mouse do visualizador
é realizada editando uma folha de estilos CSS. O método específico é: selecione "Texto > Estilo CSS > Editar folha de estilo", a janela de edição da folha de estilo aparecerá e clique no botão "Novo" nela. Em seguida, selecione "Criar estilo personalizado", dê um nome à folha de estilos e clique em OK. Edite a folha de estilo, selecione o item “Estender” à esquerda e selecione o efeito do ponteiro para aparecer no item “Cursor” à direita.
Use a tag âncora do Dreamweaver para criar um link de salto em uma página.
Usando a "tag âncora" do Dreamweaver, podemos alcançar esta função. O método específico é: mova o cursor para o local para o qual deseja pular, selecione "Inserir> Âncora Nomeada" no menu e digite o nome da âncora. Em seguida, insira "#bookmark name" na caixa de destino do link onde deseja chamar o link, para que o link de salto dentro da página esteja pronto. Aqui, se preenchermos o nome da página da web antes do nome da âncora, ela irá pular para os favoritos de outras páginas. Por exemplo, se inserirmos "index.htm#top" no link, quando o visualizador clicar neste link, ele irá para a âncora "top" na página de índice.
Remova o espaço entre a imagem e a mesa
Para garantir que não haja espaço entre a imagem e a mesa, não basta apenas definir a borda como “0” no painel de propriedades da tabela. lados da célula no painel de propriedades da tabela são definidas como "0" (ou seja, cellpacing="0" e cellpadding="0").
Use imagens de rastreamento para ajudar a localizar a posição de cada elemento em uma página da web.
"Rastrear imagens" é um recurso muito eficaz do Dreamweaver, que permite aos usuários usar o rascunho do design gráfico original como plano de fundo auxiliar na página da web. Dessa forma, os usuários podem localizar facilmente textos, imagens, tabelas, camadas e outros elementos da página web na página. O uso específico de imagens de rastreamento é o seguinte: primeiro use vários softwares de desenho para fazer um diagrama imaginário de layout de página da web e, em seguida, salve esse diagrama como um formato de imagem de rede (incluindo gif, jpg, jpeg e png). Use o Dreamweaver para abrir a página da web que você está editando, selecione "Modificar > Propriedades da página" no menu e insira a localização do padrão de layout da página da web que você acabou de criar no item "Track Image" na caixa de diálogo pop-up . Em seguida, defina a transparência da imagem de rastreamento em Transparência da imagem, OK. Dessa forma, você pode localizar facilmente a posição de cada elemento da página web na página atual. As páginas da Web que usam imagens de rastreamento não exibirão mais o padrão de plano de fundo quando editadas com o Dreamweaver, mas o oposto ocorre ao navegar com um navegador. A imagem de rastreamento desaparece e o que você vê é a página da Web editada (é claro que o padrão de plano de fundo pode ser. exibido).
Sobre "Converter largura da tabela em pixels" e "Converter largura da tabela em porcentagem"
"Converter largura da tabela em pixels" e "Converter largura da tabela em porcentagem" são duas funções importantes do Dreamweaver para definir a largura da tabela. Ao abrir uma página da web com uma tabela, selecione uma tabela e você verá esses dois botões no painel de ferramentas de propriedades da tabela que é exibido posteriormente. Como o nome sugere, "Converter largura da tabela em pixels" serve para expressar a largura de todas as células da tabela em pixels, enquanto "Converter largura da tabela em porcentagem" serve para expressar a largura de todas as células da tabela em porcentagens. Pense cuidadosamente sobre sua função. Se a largura de uma tabela for expressa em pixels, quando a janela de navegação for ampliada, a tabela não aumentará a largura das células de acordo. Usar "Converter largura da tabela em pixels" permite que uma tabela com 100% de largura criada na resolução "640 × 480" ainda mantenha 100% de largura em uma resolução mais alta. Portanto, fazer uso completo dessas duas funções pode tornar o layout da página web mais eficiente.