20 dicas para criar páginas da Web com o Dreamweaver
Autor：Eve Cole
Data da Última Atualização：2009-06-01 01:02:13
1) Como integrar o Dreamweaver ao navegador IE?
O programa de instalação do Dreamweaver adicionará um comando “Editar com Dreamweaver” ao menu de contexto. Também podemos modificar o registro do Windows para integrá-lo ao IE. Assim como o MS Word, Frontpage e Notepad, o Dreamweaver é chamado para abrir a página da web atual através do botão de edição na barra de ferramentas do IE.
Altere a última linha do texto a seguir para o seu próprio caminho de instalação do Dreamweaver, salve-o como um arquivo *.reg e clique duas vezes nele para adicionar as informações ao registro.
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Arquivos de programasMacromediaDreamweaver 3dreamweaver.exe %1"
Se você deseja defini-lo como o editor padrão do IE, abra as "Opções da Internet" do IE e especifique-o na guia Programa.
2) Para utilizar determinados scripts, muitas vezes é necessário adicionar links vazios a gráficos ou texto. Porém, ao clicar em um objeto com link vazio durante a navegação, ele irá para o topo da página. esse?
Porque o navegador pensa que o link é para a mesma página, mas não consegue encontrar o marcador definido (âncora), então ele permanece no topo da página. Substitua o " # " dos links vazios por " javascript:void(null) " para resolver este problema.
3) Ao usar CSS e camadas, os efeitos em diferentes navegadores são diferentes e às vezes ocorre até desalinhamento.
Em termos de compatibilidade com diferentes navegadores, o Dreamweaver faz um bom trabalho, mas isso não significa que as páginas da web criadas com o Dreamweaver serão exatamente iguais no IE e no Netscape. Em circunstâncias normais, a aparência da mesma página navegada por diferentes navegadores não pode ser exatamente a mesma. Isto é determinado pelos navegadores de diferentes fabricantes.
Geralmente, tente prestar atenção às seguintes questões:
Não misture o layout da camada e da tabela. Se houver um relacionamento pai-filho, como uma tabela em uma camada, isso não está dentro do escopo deste princípio;
CSS inline geralmente causa problemas no Netscape Navigator, use encadeamento ou inline;
Às vezes é necessário inserir tabelas ou imagens transparentes em uma camada vazia para garantir o efeito no Netscape Navigator. Para camadas com apenas alguns pixels de largura ou altura, use imagens;
Evite usar propriedades tipográficas que não sejam recomendadas pela organização W3C e, em vez disso, use CSS.
4) Por que ao copiar texto de outros documentos para o Dreamweaver, todos os parágrafos ficam amontoados e há códigos de formatação dentro do Dreamweaver?
Existem duas categorias de copiar e colar texto no Dreamweaver. A forma padrão copia o objeto junto com suas propriedades e usa o conteúdo da área de transferência como código HTML; a outra forma apenas copia ou cola o texto, ignorando o formato html ao copiar e colar; colando. Em seguida, cole o código HTML como texto. Pressione mais uma tecla “Shift” (Ctrl+Shift+C/Ctrl+Shift+V) para operar desta última maneira.
5) Por que a página web pode ser navegada normalmente usando o IE, mas não atende aos requisitos ou até comete erros ao usar o Netscape Navigator, e por que não pode ser bem modificada na janela do documento do Dreamweaver?
Por favor, verifique o código. Como você usa o editor WYSIWYG para modificar repetidamente certas partes da página, às vezes algum código redundante será deixado, como links redundantes. Esses códigos não podem ser vistos na janela do documento do Dreamweaver e o IE os ignorará. No entanto, o Netscape Navigator possui requisitos de código mais rígidos e fenômenos incríveis ocorrem durante a visualização.
6) No Netscape Navigator alguns marcadores (âncoras) não funcionam e alguns parecem ter desaparecido?
Os marcadores do Netscape Navigator diferenciam maiúsculas de minúsculas. No Navigator, os marcadores em tabelas aninhadas de múltiplas camadas serão perdidos.
7) A janela do documento do Dreamweaver está repleta de vários painéis. Para editar o documento, tenho que abrir cada lacuna.
Uma tela com resolução de 800X600 é realmente pequena demais para o Dreamweaver, mas mesmo 1024X768 não cabe em todos os painéis. O segredo é estar bem organizado.
Feche os painéis que não são usados temporariamente na edição e junte os painéis comumente usados para economizar espaço na tela;
A menos que você precise usá-lo agora, feche o “HTML Source Inspector”. Além de ocupar espaço na tela, ele também ocupa recursos consideráveis do sistema;
Pressione F4 para ocultar todos os painéis abertos e ver o documento inteiro, e pressione novamente para exibir os painéis;
Existe um comando “Organizar paletas flutuantes” no menu “Windows”. Use este comando para colocar todos os painéis abertos ao redor da janela sem se sobreporem.
Usar teclas de atalho com frequência e dominá-las com proficiência é uma boa maneira de melhorar a eficiência do trabalho.
Ao adicionar objetos invisíveis, o Dreamweaver adicionará o ícone correspondente na parte superior da página na janela do documento. Se houver muitos ícones, isso poderá dificultar a edição. Você pode ocultá-los e exibi-los pressionando "Ctrl+Shift+I" (menu principal Exibir|Elementos invisíveis). Você também pode configurar esses ícones para não aparecerem, mas isso não é recomendado porque eles ajudam a selecionar objetos para edição.
8) O painel do objeto Head só pode adicionar conteúdo. O conteúdo da tag <head> pode ser modificado na janela do documento?
Pode. Existe uma maneira muito intuitiva, pressione "Ctrl+Shift+W" (menu principal Exibir | Conteúdo do cabeçalho), uma linha de ícones aparecerá sob a barra de menu principal da janela do documento, clique nesses ícones para modificar.
9) Como selecionar imagens muito pequenas em tabelas e camadas, como 1X1px?
Clique em uma célula da tabela, mantenha pressionada a tecla “Shift” e mova com as teclas de seta para selecionar.
Você também pode selecionar a célula da tabela (pressione a tecla Ctrl e clique na célula correspondente com o mouse) ou camada primeiro e, em seguida, selecione <img src="..."> no código destacado no painel "HTML Source Inspector" para retornar à janela do documento e a imagem será selecionada.
10) Como editar o nome (Título) de um sistema framework?
Pressione "Ctrl+F10" para abrir o painel "Molduras", clique no quadro mais externo e pressione "Ctrl+J" (menu principal Modificar | Propriedades da página).
11) Como alterar o evento padrão de “comportamentos”?
O arquivo de configuração do evento é colocado na pasta "ConfigurationBehaviorsEvents" no diretório de instalação do Dreamweaver. Por exemplo, para navegadores da versão 4.0 ou superior, abra o arquivo "4.0 and Later Browsers.htm".
<A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
Mova o "*" em " onClick="*" " para " onMouseOver="" " e altere para: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
Reinicie o Dreamweaver, o evento padrão deste tipo se torna "onMouseOver". Outras analogias.
12) Ao abrir uma página, uma pequena janela pode ser aberta ao mesmo tempo usando o Dreamweaver?
Sim, sem escrever uma única linha de código. Use o script integrado "Abrir janela do navegador" no painel "comportamentos" para definir a página, o tamanho da janela e as propriedades. Como mostrado na imagem:
13) Ao inserir uma tabela, sempre há um espaço (< td> < /td>) na célula da tabela. Como posso evitar que isso aconteça?
Isso é gerado automaticamente pelo Dreamweaver, não o exclua. Se não houver nada numa célula da tabela, o Netscape Navigator não exibirá a célula.
14) A tag <head> de um documento modelo não pode ser editada, exceto para o tema da página web. Como posso adicionar comportamentos a uma página web baseada neste modelo?
Use o painel "Inspetor de origem HTML" para adicionar uma tag editável antes do "</head>" do documento modelo, como segue:
< !-- #BeginEditable "Javascript" -->
<linguagem script="JavaScript">
</script>
< !-- #EndEditable -->
15) Ao cooperar para desenvolver e gerenciar um site, utilizando o sistema de registro/inspeção do Dreamweaver, são adicionadas diferentes permissões de acesso aos arquivos relacionados ao site no servidor remoto?
Check in/check out é um mecanismo de gerenciamento usado internamente pelo Dreamweaver e não tem nada a ver com atributos de arquivo. "check out" significa que o arquivo está sendo usado por mim e outras pessoas não podem editá-lo; "check in" significa que o arquivo pode ser retirado e editado por outros colegas, e o arquivo local se tornará somente leitura para me impedir de fazer check-out e editá-lo por outros colegas. alterando-o.
O Dreamweaver implementa a função de check in/check out gerando arquivos ".lck" correspondentes em servidores locais e remotos. Esses arquivos não são exibidos na janela "Site". Nenhum atributo é adicionado ao arquivo. Se você usar outras ferramentas e editores de FTP, ainda poderá abri-los.
16) Ao criar uma página web, o mouse fica voando, muitas vezes alterando o tamanho das imagens definidas. Isso pode ser corrigido sem revisar a imagem?
Se o tamanho da imagem não corresponder, seu valor ficará em negrito no painel de propriedades. Pressione o botão “Atualizar” no painel para restaurá-lo ao seu tamanho real.
17) Como posso clicar em um link e alterar vários frames ao mesmo tempo?
A maneira mais direta é criar um sistema de quadros para o link.
É mais fácil usar o comportamento "Ir para URL" do Dreamweaver. A caixa de diálogo exibe todos os frames. Basta preencher a página correspondente na coluna "URL" abaixo.
18) Quero adicionar comportamento ao texto, mas os itens no painel de comportamento estão todos escuros e não selecionáveis. O que devo fazer?
Ao me deparar com essa situação antes, geralmente insiro uma imagem ao lado do texto e adiciono o comportamento necessário à imagem. Em seguida, edite o código, mova-o sobre o texto e remova a imagem.
O método acima é mais complicado. A maneira conveniente é vincular o texto a "javascript:void(null)" e esses comportamentos serão revelados honestamente.
19) Ao colocar uma camada usando comportamentos na Biblioteca, o Dreamweaver não permite que os comportamentos da camada sigam. O que devo fazer?
Use modelos.
20) O script que verifica o plug-in Flash e redireciona às vezes é anormal. Existe algum outro método?
Ao criar páginas da web em Flash, as pessoas estão acostumadas a usar o comportamento de "plug-in de verificação" do Dreamweaver para redirecionamento. Mas às vezes ele informa incorretamente, dizendo que o plug-in está obviamente instalado, mas diz que não. Esta é uma maneira sólida de redirecionar.
Crie uma nova página inicial como página de redirecionamento. Use "Insert Refresh" no painel de objetos "head" para direcionar para uma página da web que não usa tecnologia Flash, conforme mostrado na figura. Ele adicionará o seguinte código ao cabeçalho da página: < meta http-equiv="refresh" content="4;URL=noflash.htm">
Faça outro pequeno vídeo em Flash e adicione um comportamento "Obter URL" no primeiro quadro para apontar para uma página usando a tecnologia Flash. Incorpore este pequeno vídeo em sua página inicial para fins de segmentação.
Obviamente, esta página redirecionada é muito confiável.
