1> Como inserir um espaço no DW?
O problema de entrar em espaços parece ter se tornado um assunto comum no DW. Podemos ter visto isso N vezes em muitos livros ou artigos que introduzem o uso do DW.
A restrição à entrada de espaço em DW é para o estado de texto de "meia largura", portanto pode ser evitada ajustando o método de entrada para o modo de largura total. O método é: abra o método de entrada chinês (tome a inteligência artificial ABC como um. exemplo), pressione Shift + Espaço para mudar para o estado de largura total, deve estar tudo bem agora.
Além disso, você também pode atingir o objetivo de inserir espaços por meio de vários métodos de "solução alternativa". Por exemplo, os mais comumente usados são:
adicionar diretamente o código HTML " " representando espaços no código-fonte; determinado comprimento e, em seguida, ajuste o texto A cor é igual à cor de fundo atual, etc., mas observe que esta última pode apresentar problemas em alguns navegadores.
2> Como adicionar um pequeno ícone personalizado na frente da barra de endereço do navegador?
Você lembra que às vezes ao navegar na página inicial do site NetEase, um pequeno ícone com a palavra “Fácil” será exibido na frente do endereço WWW.163.COM . Por padrão, este ícone é uma imagem designada do navegador IE.
Na verdade, esta não é uma tecnologia sofisticada, apenas adiciona um arquivo específico ao diretório do site.
Neste momento, precisamos fazer um arquivo de ícone antecipadamente, com tamanho de 16*16 pixels. A extensão do arquivo é ico e depois carregada no diretório correspondente. Adicione o seguinte código entre os arquivos de origem HTML "<head></head>":
<Link Rel="SHORTCUT ICON" href="http://O endereço da imagem (observe que ele corresponde ao diretório agora) ">
O "ÍCONE DE ATALHO" é o nome do ícone. Claro que se o usuário utilizar IE5 ou superior para navegar será ainda mais simples. Basta enviar a imagem para o diretório raiz do site e ela será reconhecida automaticamente!
3> Por que minha página da web originalmente bem projetada fica feia e embaraçosa quando a janela do navegador é minimizada?
Este deve ser um assunto que merece a atenção de todos. Ou seja, não há problema algum ao navegar no conteúdo da web em modo tela cheia. O problema surge lentamente quando usamos o comando minimizar janela ou redimensionamos manualmente a janela. O conteúdo da página da web tomará a janela atual como intervalo de exibição e cairá em sequência. Por exemplo, a diferença entre "quebra automática de linha" e "sem quebra de linha" no Bloco de Notas é exatamente a mesma.
Para resolver este problema, devemos começar pelo layout da página web. Em circunstâncias normais, o posicionamento do conteúdo web é conseguido principalmente através de tabelas. Portanto, a “culpa” do problema está na forma.
Por favor, observe a exibição do painel de propriedades de uma tabela abaixo:
Você deve ter notado que dois tipos diferentes são fornecidos para as opções de configuração de altura e largura da tabela, porcentagem e pixels. O uso de porcentagens causará o problema mencionado anteriormente. Basta corrigi-lo para o tamanho real da unidade de Pixels.
4> Como alterar a mensagem de prompt na parte superior quando a página da web é exibida?
Ao navegar em uma página da web, as informações imediatas na parte superior geralmente representam o conteúdo principal da página da web, ajudando os visitantes a compreender o conteúdo da página da web com antecedência. Antes do DW4, essa operação não era fornecida diretamente na função. Muitas vezes a concluíamos aplicando o atributo "título" no código-fonte. Entrar no DW4 é muito mais simples.
Basta digitar as informações de texto necessárias diretamente na caixa de entrada “título” na parte superior da janela de edição.
5> Como posso adicionar uma borda de uma cor específica a uma imagem?
Para imagens sem bordas, o efeito de exibição é bastante ruim quando inserido diretamente em uma página da web. Lembre-se de que é bastante problemático adicionar bordas satisfatórias às imagens no Microsoft FP.
Porém, é muito mais fácil em DW, pois existe uma propriedade "Border" que permite definir diretamente a largura da borda.
Depois que a largura for definida, você certamente perguntará: e a cor? Não há escolha de cor no painel! Haha, na verdade há um truque aqui. Use o mouse para selecionar o objeto da imagem. Tenha cuidado para não clicar para selecionar, mas para arrastar para selecionar. Basta fazer da mesma forma que definiu a cor do texto.
6> Como adicionar informações imediatas para imagens e texto de link?
Quando navegamos em uma página da web, quando o mouse permanece sobre um objeto de imagem ou link, às vezes aparece uma caixa de mensagem de aviso no lado inferior direito do mouse. Faça alguns comentários sobre o objetivo. Em alguns casos, o seu papel é muito importante.
Vejamos primeiro como adicionar informações de prompt de imagem. Selecione o objeto de imagem e você encontrará uma caixa de entrada “Alt” no painel de propriedades. Por padrão, esta caixa de entrada está em branco. Basta inserir o conteúdo do prompt necessário aqui.
Então a produção de prompts de link não é tão simples. Como esta função não é fornecida diretamente no DW, precisamos adicionar código HTML para alcançá-la.
Adicione o atributo "title" em <a href="" >. title=prompt conteúdo é suficiente.
7> Como disponibilizar seu próprio ZIP ou outros tipos de arquivos para download de terceiros
Aos olhos de muitos criadores juniores de páginas da web, parece que concluir o download com um clique do mouse é uma coisa muito “misteriosa”, mas na verdade? está longe disso. Quando qualquer arquivo de formato em DW que não seja reconhecido pelo navegador (diferente de HTM, HTML, ASP, PHP.PERL, SHTML, etc.) é usado como destino de link, a operação padrão é usar. download.
Neste momento, você só precisa baixar o navegador. Escrever o nome do arquivo e, em seguida, criar um link para o arquivo de destino.
8> Como podemos garantir que o texto no
diretório.a página da web não muda com a configuração do tamanho da fonte do navegador Como
todos sabemos, no navegador IE Nas configurações da função, existe uma função que permite definir livremente o tamanho da fonte do conteúdo da janela desta forma, devido a. Dependendo dos hábitos dos diferentes visitantes, as páginas web que lhes são apresentadas serão por vezes diferentes.
Por exemplo, você pode ter usado originalmente uma fonte tamanho 2 em seu design, mas devido às configurações adicionais do navegador do usuário, ela se tornou maior. Neste momento, haverá um problema com o efeito de exibição.
Então a solução é forçar qualitativamente o conteúdo da página da web para um determinado tamanho apropriado. Ou seja, ele não tem permissão para mudar. Este requisito pode ser alcançado através do controle obrigatório de fontes através de folhas de estilo CSS.
9> Abrir o link de destino como uma nova janela?
Abrir em uma nova janela, como o nome sugere, significa abrir outra janela do navegador sem cobrir a janela atual. Você pode <a href="">adicionar "Target=_blank" diretamente ao código de conexão.
Se o seu HTML for ruim, essa configuração também será fornecida no painel de propriedades do DW. Quando você digita o URL WWW na caixa de entrada Link, a caixa suspensa Destino atrás também é ativada ao mesmo tempo.
Basta selecionar "em branco" na parte superior.
10> Como evitar que uma janela de publicidade apareça quando uma página da web é carregada, como muitos sites comerciais.
Isso é frequentemente visto em muitos sites comerciais de grande porte. Pode ser facilmente implementado em DW através do comportamento Behavior.
Como está sendo carregado, podemos tratar todo o conteúdo da página web como um objeto de evento. Clique na tag “<body>” no canto inferior esquerdo da janela de edição do DW. Neste momento, você pode notar que todo o conteúdo da web foi selecionado.
Clique no botão "Comportamento" no "Quick Launchpad" para entrar no painel de comportamento e
selecione o item "Abrir janela de navegação". Neste momento, você também pode personalizar o estilo da janela, como tamanho, retenção de botões de ferramentas, etc. Outro ponto é não esquecer que o evento correspondente é "Onload".
11> Não há "Timelines" na minha plataforma de lançamento rápido, o que devo fazer?
Depois que o DW foi atualizado para a versão 4, vários novos projetos foram adicionados à plataforma de lançamento rápido, como Assets e assim por diante. Neste momento, o botão Timelins originalmente na parte superior foi pressionado.
Claro, se você estiver ansioso para usá-lo agora, ainda poderá encontrá-lo através do menu “Windows”- “Timelines”. Mas afinal não é tão conveniente quanto colocá-lo no launchpad. Neste momento, podemos adicioná-lo através das configurações!
"Editar"-"Preferência" entre na janela, selecione "painéis" na lista de projetos à esquerda,
clique no botão "+" acima e selecione "Linhas do tempo" na lista suspensa. Neste momento, a linha do tempo foi adicionada automaticamente ao conteúdo atual da lista "Mostrar no Launcher", OK. No painel "Iniciador" alterado
, você também pode selecionar livremente as opções de botões que aparecem no painel de acordo com suas necessidades para melhorar a eficiência do trabalho.
12> Crie uma página web para que possa ser atualizada automaticamente a cada 5 minutos.
Ao navegar na Internet, frequentemente encontramos algumas páginas da web. Se não houver resposta após um período de tempo, ele será atualizado automaticamente. Além de servir ao propósito de lembrar aos visitantes, quando o novo endereço de atualização não for a URL atual, é implementada a função de salto automático.
Quer se trate de atualização repetida ou salto automático. Em web design, todas são operações muito práticas. Abaixo apresentamos como fazê-los.
Selecione a seção "Cabeçalho" do painel "Objeto" do DW. Observe que, por padrão, o "conteúdo" do Common é exibido.
Clique no botão "Atualizar" acima,
insira o tempo de atraso da atualização (unidade: segundos) na caixa de entrada "Atraso" e "Ação" é o URL de destino especificado para atualização. Como estamos atualizando a página atual, basta selecionar a opção de menu “Atualizar este documento”.
13> Como definir a palavra-chave (Keyname) de uma página web?
Quando os usuários utilizam mecanismos de busca para pesquisar páginas da web com conteúdo adequado, as palavras-chave desempenham um papel que não pode ser ignorado. A maioria dos servidores de pesquisa detectará automaticamente se novas páginas da web são geradas na rede em intervalos regulares e as registrará por palavras-chave para facilitar as consultas dos usuários.
Claro que você deseja que sua página web apareça na lista de retorno de consulta dos motores de busca. Neste momento, a definição de palavras-chave é particularmente importante.
Ainda no painel “Cabeçalho”,
clique no botão “Palavras-chave” e
insira as palavras-chave que precisam ser definidas uma por uma. Observe que cada palavra-chave é separada por um sinal “;” e não há limite de número.
14> Como ocultar alguns rótulos desnecessários na janela de edição?
Quando o usuário insere muitos elementos invisíveis na página web, uma linha de rótulos correspondentes será exibida na parte superior da janela de edição para facilitar ao usuário encontrá-los a qualquer momento. Embora essas tags em si não afetem o efeito de exibição no navegador, se houver muitas delas, o conteúdo da página web muitas vezes terá que estar desalinhado, dificultando até certo ponto o ajuste visual da página web. como podemos remover essas coisas?
Entre no painel "Preperence", selecione "Elementos Invisíveis" na lista e
marque as "marcas de seleção" na frente dos itensque
você não deseja exibir, como Scripts, etc.
não suporta "quadros"?
Sabemos que existem muitos tipos de navegadores atualmente, então a primeira coisa que consideramos ao projetar uma página da web é muitas vezes “Essa coisa será exibida bem em navegadores diferentes?”. Os quadros são um exemplo!
Mas para evitar isso é muito simples, basta adicionar o seguinte conteúdo ao código-fonte.
< BODY><noframes> --- Esta página contém estruturas de frames Se você não conseguir exibi-las normalmente, baixe uma nova versão do navegador ou mude para um navegador convencional --- </noframes></ BODY>
16> Como prevenir. outros de colocarem sua página da web em um quadro?
Algumas pessoas mal intencionadas muitas vezes roubam os frutos do trabalho de outras pessoas, como colocar páginas cuidadosamente elaboradas de outras pessoas em seus próprios quadros na forma de subpáginas.
Então, como evitar que o seu conteúdo da web seja “roubado”?
Você só precisa adicionar o seguinte conteúdo de código entre <head></head> do código-fonte da página da web:
<script idioma="javascript"><!--
if (self!=top){top.location=self.location;}
-->< /script>
17> Como adicionar conteúdo de comentários?
O conteúdo da anotação, como o nome sugere, aparece apenas como conteúdo explicativo, portanto não aparecerá na página web durante a navegação. Sua função é marcar determinados códigos importantes ou complexos como necessários para que possam ser encontrados com mais facilidade e rapidez.
Entre na seção "Invisibel" do painel "Objeto" (ou seja, elementos invisíveis), selecione o botão Inserir "Comentário" e
digite as informações necessárias em "Comentário". Se você retornar ao código-fonte neste momento, verá que essas operações adicionam nada mais do que um trecho de código no seguinte formato:
<! --Este é o conteúdo da anotação que precisa ser preenchido-->
18> Linha horizontal, por que a cor não pode ser definida?
No DW, ao inserir uma linha horizontal através do menu “Inserir” - “Regra Horizontal”, você descobrirá que não há configuração para a cor da linha horizontal no painel de propriedades, pois o NC mais antigo não suporta a tag < hr> (código HTML para linhas horizontais) ) Atributo COLOR, portanto o DW não tem configurações para ele.
Parece que, se necessário, só podemos entrar diretamente no arquivo de origem para fazer alterações.
<hr color="Código de cor correspondente">
19> Como definir a função que pode fechar a janela atual?
Aqui podemos primeiro inserir o texto usado para marcar "Fechar Janela", arrastá-lo com o mouse para selecioná-lo, digitar "/" na caixa de entrada "Link" e cortar na janela do código-fonte ao mesmo tempo, digitar o event -onclick= no código do link "javascript:window.close(); return false;".
O código completo é: < a href="/" onclick="javascript:window.close(); return false;">Fechar janela</a>
Claro, você também pode substituir o texto "Fechar janela" por outros objetos . Como fotos, botões, etc.!
20> E as janelas que fecham automaticamente em horários programados?
A função de fechar a janela é mencionada acima, então como agora é implementado o fechamento automático?
Adicione o seguinte código após o código fonte <body>:
<script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 10000);
--> </script>
O set Timeout é uma função usada para definir o tempo de atraso, onde 10000 significa 10 segundos.
21> Como alterar o “formato” do mouse no navegador
Geralmente, o mouse aparece no estilo de “seta” no navegador, então podemos alterá-lo para outros estilos que gostamos?
A alteração do formato do mouse é implementada no DW por meio da "folha de estilos CSS".
Menu "Texto" - "Estilo CSS" - "Editar folha de estilo", a janela de edição da folha de estilo aparecerá, você também pode clicar no botão de estilo CSS na barra de início rápido para encontrá-lo, clicar no botão "Novo", selecione o padrão "Criar estilo personalizado" e, em Definir abaixo, faça com que esse estilo se aplique apenas ao documento da web atual, "Somente este documento". Selecione "Extensão" nos itens da lista à esquerda da janela "Definição de estilo" e defina as configurações correspondentes à direita em "Cursor" (mouse para baixo para selecionar a forma apropriada). Após a confirmação, retorne e pressione F12. no navegador. Observe o efeito. Se não estiver satisfeito, você também pode modificar o estilo.
22>Como remover o sublinhado abaixo do texto do link?
Depois de concluirmos a criação do link, o conteúdo do texto do link geralmente é adicionado automaticamente com um sublinhado abaixo para indicar que o conteúdo contém um hiperlink. Quando há muitos links em uma página da web, ela parece um pouco confusa. Na verdade, podemos removê-los facilmente. Entre também na janela "Editar folha de estilo", clique em "Novo" para estabelecer o novo estilo. Em Digite aqui, você precisa selecionar "Redefinir tag HTML", e ao mesmo tempo selecionar o "a" que representa o hiperlink no. tag específica Tag ”e clique em OK.
Edite este estilo, selecione "Tipo" na lista à esquerda e marque a caixa de seleção "Nenhum" em "Decoração". Neste momento, o sublinhado do texto do link em todas as páginas da web será removido.
23> Como fazer com que o mouse “passar” sobre o texto do link produza descoloração, deformação e outros efeitos?
Ao visitar um site, um dos efeitos mais comuns que encontramos é a “resposta do mouse”. A chamada “resposta do mouse” se manifesta no texto do link, incluindo a alteração da cor e a modificação do efeito (sublinhado, linha central) e outras opções.
Como esse efeito desempenha um papel muito bom na ênfase do conteúdo alvo, ele é aplicado tanto a sites pessoais quanto a alguns grandes sites comerciais (como Sina, Sohu, NetEase, etc.).
Na pergunta anterior você já sabia como remover sublinhados de links, então não entrarei em detalhes aqui. A questão a seguir será como adicionar o processo do evento de resposta do mouse.
Entre também na janela "Editar folha de estilo", clique em "Novo" para estabelecer o novo estilo, a diferença é que agora selecione o último item do tipo Type - "Usar seletor CSS", selecione "a:hover" no "Seletor " menu OK , entre na janela de estilo de edição e defina a cor do texto no item "Tipo" como "vermelho". Claro, você também pode adicionar um efeito de sublinhado quando o mouse passa.
24>Como evitar que a imagem de fundo da página web role junto com o conteúdo?
Imagens de fundo são algo que muitos web designers costumam adicionar. Quando o conteúdo da página da web excede uma tela, a imagem de fundo rola junto com o conteúdo relativamente imóvel quando a barra de rolagem é puxada. junto? Claro, você pode entrar na janela "Editar folha de estilo", clicar em "Novo" para estabelecer um novo estilo, selecionar "Redefinir tag HTML" em TYpe, selecionar "Corpo" no menu Tag e selecionar "Fundo" na lista à esquerda. Defina "Anexo" como "fixo". Onde scroll representa a exibição de rolagem padrão.
25> Você deve conhecer a música de fundo, como adicioná-la?
Na ferramenta web da Microsoft - Frontpage, existe uma função de configuração de música de fundo, mas o DW obviamente não faz isso, então se quiser usá-la, você só pode adicioná-la manualmente no código-fonte.
Antes de utilizá-lo, gostaria de lembrar a todos que ao usar música de fundo é preciso estar atento ao tamanho do arquivo da página web, e não perder de vista uma coisa ou outra. O código é o seguinte:
<EMBED src=”music.mid” autostart=”true” loop=”2” largura=”80” altura=”30”>
Entre eles, src especifica a localização do arquivo de música, autostart é a ação após o upload do arquivo de música, true significa iniciar a reprodução automaticamente, false não reproduz (valor padrão).
27> Como adicionar automaticamente a data alterada à página web?
Basta adicionar o seguinte código entre os arquivos fonte <body></body>.
<Script Language="javascript"><!--
document.write("Last Updated:"+document.lastModified
-->< /Script>
é exibido no navegador como: "Last Updated: 2001/8/19); ”
28> Como controlar informações pop-up POPUP?
Às vezes, quando clicamos em um link, aparece alguma informação imediata explicada enfaticamente, ou seja, uma mensagem pop-up. Por exemplo, quando um link não concluiu a produção da página de conteúdo de destino, você pode usar informações POPUP para explicá-lo.
Insira o texto do link em um local adequado na página da web, selecione-o e crie um link no painel de propriedades. Enquanto ainda selecionado, clique no botão "Comportamento" na barra de início rápido,
clique no sinal "+" no canto superior esquerdo, selecione "Mensagem popun" na lista, insira as informações a serem solicitadas na janela subsequente e
defina Definir o evento de mouse (Eventos) desta ação como clique (onclick). O efeito de visualização no navegador é o seguinte
29> Como ocultar as informações do endereço URL na barra de status do navegador?
Ao navegar na web, ao passar o mouse sobre um link, o endereço de destino do link será exibido automaticamente na barra de status abaixo. Por questões de segurança, às vezes é necessário zerá-lo, ou seja, colocá-lo em branco.
Agora você só precisa fazer alguns truques no código do link para alcançá-lo,
< a href=http://tech.163.com/school onMouseOver="window.status='none';return true">NetEase Academy</ a >
30>Como alterar o texto do prompt na barra de status?
Por padrão, quando uma página da web é carregada, o endereço e outras informações da página da web serão exibidos na barra de status. Você quer torná-lo mais atraente?
No painel de comportamento "Comportamento" do DW, clique no sinal "+" para selecionar a opção "Texto da barra de status" em "Definir conjunto de texto" e
digite algo como "Bem-vindo a este site-" em "Definir texto de status Janela "Barra". -Mensagens como "Mensagem de gerenciamento de rede".
31> Como estabelecer um método de processamento de formulários para e-mails?
Os formulários devem ser um elemento indispensável na função interativa das páginas web. A função de um formulário se deve à interação de informações, portanto o processamento de formulários muitas vezes envolve o uso de alta. linguagens de programação de rede de nível superior. Você pode dizer: Uau! Não consigo programar! Na verdade, não importa, algum processamento simples de conteúdo de formulário também pode ser realizado por e-mail.
Primeiro observe o seguinte código:
<form name="content" method="post" action="Handler to be used" </form>
O texto acima é o código-fonte HTML de um formulário típico, no qual METHOD determina o método , incluindo Existem dois tipos: POST e GET. ACTION é o manipulador mencionado acima, que geralmente pode ser implementado através de ASP/PHP/CGI.
Então, como fazer isso usando e-mail? action=mailto:[email protected], portanto, quando o botão enviar for clicado, uma janela de prompt aparecerá. Clique em "OK" e o conteúdo do formulário será enviado para a caixa de correio especificada.
32> Como criar um link de e-mail padronizado?
O chamado “link de e-mail” significa que quando clicarmos nele, o navegador chamará automaticamente o programa cliente de e-mail padrão para enviar um e-mail.
Digite as palavras "PROBLEM MAIL ME", arraste o mouse para selecioná-lo, mude para o painel de propriedades e digite o seguinte comando na caixa de entrada LINK:
Mailto: [email protected] ? Assunto=cartas de internautas&bc=outros endereços de e-mail&bcc=outros endereços de e-mail. Entre eles, Mailto é o protocolo do link do email, Assunto é o título do email, bc é o endereço de email a ser copiado ao mesmo tempo e cco representa a cópia oculta.
33> Como criar um “link vazio”?
Um link vazio é um link sem objeto de link. Em um link vazio, o URL de destino é representado por "#". Ou seja, ao fazer um link, basta inserir a marca # na caixa de entrada LINK do painel de propriedades, e será um link vazio.
O aparecimento de links vazios envolve muitos fatores, como algumas páginas que não são concluídas regularmente e, para manter a consistência na exibição da página (o estilo do link é diferente do estilo de texto comum), você pode usá-lo.
34> Ao clicar em um link vazio, a página geralmente volta para o topo da página. Como lidar com isso?
No navegador, quando clicamos em um link vazio, ele irá redefinir automaticamente a página atual para a primeira página, afetando assim o conteúdo normal de leitura do usuário. Claro, esperamos que ele permaneça inalterado.
Neste momento, você pode usar o código "javascript:void(null)" para substituir a marca "#" original. Olhando para trás, o problema foi resolvido.
35> Como personalizar links que possam saltar livremente dentro da página?
Se você costuma assinar algumas revistas eletrônicas gratuitas on-line, deve estar familiarizado com esse tipo de "link de guia". Por meio de uma lista semelhante a um diretório, você pode pular facilmente para qualquer parte da página. Sem dúvida, seu uso é específico para isso. Projetado para páginas da web com "conteúdo extremamente longo".
Primeiro determine para onde o link aponta, ou seja, onde ele ficará após a tela saltar. Entre na seção "Invisíveis" do painel "Objeto", selecione o texto de destino, clique no botão "Inserir âncora nomeada", digite o nome do rótulo em "Nome da âncora", OK, então uma linha pontilhada vermelha aparecerá automaticamente sob o texto para distingui-lo do conteúdo de texto comum, observe que eles não aparecerão no navegador.
Em seguida, você pode criar um link e inserir "#nchor Name (o nome agora)" na caixa de entrada LINK do painel de propriedades. Claro, se você quiser apontar para um determinado local em outra página, você também pode simplesmente colocar esse rabinho ali.
36> O que devo fazer se criar muitos links em uma imagem ao mesmo tempo?
Esse problema é o que costumamos chamar de "Image HOT". Claro, existe outro nome em DW chamado "Image Hot Area".
Selecione a imagem. Neste momento, há uma barra de ferramentas "Mapa" no canto inferior esquerdo do painel de propriedades. À direita, há três botões para delinear diferentes áreas. permanece na imagem, é exibido em forma de "+", o que significa que pode ser arrastado para a esquerda e para a direita. Após a conclusão, você pode concluir a criação do link de várias áreas de ponto de acesso. Observe que as áreas não podem se sobrepor.
37> Como criar uma imagem invertida que possa responder aos eventos do mouse?
Em muitas páginas da web, frequentemente vemos alguns títulos de colunas, que podem mudar para outra coisa quando o mouse passa sobre eles. Na verdade, muitos deles são obtidos usando duas imagens diferentes, que é o chamado efeito “flip picture”.
Claro, você deve primeiro preparar duas imagens exatamente do mesmo tamanho com antecedência para garantir que não haverá desconforto visual ao virar. Clique em "Rollover Image" no painel "Object" para abrir a janela "Rollover Image Settings". Clique respectivamente no botão "Procurar" para determinar os endereços de "Imagem original" e "Imagem rollover". Certifique-se de marcar a caixa de seleção "Pré-carregar imagem rollover" abaixo, caso contrário, haverá um certo atraso no download quando o mouse deslizar e afetar. o efeito.
38> Como criar uma imagem de “voando por todo o céu”?
Nas páginas iniciais de muitos sites comerciais de grande porte, você frequentemente verá muitas imagens publicitárias flutuando para frente e para trás. Depois de clicar, você pode vincular ao endereço especificado. No DW, isso é feito por meio de Timelines.
Primeiro, insira a imagem de destino na página da web, selecione-a ao mesmo tempo, clique no botão "Timelins" na barra de início rápido para entrar na janela "Timeline", clique com o botão direito no 1frame da linha do tempo e selecione " Adicionar objeto". Neste momento, a linha do tempo Uma barra de cor azul aparecerá na tela (padrão 1-15 quadros), pare a câmera em 15 quadros e mova a imagem na página para a posição final do movimento.
Agora que uma animação de movimento simples foi concluída, você pode ajustar a curvatura do caminho adicionando um quadro-chave no meio. Clique no botão de seta para a direita acima para visualizar o efeito.
39> Como criar uma imagem “suspensa estaticamente” na página?
A chamada “suspensão estática” significa que a imagem sempre tenta ficar em uma determinada posição na página web, de modo que visualmente parece que está “caminhando” com a página, como se estivesse suspensa.
A realização deste efeito é realizada através de javascript, que geralmente requer certos recursos de programação. Felizmente, o DW fornece um plug-in fixo para criar esse efeito, por isso é muito mais simples.
Primeiro, você deve baixar o plug-in stav e copiar os dois arquivos contidos nele (incluindo o arquivo de imagem Cross Browser Static Division.gif e o arquivo da página da web Cross Browser Static Division.htm) para o diretório de instalação do DW ConfigurationObjectsCommon.
Reinicie o DW no painel Objeto, você verá que há um item SI na parte inferior. Selecione-o e defina a distância da camada flutuante para o topo e para a esquerda na janela pop-up e, em seguida, insira o especificado. conteúdo (fotos aqui).
40> Como fazer coexistir conteúdo de texto e imagem?
Todos nós sabemos que em DW, os objetos de imagem geralmente ocupam uma linha, então o conteúdo do texto só pode ser colocado em uma linha paralela a ela. Como o texto pode ser exibido ao redor da imagem?
Selecione a imagem, você pode ver um menu de propriedades “Alinhar” no canto superior direito do painel de propriedades, selecione “Esquerda” e então você descobrirá que o texto foi organizado uniformemente no lado direito da imagem.
41> Realiza a conexão de múltiplas janelas?
O design do painel sempre foi uma característica importante do DW. Na versão DW4, já existem muitos painéis usados. "Conexão de janela" é uma função técnica que pode ser personalizada por todos. Simplificando, significa que você pode colocar dois ou mais painéis em uma janela, conforme necessário. Clique e arraste a barra de guias de um painel para dois painéis. Ao ver uma borda preta, solte o mouse. Neste momento, os dois painéis foram mesclados em um.
42> Como fazer uma linha fina com largura 1?
No DW, embora a linha horizontal apareça em forma de “Linha”, ao fazer linhas finas ela não tem um desempenho satisfatório, principalmente por ser muito grossa e não ter a delicadeza necessária!
Então podemos adotar um método flexível para implementá-lo através da aplicação de tabelas.
Insira uma tabela com 1 linha e 1 coluna na página da web, defina o "cellpadding" e o "cellspacing" da tabela para "0" e defina o "bgcolor" da célula para vermelho. outras cores. Em vez disso, "Altura" define a altura como 1.
A etapa mais crítica é verificar o código-fonte e remover o " " em <td>< /td>.
43>Como fazer um quadrado com borda 1?
Obviamente, ainda temos que completar as configurações da mesa agora.
Talvez você diga que isso não é simples! Basta criar uma tabela com 1 linha e 1 coluna e definir seu valor de “Borda” como 1. Na verdade, a mesa feita desta forma não é um quadrado com borda 1, mas é muito “grossa”!
Da mesma forma, primeiro insira uma tabela com 1 linha e 1 coluna, defina a "borda" e o "cellpadding" da tabela como "0" e defina o "espaçamento entre células" como "1". Defina o "bgcolor" da tabela como vermelho (ou seja, a cor da borda) e defina o "bgcolor" da célula como branco (ou seja, a mesma cor de fundo).
44> Como configurar navegadores diferentes para retornar páginas diferentes?
Diferentes navegadores suportam diferentes tecnologias e efeitos. Portanto, as páginas da web que criamos podem não ser exibidas de maneira adequada ou ideal em todos os navegadores. Neste momento, é necessário um salto para determinar o navegador.
Quando o usuário o abre com diferentes tipos ou versões de navegadores, diferentes páginas podem ser retornadas para garantir a navegação normal do usuário. Clique no botão “Comportamento” na barra de início rápido, clique no sinal “+” e selecione “Verificar navegação” na lista suspensa.
45> Como criar objetos que podem ser arrastados para qualquer lugar de uma página web?
Ao visitar um site, muitas vezes você vê muitos elementos que podem ser arrastados com o mouse, principalmente imagens. Por exemplo, se uma imagem publicitária bloquear o conteúdo que você deseja navegar, você pode selecioná-la com o mouse e jogá-la de lado!
Este efeito é obtido através do comportamento "Arrastar Camada" da camada. Clique no sinal "+" no painel Comportamento e selecione "Arrastar Camada". Claro, você deve garantir que a camada alvo esteja selecionada antes de fazer configurações simples. .