Tocar dicas dreamweaver que economizam tempo

Mesmo os melhores programas de ficar melhor quando você sabe como fazer a maioria deles. Tome um momento para confira essas dicas e salvar toneladas de tempo no desenvolvimento de seu Web site. A maioria dessas dicas se aplicam a ambos os usuários de Macintosh e Windows. Quando se aplicam a apenas um ou o outro, o texto irá dizer se a ponta se aplica ao Windows ou para a versão Mac.

Limpar a desorganização

muitos painéis do Dreamweaver (chamados paletas em versões anteriores) fornecem acesso rápido às suas características mais populares, mas eles podem atravancar a área de design. Para obtê-los fora do seu caminho quando você quer ficar para trás e admirar seu trabalho (ou rasgar outra pessoa para além), use a tecla F4, um atalho que esconde todos os painéis visíveis ao mesmo tempo. Para recuperá-los, é só apertar a tecla F4 novamente.

Video: Dreamweaver СС 2017. Новые возможности Dreamweaver 2017

Para ligar painéis ligado e desligado individualmente, use o atalho de teclado atribuído a cada painel. Selecione janela no menu para encontrar um atalho de teclado listado ao lado do nome de cada painel. Você pode usar esses atalhos para alternar os painéis e desligar individualmente. Você também pode usar a barra do Iniciador no canto inferior direito da janela do projeto para ter acesso ao painel Site, o painel Assets, o painel Estilos HTML, o painel Estilos CSS, o painel Behaviors, eo painel History.

Dividindo o ponto de vista: Trabalho no código

Se você gosta de alternar entre o código HTML e o WYSIWYG (o que você vê é o que você obtém) exibição de design no Dreamweaver, você vai apreciar a nova opção na versão 4 que permite dividir a janela para que você possa visualizar a fonte HTML e área de design do WYSIWYG, ao mesmo tempo. Para dividir a janela, selecione Visualizar -gt; Código e Design.

Você também pode apreciar os recursos avançados do Dreamweaver editor de texto embutido, incluindo auto-recuo e a capacidade de selecionar várias linhas e recuar eles. Você também vai descobrir coloração de sintaxe ao vivo que aparece enquanto você digita - você pode até mesmo distinguir as cores para HTML e javascript. Escolha Editar -gt; Preferências -gt; guia Código Cores para atribuir cores.

A apresentação de seus projetos

Tabelas HTML ainda oferecem a melhor maneira de criar desenhos da Web complexas (porque os navegadores mais antigos ainda não suportam camadas), e Dreamweaver 4 tornou mais fácil do que nunca para criar tabelas em sua área de design visual. No novo Layout View, você pode “desenhar” as tabelas em uma página, arraste-os no lugar, e até mesmo células do grupo em uma tabela aninhada - sem nunca se preocupar com quantas linhas e células que você criou. Você ainda pode usar esse recurso para criar tabelas que mudam com o tamanho da janela, uma grande técnica para assegurar o seu design trabalho em todos os monitores.

Escolha Ver -gt; Table View -gt; Ver layout para acessar o novo ambiente de criação da tabela do Dreamweaver e, em seguida, basta arrastar e soltar para criar qualquer tipo de mesa. Você pode encontrar opções de celulares e layout tabela no painel Objetos.

texto convertendo

Se você está acostumado a usar o Colar como recurso de texto no Dreamweaver 3, não se decepcionar quando você achar que está faltando no Dreamweaver 4. Macromedia simplificou o processo na sua última versão. Agora você simplesmente escolher -gt arquivo; Colar e texto formatado a partir de um documento de processamento de texto mantém sua formatação - bem, tudo bem, pelo menos mantém o espaçamento entre linhas. A verdade é, o Dreamweaver ainda é muito fraco quando se trata de conversão de texto.

Você pode salvar-se de ter que reformatar o texto no Dreamweaver se você usar uma palavra-processamento ou programa de planilha que inclui um recurso Salvar como HTML (Microsoft Word e muitos outros oferecem esse recurso). Em vez de copiar e colar o texto no Dreamweaver, use o programa de processamento de texto -gt arquivo; Salvar como recurso HTML, renomeie o arquivo e abra o novo arquivo no Dreamweaver. Microsoft Word e Excel, mesmo preservar a formatação da tabela, uma verdadeira economia de tempo, se você está lidando com grandes tabelas de texto ou números.

Encontrar fontes funcionais

Designers fico tão animado quando eles descobrem que eles podem usar qualquer fonte. Na realidade, os espectadores deve ter a fonte em seus computadores para exibi-la. O mais comum a fonte, o mais provável é para mostrar a maneira que você pretende. Se você quiser usar uma fonte mais incomum, ir para ele - só não se esqueça que você também incluir alternativas. A lista de fontes Dreamweaver já inclui coleções de fontes comuns, e você sempre pode criar sua própria lista de fontes, escolhendo -gt texto; -gt Font; Editar lista de fontes.

Video: Adobe Dreamweaver CC Tutorial for A-to-Z

Windows é de longe o sistema operacional mais comum na rede. Para garantir a melhor - e mais rápido - resultados para a maioria dos seus usuários, listar uma fonte do Windows pela primeira vez.

Direcionando seus espectadores

Criando vários sites é a solução mais à prova de falhas para se certificar de que todos os espectadores ficam felizes quando você usa designs de página de ponta cheios de DHTML e CSS. Isso significa que você criar dois ou mais conjuntos de páginas: um que usa os mais recentes recursos e um que usa mais velhos, tags HTML mais universalmente aceitos. Mas como você garantir que os telespectadores chegar às páginas da direita? Use o comportamento Verificar navegador.

Video: Vídeo Aula Adobe DreamWeaver CS6. Dicas: Behaviors

O comportamento Verificar navegador é escrito em javascript e determina o tipo de navegador utilizado por cada espectador que terras em seu site. O comportamento, em seguida, direciona os usuários para o design da página mais adequada para a sua versão do navegador. Para usar esse recurso, escolha -gt Window; Comportamentos para abrir o painel de comportamentos. Em seguida, clique no sinal de mais (+) para abrir a lista drop-down de opções. Escolha Verificar navegador e uma caixa de diálogo exibida na qual é possível especificar quais versões do navegador deve ser direcionado para as páginas em seu site. Quando os usuários chegam ao seu site, eles são automaticamente direcionados para a página de sua escolha, com base no tipo de navegador e versão que você especificar.