O Dreamweaver sempre foi uma ferramenta de web design preferida por muitos internautas. Além de seus poderosos recursos de produção de efeitos dinâmicos, sua interface de operação conveniente e concisa também é única. A seguir, tomaremos a versão mais recente do Dreamweaver4 como exemplo e faremos perguntas sistematicamente. Vamos apresentar alguns problemas e técnicas frequentemente encontrados no processo de design.
Observação: por conveniência, a seguir reduziremos toda a representação do Dreamweaver para DW.
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 após inserir um objeto de texto de um determinado; comprimento e, em seguida, ajuste a cor do texto Mesma cor de fundo atual, etc., mas observe que esta última pode apresentar problemas em alguns navegadores. (Haha, aquele que eu estava usando naquela época foi descoberto por Wang Chenyun!)
2> Como adicionar um pequeno ícone personalizado na frente da barra de endereço do navegador?
Você se 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 de WWW.163.COM . Por padrão, este ícone é uma imagem designada do navegador IE. Como mostra a imagem:
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. Como mostra a imagem:
Depois de definida a largura, você com certeza vai 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 "Título" em <a href="" >. Title=conteúdo do prompt é 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.
Bastaselecionar "em branco" na parte superior, conforme mostrado
na imagem
.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, conforme mostrado na figura:
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, conforme mostrado na figura,
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. O painel "Launcher" alterado é mostrado na figura.
Ao mesmo tempo, 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. Conforme mostrado na
figura, clique no botão "Atualizar" acima e a janela pop-up será a seguinte:
Digite 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” conforme mostrado na figura, e a janela de definição aparecerá da seguinte forma:
Basta inserir as palavras-chave que precisam ser definidas uma por uma. Observe que cada palavra-chave é separada por. um sinal ";" e não há limite para o 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” e selecione “Invisibel Elements” na lista, conforme mostrado na figura:
Basta
marcar as “checkmarks” na frente dos itens que não deseja exibir, como scripts, etc.
exibição de navegadores que não suportam conteúdo "frames"?
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 language="javascript"><!--
if (self!=top){top.location=self.location;}
-->< /script>
17> Como adicionar 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) e selecione o botão Inserir "Comentário". A janela é a seguinte:
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.
Conforme mostradona imagem
, se necessário, só podemos inserir diretamente o 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 imagens, 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 Estilo CSS na barra de início rápido para encontrá-lo, como segue:
clique em " Novo ", selecione o padrão "Criar estilo personalizado" e, ao mesmo tempo, faça com que o estilo se aplique apenas ao documento da web atual na definição abaixo, "Somente este documento".
Selecione "Extensão" no item da lista à esquerda da janela "Definição de estilo". As configurações correspondentes à direita são mostradas
no "Cursor" (mouse para baixo para selecionar a forma apropriada). pressione F12 para navegar. Observe o efeito na ferramenta. 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, conforme mostrado
abaixo. Em Tipo (tipo), você precisa selecionar "Redefinir tag HTML", e ao mesmo tempo selecionar a opção "Redefinir". HTML Tag" que representa o hiperlink na tag específica Tag. a" e clique em OK.
Edite este estilo, selecione "Tipo" na lista à esquerda e
marque a caixa de seleção "Nenhum" em "Decoração" da seguinte forma, 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 " como segue
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"
da seguinte maneira
.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" width="80" height="30">
onde src especifica a localização do arquivo de música e autostart é o ação após o upload do arquivo de música verdadeiro significa iniciar a reprodução automaticamente, falso não reproduzir (valor padrão).
26> Como usar linhas horizontais para fazer uma linha fina com largura 1?
Clique aqui para ver o método de implementação (adicionado pelo editor)
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(“Última atualização:”+document.lastModified);
-->O estilo de exibição de < /script>
no navegador é: "Última atualização: 19/08/2001"
28> Como controlar as informações pop-up do 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, por exemplo:
clique no sinal "+" no canto superior esquerdo, selecione "Mensagem popun" na lista e insira as informações que precisam ser solicitadas no janela subsequente, conforme mostrado na figura,
defina o evento de mouse (Eventos) desta ação para clicar (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, como segue
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; =' none';return true">Pacific Online 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", conforme mostrado na figura,
digite algo como "Bem-vindo a este site" no " Janela Definir texto da barra de status ". Site - Mensagem de gerenciamento de rede" e outras informações da mensagem.
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], então quando o botão enviar for clicado, uma janela de prompt aparecerá, como segue:
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.
Conforme mostrado nafigura:
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.
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 e clique no botão "Inserir âncora nomeada".
Digite o nome da tag em “Nome da âncora” e clique em OK. Uma linha pontilhada vermelha aparecerá automaticamente sob o texto para distingui-lo do conteúdo de texto comum.
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 estão três botões para delinear diferentes áreas. A
ferramenta retângulo é usada como exemplo na figura. , o mouse permanece na imagem. Ele será exibido em forma de "+", o que significa que você pode arrastá-lo 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", da seguinte forma:
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. acabou.
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", conforme mostrado na imagem:
Clique com o botão direito na posição de 1frame em na linha do tempo e selecione "Adicionar objeto". Uma barra de cor azul (padrão 1-15frame) aparecerá na linha do tempo. Pare a câmera no 15frame 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 um certo nível de habilidade 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, /u/info_img/2009-05/31/stav.zip, e descompactar os dois arquivos dentro dele (incluindo o arquivo de imagem Cross Browser Static Division.gif e o arquivo da página da web Cross Browser Divisão estática. htm) são copiados 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 e você verá um menu de propriedades "Alinhar" no canto superior direito do painel de propriedades. Selecione
"Esquerda" conforme mostrado na figura. Neste momento, você verá que o texto foi organizado uniformemente no. lado direito da imagem.
41> Como conectar várias 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 barrade
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.
a página da web Ocultar alguma coisa?
Em web design, às vezes precisamos inserir algum conteúdo que não precisa ser exibido, como sistema de estatísticas de tráfego, sistema de análise de acesso de usuários, etc. que a presença deles não afetará o layout de outros elementos da página da web.
Clique no botão "Camadas" no painel "Objeto", arraste o mouse para criar uma nova camada e coloque nela todo o conteúdo que precisa ser ocultado, conforme mostrado na imagem:
Clique na pequena caixa no canto superior esquerdo de a camada para marcá-la como selecionada e, ao mesmo tempo, mude para o painel de propriedades, defina o valor Vis como "Oculto", conforme mostrado na imagem:
Uau! Todo o conteúdo realmente desapareceu
43> Como criar um menu suspenso simples?
Os menus suspensos são muito comuns em páginas da web, pois podem economizar muito espaço na página da web e são usados principalmente em situações em que vários objetos precisam ser listados, como listas de links de amigos, endereços de sites cooperativos, etc.
A DW fornece um método de produção extremamente simples, para que não tenhamos que escrever aqueles códigos chatos!
Entre na seção "FORM" do painel "Objeto", conforme mostrado na figura:
clique no botão "Inserir menu de salto" para abrir a janela de configuração do "Menu suspenso":
insira o nome do item de menu em "Texto "; digite o URL em "Ir para URL" ou use o botão Navegar para selecionar. Clique no sinal "+" superior para inserir novos itens de menu e todos os itens serão exibidos em "itens de menu".
44> Como fazer uma linha fina com uma largura de 1?
No DW, embora a linha horizontal apareça na forma de "linha", ao fazer linhas finas, ela não funciona satisfatoriamente, principalmente porque é muito grossa e não possui a iguaria necessária!
Em seguida, 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 na página da web, defina o "CellPadding" e "Cellspacing" da tabela como "0" e defina o "BGCOLOR" da célula como vermelho. Outras cores.
A etapa mais crítica é verificar o código -fonte e remover o "" em <td> </td>.
45> Como fazer um quadrado com uma borda de 1?
Obviamente, ainda precisamos concluir as configurações da tabela agora.
Talvez você diga, isso não é simples! Basta criar uma tabela com 1 linha e 1 coluna e definir seu valor "borda" como 1. De fato, a mesa feita dessa maneira não é um quadrado com uma borda de 1, mas é muito "grossa"!
Da mesma forma, primeiro insira uma tabela com 1 linha e 1 coluna, defina o "borda" e o "padding de células" da tabela como "0" e defina o "Cellspacing" como "1". Defina o "bgcolor" da tabela como vermelho (ou seja, a cor da borda) e defina o "bgcolor" da célula para o branco (ou seja, a mesma cor de fundo). O efeito é o seguinte:
46> Como configurar diferentes navegadores para retornar páginas diferentes?
Diferentes navegadores suportam diferentes tecnologias e efeitos. Portanto, as páginas da web que projetamos podem não ser exibidas de maneira correta 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 plataforma de iniciação rápida, clique no sinal "+" e selecione "Verifiquea
navegação" na lista suspensa.
47> Como criar objetos que podem ser arrastados em qualquer lugar da página da web?
Ao visitar um site, você costuma ver muitos elementos que podem ser arrastados com o mouse, principalmente imagens.
Esse efeito é alcançado através do comportamento da camada de arrasto da camada .
48> Como adicionar uma folhade
estilo externo (CSS) a uma página da web.
As referências externas de CSS são implementadas através da tag <ink>.
A tag <ink> inclui href; tipo; configurações de atributo rel. Entre eles, href: o URL de endereço usado para calibrar o arquivo de página de estilo;
49> Qual é o objetivo de definir a base (endereço base) de uma página da web?
Na seção "Head" do painel "Objeto", há um botão chamado "base", que é usado para definir o endereço base do site.
Como todos sabemos, os métodos de link que usam no DW são relativos, não absolutamente.
No entanto, às vezes precisamos apenas de não mudar, ou seja, para forçá -lo a usar um endereço fixo, clique no botão "Base", como mostrado na figura:
digite o URL do endereço base em "href" e clique "Ok" para torná -lo eficaz.
50> Como localizar com precisão o conteúdo em uma página da web?
Esta é uma questão de habilidade ilustrativa, por isso colocamos no final das 50 perguntas. Atualmente, o posicionamento do conteúdo da página da Web DW é alcançado principalmente por meio de tabelas e camadas.
A tabela usa principalmente cada célula para concluir o layout de diferentes conteúdos. Independentemente de todos os navegadores, são universais e não há suporte técnico.
Relativamente falando, o uso de camadas é mais casual. A única coisa é que as camadas são suportadas apenas em versões mais recentes dos navegadores, mas, a julgar pela situação atual, não deve haver obstáculos!