Uso inteligente de DW para habilidades de produção de páginas da web - Os internautas familiarizados com web design sabem que há muitas maneiras de chamar Estilo. Podemos clicar com o botão direito do mouse e selecionar Estilo personalizado para chamar o padrão de estilo, ou podemos clicar com o botão direito. na lista de elementos na barra de status para chamar Style. Embora os efeitos alcançados por diferentes métodos pareçam ser os mesmos, os códigos HTML realmente gerados são completamente diferentes.
1. Use estilos de maneira flexível.
Os internautas familiarizados com web design sabem que há muitas maneiras de chamar o estilo. Podemos clicar com o botão direito do mouse e selecionar Estilo personalizado para chamar o padrão de estilo. a barra de status para chamar o estilo. Embora os efeitos alcançados por diferentes métodos pareçam ser os mesmos, os códigos HTML realmente gerados são completamente diferentes. Por exemplo, usar o estilo Custon para chamar o padrão de estilo gerará uma tag <span> no código da página da web. Muitas dessas tags tornarão o arquivo muito inchado e afetarão a velocidade de análise do navegador, portanto, devemos tentar usar elementos no. barra de status para chamar Estilo.
2. Faça uso total do comando Formatar Tabela
Em web design complexo, as tabelas são mais usadas, porque as tabelas podem ser usadas para controlar livremente as posições específicas de texto e imagens na página da web, fazendo com que toda a página da web pareça compacta. e unificado. O Dreamweaver não fica muito atrás nesse aspecto. Podemos usar o comando “Formatar tabela” para aplicar rapidamente estilos pré-concebidos à tabela. Para usar um estilo pré-projetado, primeiro coloque o cursor em qualquer célula da tabela e selecione o comando "Comando" → "Formatar tabela". Na caixa de diálogo subsequente, selecione um esquema de design na lista à esquerda. Pressione o botão “Aplicar” para verificar o efeito. Se não estiver satisfeito, você também pode redefinir ou modificar os valores de alguns parâmetros, como espessura da borda, cor de fundo, etc.
3. Link para duas páginas da web ao mesmo tempo
Todos sabemos que um hiperlink só pode conectar-se a uma página por vez. Se quisermos abrir o documento em diferentes páginas de quadro ao mesmo tempo, podemos usar o comportamento JavaScript "Ir para URL". Abra uma página da web emoldurada, selecione texto ou imagens e selecione "Ir para URL" no painel Ações. Notaremos que o Dreamweaver exibe todos os quadros disponíveis na caixa de diálogo "Ir para URL". Selecione um dos frames ao qual queremos vincular e insira o URL correspondente, a seguir selecione outro frame e insira outro URL.
4. Não atribua ao arquivo um nome chinês.
Depois de criar uma página da Web, você geralmente atribui à página da Web um nome chinês representativo. Em primeiro lugar, as pessoas podem entender aproximadamente o conteúdo do arquivo observando o nome do arquivo. pode facilitar chamadas mútuas entre vários hiperlinks. Mas se você fizer isso no Dreamweaver, descobrirá que o Dreamweaver não suporta muito bem nomes de arquivos em chinês e muitas vezes ocorrem chamadas de página incorretas. Portanto, quando salvarmos páginas da Web no Dreamweaver no futuro, tente usar inglês ou números. o nome do arquivo, isso pode evitar o fenômeno de erro acima.
5. Defina habilmente a resolução da fonte
Quando estamos criando páginas da web, muitas vezes temos essa experiência, ou seja, as páginas da web criadas são normais quando navegadas no computador local, mas quando navegadas em outro computador, as belas páginas da web originais tornam-se. É estranho, por que isso acontece? Acontece que a resolução de cada computador serve para garantir que sua página inicial possa ser exibida normalmente em resoluções diferentes, o que foi melhor resolvido no Dreamweaver. No canto inferior direito da janela do documento, o Dreamweaver exibe o tamanho da resolução para a qual o documento atual foi projetado. Clique em qual número, você pode especificar a resolução de exibição da página atual no menu pop-up e pode tornar sua página inicial mais flexível modificando-a. Para que monitores com resoluções diferentes possam exibir melhor.
6. Ocultar tags de maneira inteligente
Se um elemento invisível for inserido em uma página da Web, o Dreamweaver adicionará automaticamente uma tag de elemento correspondente à página para que possamos selecionar o elemento invisível. Mas isso nem sempre é bom. Por exemplo, se inserirmos uma tabela na primeira linha de uma página com muitas camadas, descobriremos que a tabela recua automaticamente para a primeira linha da página porque há muitos elementos de camada. tags dispostas na primeira linha A segunda linha, embora não afete o efeito durante a navegação, na verdade atrapalhará nosso trabalho. Portanto, quando sentimos que o rótulo de um elemento é intrusivo, simplesmente o bloqueamos. O método é pressionar Ctrl+U para abrir o painel Preferências, selecionar Elementos Invisíveis na Categoria e todos os rótulos dos elementos aparecerão no lado direito do painel. Contanto que você remova a marca de seleção na frente da tag do elemento desnecessário, será garantido que ela não aparecerá novamente no futuro.
7. Faça bom uso das técnicas de arrastar e soltar
Quando usamos o Dreamweaver para editar páginas da web, muitas vezes precisamos inserir algumas imagens. Se houver muitas imagens a serem inseridas, será muito problemático operar de acordo com o convencional. método. Podemos usar técnicas de arrastar e soltar para resolver esse problema muito bem. Primeiro, transformamos a janela de operação do Dreamweaver em uma janela ativa para liberar espaço para exibir a janela do Explorer. Depois de encontrar os arquivos de imagem a serem inseridos, arraste-os um por um para a parte apropriada da página web com o mouse, e o Dreamweaver irá. insira automaticamente essas imagens. O URL da imagem é adicionado ao código HTML do arquivo. Obviamente, o arquivo de imagem arrastado deve ser um arquivo de formato de imagem da web, como gif, jpg, etc. O mesmo vale para imagens que já estão na página web, basta arrastá-las. Mas se houver um hiperlink na imagem arrastada, você não poderá mais usar a tecnologia de arrastar, pois apenas o endereço do hiperlink será arrastado.
8. Definir automaticamente o tempo de atualização
Sabemos que se uma página web deseja receber mais visitas repetidas, uma coisa muito importante é atualizá-la constantemente. Mas para nossas páginas pessoais, pode não ser fácil atualizá-las todos os dias. Portanto, esperamos que a página da web possa ser atualizada automaticamente. O autor abaixo fornecerá um código-fonte que pode atualizar automaticamente o horário da modificação. Precisamos apenas adicionar este código-fonte a...< /BODY> para atingir o objetivo de. atualizando a hora:
< Script Language="JavaScript"> </script>;A segunda é clicar em Texto/Estilo personalizado/Editar/Folha de estilos/Novo/Redefinir tag HTML no Dreamweaver com o mouse e selecionar um dele e, em seguida, selecione nenhum na decoração e, finalmente, clique em OK e pronto.
12. Copiar texto de forma inteligente
Copiar texto entre vários aplicativos diferentes é algo que podemos fazer com frequência no trabalho real. Porém, se copiarmos o texto na área de edição do Dreamweaver para outro aplicativo, o código HTML e o texto serão copiados juntos. Então, como podemos copiar apenas o texto na área de edição? C para operar ao copiar. Se pressionarmos mais uma tecla C durante a cópia, o Dreamweaver copiará apenas o texto selecionado.
13. Faça bom uso das teclas de atalho
Para melhorar a eficiência das operações, podemos usar teclas de atalho no Dreamweaver, como Ctrl-B ou Ctrl-I para aplicar o formato em negrito ou itálico ao texto. seguintes atalhos de teclado para selecionar O texto aplica o formato HTML: Ctrl-0: Não formatado Ctrl-T: Parágrafo Ctrl-1: Título 1 Ctrl-2: Título 2 Ctrl-3: Título 3 Ctrl-4: Título 4 Ctrl-5: Título 5 Ctrl-6: Título 6
14. Fechar automaticamente a página da web
Se quisermos que nossa página da web feche automaticamente dentro de um tempo especificado, podemos também adicionar o seguinte código após a tag no código-fonte da página da web: < script LANGUAGE. ="JavaScript"> </ /script> onde o código The 3000 in significa 3 segundos, que é medido em milissegundos.
15. Defina nomes de objetos de maneira inteligente
Quando usamos o Dreamweaver para criar efeitos muito complexos, podemos precisar usar um ou mais objetos repetidamente. Por exemplo, muitas vezes precisamos localizar uma tabela, imagem específica, etc., se não o fizermos. Se você nomear vários objetos em uma página da Web, poderá ser problemático ou propenso a erros ao usar esses objetos repetidamente. Para facilitar a chamada desses objetos, toda vez que criarmos um novo objeto, devemos lembrar de dar a ele um nome representativo e fácil de lembrar. Ao nomear esses objetos, podemos fazê-lo apenas através do painel “Propriedades” do objeto.
16. Adicione efeitos dinâmicos aos links de imagens
Às vezes, para obter um efeito realista, esperamos que haja movimento quando o mouse passar sobre um link. Este efeito pode ser facilmente alcançado usando o Dreamweaver. Ao projetar, primeiro precisamos preparar duas imagens, a primeira é a imagem original e a segunda é a imagem após mover o mouse para cima. Em seguida, clique na primeira imagem com o mouse, preencha o arquivo a ser vinculado na coluna de link no painel de propriedades, clique na tecla F8 no teclado, clique no sinal "+" na janela pop-up Comportamentos e, em seguida, selecione "trocar imagem", selecione a segunda imagem na janela que aparece e, por fim, clique em OK.